@import url('./assets/study-fonts.css');
@font-face{font-family:Editorial;src:url('./assets/editorial.otf') format('opentype');font-display:swap}
@font-face{font-family:Calligraphy;src:url('./assets/calligraphy.ttf') format('truetype');font-display:swap}
@font-face{font-family:Mondwest;src:url('./assets/pixel.otf') format('opentype');font-display:swap}
:root{--paper:#000;--ink:#fff;--muted:#969696;--line:#292929;--surface:#111;--ease:cubic-bezier(.22,1,.36,1)}
html{background:#000;scroll-padding-top:20px}body{background:#000;color:#fff}body:after{display:none}body::selection{background:#fff;color:#000}.header{height:76px;margin:0;padding:0 28px;border:0;max-width:none;position:relative;z-index:20;gap:20px;background:#000}.brand{font-size:14px;font-weight:600;letter-spacing:-.4px;gap:8px}.brand-plus{font-size:22px;transform:rotate(12deg);display:inline-block}.header nav{margin-left:auto;gap:30px}.header nav a{color:#fff;font-size:11px;letter-spacing:.1px;padding:5px 0}.header nav a:after{bottom:-3px}.motion-control{width:30px;height:30px;font-size:14px;border:1px solid #333;border-radius:50%;flex-shrink:0}.motion-control:hover{background:#fff;color:#000}.roll-window{display:inline-flex;position:relative;overflow:hidden;line-height:1.3}.roll-window>span{display:inline-block;transition:transform .45s var(--ease);transition-delay:calc(var(--i)*18ms)}.roll-window>span:after{content:attr(data-letter);position:absolute;top:100%;left:0}.roll-window>span{position:relative}.header a:hover .roll-window>span,.enter-link:hover .roll-window>span{transform:translateY(-100%)}.hero-scene{min-height:calc(100svh - 76px);position:relative;display:grid;place-items:center;padding:130px 20px 170px;isolation:isolate;overflow:hidden}.cursor-grid{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.cursor-cell{position:absolute;width:5vw;height:5vw;background:white;opacity:0;transition:opacity .3s ease-out}.cursor-cell.lit{opacity:1;transition:none}#cover-title{font-family:Editorial,Georgia,serif;font-size:clamp(42px,3.8vw,70px);line-height:1.185;letter-spacing:-1.6px;font-weight:400;text-align:center;text-transform:uppercase;mix-blend-mode:difference;pointer-events:none;position:relative;z-index:2;width:max-content;max-width:100%;margin:-35px 0 0}#cover-title>span{display:block;white-space:nowrap}.calligraphic{font-family:Calligraphy,cursive;font-size:1.52em;line-height:0;display:inline-block;margin-right:2px;font-weight:400;text-transform:none;position:relative;top:.02em;letter-spacing:0}.pixel{font-family:Mondwest,monospace}.hero-line.pixel{font-size:1.11em;line-height:1.06;letter-spacing:-1.5px;margin:3px 0 7px}.pixel-sun{font-size:1.04em;margin:0 5px;vertical-align:baseline}.mission-line{display:flex!important;align-items:center;justify-content:center;gap:2px}.hero-wild{width:43px;height:50px;margin-left:10px;transform:rotate(-9deg)}.hero-foot{position:absolute;bottom:38px;left:28px;right:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;font-size:9px;line-height:1.8;letter-spacing:.8px}.dim{color:#777}.enter-link{font-size:11px;letter-spacing:.5px;border-bottom:1px solid #555;padding-bottom:7px}.enter-link:hover{border-color:#fff}.scroll-cue{display:flex;align-items:center;gap:25px;font-size:9px;letter-spacing:1px}.scroll-cue span{font-size:20px;animation:scroll-hint 2.6s ease-in-out infinite}.motion-section{border-top:1px solid #292929;padding:85px 5% 50px;overflow:hidden}.motion-heading{display:grid;grid-template-columns:.6fr 1.3fr .5fr;align-items:start;gap:28px;position:relative}.motion-heading>.eyebrow{font-size:10px;padding-top:12px;color:#aaa}.motion-heading h2{font:clamp(45px,5.5vw,85px)/.98 var(--serif);letter-spacing:-2px}.handwritten{font:italic 24px/1.1 var(--serif);display:inline-block;transform:rotate(-10deg)}.motion-heading .handwritten{padding-top:60px}.handwritten svg{width:90px;height:65px;margin-left:20px;fill:none;stroke:#fff;stroke-width:1}.vortex-trigger{display:block;width:100%;height:640px;max-height:75vw;position:relative;margin:30px 0 0;text-align:center;isolation:isolate;overflow:hidden;border-radius:0;border:0;background:#000}.sculpture-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;pointer-events:none}.reel-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,52px);font:clamp(50px,10vw,165px)/1 var(--sans);font-weight:500;letter-spacing:-.075em;mix-blend-mode:difference}.reel-title>span:not(.reel-play-disc){transition:transform .8s var(--ease)}.vortex-trigger:hover .reel-title>span:first-child{transform:translateX(-15px)}.vortex-trigger:hover .reel-title>span:last-child{transform:translateX(15px)}.reel-play-disc{display:grid;place-items:center;border:1px solid #fff;border-radius:50%;width:90px;height:90px;font-size:36px;letter-spacing:0;transition:transform .6s var(--ease)}.vortex-trigger:hover .reel-play-disc{transform:rotate(45deg)}.reel-caption{position:absolute;bottom:26px;left:0;font-size:9px;letter-spacing:1.4px}.reel-number{position:absolute;bottom:26px;right:0;font:12px/1.6 monospace;text-align:right}.motion-bottom{display:grid;grid-template-columns:1fr 1fr 170px;gap:20px;align-items:center;padding:35px 0;border-top:1px solid #292929}.motion-bottom p{font-size:14px;line-height:1.7;color:#aaa}.motion-bottom .text-link{grid-column:auto;justify-self:center}.loose-orbit{width:120px;height:80px;transform:rotate(-12deg);justify-self:end}.manifesto{padding:130px 8% 150px;position:relative}.manifesto>.eyebrow{color:#888;font-size:10px}.manifesto h2{font:clamp(52px,6.5vw,98px)/.97 var(--serif);letter-spacing:-3px;margin-top:32px;position:relative;width:fit-content}.manifesto h2 svg{position:absolute;right:-130px;top:30px;width:85px;height:100px;transform:rotate(14deg)}.manifesto p{font-size:15px;line-height:1.8;margin:36px 0 30px;color:#999}.manifesto>a{display:inline-block}.footer{border-color:#292929;padding:30px 0;max-width:none;margin:0 5%;font-size:9px}.footer>a:first-child{font-size:13px;font-weight:600;letter-spacing:-.3px}.section-heading{margin:55px 5% 55px;max-width:none;align-items:flex-end}.section-heading h1{font-size:clamp(48px,5.3vw,84px);line-height:1.03}.section-heading .eyebrow{font-size:10px;color:#888}.section-heading p{color:#888}.prototype-label{color:#888;border-color:#333;font-size:8px}.workspace-layout{margin:0 5% 70px;border-color:#262626;grid-template-columns:210px 1fr;background:#080808;max-width:none;transform:none}.sidebar{background:#050505;border-color:#262626;padding:29px 18px}.project-label{padding-bottom:40px}.project-label .tiny-star{display:inline-flex}.project-label .tiny-star svg{width:32px;height:35px}.side-item{border-radius:1px;padding:15px 12px}.side-item.selected{background:#fff;color:#000}.side-item.selected small{color:#555}.side-item span{font-size:12px}.side-item:not(.selected):hover{background:#181818}.side-label{color:#777}.work-main{padding:35px}.work-toolbar h2{font-size:42px}.outline-button{border-radius:0;background:#101010;font-size:11px;padding:12px 15px}.outline-button:hover{border-color:#777;background:#181818}.metrics{padding:26px 0;border-color:#333}.metric-label{color:#888;font-size:11px}.metric-value{font-size:65px}.metric-note{color:#777}.metric-value small{color:#999}.metric{border-color:#292929}.chart{height:250px}.chart-card{margin-top:30px}.chart text{fill:#888}.chart .grid{stroke:#282828}.chart .area{fill:#fff;opacity:.055}.chart .line{stroke:#fff}.chart circle{fill:#080808;stroke:#fff}.segment{border-radius:0}.segment button{border-radius:0}.segment button.active{color:#000;background:#fff}.work-footer{color:#bbb}.thinking-mark svg{width:24px;height:28px}.source-table td{padding:24px 10px}.scenario-grid{gap:18px}.scenario-card{background:#101010;border:1px solid #333;padding:30px 22px;transition:transform .4s var(--ease),border-color .4s}.scenario-card:nth-child(2){transform:translateY(12px)}.scenario-card:hover{transform:translateY(-5px);border-color:#999}.scenario-card h3{font-size:34px}.note-paper{background:#111;transform:rotate(-1deg);border:1px solid #333}.language-grid{margin:0 5%;border:0;grid-template-columns:1.1fr .95fr 1fr;align-items:start;gap:25px;max-width:none}.specimen{border:1px solid #2b2b2b!important;min-height:430px;position:relative;padding:24px 28px;background:#080808;overflow:hidden}.specimen-head{font-size:9px;color:#aaa}.specimen-head>span:last-child{font-size:7px;color:#777}.specimen h2{font-size:34px;letter-spacing:-.7px}.specimen p{color:#777;font-size:12px}.ink-specimen{border-radius:52% 48% 2px 2px / 3% 2% 1px 1px;transform:rotate(-1.5deg);margin-top:12px}.dark-specimen{transform:rotate(1deg);margin-top:75px;background:#030303;min-height:445px}.process-specimen{border-radius:2px 45% 2px 2px / 1px 3% 1px 1px;transform:rotate(-.8deg)}.specimen-mark{position:absolute;right:22px;bottom:70px;font:italic 22px var(--serif);transform:rotate(-14deg)}.goo-stage{height:265px;isolation:isolate}.goo-stage:before{content:"";position:absolute;width:180px;height:90px;left:50%;top:50%;transform:translate(-50%,-50%);background:#777;filter:blur(38px);opacity:.25;transition:opacity .6s}.goo-stage:hover:before{opacity:.5}.goo-balls{filter:url(#ink);gap:0}.goo-balls>span{background:#e8e8e8;width:91px;height:91px;margin:0 7px;box-shadow:none;transition:transform 1s var(--ease)}.goo-icons>span{width:105px;color:#080808;font-size:37px}.goo-stage:hover .goo-balls>span:first-child,.goo-stage.merged .goo-balls>span:first-child,.goo-stage:hover .goo-icons>span:first-child,.goo-stage.merged .goo-icons>span:first-child{transform:translateX(29px) rotate(-8deg)}.goo-stage:hover .goo-balls>span:last-child,.goo-stage.merged .goo-balls>span:last-child,.goo-stage:hover .goo-icons>span:last-child,.goo-stage.merged .goo-icons>span:last-child{transform:translateX(-29px) rotate(8deg)}.metal-stage{height:285px;position:relative;overflow:hidden}.process-demo{height:265px;font-size:24px;gap:25px}.process-flower{width:67px;height:75px;color:#fff;animation:imperfect-spin 9s linear infinite}.process-note{position:absolute;right:22px;bottom:80px;color:#aaa;font-size:21px}.type-sheet{margin:75px 5% 0;max-width:none;gap:35px;padding:40px 0;grid-template-columns:1fr 1fr 1fr}.type-sheet h2{font-size:37px;line-height:1}.type-sample{display:flex;align-items:center;justify-content:center;gap:18px}.type-sample>span{font-size:70px}.type-sample .sample-editorial{font-family:Editorial,serif}.type-sample .sample-script{font-family:Calligraphy,cursive;font-size:100px;transform:rotate(-8deg)}.type-sample>.pixel{font-family:Mondwest,monospace;font-size:73px}.swatches{height:108px;transform:rotate(2deg)}.swatches>span{border-color:#333;color:#fff;font-size:9px}.swatches>span:last-child{color:#000;border-color:#fff}.scramble-lab{margin:45px 5%;padding:35px 0 45px;border-bottom:1px solid #292929}.scramble-lab>.eyebrow{color:#777}.scramble-lab button{display:flex;align-items:center;gap:30px;margin:25px 0 20px;padding:0;text-align:left;font-family:var(--serif);font-size:clamp(28px,4.5vw,66px);letter-spacing:-1px}.scramble-lab button>span:last-child{font:24px var(--sans);border:1px solid #333;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;flex-shrink:0}.scramble-lab p{color:#888;font-size:12px}.principles{margin:20px 5% 60px}.identity-layout{margin:0 5% 80px;display:grid;grid-template-columns:1.05fr 1fr;gap:10%}.identity-poster{min-height:610px;border:1px solid #333;display:flex;flex-direction:column;align-items:center;padding:35px 25px;transform:rotate(-2deg);position:relative;background:#080808}.identity-poster>.eyebrow{font-size:9px;color:#888}.identity-word{font:clamp(40px,5vw,80px) var(--serif);letter-spacing:-3px;margin-top:90px}.identity-number{font-size:230px;line-height:.9;position:relative}.identity-number svg{position:absolute;right:-45px;top:0;width:56px;height:65px;transform:rotate(12deg)}.identity-sign{margin:32px 0 65px;font-size:30px}.identity-poster>.eyebrow:last-child{margin-top:auto}.identity-story{padding-top:32px}.identity-story article{border-bottom:1px solid #292929;padding:0 0 30px;margin-bottom:35px}.identity-story article>span{font-size:9px;letter-spacing:1.4px;color:#888}.identity-story h2{font:48px var(--serif);margin:15px 0}.identity-story p{color:#aaa;line-height:1.8;font-size:14px;max-width:440px}dialog{background:#000;color:#fff;border:1px solid #333;width:95vw;height:90svh;max-width:1400px;isolation:isolate}dialog::backdrop{background:#000d}.reel-copy{mix-blend-mode:difference}.reel-copy h2{font-family:Editorial,serif;font-size:clamp(55px,9vw,145px);line-height:1.03}.reel-copy h2 i{font-family:Calligraphy,cursive;letter-spacing:-2px;font-size:1.1em}.reel-copy p{font-size:10px;letter-spacing:2px}.reel-progress{background:#fff}.reel-label,.close-reel,.reel-end{z-index:3}.reel-label{color:#aaa}.reel-end{color:#aaa}.view{animation:page-in .5s var(--ease)}.scramble{display:inline-block;white-space:pre}.reduced-motion .cursor-grid{display:none}.motion-paused .cursor-grid{display:none}.shader-fallback{background:radial-gradient(ellipse at center,#555 0%,#111 25%,#000 65%)}
@keyframes scroll-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes imperfect-spin{0%{transform:rotate(-8deg) scale(1)}30%{transform:rotate(110deg) scale(.91,1.06)}65%{transform:rotate(225deg) scale(1.08,.94)}100%{transform:rotate(352deg) scale(1)}}
@media(min-width:1800px){.hero-scene{padding-top:170px}.hero-foot{left:40px;right:40px}.header{padding:0 40px}.motion-section,.manifesto{max-width:1800px;margin:auto}.section-heading,.workspace-layout,.language-grid,.type-sheet,.identity-layout{max-width:1640px;margin-left:auto;margin-right:auto}}
@media(max-width:1100px){.hero-scene{min-height:calc(100svh - 76px);padding-top:120px}#cover-title{font-size:4.4vw}.hero-line.pixel{letter-spacing:-1px}.language-grid{gap:16px}.specimen{padding:22px 18px}.specimen-head>span:last-child{display:none}.workspace-layout{grid-template-columns:175px 1fr}.work-main{padding:25px}.type-sheet{gap:20px}.type-sheet h2{font-size:30px}.type-sample>span{font-size:55px}.type-sample>.pixel{font-size:60px}.identity-layout{gap:7%}.identity-number{font-size:190px}.identity-word{margin-top:90px}.identity-poster{min-height:580px}}
@media(max-width:760px){.header{height:92px;min-height:0;padding:20px 5% 10px;flex-wrap:wrap;gap:12px;align-content:center}.brand{font-size:13px}.header nav{order:3;width:100%;margin:0;justify-content:space-between;gap:15px}.header nav a{font-size:9px;letter-spacing:.2px;padding:0}.motion-control{margin-left:auto;width:25px;height:25px;font-size:11px}.hero-scene{min-height:calc(100svh - 92px);padding:110px 12px 165px}#cover-title{font-size:5.25vw;line-height:1.34;letter-spacing:-.65px;margin:-15px 0 0;width:max-content;max-width:100%}.calligraphic{font-size:1.65em;margin-right:1px}.hero-line.pixel{font-size:1.12em;line-height:1.18;letter-spacing:-.5px;margin:0}.hero-wild{width:22px;height:27px;margin-left:6px}.pixel-sun{margin:0 2px}.hero-foot{left:5%;right:5%;bottom:30px;flex-wrap:wrap;gap:25px;font-size:7px;letter-spacing:.4px}.hero-foot>.enter-link{font-size:9px}.scroll-cue{width:100%;justify-content:space-between;font-size:7px;border-top:1px solid #222;padding-top:15px}.scroll-cue span{font-size:17px}.motion-section{padding:55px 5% 35px}.motion-heading{display:block}.motion-heading>.eyebrow{display:block;font-size:8px}.motion-heading h2{font-size:51px;margin:25px 0 0;letter-spacing:-1.5px}.motion-heading .handwritten{position:absolute;right:0;bottom:-45px;font-size:18px;max-width:115px;padding:0}.handwritten svg{width:60px;height:45px;margin-left:22px}.vortex-trigger{height:380px;max-height:none;margin-top:60px}.reel-title{font-size:15vw;gap:13px}.reel-play-disc{width:47px;height:47px;font-size:23px}.reel-caption{font-size:7px;letter-spacing:.8px;bottom:12px}.reel-number{font-size:9px;bottom:12px}.motion-bottom{grid-template-columns:1fr auto;padding:25px 0;gap:20px}.motion-bottom p{font-size:12px}.motion-bottom .text-link{font-size:11px;grid-column:1;justify-self:start}.loose-orbit{width:72px;height:55px;grid-column:2;grid-row:1/3}.manifesto{padding:65px 5% 85px}.manifesto>.eyebrow{font-size:8px}.manifesto h2{font-size:11vw;letter-spacing:-1px;margin-top:23px}.manifesto h2 svg{right:-35px;top:54px;width:33px;height:40px}.manifesto p{font-size:12px;line-height:1.8;margin:25px 0}.manifesto .enter-link{font-size:9px}.footer{padding:25px 0;gap:20px;font-size:8px}.footer>a:first-child{font-size:11px}.footer>span:nth-child(2){display:none}.footer>span:nth-child(3){display:none}.section-heading{margin:35px 5% 30px;display:block}.section-heading h1{font-size:43px;letter-spacing:-1px}.section-heading .eyebrow{font-size:8px}.section-heading p{font-size:12px;margin-top:18px}.workspace-layout{margin:0 5% 45px;display:block}.sidebar{padding:13px 8px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.side-item{padding:11px 3px;font-size:18px}.side-item span{font-size:8px}.work-main{padding:22px 13px}.work-toolbar h2{font-size:31px}.outline-button{font-size:8px;padding:10px}.metrics{padding:22px 0}.metric-value{font-size:43px}.metric-label{font-size:8px}.metric-note{font-size:8px}.chart{height:210px}.scenario-card:nth-child(2){transform:none}.note-paper{transform:none}.language-grid{grid-template-columns:1fr;gap:28px;margin:0 7%}.specimen{padding:24px;min-height:400px}.dark-specimen{margin-top:0;transform:rotate(1deg)}.ink-specimen{margin-top:0}.process-specimen{margin-bottom:0}.specimen-head>span:last-child{display:block;font-size:7px}.type-sheet{margin:50px 5% 0;grid-template-columns:1fr 1fr;padding:30px 0;gap:30px 12px}.type-sheet h2{font-size:26px}.type-sheet .eyebrow{font-size:8px}.type-sample{gap:8px}.type-sample>span{font-size:42px}.type-sample>.sample-script{font-size:70px}.type-sample>.pixel{font-size:45px}.swatches{grid-column:1/-1;height:90px;transform:rotate(1deg)}.scramble-lab{margin:30px 5%;padding:20px 0 30px}.scramble-lab .eyebrow{font-size:8px}.scramble-lab button{font-size:7vw;gap:15px;letter-spacing:-.8px;max-width:100%}.scramble-lab button>span:last-child{width:29px;height:29px;font-size:19px}.scramble-lab p{font-size:11px}.identity-layout{grid-template-columns:1fr;gap:30px;margin:0 7% 45px}.identity-poster{min-height:495px;padding:25px}.identity-word{font-size:54px;margin-top:55px}.identity-number{font-size:190px}.identity-number svg{right:-35px;width:45px;height:50px}.identity-sign{margin-bottom:40px;font-size:27px}.identity-story{padding:15px 0 0}.identity-story article{padding-bottom:25px;margin-bottom:25px}.identity-story h2{font-size:41px}.identity-story p{font-size:13px}dialog{height:85svh}.reel-copy h2{font-size:13vw}.reel-label{font-size:7px;left:15px;top:22px}.close-reel{font-size:9px;right:15px;top:20px}.reel-copy p{font-size:8px}.reel-end{font-size:7px;left:15px}.principles{margin-bottom:45px}}
.header nav a:after{display:none}.header nav a{border-radius:999px;padding:7px 11px;transition:background .2s}.header nav a.active{background:#181818;box-shadow:inset 0 0 0 1px #333}.header nav a:hover{background:#121212}.metric-value{font-variant-numeric:lining-nums tabular-nums}.identity-number,.hero-line>.pixel.scramble{font-family:'IBM Plex Mono',monospace;font-variant-numeric:lining-nums tabular-nums}.identity-number{font-size:200px;line-height:1.1;letter-spacing:-15px}.hero-line>.pixel.scramble{font-size:.85em;letter-spacing:-.07em}.identity-poster{border-radius:22px}.workspace-layout{border-radius:14px;overflow:hidden}.outline-button,.segment,.segment button,.note-paper{border-radius:9px}.scenario-card{border-radius:14px}
@media(max-width:760px){.manifesto h2 svg{right:-20px}.header nav a{padding:6px 8px}.identity-number{font-size:165px;letter-spacing:-12px}}
@media(prefers-reduced-motion:reduce){.cursor-grid{display:none}.scroll-cue span,.process-flower{animation:none}.roll-window>span{transition:none}}