body:has(.public-shell){background:#101010}.public-shell{--paper:#101010;--white:#1a1a1a;--ink:#f3f3f3;--muted:#aaa;--line:#363636;--accent:#ff6b35;--pale:#242424;--dark:#080808;--gutter:clamp(22px,4vw,80px);--max:1760px;--radius:4px;color:var(--ink);background:var(--paper);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ease-in-out:cubic-bezier(.77,0,.175,1);min-height:100dvh;overflow:clip}.public-shell ::selection{background:var(--accent);color:#101010}.public-shell a:focus-visible,.public-shell button:focus-visible,.public-shell summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}body:has(.public-shell){scrollbar-color:#777 #101010}body:has(.public-shell)::-webkit-scrollbar-track{background:#101010}body:has(.public-shell)::-webkit-scrollbar-thumb{background:#777;border-color:#101010}.public-shell .site-header{border:0;gap:28px;height:88px}.public-shell .brand-monogram{color:var(--accent);letter-spacing:-.04em;font-size:32px;font-weight:750}.public-shell .brand-name{max-width:85px;font-size:13px}.public-shell .desktop-nav{gap:28px;margin-left:auto;font-size:13px}.public-shell .header-contact{margin-left:24px;font-size:13px}.public-shell .language-picker summary{font-size:13px}.public-shell .language-picker nav{background:#222;border-color:#444}.public-shell .mobile-nav{border-color:var(--line);background:#1a1a1a}.public-shell .language-picker nav a[aria-current=page]{color:var(--accent)}.kinetic-hero{padding-top:26px;position:relative}.hero-heading{grid-template-columns:1fr 280px;align-items:end;gap:40px;display:grid}.hero-heading h1{letter-spacing:-.04em;flex-direction:column;font-size:clamp(56px,7.6vw,132px);font-weight:750;line-height:.92;display:flex}.hero-heading h1>span{margin-bottom:10px;font-size:.55em;font-weight:500}.hero-heading h1 strong{white-space:nowrap;font-weight:750}.signature-period{color:var(--accent)}.hero-introduction{padding-bottom:5px}.hero-introduction p{color:#b6b6b6;font-size:14px;line-height:1.75}.hero-work-link{border-bottom:1px solid #6d6d6d;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding-block:15px;font-size:14px;display:flex}.hero-subline{color:#aaa;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;font-size:12px;display:flex}.intro-replay{color:#ddd;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.intro-replay svg{width:18px;height:18px}.identity-entrance{z-index:95;padding:40px var(--gutter);pointer-events:none;animation:entrance-leave .42s 1.92s var(--ease) forwards;background:#101010;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.entrance-top,.entrance-bottom{color:#aaa;justify-content:space-between;align-items:center;gap:24px;font-size:12px;display:flex}.entrance-top>span:first-child{color:#eee}.entrance-bottom button{pointer-events:auto;color:#eee;background:0 0;border:0;align-items:center;gap:28px;padding:14px 0 14px 20px;display:flex}.letter-reels{perspective:1100px;grid-template-columns:repeat(9,minmax(0,1fr));width:100%;font-size:clamp(44px,13vw,240px);font-weight:800;line-height:1;display:grid}.letter-cell{perspective:1100px;height:1.04em}.letter-drum{width:100%;height:100%;transform-style:preserve-3d;animation:letter-turn 1.46s var(--ease-in-out) both;position:relative}.letter-drum>span{backface-visibility:hidden;color:var(--accent);background:#101010;border-bottom:1px solid #303030;place-items:center;display:grid;position:absolute;inset:0}.letter-drum>span:nth-child(2){color:#eee;background:#191919}.letter-drum>span:nth-child(3){color:#666;background:#171717}.letter-drum>span:nth-child(4){color:#eee;background:#131313}@keyframes letter-turn{0%{transform:rotateX(-450deg)}to{transform:rotateX(0)}}@keyframes entrance-leave{to{opacity:0;visibility:hidden;transform:translateY(-5%)}}.product-exhibition{margin-top:28px}.exhibition-stage{cursor:grab;overflow:hidden}.exhibition-stage:active{cursor:grabbing}.exhibition-track{touch-action:pan-y pinch-zoom;margin-left:-24px;display:flex}.exhibition-slide{flex:0 0 min(78%,1120px);min-width:0;padding-left:24px}.exhibit-panel{transform-origin:50%;backface-visibility:hidden;-webkit-user-select:none;user-select:none;border-radius:4px;height:clamp(360px,39vw,560px);display:block;overflow:hidden}.panel-image{background:#232323;height:100%}.panel-landscape{justify-content:center;align-items:center;padding:24px;display:flex}.panel-landscape img{object-fit:contain;object-position:center;width:100%;height:100%}.panel-portrait{background:#343434;justify-content:center;align-items:center;gap:36px;padding:28px;display:flex}.panel-portrait img{object-fit:contain;filter:drop-shadow(4px 12px 16px #0004);border-radius:18px;width:auto;max-width:44%;height:100%}.exhibit-ping .panel-portrait{background:#ff6b35}.exhibit-neyrochat .panel-portrait{background:#d3d3d3}.exhibit-sleep-nm .panel-portrait{background:#444}.exhibition-toolbar{width:min(calc(100% - var(--gutter)*2),var(--max));align-items:center;gap:25px;margin:auto;padding:24px 0 20px;display:flex}.exhibition-counter{font-variant-numeric:tabular-nums;gap:10px;font-size:13px;display:flex}.exhibition-counter>span:first-child{color:var(--accent)}.exhibition-counter>span:last-child{color:#999}.current-project{align-items:center;gap:20px;font-size:20px;font-weight:600;display:flex}.drag-hint{color:#aaa;margin-left:auto;font-size:12px}.exhibition-arrows{gap:8px;display:flex}.exhibition-arrows button{width:48px;height:48px;transition:transform .13s var(--ease),background-color .15s ease;background:0 0;border:1px solid #4e4e4e;border-radius:50%;place-items:center;display:grid}.exhibition-arrows button:last-child{color:#111;background:var(--accent);border-color:var(--accent)}.exhibition-arrows button:active,.intro-replay:active{transform:scale(.96)}.exhibition-index{width:min(calc(100% - var(--gutter)*2),var(--max));border-top:1px solid #383838;flex-wrap:wrap;gap:25px;margin:auto;padding:22px 0;display:flex}.exhibition-index button{color:#aaa;background:0 0;border:0;min-height:44px;padding:4px 0;font-size:12px;position:relative}.exhibition-index button[aria-pressed=true]{color:var(--accent)}.exhibition-index button[aria-pressed=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-6px;left:0;right:0}.public-shell .kinetic-work{padding-top:120px;padding-bottom:70px}.catalogue-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:56px;display:flex}.catalogue-heading h2{max-width:720px;font-size:clamp(38px,5vw,78px);font-weight:550}.catalogue-heading>span{color:#aaa;white-space:nowrap;font-size:12px}.case-spread{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;align-items:center;gap:clamp(35px,6vw,110px);padding:58px 0;display:grid}.case-spread:nth-of-type(2n){grid-template-columns:2fr 1fr}.case-spread:nth-of-type(2n) .spread-copy{order:2}.case-spread:nth-of-type(2n) .spread-image{order:1}.spread-category{color:#a4a4a4;margin-bottom:24px;font-size:12px;display:block}.spread-copy h3{margin-bottom:22px;font-size:clamp(30px,3.2vw,55px);font-weight:550;line-height:1.08}.spread-copy>p{color:#b2b2b2;margin-bottom:25px;font-size:15px;line-height:1.8}.public-shell .tags{gap:6px 16px}.public-shell .tags li{color:#b5b5b5;background:0 0;border:none;padding:0;font-size:12px}.spread-copy .text-link{color:var(--ink);align-items:center;gap:18px;margin-top:28px;font-size:14px;display:inline-flex}.spread-image{display:block;position:relative}.public-shell .spread-image .project-stage{background:#292929;border-radius:3px;height:clamp(310px,33vw,540px);min-height:0}.public-shell .spread-image .stage-ping{background:#ff6b35}.public-shell .stage-ping .stage-word{color:#9d3515;opacity:.7;letter-spacing:-.04em}.spread-open{color:#111;background:#eee;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;bottom:20px;right:20px}.public-shell .desktop-screen{border-color:#393939}.public-shell .spread-image .desktop-screen{width:90%;top:12%;left:5%;transform:rotate(-3deg)}.public-shell .spread-image .phone-front{width:31%;top:9%;left:48%;transform:rotate(8deg)}.public-shell .spread-image .phone-back{width:28%;top:21%;left:15%;transform:rotate(-10deg)}.public-shell .spread-image .solo-phone{width:34%;top:10%;left:33%;transform:rotate(-5deg)}.public-shell .engineering-statement{border-top:1px solid #383838;padding-block:90px 110px}.engineering-statement h2{font-size:clamp(34px,5.8vw,92px);font-weight:550;line-height:1.05}.engineering-statement h2 span{display:block}.engineering-statement .statement-accent{color:var(--accent)}.engineering-statement>p{color:#b5b5b5;max-width:480px;margin-top:36px;margin-left:auto}.public-shell .approach{border-top:1px solid var(--line);padding-block:70px}.public-shell .section-intro{grid-template-columns:1fr 1fr;gap:60px;margin-bottom:55px;display:grid}.public-shell .section-intro h2{max-width:600px}.public-shell .services{border-top:1px solid var(--line);display:block}.public-shell .services article{border-bottom:1px solid var(--line);border-top:0;grid-template-columns:1fr 1fr 160px;align-items:start;gap:40px;padding:36px 0;display:grid}.public-shell .services article h3{font-size:26px}.public-shell .services article p{color:var(--muted);margin:0}.public-shell .services article a{align-self:center;margin:0}.public-shell .method{border-color:var(--line);margin-top:70px}.public-shell .method ol li{border-color:var(--line)}.public-shell .about{grid-template-columns:1fr 1.2fr;gap:10%;padding-block:90px}.public-shell .portrait-frame{border-radius:2px;width:100%;max-width:520px}.public-shell .portrait-frame img{filter:grayscale()}.public-shell .about-copy h2{font-size:clamp(36px,4.5vw,66px)}.public-shell .about-copy>p{color:var(--muted)}.public-shell .about-copy>p:first-of-type{color:var(--ink)}.public-shell .contact{width:100%;max-width:none;padding:70px var(--gutter);background:var(--accent);color:#101010;border-radius:0;margin-block:30px 0}.public-shell .contact-top{max-width:var(--max);margin:auto}.public-shell .contact h2{font-size:clamp(38px,5.5vw,80px)}.public-shell .contact h2 em,.public-shell .contact-top p,.public-shell .contact-note{color:#202020}.public-shell .contact-bottom{max-width:var(--max);border-color:#21212166;margin-inline:auto}.public-shell .contact-email{font-size:clamp(25px,4.6vw,70px)}.public-shell .copy-email{color:#101010;border-color:#21212166}.public-shell .contact a:focus-visible,.public-shell .contact button:focus-visible{outline-color:#101010}.public-shell .site-footer{color:#aaa;padding-block:28px}.public-shell .case-heading{padding-top:55px}.public-shell .case-title-row{align-items:flex-start;gap:50px;margin-block:45px}.public-shell .case-title-row h1{max-width:60%;font-size:clamp(48px,7vw,110px)}.public-shell .case-meta{border-color:var(--line)}.public-shell .case-cover .project-stage{background:#292929;border-radius:3px}.public-shell .case-cover .stage-ping{background:var(--accent)}.public-shell .case-nav{border-color:var(--line);background:#101010f5}.public-shell .case-story,.public-shell .case-work,.public-shell .case-tech,.public-shell .case-gallery{border-color:var(--line)}.public-shell .contribution-marker{background:var(--accent)}.public-shell .gallery-open{background:#282828;border-radius:3px}.public-shell .case-result{color:var(--ink);background:#262626;border:0}.public-shell .next-project{border-color:var(--line)}.public-shell .lightbox,.public-shell .lightbox-bar,.public-shell .lightbox-footer{color:var(--ink);background:#101010}.public-shell .privacy{padding-bottom:90px}@media (hover:hover) and (pointer:fine){.exhibition-index button:hover,.intro-replay:hover,.public-shell .text-link:hover{color:var(--accent)}.spread-open{transition:transform .2s var(--ease)}.spread-image:hover .spread-open{transform:rotate(45deg)}}@media (min-width:1800px){.hero-heading{grid-template-columns:1fr 340px}}@media (max-width:1100px){.public-shell .desktop-nav{gap:18px}.public-shell .header-contact{display:none}.hero-heading{grid-template-columns:1fr 240px;gap:20px}.hero-heading h1{font-size:8vw}.exhibition-slide{flex-basis:84%}.exhibit-panel{height:440px}.public-shell .services article{grid-template-columns:1fr 1fr}.public-shell .services article a{grid-column:2}.case-spread,.case-spread:nth-of-type(2n){gap:40px}}@media (max-width:700px){.public-shell .site-header{gap:16px;height:72px}.public-shell .desktop-nav{display:none}.public-shell .menu-toggle{margin-left:0;display:flex}.public-shell .language-picker{margin-left:auto}.public-shell .brand-name{display:none}.public-shell .brand-monogram{font-size:28px}.kinetic-hero{padding-top:28px}.hero-heading{display:block}.hero-heading h1{font-size:12.3vw}.hero-heading h1>span{font-size:.6em}.hero-introduction{grid-template-columns:1fr;margin-top:28px;display:grid}.hero-introduction p{max-width:42ch;font-size:13px}.hero-work-link{margin-top:4px;padding-block:12px;font-size:13px}.hero-subline{flex-wrap:wrap;gap:12px;margin-top:12px;font-size:10px}.hero-subline>span:first-child{display:none}.intro-replay{font-size:10px}.identity-entrance{padding-block:24px}.entrance-top{font-size:10px}.entrance-top>span:last-child{text-align:right;max-width:130px}.entrance-bottom{font-size:11px}.letter-reels{font-size:12.2vw}.product-exhibition{margin-top:22px}.exhibition-track{margin-left:-12px}.exhibition-slide{flex-basis:90%;padding-left:12px}.exhibit-panel{height:365px}.panel-landscape{padding:10px}.panel-portrait{gap:12px;padding:20px 14px}.panel-portrait img{border-radius:10px}.exhibition-toolbar{flex-wrap:wrap;gap:12px;padding-block:20px 16px}.exhibition-counter{gap:5px;font-size:11px}.current-project{flex:1;gap:9px;font-size:15px}.exhibition-counter{display:none}.current-project svg{width:18px}.exhibition-arrows{gap:5px;margin-left:auto}.exhibition-arrows button{width:44px;height:44px}.drag-hint{display:none}.exhibition-index{gap:16px;padding-block:15px}.exhibition-index button{font-size:10px}.public-shell .kinetic-work{padding-top:65px}.catalogue-heading{margin-bottom:32px;display:block}.catalogue-heading h2{font-size:39px}.catalogue-heading>span{margin-top:20px;font-size:11px;display:block}.case-spread,.case-spread:nth-of-type(2n){flex-direction:column;align-items:stretch;gap:26px;padding-block:32px;display:flex}.case-spread:nth-of-type(2n) .spread-copy,.case-spread:nth-of-type(2n) .spread-image{order:initial}.spread-copy h3{margin-bottom:15px;font-size:31px}.spread-category{margin-bottom:12px;font-size:11px}.spread-copy>p{margin-bottom:18px;font-size:14px}.spread-copy .text-link{margin-top:18px}.public-shell .spread-image .project-stage{height:310px}.spread-open{width:40px;height:40px;bottom:15px;right:15px}.public-shell .spread-image .phone-front{width:43%;left:47%}.public-shell .spread-image .phone-back{width:39%;left:9%}.public-shell .spread-image .solo-phone{width:44%;left:28%}.public-shell .engineering-statement{padding-block:55px}.engineering-statement h2{font-size:clamp(28px,7.3vw,49px)}.engineering-statement>p{margin-top:25px;font-size:14px}.public-shell .section-intro{display:block}.public-shell .section-intro h2{margin-bottom:22px;font-size:34px}.public-shell .services article{padding-block:28px;display:block}.public-shell .services article h3{margin-bottom:16px;font-size:25px}.public-shell .services article a{margin-top:20px}.public-shell .about{flex-direction:column;gap:35px;padding-block:45px 65px;display:flex}.public-shell .portrait-frame{max-height:400px}.public-shell .about-copy h2{font-size:35px}.public-shell .contact{padding-block:42px}.public-shell .contact h2{font-size:37px}.public-shell .contact-email{gap:8px;font-size:25px}.public-shell .contact-top p{margin-top:24px}.public-shell .case-heading{padding-top:25px}.public-shell .case-title-row{gap:22px;margin-block:26px}.public-shell .case-title-row h1{max-width:100%;font-size:clamp(40px,10vw,64px)}.public-shell .case-cover .desktop-screen{width:94%;top:15%;left:3%}.public-shell .case-cover .project-stage{height:310px}}@media (prefers-reduced-motion:reduce){.identity-entrance{display:none}.exhibit-panel{transform:none!important}.autoplay-toggle{display:none!important}.intro-replay{display:none}.spread-open{transition:none!important}.spread-image:hover .spread-open{transform:none}}.public-shell .case-cover{grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr);align-items:center;gap:50px;display:grid}.public-shell .case-cover .case-meta{border:0;flex-direction:column;gap:28px;margin:0;padding:0;display:flex}.public-shell .case-cover .case-meta p{max-width:35ch}.public-shell .case-cover .project-stage{height:500px}.public-shell .case-media-caption{color:#aaa;margin-top:16px;font-size:11px;line-height:1.6}@media (max-width:700px){.public-shell .case-cover{flex-direction:column;align-items:stretch;gap:32px;display:flex}.public-shell .case-cover .project-stage{height:320px}.public-shell .case-cover .case-meta{gap:22px}.public-shell .case-cover .case-meta>div{margin:0}}.public-shell .contact-form{max-width:var(--max);color:#101010;border-top:1px solid #10101066;margin:42px auto 8px;padding-block:28px 8px}.public-shell .contact-form-required,.public-shell .contact-form-hint{color:#29211e;margin:0 0 18px;font-size:13px}.public-shell .contact-form-row{grid-template-columns:1fr 1fr;gap:28px;display:grid}.public-shell .contact-form label{font-size:14px;font-weight:650;display:block}.public-shell .contact-form input,.public-shell .contact-form textarea{color:#101010;width:100%;font:inherit;box-shadow:none;background:#fff7ee;border:1px solid #39201599;border-radius:3px;margin:10px 0 22px;padding:14px 16px;font-size:17px;line-height:1.5;display:block}.public-shell .contact-form textarea{resize:vertical;min-height:138px;max-height:600px;margin-bottom:8px}.public-shell .contact-form :is(input,textarea,button,a):focus-visible{outline-offset:4px;outline:3px solid #101010}.public-shell .contact-form-submit{justify-content:space-between;align-items:center;gap:24px;display:flex}.public-shell .contact-form-submit p{max-width:52ch;margin:0;font-size:13px;line-height:1.6}.public-shell .contact-form-submit a{text-underline-offset:3px;text-decoration:underline}.public-shell .contact-form-submit button{color:#fff;min-height:52px;font:inherit;cursor:pointer;background:#101010;border:1px solid #101010;border-radius:3px;justify-content:space-between;align-items:center;gap:32px;padding:14px 22px;font-weight:650;transition:opacity .12s cubic-bezier(.23,1,.32,1),transform .1s cubic-bezier(.23,1,.32,1);display:flex}.public-shell .contact-form-submit button:active:not(:focus-visible){transition-duration:.14s;transform:translateY(1px)}.public-shell .contact-form-submit button:focus-visible{transition:none}.public-shell .contact-form-submit button:disabled{opacity:.65;cursor:wait}.public-shell .contact-form-status{min-height:24px;margin:18px 0 0;font-size:15px;font-weight:650;line-height:1.5}.public-shell .contact-form-status.is-error{color:#571800}.public-shell .cookie-settings{color:#bdbdbd;min-height:44px;margin:0 max(24px,calc((100% - var(--max))/2)) 20px;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px;text-decoration:underline;display:block}.public-shell .analytics-consent{z-index:400;color:#101010;background:#f7f5f0;border:1px solid #b6b3ad;border-radius:4px;width:min(470px,100vw - 40px);padding:24px;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 40px #0004}.public-shell .analytics-consent h2{font:inherit;margin:0 0 10px;font-size:18px;font-weight:750}.public-shell .analytics-consent p{margin:0 0 18px;font-size:13px;line-height:1.55}.public-shell .analytics-consent a{text-decoration:underline}.public-shell .analytics-consent>div{gap:10px;display:flex}.public-shell .analytics-consent button{font:inherit;color:#101010;cursor:pointer;background:0 0;border:1px solid #101010;border-radius:2px;flex:1;min-height:44px;padding:12px 10px;font-size:13px}.public-shell .analytics-consent button:focus-visible{outline-offset:3px;outline:3px solid #d4451b}@media (hover:hover) and (pointer:fine){.public-shell .contact-form-submit button:not(:disabled):hover{opacity:.85}.public-shell .analytics-consent button:hover{background:#e6e2d9}}@media (max-width:600px){.public-shell .contact-form-row{grid-template-columns:1fr;gap:0}.public-shell .contact-form-submit{flex-direction:column;align-items:stretch;gap:18px}.public-shell .contact-form-submit button{width:100%}.public-shell .analytics-consent{width:calc(100vw - 24px);padding:20px;bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){.public-shell .contact-form-submit button{transition:none;transform:none}}.public-shell .client-questions{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:clamp(32px,6vw,100px);padding-block:clamp(65px,8vw,120px);display:grid}.public-shell .client-questions h2{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(32px,4vw,56px);line-height:1.12}.public-shell .client-questions article{border-top:1px solid var(--line);padding:28px 0}.public-shell .client-questions h3{margin:0 0 12px;font-size:20px;line-height:1.4}.public-shell .client-questions p{color:var(--muted);max-width:68ch;margin:0;line-height:1.8}@media (max-width:760px){.public-shell .client-questions{grid-template-columns:1fr}}
