:root{--paper:#f2f1eb;--ink:#141815;--aqua:#baf3e8;--dim:#545a55;--rule:#c9cdc4;--space:clamp(22px,4vw,72px);--mono:'Courier New',monospace}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #148474;outline-offset:6px}::selection{background:var(--aqua);color:var(--ink)}button{border:0}svg{display:block}img{max-width:100%;display:block}.wrap{padding-inline:var(--space)}.mono{font:11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.07em}.skip{position:fixed;top:-80px;left:20px;background:var(--ink);color:#fff;padding:14px;z-index:30}.skip:focus{top:12px}
.site-header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);gap:20px;margin-inline:var(--space)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{font-size:36px;font-weight:900;letter-spacing:-9px;padding-right:9px;font-style:italic;line-height:1}.brand-name{font-size:13px;line-height:1.03;font-weight:800;letter-spacing:-.03em}.site-nav{display:flex;gap:36px;align-items:center;font-size:14px}.site-nav>a:not(.pill){padding:12px 0;position:relative}.site-nav>a:not(.pill):after{content:'';position:absolute;bottom:5px;left:0;width:0;height:1px;background:var(--ink);transition:width .2s}.site-nav>a:hover:after{width:100%}.pill{display:inline-flex;align-items:center;gap:32px;border:1px solid var(--ink);border-radius:50px;padding:15px 22px;font-size:14px;background:transparent;white-space:nowrap;transition:background .2s}.pill:hover{background:var(--aqua)}.pill.dark{background:var(--ink);color:var(--paper)}.pill.dark:hover{background:#33423a}.pill .arrow{font-size:21px;line-height:1}.menu-button{display:none;background:transparent;padding:12px}
.hero{padding-top:49px;padding-bottom:42px;position:relative;overflow:hidden}.hero-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.positioning{margin:0;font:12px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase}.status{display:flex;gap:10px;align-items:center;margin:0;font:10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.07em}.dot{display:inline-block;width:7px;height:7px;background:#157563;border-radius:50%}.hero h1{margin:45px 0 37px;font-size:clamp(64px,11.6vw,182px);line-height:.84;letter-spacing:-.083em;font-weight:700;position:relative;z-index:1}.hero h1 span{display:block}.hero h1 .last-line{position:relative;width:max-content;max-width:100%;padding-bottom:12px}.hero h1 .last-line:after{content:'';position:absolute;left:1%;right:-3%;height:26%;bottom:1px;background:var(--aqua);z-index:-1;transform:rotate(-2deg)}.hero-bloom{position:absolute;right:6.5%;top:118px;width:185px;height:185px;color:var(--ink);transform:rotate(-18deg)}.hero-bottom{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:50px;align-items:end;margin-top:40px}.small-index{display:flex;align-items:center;gap:12px}.index-circle{width:38px;height:38px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:22px}.hero-copy{font-size:19px;line-height:1.44;letter-spacing:-.035em;max-width:440px;margin:0}.hero-bottom .pill{justify-self:end;margin-bottom:2px}
.reel-stage{margin:15px var(--space) 0;background:#031721;min-height:560px;position:relative;overflow:hidden;color:var(--aqua);border-radius:3px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px 7%}.stage-label{position:absolute;top:24px;left:28px;z-index:3}.stage-control{position:absolute;top:15px;right:22px;color:var(--aqua);background:transparent;border:1px solid #6a8f91;border-radius:50px;padding:10px 14px;font:10px var(--mono);z-index:3}.stage-art{min-width:0;position:relative;z-index:2;display:grid;place-items:center}.stage-art img{width:min(440px,100%);height:auto;mix-blend-mode:screen;filter:saturate(.64)}.fallback-mark{font-weight:900;font-size:160px;letter-spacing:-33px;font-style:italic;color:#b7e3e0}.stage-copy{position:relative;z-index:2;padding-left:40px}.stage-copy .mono{color:#a0b3b6}.stage-copy h2{font-size:clamp(48px,5.9vw,91px);line-height:.95;letter-spacing:-.07em;font-weight:500;margin:28px 0}.stage-copy h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em}.stage-copy p:last-child{font-size:14px;line-height:1.6;max-width:270px;color:#bdd0cd}.stage-bottom{position:absolute;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:end;gap:20px}.stage-bottom a{border-bottom:1px solid #a6cdc6;padding-bottom:4px;font-size:13px}.orbit-field{position:absolute;top:50%;left:30%;width:850px;height:850px;transform:translate(-50%,-50%);opacity:.16;pointer-events:none}.orbit-field .rotate{transform-origin:300px 300px;animation:turn 80s linear infinite}.reticle{position:absolute;width:18px;height:18px;border-top:1px solid #728d8e;border-left:1px solid #728d8e;top:63px;left:28px}.reticle.bottom{top:auto;left:auto;right:28px;bottom:63px;transform:rotate(180deg)}@keyframes turn{to{transform:rotate(360deg)}}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}
.statement{padding-top:110px;padding-bottom:102px;display:grid;grid-template-columns:1fr 2.4fr;gap:60px}.statement .section-label{margin-top:7px}.statement h2{font-size:clamp(36px,4.1vw,64px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:0}.statement h2 .muted{color:#727871}.statement .explain{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:38px}.statement p{font-size:16px;line-height:1.65;max-width:385px;margin:0}.section-label{display:flex;gap:20px;align-items:center}.section-label:before{content:'';width:22px;height:1px;background:currentColor;display:inline-block}
.work{padding-bottom:110px}.section-heading{border-top:1px solid var(--rule);padding-top:27px;margin-bottom:37px;display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading h2{font-size:40px;font-weight:500;letter-spacing:-.055em;margin:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 25px}.project{min-width:0}.project-visual{height:395px;position:relative;overflow:hidden;background:#1b2227;border-radius:2px;isolation:isolate;display:flex;align-items:center;justify-content:center}.project-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.project:hover .project-visual>img{transform:scale(1.035)}.project .view-label{position:absolute;right:18px;top:18px;background:var(--paper);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px;z-index:3}.project-info{display:flex;justify-content:space-between;align-items:start;margin-top:17px;gap:20px}.project-info h3{font-size:23px;font-weight:500;letter-spacing:-.035em;margin:0 0 5px}.project-info p{font-size:13px;margin:0;color:var(--dim)}.project details{margin-top:14px;font-size:14px;line-height:1.6}.project summary{cursor:pointer;width:fit-content;border-bottom:1px solid var(--rule);padding-bottom:3px;color:var(--dim)}.project details p{max-width:530px;padding:3px 0}.project details a{border-bottom:1px solid var(--ink)}.project-visual.first{background:#b6d3d6}.project-visual.second{background:#0c2428}.project-visual.third{background:#cdd1c7}.project-visual.fourth{background:#d5ebe3}.demo-type{position:absolute;font-weight:800;letter-spacing:-.08em;line-height:.87;font-size:90px;left:40px;top:42px;z-index:1}.project-visual.first .demo-type{color:#0e2a34}.project-visual.second .demo-type{color:#baf3e8;top:95px;font-size:82px}.project-visual.third .demo-type{color:#343d38;font-family:Georgia,serif;font-weight:400;line-height:.96;font-size:72px;letter-spacing:-.06em}.project-visual.fourth .demo-type{color:#162c21}.project-stamp{position:absolute;bottom:25px;left:30px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;background:var(--paper);color:var(--ink);padding:9px 12px;z-index:2}.sound-lines{position:absolute;inset:15%;display:flex;gap:6px;align-items:center;opacity:.35;transform:rotate(-24deg)}.sound-lines i{display:block;width:8px;background:#076958;border-radius:3px;height:40%}.sound-lines i:nth-child(3n){height:70%}.sound-lines i:nth-child(4n){height:25%}
.approach{background:var(--aqua);padding:70px var(--space) 80px;overflow:hidden}.approach-head{display:flex;justify-content:space-between;align-items:start;gap:40px}.approach h2{font-size:clamp(52px,6vw,90px);line-height:.97;letter-spacing:-.065em;font-weight:500;margin:23px 0 50px;max-width:750px}.approach-head .mono{max-width:245px}.approach-body{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.thinking-map{width:min(460px,100%);aspect-ratio:1;position:relative;margin-inline:auto;display:grid;place-items:center}.thinking-map svg{width:100%;height:100%;position:absolute;inset:0}.thinking-map .map-word{z-index:2;font-size:29px;letter-spacing:-.05em;line-height:1.1;text-align:center}.map-caption{position:absolute;bottom:0;font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em}.step-buttons{display:flex;border-bottom:1px solid #6db8aa;gap:14px;padding-bottom:20px;margin-bottom:31px}.step-buttons button{background:transparent;padding:12px 18px;border:1px solid transparent;border-radius:30px;font-size:15px}.step-buttons button[aria-pressed=true]{background:var(--ink);color:var(--aqua)}.step-buttons button:hover{border-color:var(--ink)}.stage-number{font:11px var(--mono)}#stage-title{font-size:39px;letter-spacing:-.055em;line-height:1.1;max-width:435px;font-weight:500;margin:18px 0}#stage-copy{font-size:17px;line-height:1.65;max-width:430px;min-height:108px}.practice{border-top:1px solid #6db8aa;padding-top:20px;font-size:14px;line-height:1.6;max-width:450px}.practice span{display:block;font:10px var(--mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.services{padding:100px var(--space)}.services-grid{margin-top:40px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px}.service{border-top:1px solid var(--rule);padding-top:20px}.service .mono{color:var(--dim)}.service h3{font-weight:500;font-size:32px;line-height:1.03;letter-spacing:-.05em;margin:26px 0 20px}.service p{font-size:15px;line-height:1.65;color:var(--dim);max-width:350px}.service .tags{font:10px/1.8 var(--mono);text-transform:uppercase;letter-spacing:.03em;margin-top:28px}
.about{padding:20px var(--space) 100px;display:grid;grid-template-columns:1fr 1.3fr;gap:90px;align-items:center}.about-word{border-block:1px solid var(--rule);padding:55px 0;font-size:clamp(48px,7.5vw,110px);line-height:.91;font-weight:500;letter-spacing:-.07em}.about-word em{font-family:Georgia,serif;font-weight:400}.about-copy h2{font-size:34px;font-weight:500;line-height:1.12;letter-spacing:-.04em;margin:25px 0}.about-copy p{font-size:16px;line-height:1.7;color:var(--dim);max-width:515px}.about-copy .founder{margin-top:24px;font-size:13px;color:var(--ink)}
.contact{background:var(--ink);color:var(--paper);padding:56px var(--space) 25px}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-top .dot{background:var(--aqua)}.contact h2{font-size:clamp(58px,10.8vw,162px);line-height:.93;font-weight:500;letter-spacing:-.075em;margin:65px 0 43px}.contact h2 em{font-family:Georgia,serif;font-weight:400;color:var(--aqua)}.contact-link{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #505650;padding:23px 0;font-size:clamp(18px,2.1vw,30px);letter-spacing:-.035em}.contact-link:hover{color:var(--aqua)}.contact-link span{font-size:32px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:30px;color:#a6aea5}.footer-bottom .brand-mark{font-size:26px;letter-spacing:-7px}.footer-bottom p{font:10px/1.4 var(--mono);margin:0}.privacy{font:10px var(--mono);text-align:right;margin-top:7px;color:#a6aea5}
@media(min-width:1700px){.hero,.statement,.work,.services,.about{max-width:1700px;margin-inline:auto}.hero-bloom{right:9%}.reel-stage{max-width:1556px;margin-inline:auto}}
@media(max-width:1000px){.hero-bloom{width:125px;height:125px;top:135px;right:6%}.site-nav{gap:20px}.hero-bottom{grid-template-columns:.7fr 1.4fr;gap:25px}.hero-bottom .pill{grid-column:2;justify-self:start}.reel-stage{min-height:480px;padding:70px 5%}.stage-copy{padding-left:20px}.statement{gap:35px;grid-template-columns:.7fr 2fr}.statement .explain{grid-template-columns:1fr;gap:22px}.project-visual{height:310px}.demo-type{font-size:68px;left:25px}.project-visual.second .demo-type{font-size:62px}.project-visual.third .demo-type{font-size:58px}.approach-body{gap:45px}.step-buttons{gap:0}.step-buttons button{padding:10px 14px}.services-grid{gap:25px}.about{gap:45px}}
@media(max-width:650px){.site-header{height:80px}.brand-mark{font-size:30px;letter-spacing:-8px}.brand-name{font-size:11px}.menu-button{display:block;font-size:13px}.site-nav{display:none;position:absolute;left:var(--space);right:var(--space);top:79px;padding:28px;background:var(--aqua);z-index:20;border:1px solid var(--ink);flex-direction:column;align-items:stretch;gap:12px;font-size:22px}.site-nav.open{display:flex}.site-nav .pill{justify-content:space-between}.hero{padding-top:30px;padding-bottom:20px}.hero-top .status{display:none}.positioning{font-size:9px;max-width:285px}.hero h1{font-size:clamp(58px,13.2vw,84px);margin:43px 0 32px;line-height:.94}.hero-bloom{width:55px;height:55px;right:7%;top:82px}.hero h1 .last-line:after{right:0;height:23%;bottom:9px}.hero-bottom{grid-template-columns:1fr;gap:23px;margin-top:0}.hero-copy{font-size:17px;max-width:340px;grid-row:1}.small-index{display:none}.hero-bottom .pill{grid-column:auto;justify-self:start;padding:13px 18px}.reel-stage{margin-top:20px;min-height:680px;grid-template-columns:1fr;padding:80px 28px 85px;gap:0}.stage-art img{max-width:285px}.stage-copy{padding:20px 0 0}.stage-copy .mono{font-size:9px}.stage-copy h2{font-size:52px;line-height:.95;margin:15px 0}.stage-copy p:last-child{font-size:12px;max-width:250px}.stage-label{left:20px;font-size:9px;top:25px}.stage-control{right:14px;font-size:9px;padding:8px 10px;top:18px}.stage-bottom{left:20px;right:20px;bottom:20px}.stage-bottom .mono{font-size:8px}.stage-bottom a{font-size:11px}.orbit-field{left:50%;top:33%;width:600px;height:600px}.reticle{display:none}.statement{padding-top:70px;padding-bottom:60px;grid-template-columns:1fr;gap:26px}.statement h2{font-size:36px}.statement .explain{margin-top:27px;gap:18px}.statement p{font-size:15px}.section-label{font-size:10px}.work{padding-bottom:60px}.section-heading{padding-top:22px;margin-bottom:25px;align-items:end}.section-heading h2{font-size:31px}.section-heading .mono{font-size:9px;text-align:right;max-width:120px}.project-grid{grid-template-columns:1fr;gap:37px}.project-visual{height:320px}.project-info h3{font-size:22px}.project-info .mono{font-size:9px;padding-top:5px}.project-visual.third .demo-type{font-size:64px}.approach{padding-top:40px;padding-bottom:50px}.approach-head>.mono{display:none}.approach h2{font-size:51px;margin-bottom:20px}.approach-body{grid-template-columns:1fr;gap:26px}.thinking-map{width:280px}.thinking-map .map-word{font-size:22px}.thinking-map .map-caption{font-size:9px}.step-buttons{justify-content:space-between;padding-bottom:18px;margin-bottom:25px}.step-buttons button{padding:12px 17px;font-size:14px}#stage-title{font-size:32px}#stage-copy{font-size:16px;min-height:104px}.services{padding-top:65px;padding-bottom:65px}.services-grid{grid-template-columns:1fr;gap:28px;margin-top:26px}.service h3{font-size:31px;margin:18px 0 12px}.service .tags{margin-top:19px}.about{grid-template-columns:1fr;gap:34px;padding-bottom:65px}.about-word{font-size:78px;padding-block:34px}.about-copy h2{font-size:31px}.about-copy p{font-size:15px}.contact{padding-top:35px;padding-bottom:25px}.contact-top>.mono:last-child{display:none}.contact h2{font-size:clamp(56px,12.6vw,82px);margin-top:50px;margin-bottom:32px}.contact-link{font-size:18px}.footer-bottom{gap:12px;align-items:start}.footer-bottom p{font-size:8px}.footer-bottom .brand-mark{font-size:24px}.privacy{text-align:left;font-size:9px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-opt-in){scroll-behavior:auto}html:not(.motion-opt-in) *,html:not(.motion-opt-in) *:before,html:not(.motion-opt-in) *:after{animation:none!important;transition:none!important}}