:root{--ink:#0c0d0e;--muted:#62666c;--line:#e1e3e6;--blue:#235ad8;--sans:'DM Sans',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif;font-family:var(--sans);color:var(--ink);background:#fff;font-synthesis:none;scroll-padding-top:40px;color-scheme:light}
*{box-sizing:border-box}body{margin:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:hover{text-decoration:underline;text-underline-offset:5px}
/* Bordered CTAs already have one continuous rule. Keep arrows and logos clean. */
.text-link:hover,.contact-email:hover,.wordmark:hover,.project-list>a:hover,.press-list>a:hover{text-decoration:none}
.project-list>a:hover strong,.press-list>a:hover strong{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}a:active{opacity:.7}em{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:12px;left:20px;background:white;padding:15px;z-index:20;transform:translateY(-160%)}.skip:focus{transform:none}.skip:not(:focus){clip-path:inset(100%)}.header{height:100px;display:flex;align-items:center;gap:28px}.wordmark{font-size:32px;font-weight:650;letter-spacing:-2px}.wordmark span{font-family:var(--serif);font-style:italic;font-weight:400;font-size:37px}.location{color:var(--muted);font-size:12px}nav{display:flex;margin-left:auto;gap:30px;font-size:13px}nav a{display:flex;align-items:center;min-height:44px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:550;line-height:1.6}h1{font-weight:450;font-size:clamp(66px,6.7vw,96px);letter-spacing:-.065em;line-height:1.08}h1 em{font-size:1.16em}h2{font-size:clamp(46px,4.7vw,66px);font-weight:450;letter-spacing:-.055em;line-height:1.08}h2 em{font-size:1.15em}.text-link{display:inline-flex;align-items:center;gap:28px;min-height:46px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:500;margin-top:23px}.text-link span{font-size:20px}.hand-note{font-family:var(--serif);font-style:italic;font-size:25px;transform:rotate(-5deg);color:#4d5158}.mobile-break{display:none}
/* The opening is a three-beat scene. The unenhanced document stays ordinary, readable HTML. */
.story-stage{position:relative}.intro{position:relative;min-height:740px;padding:40px 0 75px}.hello{display:flex;align-items:center;gap:12px;font-size:14px}.hello img{width:42px;height:49px;object-fit:cover;transform:rotate(-6deg);border:3px solid #fff;box-shadow:0 3px 12px #0002}.opening{margin-top:70px;position:relative}.opening h1{position:relative;z-index:2;max-width:900px}.plane-home{position:absolute;right:2%;width:310px;top:-65px;pointer-events:none;transform:rotate(-12deg);filter:drop-shadow(-9px 22px 10px #21325020)}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:50px}.intro-bottom>p:first-child{font-size:25px;line-height:1.3;letter-spacing:-.5px}.intro-note{font-size:14px;color:var(--muted);line-height:1.65;max-width:250px}.scroll-invite{display:flex;align-items:center;gap:15px;font-size:11px;margin-top:58px;min-height:44px;width:fit-content}.scroll-line{width:36px;height:1px;background:#9c9fa4}.scroll-invite>span:last-child{margin-left:16px}
.chapter{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:760px;padding-block:100px}.chapter-copy .eyebrow{margin-bottom:23px}.chapter-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:360px;margin-top:28px;color:var(--muted)}.inspection{height:430px;position:relative}.question{position:absolute;top:95px;left:40px;font:italic 75px var(--serif);transform:rotate(-8deg);letter-spacing:-3px}.discovery{position:absolute;top:86px;left:60px;font:italic 84px var(--serif);color:#067c57;transform:rotate(-8deg);opacity:0}.magnifier-object{width:420px;position:absolute;top:18px;left:30px;filter:drop-shadow(9px 18px 9px #17251d20)}.inspection .hand-note{position:absolute;bottom:0;left:60px}.flight-stop{position:absolute;width:1px;height:1px;pointer-events:none}.inspection .flight-stop{top:38%;left:30%}.experience{position:relative;padding-block:100px 120px}.experience>.eyebrow{margin-bottom:42px}.role{display:grid;grid-template-columns:100px 1.15fr 1fr;gap:32px;align-items:center;padding-block:30px;border-top:1px solid var(--line)}.role-year{font-size:12px;color:var(--muted)}.role h2{font-size:36px;line-height:1.2;letter-spacing:-.04em}.role h2 a{font-family:var(--serif);font-style:italic;font-size:1.1em}.role>p{font-size:15px;line-height:1.65;max-width:360px;color:var(--muted)}.experience .flight-stop{right:2%;top:12%}.story-progress{display:none}.motion-on .story-theater{height:280svh}.motion-on .story-stage{height:100svh;position:sticky;top:0;overflow:clip}.motion-on .story-beat{position:absolute;inset:0;height:100%;min-height:0;opacity:var(--beat-opacity,0);transform:translateY(var(--beat-y,0px));pointer-events:none;display:flex;flex-direction:column;justify-content:center;padding-block:50px}.motion-on .story-beat.is-active{pointer-events:auto}.motion-on .intro{justify-content:center}.motion-on .intro .opening{margin-top:45px}.motion-on .intro .scroll-invite{margin-top:30px}.motion-on .intro .plane-home{visibility:hidden}.motion-on .curiosity{display:grid;grid-template-columns:1fr 1fr}.motion-on .experience{display:flex;justify-content:center}.motion-on .story-progress{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;color:#686d75;font-size:10px}.story-progress i{display:block;width:80px;height:1px;background:#ddd;position:relative}.story-progress i::after{content:'';position:absolute;left:0;top:0;width:var(--story-progress,0%);height:1px;background:var(--ink)}.travelling-plane{position:fixed;left:0;top:0;width:310px;pointer-events:none;z-index:3;will-change:transform;filter:drop-shadow(-8px 20px 10px #19234b25);transform-origin:center;visibility:hidden}.motion-on .travelling-plane{visibility:visible}.travelling-plane img{width:100%}
/* Each product gets its own composition and a real piece of the product. */
.work-intro{position:relative;padding-block:90px 70px}.work-intro h2{margin-top:25px;font-size:clamp(55px,5.6vw,80px)}.work-index{display:flex;gap:36px;margin-top:38px;font-size:12px}.work-index a{min-height:44px;display:flex;align-items:center}.work-intro .flight-stop{right:12%;top:36%}.project{position:relative;padding-block:100px;min-height:680px}.project-copy .eyebrow{margin-bottom:24px}.project-copy>p:not(.eyebrow){max-width:315px;margin-top:25px;font-size:16px;line-height:1.65;color:var(--muted)}.bakd{display:grid;grid-template-columns:.75fr 1.35fr;gap:65px;align-items:center;padding-top:90px}.bakd-visual{position:relative;perspective:1000px}.bakd-visual>a{display:block;border:1px solid #e5e8e5;border-radius:7px;overflow:hidden;box-shadow:0 30px 70px -35px #10241660,0 4px 16px #00000007;transform:rotate(-3deg)}.bakd-visual img{width:100%}figcaption{font-size:11px;color:var(--muted);margin-top:23px}.bakd-visual figcaption{text-align:right}.maaa{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:center}.maaa-visual{position:relative;height:370px;display:flex;flex-direction:column;justify-content:center;align-items:center}.notch-demo{width:100%;max-width:550px;transform-origin:35% 0;filter:drop-shadow(0 20px 18px #00000008)}.notch-demo img{width:100%;height:auto}.maaa-visual .hand-note{margin-top:45px;align-self:flex-start;margin-left:8%;font-size:26px}.maaa-visual .flight-stop{right:4%;bottom:7%}.kofe{padding-bottom:110px}.kofe-heading{display:flex;align-items:center;justify-content:space-between;position:relative}.coffee-object{width:310px;position:relative;margin-right:40px;filter:drop-shadow(0 22px 15px #59220920);transform-origin:50% 85%}.steam{position:absolute;left:40%;top:1%;width:80px;height:60px;opacity:0}.steam i{position:absolute;width:18px;height:50px;border-left:2px solid #a8a8a870;border-radius:50%;transform:rotate(12deg)}.steam i:nth-child(2){left:22px;top:-7px;height:40px}.steam i:nth-child(3){left:44px;top:10px;height:31px}.kofe-visual{width:85%;margin-top:55px;margin-left:auto;position:relative;z-index:2}.kofe-visual a{display:block;overflow:hidden;border-radius:10px;box-shadow:0 30px 65px -35px #10182865}.kofe-visual img{width:100%}.kofe-visual figcaption{text-align:right}.kofe .flight-stop{left:4%;bottom:22%}.learning{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:110px;padding-block:110px 150px;align-items:center}.learning .eyebrow{margin-bottom:25px}.learning-copy{padding-top:38px}.learning-copy p{font-size:16px;line-height:1.7;max-width:340px}.learning-copy>span{display:block;font-size:12px;color:var(--muted);margin-top:22px}.learning .flight-stop{right:0;top:10%}.archive{display:grid;grid-template-columns:.8fr 1.3fr;gap:110px;padding-block:80px 100px;border-top:1px solid var(--line)}.archive-heading .eyebrow{margin-bottom:25px}.archive-heading h2{font-size:46px}.archive-heading>p:last-child{font-size:14px;color:var(--muted);margin-top:25px;line-height:1.6;max-width:240px}.archive details{border-bottom:1px solid var(--line);scroll-margin-top:35px}.archive summary{min-height:76px;display:flex;align-items:center;justify-content:space-between;font-size:21px;letter-spacing:-.5px;cursor:pointer;list-style:none;gap:20px}.archive summary::-webkit-details-marker{display:none}.archive summary>span{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:20px}.archive summary i{font-size:25px;font-weight:400;font-style:normal;transition:transform .2s}.archive details[open]>summary i{transform:rotate(45deg)}.project-list,.press-list{padding-bottom:20px}.project-list>a,.press-list>a{display:grid;grid-template-columns:100px 1fr 16px;gap:17px;padding-block:16px;border-top:1px solid #eceef0;align-items:baseline;font-size:12px;line-height:1.5}.project-list strong{font-size:14px;font-weight:500}.project-list span{color:var(--muted)}.project-list i,.press-list i{font-style:normal;font-size:16px}.press-list strong{font-weight:400}.press-list>a>span{font-size:11px;color:var(--muted)}.archive-note{font-size:12px;color:var(--muted);padding-bottom:22px}.bug-list{margin:0;padding:0 0 20px;list-style:none}.bug-list li{display:grid;grid-template-columns:100px 1fr;gap:17px;font-size:12px;line-height:1.6;padding-block:13px;border-top:1px solid #eceef0}.bug-list strong{font-weight:500}.bug-list span{color:var(--muted)}.recognition-list{font-size:13px;line-height:2.3;padding:0 0 20px;list-style:none;margin:0}.contact{position:relative;padding-block:110px 130px}.contact .eyebrow{margin-bottom:25px}.contact h2{font-size:clamp(60px,6vw,86px)}.contact-email{display:inline-flex;align-items:center;gap:45px;font-size:19px;margin-top:32px;min-height:48px;border-bottom:1px solid currentColor}.contact .flight-stop{right:12%;top:38%}.footer{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding-block:24px;font-size:11px}.socials{display:flex;gap:25px;margin-left:25px}.footer a:not(.wordmark){min-height:44px;display:inline-flex;align-items:center}.motion-toggle{margin-left:auto;min-height:44px;background:none;border:0;color:#565b63;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.motion-toggle[hidden]{display:none}.motion-toggle:disabled{text-decoration:none;cursor:default}
@media(min-width:1450px){.intro{min-height:850px}.opening{margin-top:100px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}h1{font-size:8vw}.plane-home,.travelling-plane{width:240px}.intro-bottom{margin-top:40px}.chapter{gap:35px}.magnifier-object{width:340px;left:0;top:70px}.question{font-size:65px;top:125px;left:20px}.discovery{font-size:72px;top:115px;left:35px}.inspection{height:410px}.role{grid-template-columns:85px 1fr 1fr;gap:22px}.role h2{font-size:30px}.role>p{font-size:14px}.bakd{gap:45px;grid-template-columns:.8fr 1.3fr}.maaa{gap:45px}.coffee-object{width:260px;margin-right:0}.learning{gap:70px}.archive{gap:60px}.footer{gap:24px}.socials{margin-left:0;gap:15px}}
@media(max-width:650px){.wrap{width:calc(100% - 44px)}.header{height:80px;gap:15px}.wordmark{font-size:27px}.wordmark span{font-size:31px}.location{display:none}nav{gap:20px;font-size:11px}.intro{padding-top:38px;min-height:700px}.hello{font-size:12px}.hello img{width:36px;height:43px}.opening{margin-top:110px}h1{font-size:clamp(43px,10.6vw,68px);letter-spacing:-.06em;line-height:1.12}.mobile-break{display:block}.opening h1 em{font-size:1.18em}.plane-home{width:185px;top:-95px;right:-5px}.travelling-plane{width:185px}.intro-bottom{margin-top:35px;gap:20px;align-items:flex-start}.intro-bottom>p:first-child{font-size:20px;line-height:1.35}.intro-note{font-size:11px;max-width:150px}.scroll-invite{margin-top:35px;font-size:10px}h2{font-size:44px}.eyebrow{font-size:10px}.chapter{grid-template-columns:1fr;gap:10px;padding-block:75px;min-height:700px}.chapter-copy>p:not(.eyebrow){font-size:14px;max-width:290px;margin-top:22px}.text-link{font-size:12px;margin-top:18px;min-height:46px}.inspection{height:270px;width:280px;margin-inline:auto;grid-row:2}.magnifier-object{width:275px;left:5px;top:0}.question{font-size:58px;top:38px;left:20px}.discovery{font-size:64px;top:29px;left:35px}.inspection .hand-note{bottom:0;left:70px;font-size:21px}.experience{padding-block:80px}.experience>.eyebrow{margin-bottom:25px}.role{grid-template-columns:1fr;padding-block:22px;gap:9px}.role-year{font-size:10px}.role h2{font-size:29px}.role h2 br{display:none}.role p{font-size:13px;line-height:1.65;max-width:330px}.motion-on .story-theater{height:285svh}.motion-on .story-beat{padding-block:40px 65px}.motion-on .intro .opening{margin-top:85px}.motion-on .intro .intro-bottom{margin-top:30px}.motion-on .intro .scroll-invite{margin-top:22px}.motion-on .curiosity{display:flex;gap:14px;justify-content:center}.motion-on .curiosity .inspection{flex-shrink:0;height:240px}.motion-on .curiosity .magnifier-object{width:240px;left:15px}.motion-on .curiosity .hand-note{bottom:-3px}.motion-on .experience{padding-block:45px 70px}.motion-on .experience .role{padding-block:18px}.motion-on .story-progress{bottom:18px}.work-intro{padding-block:70px 30px}.work-intro h2{font-size:48px;margin-top:25px}.work-index{gap:25px;font-size:11px;margin-top:25px}.project{padding-block:70px;min-height:0}.project-copy .eyebrow{margin-bottom:20px}.project-copy>p:not(.eyebrow){font-size:14px;max-width:290px;margin-top:22px}.bakd{display:flex;flex-direction:column;align-items:stretch;gap:40px}.bakd-visual{margin:0 5px}.bakd-visual>a{transform:rotate(-2deg);border-radius:4px}.bakd-visual figcaption{font-size:10px;margin-top:17px}.maaa{display:flex;flex-direction:column;align-items:stretch;gap:25px}.maaa .project-copy{order:0}.maaa-visual{order:1;height:230px;padding-top:20px}.maaa-visual .hand-note{font-size:23px;margin-top:10px}.notch-demo{width:105%;max-width:none}.maaa-visual .flight-stop{right:4%;bottom:0}.kofe-heading{display:block}.kofe .project-copy h2{font-size:42px}.coffee-object{width:145px;margin-top:20px;margin-left:auto;margin-right:0}.steam{transform:scale(.7);transform-origin:bottom left;top:-14%}.kofe-visual{width:100%;margin-top:15px}.kofe-visual a{border-radius:5px}.kofe-visual figcaption{font-size:10px;margin-top:18px}.kofe .flight-stop{left:5%;bottom:7%}.learning{grid-template-columns:1fr;gap:25px;padding-block:80px 100px}.learning h2{font-size:42px}.learning-copy{padding-top:0}.learning-copy p{font-size:14px;line-height:1.7;max-width:310px}.learning-copy>span{font-size:11px;margin-top:15px}.archive{grid-template-columns:1fr;gap:38px;padding-block:60px 60px}.archive-heading h2{font-size:42px}.archive-heading h2 br{display:none}.archive-heading>p:last-child{max-width:310px;font-size:13px;margin-top:20px}.archive summary{font-size:19px;min-height:72px}.project-list>a,.press-list>a{grid-template-columns:75px 1fr 12px;gap:12px;font-size:11px;padding-block:15px}.project-list strong{font-size:12px}.press-list>a>span{font-size:10px}.bug-list li{grid-template-columns:75px 1fr;gap:12px;font-size:11px}.archive-note{font-size:11px}.contact{padding-block:75px 100px}.contact h2{font-size:51px}.contact-email{font-size:17px;gap:25px;margin-top:25px}.contact .flight-stop{right:15%;top:12%}.footer{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:11px;padding-block:22px}.socials{grid-row:2;grid-column:1;gap:16px}.motion-toggle{grid-row:1;grid-column:2;margin:0;justify-self:end;font-size:11px}.footer>a:last-child{grid-row:2;grid-column:2;justify-self:end}}
@media(max-width:360px){nav{gap:12px;font-size:10px}.intro-bottom{gap:13px}.intro-bottom>p:first-child{font-size:18px}.intro-note{font-size:10px;max-width:130px}h2{font-size:39px}.role h2{font-size:26px}.role p{font-size:12px}.motion-on .curiosity .inspection{height:215px}.motion-on .curiosity .magnifier-object{width:215px}.curiosity .text-link{margin-top:8px}.curiosity .chapter-copy>p:not(.eyebrow){font-size:13px}.kofe .project-copy h2{font-size:37px}.work-intro h2{font-size:43px}.work-index{gap:20px}.learning h2{font-size:38px}.contact h2{font-size:46px}.socials{gap:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.travelling-plane{display:none!important}.magnifier-object,.coffee-object,.notch-demo,.bakd-visual>a{transform:none!important}.steam{opacity:0!important}}
body.motion-paused .magnifier-object,body.motion-paused .coffee-object,body.motion-paused .notch-demo,body.motion-paused .bakd-visual>a{transform:none!important}body.motion-paused .steam{opacity:0!important}

/* Decorative flights can leave the viewport without creating a sideways page. */
body{overflow-x:clip}.motion-on .story-stage{z-index:4}.bakd-visual,.kofe-visual{z-index:4}
/* Work-first revision: the products are the story. No pinned biography. */
body{overflow-x:clip}.hello-sub{font-size:11px;color:var(--muted);line-height:1.7}.intro{min-height:0;padding:50px 0 0}.intro .opening{margin-top:55px}.intro h1{font-size:clamp(70px,7vw,100px);line-height:1.05;max-width:980px}.intro h1 em{font-size:1.1em}.plane-home{width:270px;top:-32px;right:2%}.intro-bottom{margin-top:36px;align-items:center}.intro-bottom>p:first-child{font-size:17px;line-height:1.65;letter-spacing:-.1px}.intro .scroll-invite{margin-top:0;font-size:12px;gap:25px}.intro-proof{display:flex;gap:40px;margin-top:45px;padding-block:24px;border-block:1px solid var(--line);font-size:11px;color:var(--muted)}.intro-proof a{color:var(--ink)}.work-intro{display:flex;align-items:center;justify-content:space-between;padding-block:37px 0}.work-index{margin-top:0}.work-intro .eyebrow{font-size:10px}.project{min-height:640px;padding-block:110px}.project h2{font-size:70px;letter-spacing:-.06em}.product-thought{display:block;font-size:30px;letter-spacing:-.035em;margin-top:18px;line-height:1.2}.product-thought em{font-size:1.13em}.project-copy>p:not(.eyebrow){font-size:15px;margin-top:24px}.bakd{gap:70px}.bakd-visual>a{transform:none}.maaa{gap:110px;padding-block:100px}.kofe-heading{padding-bottom:8px}.kofe .project-copy h2{font-size:70px}.kofe-visual{width:86%;margin-top:30px}.coffee-object{width:290px}.team-work{display:grid;grid-template-columns:.85fr 1.7fr;gap:85px;padding-block:95px;border-block:1px solid var(--line)}.team-work h2{font-size:46px}.team-roles{display:grid;grid-template-columns:1fr 1fr;gap:55px}.team-roles h3{font-size:25px;font-weight:500;letter-spacing:-.8px}.team-roles>div>span{font-size:11px;color:var(--muted);display:block;margin-top:10px}.team-roles p{font-size:14px;line-height:1.7;margin-top:23px;max-width:290px}.learning{grid-template-columns:1fr 1fr;padding-block:80px 95px;gap:110px}.learning h2{font-size:42px}.learning .eyebrow{margin-bottom:18px}.learning-copy{padding-top:0}.learning-copy p{font-size:14px;color:var(--muted);max-width:360px}.archive-lens{position:relative;height:275px;margin-top:30px}.archive-lens .magnifier-object{width:270px;top:5px;left:-15px}.archive-lens>span{position:absolute;top:60px;left:15px;font:italic 31px var(--serif);letter-spacing:-1px;transform:rotate(-10deg)}.travelling-plane{width:270px;z-index:3}.flight-on .plane-home{visibility:hidden}.flight-on .travelling-plane{visibility:visible}.bakd-visual,.kofe-visual{z-index:4}.project-copy,.intro h1,.intro-bottom,.team-roles,.archive-body{position:relative;z-index:4}.contact-email{position:relative;z-index:4}.contact{padding-block:100px 130px}.motion-paused .plane-home{visibility:visible}
@media(max-width:1050px){.intro h1{font-size:8.2vw}.plane-home{width:220px;right:0;top:-45px}.travelling-plane{width:220px}.project h2,.kofe .project-copy h2{font-size:59px}.product-thought{font-size:27px}.bakd{gap:45px}.maaa{gap:50px}.team-work{gap:45px;grid-template-columns:.7fr 1.5fr}.team-roles{gap:35px}.team-work h2{font-size:39px}.team-roles h3{font-size:22px}.team-roles p{font-size:13px}.learning{gap:65px}.learning h2{font-size:36px}}
@media(max-width:650px){.intro{padding-top:30px}.intro .opening{margin-top:95px}.intro h1{font-size:clamp(46px,12vw,73px);line-height:1.08}.intro h1 em{font-size:1.13em}.plane-home{width:160px;top:-70px;right:-4px}.travelling-plane{width:160px}.intro-bottom{display:block;margin-top:27px}.intro-bottom>p:first-child{font-size:14px;line-height:1.7}.intro .scroll-invite{margin-top:17px;font-size:11px}.intro-proof{flex-direction:column;gap:12px;margin-top:22px;padding-block:20px;font-size:10px}.work-intro{display:block;padding-block:28px 0}.work-intro .eyebrow{font-size:9px}.work-index{gap:28px;margin-top:10px;font-size:11px}.project{min-height:0;padding-block:65px}.project h2,.kofe .project-copy h2{font-size:55px}.product-thought{font-size:27px;margin-top:12px}.project-copy>p:not(.eyebrow){font-size:14px;margin-top:20px}.project-copy .eyebrow{font-size:9px;margin-bottom:15px}.bakd{gap:35px}.maaa{gap:22px}.maaa-visual{height:205px;padding-top:0}.notch-demo{width:100%}.maaa-visual .hand-note{font-size:21px}.coffee-object{width:130px;margin-top:10px}.kofe-visual{width:100%;margin-top:15px}.team-work{grid-template-columns:1fr;gap:33px;padding-block:60px}.team-work h2{font-size:37px}.team-work h2 br{display:none}.team-roles{grid-template-columns:1fr;gap:28px}.team-roles h3{font-size:25px}.team-roles p{margin-top:12px;max-width:310px;font-size:13px}.learning{grid-template-columns:1fr;gap:22px;padding-block:65px}.learning h2{font-size:37px}.learning-copy p{font-size:14px;max-width:310px}.archive{gap:25px}.archive-heading{position:relative}.archive-heading h2{font-size:39px;max-width:250px}.archive-heading h2 br{display:block}.archive-heading>p:last-of-type{max-width:215px;font-size:13px;margin-top:18px}.archive-lens{position:absolute;width:100px;height:100px;right:-8px;bottom:3px;margin:0}.archive-lens .magnifier-object{width:110px;max-width:none;left:0;top:0}.archive-lens>span{display:none}.contact{padding-block:70px 95px}.contact h2{font-size:49px}}
@media(max-width:360px){.intro h1{font-size:43px}.intro-bottom>p:first-child{font-size:13px}.project h2,.kofe .project-copy h2{font-size:49px}.product-thought{font-size:25px}.learning h2{font-size:33px}.archive-heading h2{font-size:36px}}

/* Final reading-space pass: less introduction, more product, reserved takeoff space. */
.header{height:90px}.intro{padding-top:30px}.intro .opening{margin-top:42px}.intro h1{font-size:clamp(66px,6.3vw,90px)}.intro-proof{margin-top:27px;padding-block:17px}.work-intro{padding-top:22px}.project{padding-block:80px}.bakd{padding-top:55px}.kofe-visual{width:88%}.archive-body{background:white}.plane-trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;display:none}.flight-on .plane-trail{display:block}.plane-trail path{fill:none;stroke:#3469d6;stroke-width:1.2;stroke-dasharray:1 8;stroke-linecap:round;opacity:.23}
@media(max-width:650px){.header{height:76px}.intro{padding-top:22px}.intro .opening{margin-top:32px}.intro h1{font-size:clamp(40px,10.7vw,61px)}.plane-home{width:105px;top:181px;right:0}.travelling-plane{width:105px}.intro-bottom{margin-top:24px}.intro .scroll-invite{margin-top:10px}.intro-proof{margin-top:15px;padding-block:14px;font-size:10px}.work-intro{padding-top:22px}.work-index{margin-top:4px}.project{padding-block:55px}.bakd{padding-top:34px}.kofe-visual{width:100%;overflow:hidden;padding-bottom:2px}.kofe-visual a{width:100%;aspect-ratio:1.3;overflow:hidden;position:relative}.kofe-visual img{width:135%;max-width:none;position:absolute;left:-17.5%;top:-3%}.kofe-visual figcaption{font-size:10px}.plane-trail path{opacity:.18}.contact h2{max-width:310px}}
@media(prefers-reduced-motion:reduce){.plane-trail{display:none!important}}
@media(max-width:650px){.plane-home{top:calc(100% + 90px)}}
/* Keep the opening flight corridor clear of the work link. */
@media(min-width:651px){.intro-bottom{flex-wrap:wrap;gap:16px}.intro .scroll-invite{margin-right:min(25vw,290px)}}
@media(max-width:650px){.archive-heading{display:grid;grid-template-columns:1fr 90px;column-gap:15px}.archive-heading>.eyebrow,.archive-heading>h2{grid-column:1/-1}.archive-heading>p:last-of-type{grid-column:1;max-width:none}.archive-lens{position:relative;grid-column:2;width:90px;height:90px;margin-top:14px;right:auto;bottom:auto}.archive-lens .magnifier-object{width:90px;left:-10px;top:0}}

/* Product-detail review: real UI gets the space previously given to captions. */
.notch-demo{border-top:5px solid #191a1b;border-radius:11px;overflow:hidden;box-shadow:0 18px 45px -30px #141a2445;background:#fafafa;padding-bottom:14px}.maaa-visual .hand-note{font:12px var(--sans);transform:none;color:var(--muted);margin-top:23px;align-self:flex-end;margin-left:0}.full-interface{display:inline-flex!important;align-items:center;min-height:44px;width:fit-content;margin-left:auto;font-size:12px;text-decoration:underline;text-underline-offset:4px;box-shadow:none!important;border-radius:0!important}.kofe-visual figcaption{margin-top:10px}.maaa-visual{z-index:4}
@media(max-width:650px){.bakd{display:grid;grid-template-columns:1fr;gap:18px}.bakd .project-copy{display:contents}.bakd .project-copy>.eyebrow{grid-row:1;margin:0}.bakd .project-copy>h2{grid-row:2;font-size:45px}.bakd .product-thought{display:none}.bakd-visual{grid-row:3;margin:0}.bakd .project-copy>p:not(.eyebrow){grid-row:4;margin-top:0}.bakd .project-copy>.text-link{grid-row:5;margin-top:0;justify-self:start}.bakd-visual figcaption{margin-top:10px}.kofe-visual>a{aspect-ratio:4/3}.kofe-visual>a>img{width:250%;left:-44%;top:-45%}.kofe-visual figcaption .full-interface{position:static;aspect-ratio:auto;overflow:visible}.notch-demo{border-top-width:4px;border-radius:8px}.maaa-visual .hand-note{font-size:11px;margin-top:18px}.team-work>h2{position:relative;z-index:4}}

/* Real, lightweight recordings. Controls live outside the product pixels. */
.demo-frame{width:100%;overflow:hidden;border:1px solid #e9e9e9;border-radius:9px;background:#fff;box-shadow:0 25px 60px -35px #14201640}
.project-demo{display:block;width:100%;height:auto;aspect-ratio:1440/796;object-fit:contain}
.project-demo[role="button"]{cursor:pointer}.project-demo:focus-visible{outline:2px solid #3469d6;outline-offset:-3px}
.demo-figure figcaption{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 20px;margin-top:8px;width:100%;font-size:11px;position:relative;background:#fff}
.demo-figure figcaption a,.demo-toggle{display:inline-flex;align-items:center;min-height:44px}
.demo-figure figcaption a{color:#414141}
.demo-toggle{border:0;padding:0;background:none;font:inherit;color:var(--ink);cursor:pointer;margin-right:auto;text-decoration:underline;text-underline-offset:4px}
.demo-toggle[hidden]{display:none}
.maaa-visual{height:auto;min-width:0;align-items:stretch}
.maaa-visual .notch-demo{max-width:none;border:1px solid #e9e9e9;padding:0;background:#fff;filter:none}
.kofe-visual{overflow:visible}
.kofe-visual>a{overflow:visible;box-shadow:none;border-radius:0;aspect-ratio:auto}
.kofe-visual picture{display:block;filter:drop-shadow(0 22px 24px #121b2020)}
.kofe-visual picture img{display:block;position:static;width:100%;max-width:100%;height:auto;object-fit:contain}
.reveal-pending{opacity:0;translate:0 16px}
.reveal-ready{transition:opacity .65s ease,translate .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-paused .reveal-pending{opacity:1;translate:none}
@media(max-width:650px){.maaa-visual{height:auto;padding:0}.demo-figure figcaption{font-size:12px;gap:3px 13px}.kofe-visual picture{filter:drop-shadow(0 12px 14px #121b2018)}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;translate:none}.reveal-ready{transition:none}}

/* Fit each verb naturally; the following word eases into its new position. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero-firstline{white-space:nowrap}
.verb-switch{display:inline-grid;vertical-align:baseline;text-align:left;width:var(--verb-build,2.14em);grid-template-columns:100%}
.verb-switch>span{grid-area:1/1;justify-self:start;width:max-content;opacity:0;translate:0 0;white-space:nowrap}
.verb-switch>span:first-child{opacity:1}
.word-cycle .verb-switch{animation:verb-width 4.8s 1 both;animation-play-state:paused}
.word-cycle.word-running .verb-switch{animation-play-state:running}
.word-cycle .verb-switch>span{animation:verb-build 4.8s 1 both;animation-play-state:paused}
.word-cycle .verb-switch>span:nth-child(2){animation-name:verb-design}
.word-cycle .verb-switch>span:nth-child(3){animation-name:verb-sell}
.word-cycle.word-running .verb-switch>span{animation-play-state:running}
@keyframes verb-build{0%,25%,100%{opacity:1;translate:0 0}33%{opacity:0;translate:0 -.12em}34%,92%{opacity:0;translate:0 .12em}}
@keyframes verb-design{0%,25%{opacity:0;translate:0 .12em}33%,58%{opacity:1;translate:0 0}66%,100%{opacity:0;translate:0 -.12em}}
@keyframes verb-sell{0%,58%{opacity:0;translate:0 .12em}66%,92%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -.12em}}
@keyframes verb-width{0%,25%,100%{width:var(--verb-build,2.14em)}33%,58%{width:var(--verb-design,2.75em)}66%,92%{width:var(--verb-sell,1.55em)}}
.team-roles .role-title{font-size:12px;line-height:1.5;color:var(--ink);margin-top:13px}
.team-roles .role-dates{font-size:11px;margin-top:5px;line-height:1.5}
.team-roles p{max-width:36ch;font-size:14px;line-height:1.75;margin-top:22px}
.team-roles p+p{margin-top:15px}
.team-roles>div{position:relative;background:#fff}
@media(max-width:1050px) and (min-width:651px){.team-work{grid-template-columns:1fr;gap:35px}.team-work>h2 br{display:none}.team-roles{gap:55px}.team-roles p{max-width:none}}
@media(max-width:650px){.intro h1{font-size:clamp(32px,10.7vw,61px)}.team-roles{gap:38px}.team-roles p{font-size:14px;max-width:none}.team-roles .role-title{font-size:13px}.team-roles .role-dates{font-size:12px}}
@media(prefers-reduced-motion:reduce){.verb-switch,.verb-switch>span{animation:none!important}.verb-switch>span:first-child{opacity:1}.verb-switch>span:not(:first-child){opacity:0}}