@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#171816;--cream:#deddd5;--muted:#999c92;--orange:#fa613c;--line:#3c3e36}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0;background:var(--ink);color:var(--cream);font:16px 'DM Sans',Arial,sans-serif;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}em{font-family:'Instrument Serif',Georgia,serif;font-weight:400}header{position:absolute;z-index:60;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:25px 4%;color:#f4f0e9}.brand{font-family:'Instrument Serif',Georgia,serif;font-size:60px;line-height:1}.brand span{font-family:Arial;font-size:12px;vertical-align:top;display:inline-block;margin:13px 0 0 3px}.header-description{font-size:13px;line-height:1.35;margin-left:12%;margin-right:auto}.menu-button{display:flex;align-items:center;gap:25px;background:none;font-size:14px;padding:15px 0}.menu-icon{width:30px;display:flex;flex-direction:column;gap:6px}.menu-icon i{display:block;width:100%;height:1px;background:currentColor;transition:transform .4s}.menu-button[aria-expanded=true] .menu-icon i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] .menu-icon i:last-child{transform:translateY(-3.5px) rotate(-45deg)}#navigation{position:fixed;inset:0;z-index:50;background:#262921;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:110px 14% 60px;clip-path:inset(0 0 100% 0);transition:clip-path .8s cubic-bezier(.76,0,.24,1);visibility:hidden}#navigation.open{clip-path:inset(0);visibility:visible}.menu-kicker{font-size:12px;color:var(--orange);margin-bottom:30px}#navigation>a{font-size:clamp(35px,5.5vw,85px);line-height:1.15;letter-spacing:-.055em;transition:color .2s}#navigation>a:hover{color:var(--orange)}#navigation small{font-size:12px;letter-spacing:0;display:inline-block;width:45px;vertical-align:middle}.menu-footer{display:flex;gap:40px;font-size:13px;margin-top:40px}.hero{height:110svh;min-height:850px;max-height:1300px;position:relative;overflow:hidden}.scene-images,.hero-shade{position:absolute;inset:0}.scene{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.09);filter:brightness(.68) saturate(.7);transition:opacity 1.2s,transform 2.5s cubic-bezier(.2,.7,.2,1)}.scene.active{opacity:1;transform:scale(1)}.hero-shade{background:linear-gradient(180deg,#15181335,transparent 30%,#1718162a 55%,#171816e6)}.hero-caption{position:absolute;top:170px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:12px;line-height:1.5}.scene-title{width:245px}.scene-title>span{font-size:11px;opacity:.7}.scene-title p{font-size:17px;margin:10px 0}.scene-title small{font-size:9px;opacity:.6}.hero h1{position:absolute;top:28%;left:13%;font-size:clamp(60px,8.4vw,135px);font-weight:400;line-height:.95;letter-spacing:-.075em;margin:0;z-index:2;pointer-events:none}.hero h1>span,.hero h1>em{display:block}.hero h1 em{margin-left:22%;font-size:1.28em;letter-spacing:-.04em;line-height:.9}.scene-control{position:absolute;right:5%;top:39%;z-index:5;display:flex;align-items:center;gap:20px}.scene-control>button{background:none;font-size:25px;width:35px;height:45px}.scene-dial{width:135px;height:135px;border:1px solid #deddd545;border-radius:50%;position:relative}.dial-point{position:absolute;background:var(--ink);border:1px solid #deddd55c;border-radius:50%;width:32px;height:32px;font-size:10px;transition:background .3s,color .3s}.dial-point:nth-of-type(1){top:-16px;left:51px}.dial-point:nth-of-type(2){right:-3px;bottom:14px}.dial-point:nth-of-type(3){left:-3px;bottom:14px}.dial-point.selected{background:var(--orange);border-color:var(--orange);color:var(--ink)}.dial-line{position:absolute;left:calc(50% - .5px);bottom:50%;height:49px;width:1px;background:var(--orange);transform-origin:bottom;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.dial-line:after{content:'';position:absolute;bottom:-3px;left:-3px;width:7px;height:7px;background:var(--orange);border-radius:50%}.hero-bottom{position:absolute;bottom:28%;left:4%;right:4%;display:flex;justify-content:space-between;font-size:11px;line-height:1.5}.hero-bottom a{display:flex;align-items:center;gap:45px}.hero-bottom a span{font-size:28px}.hero-word{position:absolute;left:3%;bottom:-1%;font-size:24.6vw;font-weight:500;line-height:.85;letter-spacing:-.085em;color:var(--cream);pointer-events:none;will-change:transform}.section-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.02em;gap:30px}.studio{padding:90px 5% 120px}.studio-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;margin-top:90px}.studio h2,.work h2,.capabilities h2,.brands h2{font-size:clamp(55px,7.5vw,120px);font-weight:400;line-height:.98;letter-spacing:-.065em;margin:0}.studio h2 em{color:var(--orange);font-size:1.1em}.studio-copy{padding-top:10px;max-width:440px}.orange-mark{display:block;font-size:60px;color:var(--orange);margin-bottom:35px}.studio-copy p{font-size:20px;line-height:1.45;margin:0 0 30px}.studio-copy p+p{color:var(--muted);font-size:17px}.copy-note{font-size:10px;color:var(--orange)}.portal-section{height:170vh;position:relative}.portal-sticky{height:100vh;position:sticky;top:0;display:grid;place-items:center;overflow:hidden}.portal-frame{width:62%;height:75%;border-radius:260px;overflow:hidden;position:relative;will-change:width,height,border-radius}.portal-frame>img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:brightness(.5) saturate(.3);transform:scale(1.1)}.portal-grain{position:absolute;inset:0;background:linear-gradient(180deg,transparent,#17181680)}.portal-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.portal-copy>span{font-size:11px;letter-spacing:.05em}.portal-copy h2{font-size:clamp(38px,6vw,100px);line-height:1.03;font-weight:400;letter-spacing:-.06em;margin:40px 0 25px}.portal-copy p{font-size:16px;line-height:1.5}.work{padding:100px 5% 110px;background:var(--cream);color:var(--ink)}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin:75px 0}.work-heading h2{font-size:clamp(50px,6.5vw,100px)}.work-heading p{font-size:17px;line-height:1.4;padding-right:5%}.work-row{width:100%;display:flex;align-items:center;text-align:left;gap:35px;background:none;padding:32px 0;border-top:1px solid #b7b8ac;position:relative}.work-row:last-child{border-bottom:1px solid #b7b8ac}.work-no{width:30px;font-size:12px}.row-image{width:185px;height:125px;overflow:hidden;flex-shrink:0;transition:width .6s cubic-bezier(.2,.7,.2,1),transform .6s}.row-image>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.work-row:hover .row-image{width:245px;transform:rotate(-3deg)}.work-row:hover img{transform:scale(1.08)}.row-title h3{font-size:clamp(23px,3.1vw,48px);font-weight:400;letter-spacing:-.06em;margin:0 0 16px}.row-title>span{font-size:10px;letter-spacing:.02em}.row-arrow{margin-left:auto;font-size:45px;font-weight:400;transition:transform .4s}.work-row:hover .row-arrow{transform:rotate(45deg);color:#9b3820}.interface-thumb{background:#333f36;display:grid;place-items:center;color:var(--cream);text-align:left}.interface-thumb>span{font-size:28px;line-height:.92;letter-spacing:-1.5px}.interface-thumb em{font-size:1.2em}.work-foot{display:flex;justify-content:space-between;margin-top:35px;font-size:12px}.work-foot>span{font-size:10px;color:#76786f}.capabilities{padding:100px 5% 110px;background:#262b25}.cap-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;margin-top:85px}.cap-intro h2{font-size:clamp(65px,7vw,110px)}.cap-intro>p{font-size:17px;color:#a4aa9f;line-height:1.5;margin-top:35px}.orbit{width:140px;height:140px;border:1px solid #656e61;border-radius:50%;position:relative;display:grid;place-items:center;margin-top:65px}.orbit>span{font-family:'Instrument Serif',Georgia,serif;font-size:70px}.orbit i{position:absolute;width:100%;height:100%;border-radius:50%;animation:orbit 14s linear infinite}.orbit i:before{content:'';position:absolute;top:-5px;left:calc(50% - 5px);width:10px;height:10px;background:var(--orange);border-radius:50%}@keyframes orbit{to{transform:rotate(360deg)}}.services details{padding:26px 0;border-top:1px solid #4e5749}.services details:last-child{border-bottom:1px solid #4e5749}.services summary{display:flex;align-items:center;gap:20px;list-style:none;cursor:pointer}.services summary::-webkit-details-marker{display:none}.services summary>span{font-size:11px;width:25px;color:var(--orange)}.services h3{font-size:clamp(24px,2.7vw,43px);font-weight:400;letter-spacing:-.05em;margin:0}.services summary i{font-size:25px;margin-left:auto;font-style:normal}.services details>div{margin:25px 0 0 45px;max-width:470px}.services p{font-size:17px;line-height:1.5;color:#abb2a4;margin-bottom:30px}.services details>div>span{font-size:10px;line-height:1.7;display:block;color:var(--orange)}.brands{padding:90px 5%;background:var(--cream);color:var(--ink)}.brands h2{font-size:clamp(45px,5.2vw,82px);text-align:center;margin:65px 0}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #b7b8ac;border-bottom:1px solid #b7b8ac}.brand-grid span{padding:40px 10px;text-align:center;font-size:12px;letter-spacing:.12em;color:#8b8e80}.brands>p{text-align:center;color:#76796c;font-size:12px;margin-top:25px}footer{padding:80px 5% 20px;background:var(--orange);color:var(--ink);overflow:hidden}.contact-title{display:block;position:relative;font-size:clamp(60px,9.5vw,150px);letter-spacing:-.07em;line-height:.98;margin:70px 0 60px}.contact-title em{font-size:1.1em}.contact-title>span{position:absolute;right:3%;top:15%;font-size:1.15em;transition:transform .6s}.contact-title:hover>span{transform:translate(12px,-15px)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b94225;padding-top:30px;font-size:18px}.contact-bottom button{background:none;font-size:11px}.footer-word{font-size:23vw;letter-spacing:-.085em;line-height:.95;font-weight:500;margin-top:60px}.footer-word>span{font-size:.1em;vertical-align:top;letter-spacing:0;display:inline-block;margin-top:18px}.footer-meta{display:flex;justify-content:space-between;gap:25px;font-size:10px;border-top:1px solid #b94225;padding-top:20px;margin-top:25px}.footer-meta>div{display:flex;gap:20px}.footer-meta>div a{opacity:.6}.footer-meta>div>span{text-decoration:underline}.project-cursor{position:fixed;left:0;top:0;width:85px;height:85px;display:grid;place-content:center;text-align:center;background:var(--orange);color:var(--ink);font-size:11px;line-height:1.5;border-radius:50%;z-index:40;pointer-events:none;opacity:0;transition:opacity .25s}.project-cursor.active{opacity:1}dialog{width:min(1050px,95vw);max-height:92svh;border:0;padding:65px;background:var(--cream);color:var(--ink);overflow:auto}dialog::backdrop{background:#141711dc;backdrop-filter:blur(12px)}.dialog-close{position:absolute;top:20px;right:20px;background:none;font-size:14px}dialog h2{font-size:clamp(40px,6vw,85px);line-height:1;letter-spacing:-.065em;font-weight:400;margin:45px 0 30px}dialog p{font-size:18px;line-height:1.5;max-width:700px}#dialog-media img{width:100%;margin-top:25px}.dialog-note{font-size:12px;color:#777b6e}.product-demo{background:#333f36;padding:40px;margin-top:30px;color:var(--cream)}.demo-top{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid #75816c;padding-bottom:20px}.product-demo h3{font-size:55px;font-weight:400;line-height:1;letter-spacing:-3px;margin:35px 0}.demo-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.demo-notes>div{border:1px solid #75816c;padding:25px 15px;font-size:15px}.demo-notes small{display:block;font-size:10px;color:#aeb6a7;margin-bottom:35px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}@media(max-width:950px){.hero h1{left:7%;font-size:10vw}.scene-control{right:3%;top:48%;gap:8px}.scene-dial{transform:scale(.8)}.studio-intro,.cap-grid{gap:45px}.work-row{gap:25px}.row-image{width:145px;height:105px}.work-row:hover .row-image{width:175px}.portal-frame{width:80%}.header-description{margin-left:8%}.hero-word{font-size:24vw}}@media(max-width:600px){header{padding:22px 6%}.brand{font-size:50px}.header-description{font-size:10px;margin-left:8%}.menu-button{font-size:12px;gap:15px}.menu-icon{width:23px}#navigation{padding:110px 8% 50px}#navigation>a{font-size:39px;line-height:1.4}#navigation small{width:28px;font-size:10px}.menu-kicker{font-size:10px}.hero{height:950px;min-height:850px;max-height:1050px}.hero-caption{top:130px;left:6%;right:6%;font-size:10px}.scene-title{width:160px;text-align:right}.scene-title p{font-size:14px}.scene-title small{font-size:8px}.hero h1{top:31%;left:6%;font-size:14vw}.hero h1 em{margin-left:12%;font-size:1.4em}.scene-control{top:51%;left:6%;right:auto;gap:12px}.scene-dial{width:110px;height:110px;transform:scale(.85)}.dial-point:nth-of-type(1){left:39px}.dial-point:nth-of-type(2){right:-5px;bottom:9px}.dial-point:nth-of-type(3){left:-5px;bottom:9px}.dial-line{height:37px}.hero-bottom{bottom:22%;left:6%;right:6%;font-size:9px;gap:25px}.hero-bottom a{gap:20px}.hero-bottom>span{text-align:right}.hero-word{font-size:24vw;bottom:4%}.scene{object-position:center}.section-meta{font-size:9px;gap:30px}.section-meta>span+span{text-align:right}.studio{padding:60px 6% 75px}.studio-intro{grid-template-columns:1fr;gap:45px;margin-top:50px}.studio h2{font-size:19vw}.studio-copy{max-width:none}.orange-mark{font-size:45px;margin-bottom:25px}.studio-copy p{font-size:19px}.studio-copy p+p{font-size:16px}.portal-section{height:125vh}.portal-frame{width:88%;height:80%;border-radius:140px}.portal-copy{padding:20px}.portal-copy>span{font-size:9px}.portal-copy h2{font-size:11vw;margin:30px 0 20px}.portal-copy p{font-size:14px}.work{padding:65px 6%}.work-heading{display:block;margin:45px 0}.work-heading h2{font-size:14vw}.work-heading p{font-size:15px;margin-top:25px}.work-row{gap:14px;padding:25px 0;flex-wrap:wrap}.work-no{width:18px;font-size:10px}.row-image,.work-row:hover .row-image{width:85px;height:85px;transform:none}.row-title{width:calc(100% - 150px)}.row-title h3{font-size:23px;line-height:1.1;margin:0 0 10px}.row-title>span{font-size:8px;line-height:1.6;display:block}.row-arrow{font-size:24px;position:absolute;right:0;bottom:15px}.interface-thumb>span{font-size:20px}.work-foot{flex-direction:column;gap:25px}.work-foot>span{font-size:9px}.capabilities{padding:65px 6%}.cap-grid{grid-template-columns:1fr;gap:50px;margin-top:50px}.cap-intro h2{font-size:23vw}.cap-intro>p{font-size:16px}.orbit{width:90px;height:90px;margin-top:30px}.orbit>span{font-size:50px}.services h3{font-size:28px}.services summary{gap:15px}.services summary>span{width:18px}.services details>div{margin-left:33px}.services p{font-size:16px}.services details>div>span{font-size:9px}.brands{padding:65px 6%}.brands h2{font-size:12vw;margin:45px 0}.brand-grid{grid-template-columns:repeat(3,1fr)}.brand-grid span{padding:25px 5px;font-size:10px}.brands>p{font-size:11px}footer{padding:60px 6% 20px}.contact-title{font-size:13vw;margin:50px 0}.contact-title>span{right:-2%;top:30%;font-size:.8em}.contact-bottom{font-size:16px}.footer-word{font-size:22vw;margin-top:50px}.footer-word>span{margin-top:6px}.footer-meta{font-size:9px;gap:20px}.footer-meta>span:nth-child(2){display:none}.project-cursor{display:none}dialog{padding:60px 25px 30px}dialog h2{font-size:45px}dialog p{font-size:16px}.product-demo{padding:25px}.product-demo h3{font-size:40px}.demo-notes{grid-template-columns:1fr}.demo-notes small{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.portal-section{height:100vh}.portal-sticky{position:relative}.portal-frame{width:100%;height:100%;border-radius:0}.project-cursor{display:none}}
header.menu-open{position:absolute}.scene{object-position:center;will-change:opacity,transform}.hero-caption{z-index:2}.scene-control>button:hover{color:var(--orange)}.dial-point:hover{border-color:var(--orange)}.work-row:focus-visible .row-arrow{color:#9b3820}@media(max-width:600px){.hero{height:100svh;min-height:800px}.hero-word{bottom:3%}}

/* Full-screen study sequence transferred from Design 05. */
.reel{height:340vh;background:var(--ink)}.reel-sticky{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden}.reel-scene{position:absolute;inset:0;overflow:hidden;will-change:clip-path;background:#d9d9d3}.reel-scene>img{width:100%;height:100%;object-fit:cover}.scene-motion{z-index:1;color:var(--ink)}.scene-orchid{z-index:2;clip-path:inset(100% 0 0 0);color:var(--ink)}.scene-system{z-index:3;clip-path:inset(100% 0 0 0);background:#c9d4e9;color:var(--ink)}.scene-top{position:absolute;left:3.5%;right:3.5%;top:30px;display:flex;justify-content:space-between;font-size:10px;z-index:2}.scene-bottom{position:absolute;left:3.5%;right:3.5%;bottom:50px;display:flex;justify-content:space-between;align-items:end;gap:30px;z-index:2}.scene-bottom h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:clamp(80px,11vw,175px);line-height:.8;letter-spacing:-.03em;margin:0}.scene-bottom button{border:1px solid currentColor;border-radius:50px;background:var(--cream);color:var(--ink);font-size:13px;padding:17px 24px;display:flex;gap:35px;align-items:center}.scene-bottom button:hover{background:var(--ink);color:var(--cream)}.scene-bottom button span{font-size:22px}.reel-progress{position:absolute;bottom:20px;left:3.5%;right:3.5%;z-index:5;display:flex;gap:8px}.reel-progress span{height:3px;background:#ffffff50;flex:1;position:relative;overflow:hidden}.reel-progress span:after{content:'';position:absolute;inset:0;background:var(--orange);transform:scaleX(var(--progress,0));transform-origin:left}.system-stage{position:absolute;top:14%;left:16%;right:10%;background:#f3f4eb;box-shadow:0 30px 70px #202d421f;border:1px solid #b2bcad}.system-head{padding:22px 25px;display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid #c6cebf}.system-head>span:first-child{font-size:18px;font-weight:600;letter-spacing:-.7px}.system-body{display:grid;grid-template-columns:1fr 4fr;min-height:340px}.system-body aside{padding:30px 20px;font-size:11px;border-right:1px solid #c6cebf;position:relative}.system-body aside>div{position:absolute;bottom:25px;font-size:9px;line-height:1.7;color:#7e8974}.system-main{padding:30px}.system-main>span{font-size:10px}.system-main h4{font-size:clamp(28px,3.6vw,55px);font-weight:500;letter-spacing:-.06em;line-height:1.05;margin:25px 0 30px}.system-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.system-columns>div{border-top:1px solid #aebba1;padding-top:12px}.system-columns span{font-size:8px}.system-columns p{font-size:17px;line-height:1.2}.system-columns small{font-size:9px;color:#7b8670}
.work{padding-bottom:60px}.work-heading{margin-bottom:0}
@media(max-width:600px){.reel{height:auto}.reel-sticky{height:auto;min-height:0;position:relative}.reel-scene{position:relative;height:90svh;min-height:630px;clip-path:none!important}.reel-scene>img{object-position:center}.scene-top{font-size:9px;top:25px;left:5%;right:5%;gap:35px}.scene-top>span+span{text-align:right}.scene-bottom{left:5%;right:5%;bottom:35px;display:block}.scene-bottom h3{font-size:19vw;margin-bottom:25px}.scene-bottom button{font-size:12px;padding:13px 20px;gap:40px}.reel-progress{display:none}.system-stage{left:5%;right:5%;top:15%}.system-head{padding:15px 12px;font-size:8px}.system-head>span:first-child{font-size:13px}.system-body{display:block;min-height:0}.system-body aside{display:none}.system-main{padding:22px}.system-main h4{font-size:32px}.system-main>span{font-size:8px}.system-columns{gap:10px}.system-columns p{font-size:12px}.system-columns span,.system-columns small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.reel{height:auto}.reel-sticky{height:auto;position:relative}.reel-scene{position:relative;height:100svh;min-height:650px;clip-path:none!important}.reel-progress{display:none}}

/* Supplied Nanimal wordmark: preserve its original proportions and path detail. */
.hero-word{width:94%;font-size:0;line-height:0;bottom:0}.hero-word>img{display:block;width:100%;height:auto;filter:brightness(0) invert(1);opacity:.87}.portal-frame>img{object-position:50% 50%;filter:brightness(.68) saturate(.85)}
@media(max-width:600px){.hero-word{left:5%;width:90%;bottom:4%}}

/* User photography: preserve atmosphere and keep overlaid text legible. */
.scene:nth-child(2){object-position:50% 57%;filter:brightness(.72) saturate(.95)}
.scene:nth-child(3){object-position:60% 50%;filter:brightness(.58) saturate(.95)}
.portal-frame>img{object-position:50% 63%;filter:brightness(.83) saturate(.95)}
.portal-grain{background:linear-gradient(180deg,#17181608,#17181660)}
.scene-motion{color:var(--cream)}.scene-motion>img{object-position:50% 62%}
.scene-motion:after,.scene-orchid:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#17181655 0%,transparent 25%,transparent 45%,#171816a6 100%)}
.scene-orchid{color:var(--cream)}.scene-orchid>img{object-position:60% 50%}
@media(max-width:600px){.scene-motion>img{object-position:50% 55%}.scene-orchid>img{object-position:64% 50%}}

.copy-note{text-transform:uppercase}.contact-title{font-size:clamp(54px,8vw,125px)}@media(max-width:600px){.contact-title{font-size:11.5vw}.contact-title>span{top:40%}}

.footer-word{font-size:0;line-height:0;letter-spacing:0}.footer-word>img{display:block;width:100%;height:auto}.orange-mark{width:74px;height:64px;line-height:0}.orange-mark svg{width:100%;height:100%;display:block}.contact-title{font-size:clamp(50px,7.6vw,120px)}@media(max-width:600px){.orange-mark{width:62px;height:54px}.contact-title{font-size:10.5vw}}

/* Four-slide photography sequence and project captions. */
.scene:first-child{filter:brightness(.63)}.scene:nth-child(4){filter:brightness(.55)}
.scene-dial .dial-point:nth-of-type(1){top:-16px;left:calc(50% - 16px);right:auto;bottom:auto}
.scene-dial .dial-point:nth-of-type(2){top:calc(50% - 16px);right:-16px;left:auto;bottom:auto}
.scene-dial .dial-point:nth-of-type(3){bottom:-16px;left:calc(50% - 16px);right:auto;top:auto}
.scene-dial .dial-point:nth-of-type(4){top:calc(50% - 16px);left:-16px;right:auto;bottom:auto}
.hero h1.long-headline{font-size:clamp(40px,5.4vw,86px);width:62%;line-height:1.05}.hero h1.long-headline em{margin-left:0;font-size:1.15em;max-width:10em}
.project-caption{max-width:65%}.scene-bottom h3{font-family:'DM Sans',sans-serif;font-size:clamp(40px,6vw,90px);font-weight:400;letter-spacing:-.06em;line-height:1.02}.scene-bottom h3 em{font-family:'Instrument Serif',serif;font-weight:400;display:block}.project-caption p{font-size:clamp(14px,1.4vw,18px);line-height:1.5;max-width:490px;margin:20px 0 0;letter-spacing:0}.scene-bottom button{flex-shrink:0}
.brand-grid{grid-template-columns:repeat(4,1fr)}.brand-grid span{display:flex;align-items:center;justify-content:center;min-height:150px;padding:28px}.brand-grid img{max-width:100%;width:170px;height:60px;object-fit:contain;filter:brightness(0)}.brand-grid span:nth-child(3) img,.brand-grid span:nth-child(4) img{height:86px;width:95px}
@media(max-width:600px){.hero h1.long-headline{font-size:9vw;width:83%}.project-caption{max-width:100%;margin-bottom:24px}.scene-bottom h3{font-size:13vw;margin-bottom:0}.project-caption p{font-size:14px;max-width:90%;margin-top:14px}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-grid span{min-height:130px;padding:24px}.brand-grid img{height:45px}.brand-grid span:nth-child(3) img,.brand-grid span:nth-child(4) img{height:70px}}

.brand{display:block;line-height:0}.brand img{display:block;width:62px;height:44px;object-fit:contain;filter:brightness(0) invert(1)}
.orange-mark{font-size:64px;line-height:1;display:block;color:var(--orange)}
.scene-bottom .taste-title{font-size:clamp(32px,4.1vw,66px);line-height:1.08;letter-spacing:-.045em}
.brand-grid span:nth-child(n+5){border-top:1px solid #17181630}.brand-grid span:nth-child(3) img{filter:grayscale(1)}.brand-grid span:nth-child(8) img{filter:grayscale(1);mix-blend-mode:multiply}
.scene-system{background:var(--ink);color:var(--cream)}.work-video{width:100%;height:100%;object-fit:cover}.scene-system:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#17181655,transparent 30%,transparent 50%,#171816bb)}
.video-toggle{position:absolute;z-index:4;right:3.5%;top:65px;border:1px solid #deddd580;background:#17181655;border-radius:30px;padding:10px 18px;color:var(--cream);font:inherit;font-size:13px}#dialog-media video{display:block;width:100%;max-height:65vh;background:#000}
@media(max-width:600px){.brand img{width:48px;height:34px}.orange-mark{font-size:54px}.scene-bottom .taste-title{font-size:8.5vw}.video-toggle{right:5%;top:65px}}

/* Header and brand refinements. */
.brand{line-height:1}.brand-grid span:nth-child(n+5){border-top:0}.brand-grid span:nth-child(3) img{filter:brightness(0)}.brand-grid span:nth-child(7) img,.brand-grid span:nth-child(8) img{width:75px;height:75px;filter:brightness(0)}
.scene-motion>img{object-position:center}.scene-orchid{background:#34505b}.scene-orchid>img{object-fit:contain;object-position:center;transform:none!important}.scene-orchid .project-caption{max-width:40%}.scene-orchid .scene-bottom h3{font-size:clamp(36px,5vw,76px)}
@media(max-width:600px){.brand-grid span:nth-child(7) img,.brand-grid span:nth-child(8) img{width:60px;height:60px}.scene-orchid .project-caption{max-width:100%}.scene-orchid .scene-bottom h3{font-size:12vw}}

/* Statue portal, extended project sequence, and shared case-study typography. */
.portal-frame>img{object-position:50% 43%;filter:brightness(.7)}
.reel{height:450vh}.scene-couch{z-index:4;clip-path:inset(100% 0 0 0);color:var(--cream);background:var(--ink)}.scene-couch>img{object-position:center}.scene-couch:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#17181666,transparent 35%,#17181699)}
dialog,dialog button,dialog p{font-family:'DM Sans',sans-serif}dialog h2{font-family:'DM Sans',sans-serif;font-weight:400;font-size:clamp(38px,5.5vw,76px);line-height:1.08;letter-spacing:-.055em;max-width:900px}dialog h2 em{font-family:'Instrument Serif',serif;font-weight:400;font-size:1.12em}dialog p{font-size:18px;line-height:1.6}dialog .dialog-note{font-size:13px}dialog .section-meta{font-size:12px;letter-spacing:.02em}
@media(max-width:600px){.reel{height:auto}dialog h2{font-size:38px}dialog p{font-size:16px}.scene-couch>img{object-position:50% 50%}}
@media(prefers-reduced-motion:reduce){.reel{height:auto}}

.reel{height:560vh}.scene-game{z-index:5;clip-path:inset(0 100% 0 0);background:#243f35;color:var(--cream)}.game-word{position:absolute;left:8%;top:14%;font:400 clamp(65px,12vw,190px)/.85 'DM Sans',sans-serif;letter-spacing:-.07em;opacity:.2}.game-word em{font-family:'Instrument Serif',serif}.game-direct{display:inline-block;font-size:14px;margin-top:14px;text-decoration:underline;text-underline-offset:5px}.dialog-launch{display:inline-flex;margin-top:28px;padding:16px 26px;border-radius:40px;background:var(--ink);color:var(--cream);font-family:'DM Sans',sans-serif;font-size:16px}.dialog-launch[hidden]{display:none}.dialog-launch:hover{background:#3b4038}
@media(max-width:600px){.reel{height:auto}.game-word{font-size:19vw;top:20%;left:5%}}@media(prefers-reduced-motion:reduce){.reel{height:auto}}

.scene-game{background:#0f1a16}.scene-game>img{object-fit:contain;object-position:center 22%;height:77%;width:100%}.scene-game .scene-bottom h3{font-size:clamp(32px,4.2vw,64px)}.scene-game .scene-bottom h3 em{display:inline}.scene-game .project-caption p{margin-top:10px}.scene-game .scene-bottom{bottom:40px}.scene-game .game-direct{margin-top:8px}
@media(max-width:600px){.scene-game>img{height:55%;object-position:center}.scene-game .scene-bottom{bottom:30px}.scene-game .scene-bottom h3{font-size:10vw}}

/* Consistent vector icons, eased services and mobile swipe projects. */
.ui-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}.orange-mark svg{display:block;width:64px;height:64px}.idea-line{display:block}.services details{box-sizing:border-box}.services summary i{width:18px;height:18px;position:relative;flex-shrink:0}.services summary i:before,.services summary i:after{content:'';position:absolute;left:0;top:8px;width:18px;height:2px;background:currentColor}.services summary i:after{transform:rotate(90deg);transition:transform .35s ease}.services details[open] summary i:after{transform:rotate(0)}.project-mobile-nav{display:none}.portal-frame{width:min(58vw,46vh,420px);height:min(58vw,46vh,420px);border-radius:50%}
@media(max-width:600px){
 .reel{position:relative;height:auto}.reel-sticky{display:flex;position:relative;height:max(690px,calc(90svh - 30px));min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.reel-sticky::-webkit-scrollbar{display:none}
 .reel-scene{position:relative;inset:auto;flex:0 0 100%;width:100%;height:100%;min-height:0;scroll-snap-align:start;scroll-snap-stop:always;clip-path:none!important}
 .reel-scene>img,.reel-scene>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}.scene-orchid>img{object-position:50% 35%}.scene-game>img{object-position:center}
 .scene-game:after{content:'';position:absolute;inset:0;background:linear-gradient(#0f1a1640,transparent 30%,#0f1a16e8);pointer-events:none}.scene-bottom,.scene-game .scene-bottom{bottom:36px}.reel-progress{display:none}
 .project-mobile-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 5%;background:var(--ink);color:var(--cream);gap:12px}.project-mobile-nav span{font-size:11px;letter-spacing:.04em}.project-mobile-nav button{width:44px;height:44px;border:1px solid #deddd560;border-radius:50%;background:transparent;color:inherit;font:28px/1 'DM Sans',sans-serif}.project-mobile-nav button:disabled{opacity:.25}
 .contact-title{margin-bottom:110px}footer#contact{min-height:95svh;padding-bottom:42px}.orange-mark svg{width:54px;height:54px}.idea-line{display:inline}.idea-line:before{content:' '}
}
@media(prefers-reduced-motion:reduce){.portal-frame{width:100%;height:100%;border-radius:0}.portal-copy{opacity:1!important}.services summary i:after{transition:none}}

/* Persistent navigation, three-position dial and social marks. */
header{position:absolute;background:transparent}.menu-button{position:fixed;top:55px;right:4%;transform:translateY(-50%);z-index:61;background:none}#scene-name{white-space:pre-line}
@media(max-width:600px){.menu-button{top:47px;right:6%}#scene-name{white-space:normal}.footer-meta{align-items:center}}
.scene-dial .dial-point:nth-of-type(1){top:-16px;left:calc(50% - 16px);right:auto;bottom:auto}.scene-dial .dial-point:nth-of-type(2){top:calc(75% - 16px);left:calc(93.3% - 16px);right:auto;bottom:auto}.scene-dial .dial-point:nth-of-type(3){top:calc(75% - 16px);left:calc(6.7% - 16px);right:auto;bottom:auto}
.social-icons{display:flex;align-items:center;gap:14px}.social-icons>a,.social-icons>span{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center}.social-icons svg{display:block;width:23px;height:23px}.social-icons>a:hover{opacity:.65}.social-icons>a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#navigation .menu-footer{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:14%;right:14%;margin:0}.footer-meta .social-icons{gap:10px}
@media(max-width:600px){#navigation .menu-footer{left:8%;right:8%;bottom:max(18px,env(safe-area-inset-bottom))}#navigation{padding-bottom:100px}.footer-meta .social-icons{gap:2px}.social-icons svg{width:21px;height:21px}}

/* Tighten the approach to the circle and let the mobile footer fit its content. */
.studio{padding-bottom:40px}.portal-section{height:150vh}.portal-sticky{align-items:start;justify-items:center}.portal-frame{margin-top:72px}
@media(max-width:600px){.studio{padding-bottom:24px}.portal-section{height:125vh}.portal-frame{margin-top:48px}footer#contact{min-height:0;padding-bottom:24px}.contact-title{margin-bottom:100px}}
@media(prefers-reduced-motion:reduce){.portal-section{height:100vh}.portal-frame{margin-top:0}}

/* Individual hero image exposure beneath the shared fade. */
.scene-images .scene:nth-child(1){filter:brightness(.76) saturate(.7)}
.scene-images .scene:nth-child(2){filter:brightness(.5) saturate(.7)}

/* Halfway between the original mobile hero height and the shortened version. */
@media(max-width:600px){.hero{height:max(calc(100svh - 12px),calc(50svh + 388px));min-height:0;max-height:none}}

@media(max-width:600px){.hero .scene-control{display:none}.hero h1{top:40%}}

.hero-bottom a .scroll-label{font-size:inherit}
.orbit>span{display:block;line-height:1;transform:translateY(-.12em);text-align:center}
.scene-motion:after{background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.28) 40%,rgba(0,0,0,.65))}
@media(max-width:600px){
 .hero-bottom a .scroll-label{display:none!important}.hero-bottom a{gap:0;min-width:44px;min-height:44px;justify-content:flex-start}
 header{padding-top:calc(22px + env(safe-area-inset-top))}.menu-button{top:calc(47px + env(safe-area-inset-top))}
}