/* Original studio choreography; daylight art direction is defined below. */
:root{--paper:#fafbfc;--ink:#1e252d;--muted:#59636f;--accent:#455c78;--line:#d7dce2}
body.kinetic-page{background:#08090d;color:#f7f8fc;overflow-x:clip}
.kinetic-page em{font-family:Geist,Arial,sans-serif;font-style:normal;font-weight:500;letter-spacing:-.075em}
.kinetic-page p{color:inherit}.kinetic-page h2,.kinetic-page h3{letter-spacing:-.075em}
.kinetic-page .wordmark span,.kinetic-page .footer-wordmark span{color:#a4b1ff}
.kinetic-page .section-meta,.kinetic-page .micro{color:#aab2c4;letter-spacing:.1em}
.kinetic-page .text-link{border-color:rgba(255,255,255,.2)}
.kinetic-page .status-dot{background:#aab9ff;box-shadow:0 0 16px #7a92ff}
.reading-line{background:linear-gradient(90deg,#c7d5ff,#80baff,#c2a5ff);height:2px}
.ambient-field{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:clip}
.ambient-field i{position:absolute;width:70vw;height:70vw;border-radius:50%;opacity:.13;background:radial-gradient(circle,#6b83fe,transparent 65%);transform:translate3d(calc(var(--ambient-x,0)*30px),calc(var(--ambient-y,0)*30px),0);top:-25vw;right:-30vw}
.ambient-field i+ i{top:auto;right:auto;left:-30vw;bottom:-40vw;background:radial-gradient(circle,#9a6eff,transparent 65%);opacity:.08}
.kinetic-page main,.kinetic-page footer{position:relative;z-index:1;overflow-x:clip}
.kinetic-page .spatial-header{color:#f7f8fc;transition:background .35s,border .35s;z-index:100}
.kinetic-page .spatial-header.scrolled{background:rgba(12,14,22,.78);border:1px solid #ffffff1c;box-shadow:0 12px 60px #0004;backdrop-filter:blur(20px)}
.kinetic-page .nav-contact{color:#f7f8fc;background:#ffffff0b;border-color:#ffffff35}
.kinetic-page .nav-contact:hover{background:#f7f8fc;color:#090b11}
.kinetic-page #menu-open span{background:#fff}
.kinetic-page .signature{height:calc(var(--studio-vh,1svh)*205);min-height:1650px;background:#08090d}
.kinetic-page .signature-frame{height:calc(var(--studio-vh,1svh)*100);min-height:740px;overflow:clip;background:radial-gradient(ellipse at 74% 42%,#1d2440 0,transparent 58%),linear-gradient(125deg,#08090d,#111523 72%,#07090e)}
.kinetic-page .signature-frame:after{background:linear-gradient(90deg,#08090d66,transparent 48%),linear-gradient(0deg,#08090d,transparent 26%)}
.kinetic-page .signature-scene{left:33%;right:-7%;top:30px;bottom:0;transform:scale(calc(1 + var(--hero-p,0)*.1));transform-origin:65% 50%;overflow:clip}
.kinetic-page .signature-copy{top:25%;transform:translate3d(0,calc(var(--hero-p,0)*-155px),0) scale(calc(1 - var(--hero-p,0)*.08));transform-origin:left top;opacity:calc(1 - var(--hero-p,0)*3.2);will-change:transform,opacity}
.kinetic-page .signature-copy h1{font-size:clamp(75px,8.7vw,154px);line-height:.92;letter-spacing:-.09em}
.kinetic-page .signature-copy h1 em{background:linear-gradient(120deg,#fff 25%,#aab5d5 60%,#f7faff 85%);background-clip:text;-webkit-background-clip:text;color:transparent}
.kinetic-page .signature-description{color:#b4bed3;font-size:18px}
.kinetic-page .hero-baseline{border-color:#ffffff25;color:#9da9c4}
.kinetic-page .scene-caption{color:#9da9c4}
.kinetic-page .signature-controls button{border-color:#ffffff2b;color:#dce5ff;background:#0b102355;backdrop-filter:blur(12px)}
.kinetic-page .signature-controls button[aria-pressed=true]{background:#f7faff;color:#090c14}
.kinetic-page .material-choices button:nth-child(2) i{background:#151a2b}
.kinetic-page .material-choices button:nth-child(3) i{background:#fff}
.hero-second{position:absolute;left:5%;top:34%;z-index:3;pointer-events:none;opacity:var(--hero-second,0);transform:translate3d(0,calc((1 - var(--hero-second,0))*60px),0)}
.hero-second>span{display:block;font-size:10px;letter-spacing:.16em;color:#a9b4d2;margin-bottom:24px}
.hero-second strong{display:block;max-width:32vw;font-size:clamp(48px,5.6vw,100px);line-height:.95;letter-spacing:-.075em;font-weight:500}
.kinetic-page .perspective{height:calc(var(--studio-vh,1svh)*165);min-height:1300px;padding-top:0;padding-bottom:0;background:#08090d;position:relative}
.kinetic-page .perspective,.kinetic-page .audio-world,.kinetic-page .material-world{overflow:visible}
.manifesto-pin{position:sticky;top:0;min-height:800px;height:calc(var(--studio-vh,1svh)*100);display:flex;flex-direction:column;justify-content:center;padding-top:90px;padding-bottom:80px}
.kinetic-page .perspective-heading{margin-top:75px;margin-bottom:55px;gap:8vw}
.kinetic-page .perspective-heading h2{font-size:clamp(70px,8.4vw,150px);width:66%;transform:translate3d(calc((1 - var(--p,0))*-50px),calc((1 - var(--p,0))*40px),0)}
.kinetic-page .perspective-heading h2 span{color:#a9b5d5}
.kinetic-page .perspective-heading h2 em{color:#fff;display:inline-block;transform:translateX(calc((1 - var(--p,0))*80px))}
.kinetic-page .perspective-note{color:#c3c9d9;align-self:end;max-width:360px;transform:translateY(calc((1 - var(--p,0))*75px))}
.kinetic-page .perspective-note p+p{color:#858fa9}
.kinetic-page .disciplines{border-color:#ffffff25;color:#a8b6d4;display:flex;gap:40px;overflow:hidden;white-space:nowrap}
.kinetic-page .disciplines span{transform:translateX(calc(var(--p,0)*-65px))}
.kinetic-page .disciplines span:before{color:#d4deff}
.project-reel{position:relative;height:calc(var(--studio-vh,1svh)*290);min-height:2200px;background:#0a0b10;color:white}
.reel-pin{position:sticky;top:0;height:calc(var(--studio-vh,1svh)*100);min-height:780px;overflow:clip;padding:105px 0 35px}
.reel-heading{display:grid;grid-template-columns:1fr 2.2fr 1fr;align-items:start;padding:0 var(--gutter);gap:35px}
.reel-heading>span,.reel-heading>div{font-size:10px;letter-spacing:.1em;color:#a2adc5;line-height:1.6}
.reel-heading h2{font-size:clamp(42px,4.3vw,80px);line-height:1;letter-spacing:-.07em}
.reel-heading em{color:#8999be}
.reel-heading>div{display:flex;flex-direction:column;align-items:end;gap:12px}
[data-reel-count]{color:#eef3ff;font-size:16px;font-variant-numeric:tabular-nums}
.reel-viewport{overflow:clip;margin-top:50px;padding:15px 0 30px;perspective:1400px}
.reel-track{display:flex;gap:3vw;padding-left:var(--gutter);width:max-content;transform:translate3d(var(--gallery-x,0px),0,0);will-change:transform;perspective:1400px}
.reel-card{position:relative;display:block;width:62vw;height:calc(var(--studio-vh,1svh)*48);min-height:380px;max-height:570px;overflow:hidden;border-radius:20px;background:#151721;transform:perspective(1200px) rotateY(var(--card-angle,0deg)) scale(var(--card-scale,1));transform-origin:center;box-shadow:0 30px 80px #0008;border:1px solid #ffffff22}
.reel-card img{width:100%;height:100%;object-fit:cover;transition:filter .3s;transform:scale(1.05)}
.reel-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#06080cef,transparent 55%);pointer-events:none}
.reel-card>div{position:absolute;bottom:30px;left:35px;right:35px;z-index:2;display:grid;grid-template-columns:1fr auto;align-items:end;gap:16px}
.reel-card span{grid-column:1/-1;font-size:10px;letter-spacing:.13em;color:#c4cce0}
.reel-card h3{font-size:clamp(45px,5vw,80px);letter-spacing:-.07em}
.reel-card b{font-size:11px;font-weight:400;padding-bottom:5px}
.reel-aura img{object-fit:contain;background:#e9ecf1}
.reel-form img{object-fit:contain;background:#0a1020}
.reel-footnote{padding:0 var(--gutter);font-size:10px!important;letter-spacing:.025em;color:#7f8aa4!important}
.kinetic-page .selected-work{background:#08090d}
.kinetic-page .work-heading{padding-top:145px;padding-bottom:100px}
.kinetic-page .work-heading h2{font-size:clamp(64px,7vw,120px)}
.kinetic-page .work-heading p{color:#939eb8}
.kinetic-page .architecture-world{height:calc(var(--studio-vh,1svh)*175);min-height:1350px;padding:0;background:#08090d;position:relative;overflow:visible}
.architecture-pin{position:sticky;top:0;height:calc(var(--studio-vh,1svh)*100);min-height:740px;overflow:clip;clip-path:inset(var(--arch-inset,0%) round var(--arch-radius,0px))}
.kinetic-page .architecture-art{inset:0;transform:none}
.kinetic-page .architecture-art img{transform:scale(var(--arch-scale,1.18));filter:saturate(.65);will-change:transform}
.kinetic-page .architecture-shade{background:linear-gradient(90deg,#04060c66,transparent),linear-gradient(0deg,#02040ce0,transparent 80%)}
.kinetic-page .architecture-title{left:var(--gutter);top:29%;transform:translate3d(0,calc(var(--p,0)*-65px),0)}
.kinetic-page .architecture-title h3{font-size:clamp(75px,12vw,205px);letter-spacing:-.08em}
.kinetic-page .architecture-title p{color:white}
.kinetic-page .world-topline,.kinetic-page .world-bottomline{left:var(--gutter);right:var(--gutter);color:#a6b2cd;border-color:#ffffff20}
.kinetic-page .architecture-world .world-topline,.kinetic-page .architecture-world .world-bottomline{color:white}
.kinetic-page .architecture-world .world-topline{top:105px}
.kinetic-page .project-launch{right:var(--gutter);bottom:125px;border-color:#ffffff80;background:#ffffff16;backdrop-filter:blur(12px);color:#fff}
.kinetic-page .project-editorial{background:#08090d;color:#fff;border-color:#ffffff1d;padding-top:100px;padding-bottom:110px}
.kinetic-page .project-editorial>p{font-size:clamp(38px,4vw,66px)}
.kinetic-page .project-editorial>div{color:#aeb9cf}
.kinetic-page .project-index{color:#4c5773}
.kinetic-page .audio-world{height:calc(var(--studio-vh,1svh)*165);min-height:1400px;padding-top:0;padding-bottom:0;background:#e9ecf3;color:#10131e;position:relative}
.audio-pin{position:sticky;top:0;height:calc(var(--studio-vh,1svh)*100);min-height:830px;padding-top:100px;padding-bottom:45px;display:flex;flex-direction:column;justify-content:center}
.kinetic-page .audio-world .world-topline,.kinetic-page .audio-world .world-bottomline{position:static;color:#596278;border-color:#10182725}
.kinetic-page .audio-world .world-topline{margin-bottom:40px}
.kinetic-page .audio-layout{gap:4vw;margin-top:0;margin-bottom:35px;align-items:center}
.kinetic-page .audio-copy h3{font-size:clamp(72px,8vw,140px);line-height:.94;transform:translateY(calc((1 - var(--p,0))*30px))}
.kinetic-page .audio-copy .micro{color:#556281}
.kinetic-page .audio-copy>p:not(.micro){color:#566077}
.kinetic-page .home-aura{background:#e9ecf3!important;transform:none;border:0;box-shadow:none}
.kinetic-page .home-aura img{filter:none}
.kinetic-page .audio-controls{border-color:#232e442e;color:#182439}
.kinetic-page .audio-controls button{color:#182439}
.kinetic-page .audio-controls button[aria-pressed=true]{border-color:#19253e}
.kinetic-page .concept-label{color:#64708a}
.kinetic-page .dark-link{color:#19243a}.kinetic-page .dark-link b{border-color:#27304a44}
.kinetic-page .material-world{height:calc(var(--studio-vh,1svh)*165);min-height:1400px;padding-top:0;padding-bottom:0;background:radial-gradient(ellipse at 65% 40%,#1c2644,#080a12 68%);color:white;position:relative}
.material-pin{position:sticky;top:0;height:calc(var(--studio-vh,1svh)*100);min-height:850px;padding-top:100px;padding-bottom:45px;display:flex;flex-direction:column;justify-content:center}
.kinetic-page .material-layout{margin-top:30px;margin-bottom:30px;gap:4vw}
.kinetic-page .material-layout{padding:0}
.kinetic-page .material-copy h3{font-size:clamp(72px,7.5vw,130px);line-height:.95}
.kinetic-page .material-copy>p:not(.micro){color:#9eaed0}
.kinetic-page .material-world .hero-study{border-color:#c9d4ff25;border-radius:18px;background:radial-gradient(ellipse at 50% 35%,#202b48,#0c1220 70%);box-shadow:0 0 100px #7b95f00a}
.kinetic-page .material-world .study-top,.kinetic-page .material-world .finish-name,.kinetic-page .material-world figcaption{color:#a8b9df}
.kinetic-page .material-world .study-controls,.kinetic-page .material-world .light-controls{border-color:#ffffff22}
.kinetic-page .material-world .hero-study button{color:#c4d0ec;border-color:#a7baf035}
.kinetic-page .material-world .hero-study button[aria-pressed=true]{border-color:#c5d3ff;background:#b9c9ff12}
.kinetic-page .material-world .hero-study input{accent-color:#c7d6ff}
.kinetic-page .material-world .surface-control{color:#a8b9df}.kinetic-page .swatch.ink:after{background:linear-gradient(120deg,#354463,#101a30)}
.kinetic-page .audio-controls .graphite{background:#1c2436}
.kinetic-page .approach-world{background:#08090d;color:#fff;padding-top:140px;padding-bottom:140px;overflow:clip}
.kinetic-page .approach-world h2{font-size:clamp(64px,7.8vw,135px)}
.kinetic-page .process-composition{perspective:1600px;transform:rotateY(calc((var(--p,.5) - .5)*-12deg));--process-scroll:0px}
.kinetic-page .process-wire{background:#101729;border:1px solid #4e638f;color:#b8c8ed;transform:translate3d(calc(var(--p,0)*-65px),calc(var(--p,0)*-75px),-100px) rotateX(18deg) rotateZ(-12deg)}
.kinetic-page .wire-diagram{border-color:#7089c5}.kinetic-page .wire-diagram i{border-color:#7089c5}
.kinetic-page .process-design{transform:translate3d(0,0,50px) rotateX(calc(18deg - var(--p,0)*24deg)) rotateZ(calc(-8deg + var(--p,0)*16deg));box-shadow:0 30px 80px #0009}
.kinetic-page .process-build{background:linear-gradient(145deg,#4656af,#1c2759);color:#eef2ff;transform:translate3d(calc(var(--p,0)*60px),calc(var(--p,0)*85px),140px) rotateX(-10deg) rotateZ(9deg)}
.kinetic-page .process-composition[data-process="1"] .process-design{transform:translateZ(120px) rotateZ(-4deg) scale(1.08)}
.kinetic-page .process-composition[data-process="2"] .process-build{transform:translate3d(35px,80px,210px) rotateZ(0deg) scale(1.08)}
.kinetic-page .process-steps details{border-color:#ffffff24;color:#fff}.kinetic-page .process-steps details p{color:#a1adc8}.kinetic-page .process-steps details>div>span{color:#6278b0}
.kinetic-page .commission-world{background:radial-gradient(ellipse at 15% 30%,#192648,transparent 60%),#0b0e17;color:white;padding-top:140px;padding-bottom:130px}
.kinetic-page .commission-layout h2{font-size:clamp(72px,8.7vw,150px);transform:translate3d(calc((var(--p,0) - .5)*-35px),0,0)}
.kinetic-page .commission-layout p{color:#adb9d2}.kinetic-page .commission-intro{color:white!important}
.kinetic-page .scope-grid article{border-color:#ffffff22;background:#ffffff04;border-radius:16px;padding:30px;transform:translateY(calc((1 - var(--p,0))*var(--scope-rise,65px)))}
.kinetic-page .scope-grid article:nth-child(2){--scope-rise:105px}.kinetic-page .scope-grid article:nth-child(3){--scope-rise:145px}
.kinetic-page .scope-grid p{color:#93a3c5}.kinetic-page .scope-grid span{color:#8096c8}
.kinetic-page .commission-note,.kinetic-page .focused-scope{border-color:#ffffff25;color:#97a8cc}.kinetic-page .focused-scope p{color:#a0aecb}
.kinetic-page .enquiry-world{background:radial-gradient(ellipse at var(--pointer-x,75%) var(--pointer-y,5%),#243054,#0d1220 70%);color:white;padding-top:140px;padding-bottom:130px;border-top:1px solid #b2c7ff22}
.kinetic-page .enquiry-heading h2{font-size:clamp(72px,9.3vw,160px);transform:translateY(calc((1 - var(--p,0))*40px))}
.kinetic-page .enquiry-heading>div{color:#c0cae0}.kinetic-page .enquiry-heading a{border-color:#c7d4f166}
.kinetic-page #project-form{color:#b4c2df}.kinetic-page #project-form input,.kinetic-page #project-form textarea,.kinetic-page #project-form select{color:#fff;border-color:#c5d4f83b;background:transparent}
.kinetic-page #project-form select option{color:#f0f4ff;background:#101829}
.kinetic-page #project-form input::placeholder,.kinetic-page #project-form textarea::placeholder{color:#8596bb}
.kinetic-page #project-form .form-end p,.kinetic-page #form-status{color:#8ea2c8}
.kinetic-page .send-brief{background:#edf2ff;color:#10192e;border-color:#edf2ff}.kinetic-page .send-brief:hover{background:#bdcaff}
.kinetic-page .useful-details{background:#08090d;color:#e4eaff;border-color:#ffffff25}.kinetic-page .useful-details details{border-color:#ffffff22}.kinetic-page .useful-details details p{color:#9eacca}
.kinetic-page .spatial-footer{background:#08090d;color:#f5f7ff;border-color:#ffffff20}
.kinetic-page .footer-top,.kinetic-page .footer-bottom{color:#93a1c0;border-color:#ffffff20}
.kinetic-page .footer-wordmark{background:linear-gradient(120deg,#fff,#7c90bd,#fff);background-clip:text;-webkit-background-clip:text;color:transparent}
.kinetic-page .studio-menu{background:radial-gradient(ellipse at 85% 35%,#202d52,#080b14 70%);color:#f4f7ff;border-color:#ffffff20}
.kinetic-page .studio-menu nav a{border-color:#ffffff22}.kinetic-page .studio-menu small,.kinetic-page .studio-menu>p{color:#8ca0cb}
.kinetic-page .skip{background:#edf2ff;color:#08101f}
.kinetic-page input:focus-visible,.kinetic-page select:focus-visible,.kinetic-page textarea:focus-visible{outline-color:#c4d6ff}
.magnetic-target{transform:translate3d(var(--magnet-x,0px),var(--magnet-y,0px),0);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.study-bar,.case-footer{background:#080b14;color:#e4ebff;border-color:#26324d}.study-bar a:last-child{color:#b6c9ff}
.case-hero .hero-study{background:radial-gradient(ellipse at 50% 30%,#263556,#0a1221);border-color:#6e87bf40}
.aura-showroom-wrap{box-shadow:0 45px 80px -65px #07152d}
.kinetic-case-image{transform:scale(calc(1.13 - var(--image-p,0)*.13));will-change:transform}
.portal-art-page .signature-frame{background:radial-gradient(ellipse at 60% 42%,#1d2440 0,transparent 58%),linear-gradient(125deg,#08090d,#111523 72%,#07090e)}
.material-art-page .hero-study{background:radial-gradient(ellipse at 50% 35%,#202b48,#0c1220 70%)}
.aura-art-page{margin:0;background:#e9ecf3}
.aura-page{background:#e9ecf3;color:#10131e}.aura-page em{font-family:Geist,Arial,sans-serif;font-style:normal;letter-spacing:-.075em}
.aura-page .aura-nav,.aura-page .aura-hero,.aura-page .aura-showroom{background:#e9ecf3}.aura-page .aura-statement,.aura-page .aura-invite{background:#101520;color:#f5f7ff}
.aura-page .aura-hero>div{color:#10131e;background:#e9ecf3}.aura-page .aura-hero h1{color:#10131e}.aura-page .aura-details,.aura-page .aura-materials,.aura-page .case-notes{background:#e9ecf3;color:#10131e}
.aura-page .aura-detail-image{background-color:#e9ecf3}.aura-page .material-sample.metal{background:linear-gradient(120deg,#737e90,#e6ecf5,#909daf)}
.aura-page .material-sample.soft,.aura-page .material-sample.woven{background-color:#c8cdd6}.aura-page .aura-tabs button[aria-pressed=true]{background:#18233c;color:#fff}
.aura-page .aura-statement p,.aura-page .aura-statement .aura-index,.aura-page .aura-invite .eyebrow{color:#a6b6d5}
.form-study-page{background:#08090d;color:#f7f8fc}.form-study-page em{font-family:Geist,Arial,sans-serif;font-style:normal;letter-spacing:-.075em}
.form-study-page .form-study-intro>p:last-child{color:#a5b2cd}.form-study-page .form-study-scene .hero-study{padding:27px;background:radial-gradient(ellipse at 50% 35%,#202b48,#0c1220 70%);border-color:#c9d4ff25;border-radius:18px;color:#c4d0ec}
.form-study-page .form-study-scene .study-top{padding:0}.form-study-page .form-study-scene .study-controls{padding:18px 0 0;border-color:#ffffff22}.form-study-page .form-study-scene figcaption{padding:0;color:#a8b9df}
.form-study-page .hero-study button{color:#c4d0ec;border-color:#a7baf035}.form-study-page .hero-study button[aria-pressed=true]{background:#b9c9ff12;border-color:#c5d3ff}.form-study-page .hero-study input{accent-color:#c7d6ff}.form-study-page .hero-study .surface-control{color:#a8b9df}
.form-study-page .hero-study .study-top,.form-study-page .hero-study .micro{color:#a8b9df}.form-study-page .hero-study .light-controls{border-color:#ffffff22}
.form-study-page .case-notes{background:#101520;color:#f5f7ff}.form-study-page .case-note-grid article{border-color:#ffffff25}.form-study-page .case-note-grid p,.form-study-page .case-limit{color:#9eacca}
.form-study-page .study-invite{background:#08090d}.form-study-page .study-invite .pill{background:#edf2ff;color:#10192e}
.case-hero .hero-study{color:#c4d0ec}.case-hero .hero-study button{color:#c4d0ec;border-color:#93a9d855}.case-hero .hero-study button[aria-pressed=true]{background:#b9c9ff12;border-color:#c5d3ff}
@media(max-width:1000px) and (min-width:701px){.kinetic-page .perspective-heading h2{font-size:8.5vw}.kinetic-page .audio-copy h3,.kinetic-page .material-copy h3{font-size:9vw}.reel-heading{grid-template-columns:1fr 2fr}.reel-heading>div{display:none}}
@media(max-width:700px){
 .kinetic-page .signature{height:calc(var(--studio-vh,1svh)*180);min-height:1420px}.kinetic-page .signature-frame{min-height:800px}
 .kinetic-page .signature-scene{left:-8%;right:-8%;top:390px;bottom:135px;transform:scale(calc(1 + var(--hero-p,0)*.08))}
 .kinetic-page .signature-copy{top:145px;left:22px;right:22px;transform:translate3d(0,calc(var(--hero-p,0)*-110px),0)}
 .kinetic-page .signature-copy h1{font-size:clamp(67px,19vw,95px);line-height:.93}.kinetic-page .signature-copy .micro{font-size:8px}
 .kinetic-page .signature-description{font-size:12px}.kinetic-page .scene-caption{bottom:175px;color:#8193bd}
 .kinetic-page .signature-controls{bottom:90px}.kinetic-page .hero-baseline{bottom:28px}
 .hero-second{left:22px;right:22px;top:145px}.hero-second strong{max-width:none;font-size:clamp(43px,12.8vw,67px)}.hero-second>span{font-size:8px;margin-bottom:18px}
 .kinetic-page .perspective{height:calc(var(--studio-vh,1svh)*140);min-height:1150px}.manifesto-pin{height:calc(var(--studio-vh,1svh)*100);min-height:790px;padding-top:110px;padding-bottom:60px}
 .kinetic-page .perspective-heading{display:block;margin-top:55px;margin-bottom:35px}.kinetic-page .perspective-heading h2{width:auto;font-size:clamp(40px,12vw,72px);transform:translateY(calc((1 - var(--p,0))*35px))}
 .kinetic-page .perspective-heading h2 em{font-size:clamp(85px,25vw,140px);transform:translateX(calc((1 - var(--p,0))*25px))}
 .kinetic-page .perspective-note{margin-top:45px;max-width:none;font-size:14px;transform:translateY(calc((1 - var(--p,0))*25px))}
 .kinetic-page .disciplines{gap:24px;font-size:10px;flex-wrap:nowrap;display:flex}
 .project-reel{height:calc(var(--studio-vh,1svh)*245);min-height:1920px}.reel-pin{min-height:790px;padding-top:110px;padding-bottom:40px}.reel-heading{display:block;padding:0 22px}.reel-heading h2{font-size:42px;margin:30px 0 22px}.reel-heading>span{font-size:8px}.reel-heading>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:8px}
 .reel-viewport{margin-top:27px;padding-bottom:25px}.reel-track{gap:20px;padding-left:22px}.reel-card{width:84vw;height:calc(var(--studio-vh,1svh)*45);min-height:355px;max-height:480px;border-radius:14px}.reel-card>div{bottom:25px;left:22px;right:22px;display:block}.reel-card span{font-size:8px;display:block;margin-bottom:12px}.reel-card h3{font-size:45px;margin-bottom:14px}.reel-card b{font-size:10px}.reel-footnote{font-size:9px!important;padding:0 22px;max-width:330px}
 .kinetic-page .work-heading{padding-top:100px;padding-bottom:65px}.kinetic-page .work-heading h2{font-size:55px}.kinetic-page .work-heading p{font-size:12px}
 .kinetic-page .architecture-world{height:calc(var(--studio-vh,1svh)*155);min-height:1230px}.architecture-pin{min-height:790px}.kinetic-page .architecture-title{top:36%;left:22px}.kinetic-page .architecture-title h3{font-size:85px}.kinetic-page .architecture-world .world-topline{top:110px}.kinetic-page .project-launch{right:22px;bottom:150px}
 .kinetic-page .project-editorial{padding-top:65px;padding-bottom:80px}.kinetic-page .project-editorial>p{font-size:39px}.kinetic-page .project-editorial>div{font-size:14px}
 .kinetic-page .audio-world{height:calc(var(--studio-vh,1svh)*190);min-height:1580px}.audio-pin{min-height:880px;height:calc(var(--studio-vh,1svh)*100);padding-top:105px;padding-bottom:30px;justify-content:flex-start}.kinetic-page .audio-world .world-topline{margin-bottom:25px}.kinetic-page .audio-layout{display:block;margin-bottom:20px}.kinetic-page .audio-copy{padding:0}.kinetic-page .audio-copy h3{font-size:60px;margin-bottom:0}.kinetic-page .audio-copy>p:not(.micro){font-size:12px;margin-top:18px}.kinetic-page .audio-copy .round-link{margin-top:15px}.kinetic-page .audio-copy .concept-label{display:none}.kinetic-page .audio-interaction{margin-top:20px}.kinetic-page .home-aura{height:330px;transform:none}.kinetic-page .audio-copy .micro{font-size:8px;margin-bottom:15px}.kinetic-page .audio-controls{font-size:8px;padding-top:12px;padding-bottom:12px}.kinetic-page .audio-world .world-bottomline{margin-top:0;font-size:7px}
 .kinetic-page .material-world{height:calc(var(--studio-vh,1svh)*195);min-height:1700px}.material-pin{min-height:1060px;height:calc(var(--studio-vh,1svh)*120);padding-top:115px;padding-bottom:35px;justify-content:flex-start}.kinetic-page .material-layout{display:block;margin-top:40px}.kinetic-page .material-copy h3{font-size:60px}.kinetic-page .material-copy>p:not(.micro){font-size:12px}.kinetic-page .material-copy .micro{font-size:8px}.kinetic-page .material-copy .text-link{margin-top:20px}.kinetic-page .material-studio{margin-top:35px}.kinetic-page .material-world .hero-study{padding:20px 15px}.kinetic-page .material-world .scene{height:270px}.kinetic-page .material-world .world-bottomline{font-size:7px;margin-top:0}
 .material-pin{position:relative;height:100%;min-height:0;display:block}.kinetic-page .material-layout{height:calc(100% - 65px);margin-top:30px;margin-bottom:25px}.kinetic-page .material-studio{position:sticky;top:105px}
 .kinetic-page .approach-world{padding-top:100px;padding-bottom:100px}.kinetic-page .approach-world h2{font-size:57px}.kinetic-page .process-composition{height:430px;margin-top:30px}.kinetic-page .process-plane{width:78%}.kinetic-page .process-design{width:86%}.kinetic-page .process-build{width:80%}.kinetic-page .process-steps{margin-top:70px}
 .kinetic-page .commission-world{padding-top:100px;padding-bottom:100px}.kinetic-page .commission-layout h2{font-size:68px}.kinetic-page .scope-grid{display:block}.kinetic-page .scope-grid article{margin-top:18px;padding:25px;transform:translateY(calc((1 - var(--p,0))*35px))}
 .kinetic-page .enquiry-world{padding-top:110px;padding-bottom:100px}.kinetic-page .enquiry-heading h2{font-size:66px}.kinetic-page .form-end{gap:30px}.kinetic-page .send-brief{width:100%;justify-content:space-between}
 .kinetic-page .ambient-field{display:none}
}
@media(prefers-reduced-motion:reduce){
 .kinetic-page .signature,.kinetic-page .perspective,.project-reel,.kinetic-page .architecture-world,.kinetic-page .audio-world,.kinetic-page .material-world{height:auto;min-height:0}
 .manifesto-pin,.reel-pin,.architecture-pin,.audio-pin,.material-pin{position:relative;height:auto;min-height:0}
 .kinetic-page .signature-frame{position:relative;height:calc(var(--studio-vh,1svh)*100);min-height:800px}.hero-second{display:none}.kinetic-page .signature-copy{opacity:1;transform:none}
 .manifesto-pin{padding-top:125px;padding-bottom:100px}.reel-pin{padding-top:100px;padding-bottom:70px}.reel-track{transform:none;overflow-x:auto;max-width:100vw;padding-right:22px}.reel-viewport{overflow:visible}.reel-card{transform:none;flex-shrink:0}
 .architecture-pin{height:calc(var(--studio-vh,1svh)*100);min-height:790px;clip-path:none}.audio-pin,.material-pin{padding-top:100px;padding-bottom:70px}
 .kinetic-page .material-layout{height:auto}.kinetic-page .material-studio{position:relative;top:auto}
 .kinetic-page .perspective-heading h2,.kinetic-page .perspective-heading h2 em,.kinetic-page .perspective-note,.kinetic-page .home-aura,.kinetic-page .scope-grid article,.kinetic-page .enquiry-heading h2,.kinetic-page .commission-layout h2{transform:none}
 .magnetic-target{transform:none;transition:none}.kinetic-page .process-composition,.kinetic-page .process-plane{transition:none}
}

/* The native object supplies depth; the canvas stays on one compositor plane. */
.kinetic-page .home-aura,.aura-page .aura-hero,.aura-page .aura-hero>div,.aura-page .aura-nav,.aura-page .aura-showroom,.aura-page .aura-details,.aura-page .aura-materials,.aura-page .case-notes{background:#e9ecf1!important}
@media(max-width:700px){.kinetic-page .spatial-header.scrolled{backdrop-filter:none;background:#0c0e16f5}.kinetic-page .signature-controls button,.kinetic-page .project-launch{backdrop-filter:none}}

/* Daylight: paper, silver and ink. The scene, typography and UI share one studio. */
body.kinetic-page{background:#fafbfc;color:#1e252d}
.kinetic-page em{letter-spacing:-.06em}
.kinetic-page h2,.kinetic-page h3{letter-spacing:-.06em}
.kinetic-page .ambient-field{display:none}
.reading-line{background:#455c78;height:2px}
.kinetic-page .wordmark span,.kinetic-page .footer-wordmark span{color:#455c78}
.kinetic-page .micro,.kinetic-page .section-meta{color:#59636f;letter-spacing:.11em}
.kinetic-page .status-dot{background:#596d83;box-shadow:none}
.kinetic-page .text-link{border-color:#bec7d1;color:#283745}
.kinetic-page .spatial-header{color:#1e252d;height:106px}
.kinetic-page .header-note{color:#59636f}
.kinetic-page .spatial-header.scrolled{height:68px;background:#ffffffed;border-color:#d7dce2;box-shadow:0 8px 24px #23324709;backdrop-filter:blur(18px)}
.kinetic-page .nav-contact{background:#fff9;color:#283745;border-color:#bfc7d0;backdrop-filter:none}
.kinetic-page .nav-contact:hover{background:#283745;color:#fff}
.kinetic-page #menu-open span{background:#283745}
.kinetic-page .signature{height:calc(var(--studio-vh,1svh)*185);min-height:1420px;background:#f4f6f8;color:#1e252d}
.kinetic-page .signature-frame{background:radial-gradient(ellipse at 70% 42%,#e2e7ec 0,#f4f6f8 62%,#fafbfc 100%);min-height:760px}
.kinetic-page .signature-frame:after{background:linear-gradient(90deg,#f7f9fb85,transparent 46%),linear-gradient(0deg,#f4f6f8,transparent 18%)}
.kinetic-page .signature-scene{left:42%;right:0;top:100px;bottom:82px;transform:scale(calc(1 + var(--hero-p,0)*.035));transform-origin:65% 50%}
.kinetic-page .signature-scene picture{mask-image:linear-gradient(180deg,transparent,#000 8%,#000 91%,transparent)}
.kinetic-page .signature-scene picture img{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.kinetic-page .signature-copy{top:27%;max-width:48%;transform:translate3d(0,calc(var(--hero-p,0)*-110px),0) scale(calc(1 - var(--hero-p,0)*.035))}
.kinetic-page .signature-copy .micro{margin-bottom:30px;color:#59636f}
.kinetic-page .signature-copy h1{font-size:clamp(72px,8vw,126px);line-height:1;letter-spacing:-.075em;font-weight:450}
.kinetic-page .signature-copy h1 em{background:none;color:#596d83;letter-spacing:-.075em;font-weight:450}
.kinetic-page .signature-description{font-size:17px;line-height:1.55;color:#59636f;margin-top:30px}
.kinetic-page .round-link{color:#283745;font-size:13px;gap:28px}
.kinetic-page .round-link b{border-color:#aab6c4;background:#ffffff66;color:#283745}
.kinetic-page .round-link:hover b{background:#283745;color:#fff}
.kinetic-page .hero-baseline{color:#59636f;border-color:#cfd6df}
.kinetic-page .hero-baseline b{color:#283745}
.kinetic-page .scene-caption{top:145px;color:#66717d;font-size:9px}
.kinetic-page .signature-controls{bottom:87px}
.kinetic-page .signature-controls button{color:#394858;background:#ffffff66;border-color:#bdc7d2;backdrop-filter:none}
.kinetic-page .signature-controls button[aria-pressed=true]{color:#fff;background:#394858;border-color:#394858}
.kinetic-page .material-choices button:nth-child(2) i{background:#323b4a}
.kinetic-page .material-choices button:nth-child(3) i{background:#fff;border:1px solid #cbd0d7}
.hero-second{top:31%}
.hero-second>span{color:#59636f}
.hero-second strong{max-width:34vw;font-size:clamp(48px,5.8vw,88px);line-height:1.04;letter-spacing:-.065em;color:#283745}
.kinetic-page .perspective{background:#fafbfc;height:calc(var(--studio-vh,1svh)*140);min-height:1060px}
.manifesto-pin{min-height:760px;padding-top:100px;padding-bottom:90px}
.kinetic-page .perspective-heading{margin-top:60px;margin-bottom:45px;grid-template-columns:1.5fr 1fr;gap:7vw}
.kinetic-page .perspective-heading h2{font-size:clamp(60px,7.2vw,108px);width:auto;line-height:1.02}
.kinetic-page .perspective-heading h2 span{color:#596d83}
.kinetic-page .perspective-heading h2 em{color:#1e252d}
.kinetic-page .perspective-note{max-width:400px;color:#384350}
.kinetic-page .perspective-note p{font-size:17px;line-height:1.6}
.kinetic-page .perspective-note p+p{color:#59636f}
.kinetic-page .disciplines{color:#59636f;border-color:#d7dce2;gap:40px;margin-top:40px}
.kinetic-page .disciplines span:before{color:#455c78}
.project-reel{background:#eef1f4;color:#1e252d;height:calc(var(--studio-vh,1svh)*245);min-height:1850px}
.reel-pin{min-height:780px;padding-top:105px}
.reel-heading h2{font-size:clamp(42px,4.8vw,72px);line-height:1.08;letter-spacing:-.065em}
.reel-heading em{color:#596d83}
.reel-heading>span,.reel-heading>div{color:#59636f}
[data-reel-count]{color:#283745}
.reel-viewport{margin-top:35px;padding:10px 0 30px}
.reel-card{width:58vw;height:calc(var(--studio-vh,1svh)*49);min-height:410px;max-height:560px;background:#fff;border-radius:12px;border:1px solid #d6dde5;box-shadow:0 18px 35px -20px #23324730}
.reel-card img{height:calc(100% - 100px);transform:none}
.reel-card:after{display:none}
.reel-card>div{bottom:0;left:0;right:0;padding:18px 26px 21px;background:#fff;gap:7px;align-items:center}
.reel-card span{color:#66717d;font-size:9px;letter-spacing:.085em}
.reel-card h3{font-size:34px;letter-spacing:-.055em;font-weight:450}
.reel-card b{color:#384350;font-size:11px;padding:0}
.reel-form img{background:#edf0f3}
.reel-footnote{color:#59636f!important;font-size:11px!important;letter-spacing:0}
.kinetic-page .selected-work{background:#fafbfc}
.kinetic-page .work-heading{padding-top:95px;padding-bottom:85px}
.kinetic-page .work-heading h2{font-size:clamp(54px,6vw,90px);line-height:1.05}
.kinetic-page .work-heading em{color:#596d83}
.kinetic-page .work-heading p{color:#59636f;font-size:14px;line-height:1.6}
.kinetic-page .architecture-world{background:#fafbfc;height:calc(var(--studio-vh,1svh)*155);min-height:1180px;color:#fff}
.kinetic-page .architecture-art img{filter:saturate(.8)}
.kinetic-page .architecture-shade{background:linear-gradient(90deg,#10202e38,transparent 70%),linear-gradient(0deg,#10202e77,transparent 70%)}
.kinetic-page .architecture-title h3{font-size:clamp(72px,10.5vw,155px);line-height:1.02}
.kinetic-page .project-launch{border-color:#ffffff80;background:#ffffffed;color:#283745;backdrop-filter:none;padding-left:24px;border-radius:40px}
.kinetic-page .project-launch b{background:transparent;border-color:#aab6c4;color:#283745}
.kinetic-page .project-editorial{background:#fafbfc;color:#1e252d;border-color:#d7dce2;padding-top:85px;padding-bottom:95px}
.kinetic-page .project-editorial>p{font-size:clamp(34px,3.8vw,56px);line-height:1.15}
.kinetic-page .project-editorial>div{color:#59636f;font-size:16px}
.kinetic-page .project-index{color:#b8c2cc}
.kinetic-page .audio-world{background:#e9ecf1;color:#1e252d;height:calc(var(--studio-vh,1svh)*150);min-height:1200px}
.kinetic-page .audio-copy h3{font-size:clamp(65px,6.9vw,104px);line-height:1}
.kinetic-page .audio-copy .micro,.kinetic-page .audio-copy>p:not(.micro),.kinetic-page .concept-label{color:#59636f}
.kinetic-page .audio-copy>p:not(.micro){font-size:16px;line-height:1.65}
.kinetic-page .audio-world .world-topline,.kinetic-page .audio-world .world-bottomline{color:#59636f;border-color:#c6cdd6}
.kinetic-page .audio-controls{color:#394858;border-color:#c3ccd6}
.kinetic-page .audio-controls button{color:#394858;font-size:10px}
.kinetic-page .audio-controls button[aria-pressed=true]{border-color:#5b6c80}
.kinetic-page .audio-controls .graphite{background:#323b4a}
.kinetic-page .material-world{background:#fafbfc;color:#1e252d;height:calc(var(--studio-vh,1svh)*150);min-height:1200px}
.kinetic-page .material-world .world-topline,.kinetic-page .material-world .world-bottomline{color:#59636f;border-color:#d7dce2}
.kinetic-page .material-copy h3{font-size:clamp(60px,6.5vw,98px);line-height:1.02}
.kinetic-page .material-copy>p:not(.micro){color:#59636f;font-size:16px;line-height:1.65}
.kinetic-page .material-world .hero-study{background:#edf0f3;border-color:#d7dce2;border-radius:12px;box-shadow:none}
.kinetic-page .material-world .study-top,.kinetic-page .material-world .finish-name,.kinetic-page .material-world figcaption,.kinetic-page .material-world .surface-control{color:#59636f}
.kinetic-page .material-world .study-controls,.kinetic-page .material-world .light-controls{border-color:#cbd3dc}
.kinetic-page .material-world .hero-study button{color:#394858;border-color:#aab6c4}
.kinetic-page .material-world .hero-study button[aria-pressed=true]{color:#fff;border-color:#394858;background:#394858}
.kinetic-page .material-world .hero-study .swatch[aria-pressed=true]{background:transparent;outline-color:#394858}
.kinetic-page .material-world .hero-study input{accent-color:#455c78}
.kinetic-page .swatch.ink:after{background:linear-gradient(120deg,#596574,#28313d)}
.kinetic-page .approach-world{background:#f0f3f6;color:#1e252d;padding-top:110px;padding-bottom:110px}
.kinetic-page .approach-world h2{font-size:clamp(62px,6.7vw,100px);line-height:1.06}
.kinetic-page .approach-world h2 em{color:#596d83}
.kinetic-page .process-wire{background:#f9fafc;border-color:#b9c5d2;color:#59636f;box-shadow:0 15px 40px -20px #23324718}
.kinetic-page .wire-diagram,.kinetic-page .wire-diagram i{border-color:#afbdcc}
.kinetic-page .process-design{box-shadow:0 24px 45px -20px #23324730}
.kinetic-page .process-build{background:linear-gradient(145deg,#d7e1eb,#b2c1d2);color:#394858;border:1px solid #a5b6c8;box-shadow:0 24px 45px -20px #23324735}
.kinetic-page .process-ground{background:#384d6816}
.kinetic-page .process-steps details{color:#1e252d;border-color:#cbd3dc}
.kinetic-page .process-steps details p{color:#59636f;font-size:15px;line-height:1.6}
.kinetic-page .process-steps details>div>span{color:#66717d}
.kinetic-page .commission-world{background:#fafbfc;color:#1e252d;padding-top:110px;padding-bottom:100px}
.kinetic-page .commission-layout h2{font-size:clamp(64px,7vw,108px);line-height:1.03}
.kinetic-page .commission-layout h2 em{color:#596d83}
.kinetic-page .commission-layout p{color:#59636f;line-height:1.6}
.kinetic-page .commission-intro{color:#384350!important;font-size:22px;line-height:1.45!important}
.kinetic-page .scope-grid{gap:24px;margin-top:65px}
.kinetic-page .scope-grid article{background:#f2f5f8;border-color:#d7dce2;border-radius:12px;padding:28px}
.kinetic-page .scope-grid h3{font-size:27px;line-height:1.15}
.kinetic-page .scope-grid p{color:#59636f;font-size:14px;line-height:1.65}
.kinetic-page .scope-grid span{color:#59636f}
.kinetic-page .commission-note,.kinetic-page .focused-scope{border-color:#d7dce2;color:#59636f}
.kinetic-page .focused-scope p{color:#59636f;font-size:14px;line-height:1.65}
.kinetic-page .enquiry-world{background:#edf1f5;color:#1e252d;border-color:#d7dce2;padding-top:110px;padding-bottom:100px}
.kinetic-page .enquiry-world:before{display:none}
.kinetic-page .enquiry-heading h2{font-size:clamp(64px,7.5vw,114px);color:#1e252d;line-height:1.04}
.kinetic-page .enquiry-heading h2 em{color:#596d83}
.kinetic-page .enquiry-heading>div{color:#59636f}
.kinetic-page .enquiry-heading a{border-color:#aab6c4;color:#283745}
.kinetic-page #project-form{color:#394858;margin-left:28%;max-width:960px}
.kinetic-page #project-form label{font-size:12px;letter-spacing:0}
.kinetic-page #project-form input,.kinetic-page #project-form textarea,.kinetic-page #project-form select{color:#283745;background:#ffffffa6;border:1px solid #bcc7d3;border-radius:6px;padding:16px;min-height:56px;font-size:16px;line-height:1.5}
.kinetic-page #project-form select option{color:#283745;background:#fff}
.kinetic-page #project-form input::placeholder,.kinetic-page #project-form textarea::placeholder{color:#66717d}
.kinetic-page #project-form .form-end p,.kinetic-page #form-status{color:#59636f;font-size:12px;line-height:1.7}
.kinetic-page .form-end a{color:#283745;border-color:#aab6c4}
.kinetic-page .send-brief{color:#fff;background:#394858;border-color:#394858;border-radius:6px;font-size:14px;min-height:60px}
.kinetic-page .send-brief:hover{background:#1e2b38}
.kinetic-page #form-status.error{background:#fff0ed;color:#843c30;border-radius:6px}
.kinetic-page #form-status.success{color:#285945}
.kinetic-page .useful-details{background:#fafbfc;color:#283745;padding-top:80px;padding-bottom:85px}
.kinetic-page .useful-details details{border-color:#d7dce2}
.kinetic-page .useful-details summary{font-size:15px}
.kinetic-page .useful-details details p{color:#59636f;font-size:14px;line-height:1.7}
.kinetic-page .spatial-footer{background:#edf1f5;color:#283745;border-color:#d7dce2;padding-top:65px}
.kinetic-page .footer-top,.kinetic-page .footer-bottom{color:#59636f;border-color:#cbd3dc}
.kinetic-page .footer-wordmark{background:none;color:#283745;font-size:clamp(65px,15.5vw,240px);font-weight:450}
.kinetic-page .studio-menu{background:#f4f6f8;color:#283745;border-color:#d7dce2}
.kinetic-page .studio-menu::backdrop{background:#f4f6f8}
.kinetic-page .menu-heading button{color:#283745;border-color:#aab6c4}
.kinetic-page .studio-menu nav a{border-color:#cbd3dc}
.kinetic-page .studio-menu small,.kinetic-page .studio-menu>p{color:#59636f}
.kinetic-page .skip{color:#fff;background:#283745}
.kinetic-page input:focus-visible,.kinetic-page select:focus-visible,.kinetic-page textarea:focus-visible{outline:2px solid #455c78;outline-offset:3px}
.study-bar,.case-footer{background:#f4f6f8;color:#394858;border-color:#d7dce2}
.study-bar a:last-child{color:#394858}
.aura-page .aura-statement,.aura-page .aura-invite{background:#f4f6f8;color:#1e252d}
.aura-page .aura-statement p,.aura-page .aura-statement .aura-index,.aura-page .aura-invite .eyebrow{color:#59636f}
.aura-page .aura-tabs button[aria-pressed=true]{background:#394858;color:#fff}
.form-study-page{background:#fafbfc;color:#1e252d}
.form-study-page .form-study-intro>p:last-child{color:#59636f}
.form-study-page .form-study-scene .hero-study,.case-hero .hero-study{background:#edf0f3;border-color:#d7dce2;color:#394858;box-shadow:none;border-radius:12px}
.form-study-page .hero-study .study-top,.form-study-page .hero-study .micro,.form-study-page .form-study-scene figcaption,.form-study-page .hero-study .surface-control{color:#59636f}
.form-study-page .form-study-scene .study-controls,.form-study-page .hero-study .light-controls{border-color:#cbd3dc}
.form-study-page .hero-study button,.case-hero .hero-study button{color:#394858;border-color:#aab6c4}
.form-study-page .hero-study button[aria-pressed=true],.case-hero .hero-study button[aria-pressed=true]{background:#394858;color:#fff;border-color:#394858}
.form-study-page .hero-study .swatch[aria-pressed=true]{background:transparent;outline-color:#394858}
.form-study-page .hero-study input{accent-color:#455c78}
.form-study-page .case-notes{background:#f0f3f6;color:#1e252d}
.form-study-page .case-note-grid article{border-color:#d7dce2}
.form-study-page .case-note-grid p,.form-study-page .case-limit{color:#59636f}
.form-study-page .study-invite{background:#fafbfc}
.form-study-page .study-invite .pill{color:#fff;background:#394858}
.portal-art-page .signature-frame{background:radial-gradient(ellipse at 70% 42%,#e2e7ec 0,#f4f6f8 62%,#fafbfc 100%)}
.material-art-page .hero-study{background:#edf0f3}
body.aura-page{background:#e9ecf1;color:#1e252d}
body.form-study-page{background:#fafbfc;color:#1e252d}
.kinetic-page .hero-study .swatch,.form-study-page .hero-study .swatch{width:44px;height:44px;min-width:44px;border-radius:50%}
.kinetic-page .hero-study .swatch:after,.form-study-page .hero-study .swatch:after{inset:12px;border:0}
.kinetic-page .hero-study .reset,.form-study-page .hero-study .reset{width:auto;min-height:44px;min-width:90px;padding:10px 13px;border-radius:24px;font-size:10px;white-space:nowrap}
.kinetic-page .hero-study .surface-control input,.form-study-page .hero-study .surface-control input{accent-color:#455c78}
.kinetic-page .surface-control input::-webkit-slider-runnable-track,.form-study-page .surface-control input::-webkit-slider-runnable-track{background:#b9c5d2}
.kinetic-page .surface-control input::-webkit-slider-thumb,.form-study-page .surface-control input::-webkit-slider-thumb{background:#455c78}
.kinetic-page .surface-control input::-moz-range-track,.form-study-page .surface-control input::-moz-range-track{background:#b9c5d2}
.kinetic-page .surface-control input::-moz-range-thumb,.form-study-page .surface-control input::-moz-range-thumb{background:#455c78}
@media(max-width:1000px){
 .kinetic-page .hero-study .study-controls,.form-study-page .hero-study .study-controls{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:16px;align-items:center}
 .kinetic-page .hero-study .swatches,.form-study-page .hero-study .swatches{grid-column:1;grid-row:1}
 .kinetic-page .hero-study #finish-name,.form-study-page .hero-study #finish-name{grid-column:2;grid-row:1;text-align:right;width:auto}
 .kinetic-page .hero-study .form-tabs,.form-study-page .hero-study .form-tabs{grid-column:1;grid-row:2}
 .kinetic-page .hero-study .reset,.form-study-page .hero-study .reset{grid-column:2;grid-row:2;margin-left:0}
}
@media(max-width:1100px) and (min-width:701px){
 .kinetic-page .signature-copy{max-width:49%;top:27%}.kinetic-page .signature-copy h1{font-size:8.5vw}
 .kinetic-page .signature-scene{left:40%;right:-5%}.kinetic-page .perspective-heading h2{font-size:7.8vw}
 .kinetic-page .audio-copy h3,.kinetic-page .material-copy h3{font-size:8vw}.reel-card{width:70vw}
}
@media(max-width:700px){
 .kinetic-page .spatial-header{height:88px}.kinetic-page .spatial-header.scrolled{height:64px;background:#fffffff5;backdrop-filter:none}
 .kinetic-page .signature{height:calc(var(--studio-vh,1svh)*170);min-height:1330px}.kinetic-page .signature-frame{min-height:800px}
 .kinetic-page .signature-copy{top:132px;max-width:none;transform:translate3d(0,calc(var(--hero-p,0)*-90px),0)}
 .kinetic-page .signature-copy .micro{font-size:9px;margin-bottom:23px}
 .kinetic-page .signature-copy h1{font-size:clamp(55px,17vw,90px);line-height:1}
 .kinetic-page .signature-description{font-size:14px;margin-top:22px}
 .kinetic-page .signature-copy>.round-link{position:static;margin-top:20px;gap:20px;font-size:12px;min-height:44px}
 .kinetic-page .signature-copy>.round-link>span{display:block}.kinetic-page .signature-copy>.round-link b{width:40px;height:40px}
 .kinetic-page .signature-scene{left:-3%;right:-3%;top:405px;bottom:145px;transform:scale(calc(1 + var(--hero-p,0)*.035))}
 .kinetic-page .signature-controls{bottom:86px;gap:8px}.kinetic-page .signature-controls button{font-size:9px}
 .kinetic-page .scene-caption{top:auto;bottom:157px;font-size:8px}
 .kinetic-page .hero-baseline{font-size:8px;bottom:25px;line-height:1.5}
 .hero-second{top:150px}.hero-second strong{max-width:none;font-size:clamp(46px,13vw,80px);line-height:1.05}
 .hero-second>span{font-size:9px}
 .kinetic-page .perspective{height:calc(var(--studio-vh,1svh)*135);min-height:1080px}.manifesto-pin{min-height:800px;padding-top:110px;padding-bottom:70px}
 .kinetic-page .perspective-heading{margin-top:50px;margin-bottom:30px}
 .kinetic-page .perspective-heading h2{font-size:clamp(36px,10.3vw,66px);line-height:1.15}
 .kinetic-page .perspective-heading h2 em{font-size:clamp(76px,22vw,130px);letter-spacing:-.065em;line-height:1.07}
 .kinetic-page .perspective-note{margin-top:32px}.kinetic-page .perspective-note p{font-size:16px;line-height:1.6}
 .kinetic-page .disciplines{gap:24px;margin-top:35px;font-size:11px}
 .project-reel{height:calc(var(--studio-vh,1svh)*220);min-height:1740px}.reel-pin{min-height:810px;padding-top:110px}
 .reel-heading h2{font-size:40px;line-height:1.1;margin:26px 0 20px}.reel-heading>span,.reel-heading>div{font-size:9px}
 .reel-card{width:86vw;height:calc(var(--studio-vh,1svh)*44);min-height:370px;max-height:470px;border-radius:10px}
 .reel-card img{height:calc(100% - 120px)}.reel-card>div{padding:18px 20px;display:block}
 .reel-card span{font-size:8px;margin-bottom:10px}.reel-card h3{font-size:31px;margin-bottom:10px}.reel-card b{font-size:11px}
 .reel-footnote{font-size:11px!important;max-width:360px}
 .kinetic-page .work-heading{padding-top:85px;padding-bottom:70px}.kinetic-page .work-heading h2{font-size:49px}.kinetic-page .work-heading p{font-size:13px}
 .kinetic-page .architecture-world{height:calc(var(--studio-vh,1svh)*150);min-height:1200px}.kinetic-page .architecture-title h3{font-size:77px}
 .kinetic-page .project-launch{left:22px;right:auto;bottom:142px;padding-left:20px}
 .kinetic-page .project-editorial{padding-top:65px;padding-bottom:75px}.kinetic-page .project-editorial>p{font-size:34px}.kinetic-page .project-editorial>div{font-size:15px;max-width:100%}
 .kinetic-page .audio-world{height:calc(var(--studio-vh,1svh)*180);min-height:1500px}.audio-pin{min-height:890px;padding-top:108px;padding-bottom:35px}
 .kinetic-page .audio-copy h3{font-size:58px}.kinetic-page .audio-copy>p:not(.micro){font-size:14px;margin-top:18px}
 .kinetic-page .audio-copy .micro{font-size:9px}.kinetic-page .audio-controls button{font-size:9px}
 .kinetic-page .material-world{height:calc(var(--studio-vh,1svh)*175);min-height:1490px}.material-pin{padding-top:110px;padding-bottom:40px}
 .kinetic-page .material-copy h3{font-size:52px}.kinetic-page .material-copy>p:not(.micro){font-size:14px}
 .kinetic-page .material-copy .micro{font-size:9px}.kinetic-page .material-world .hero-study{padding:20px 14px}
 .kinetic-page .material-studio{top:100px}.kinetic-page .material-world .scene{height:280px}
 .kinetic-page .approach-world{padding-top:85px;padding-bottom:85px}.kinetic-page .approach-world h2{font-size:53px}
 .kinetic-page .process-steps{margin-top:50px}.kinetic-page .process-steps details p{font-size:14px}
 .kinetic-page .commission-world{padding-top:85px;padding-bottom:85px}.kinetic-page .commission-layout h2{font-size:58px}
 .kinetic-page .commission-intro{font-size:20px}.kinetic-page .commission-layout p{font-size:15px}
 .kinetic-page .scope-grid{margin-top:40px}.kinetic-page .scope-grid article{padding:22px;display:block}
 .kinetic-page .scope-grid h3{margin-top:20px;font-size:27px}.kinetic-page .scope-grid p{font-size:14px}
 .kinetic-page .scope-grid span{font-size:9px}.kinetic-page .commission-note p{font-size:12px}
 .kinetic-page .focused-scope summary{font-size:13px}.kinetic-page .focused-scope summary>span:last-child{font-size:11px}
 .kinetic-page .focused-scope p{font-size:13px}
 .kinetic-page .enquiry-world{padding-top:90px;padding-bottom:80px}.kinetic-page .enquiry-heading h2{font-size:57px}
 .kinetic-page .enquiry-heading p{font-size:16px}.kinetic-page .enquiry-heading a{font-size:14px}
 .kinetic-page #project-form{margin-left:0;margin-top:40px}.kinetic-page #project-form label{font-size:12px;margin-top:24px}
 .kinetic-page #project-form input,.kinetic-page #project-form textarea,.kinetic-page #project-form select{padding:14px;font-size:16px}
 .kinetic-page .form-end{gap:24px;margin-top:30px}.kinetic-page #project-form .form-end p,.kinetic-page #form-status{font-size:12px}
 .kinetic-page .useful-details{padding-top:60px;padding-bottom:60px}.kinetic-page .useful-details summary{font-size:14px}
 .kinetic-page .useful-details details p{font-size:13px}.kinetic-page .footer-top{font-size:9px}.kinetic-page .footer-top>a{font-size:11px}
 .kinetic-page .footer-wordmark{font-size:18.5vw}.kinetic-page .footer-bottom{font-size:10px;line-height:1.6}
}
@media(max-width:360px){
 .kinetic-page .signature-copy{top:125px}.kinetic-page .signature-copy h1{font-size:17vw}
 .kinetic-page .signature-scene{top:386px;bottom:185px}.kinetic-page .signature-controls{bottom:85px;justify-content:center}
 .kinetic-page .signature-controls button{font-size:8px}.kinetic-page .scene-caption{bottom:190px}
 .kinetic-page .perspective-heading h2{font-size:10.2vw}.kinetic-page .material-copy h3{font-size:46px}
 .kinetic-page .audio-controls button{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 .kinetic-page .signature,.kinetic-page .perspective,.project-reel,.kinetic-page .architecture-world,.kinetic-page .audio-world,.kinetic-page .material-world{height:auto;min-height:0}
 .kinetic-page .signature-copy{transform:none;opacity:1}.kinetic-page .signature-scene{transform:none}
 .manifesto-pin,.reel-pin,.architecture-pin,.audio-pin,.material-pin{position:relative;height:auto;min-height:0}
 .kinetic-page .signature-frame{height:calc(var(--studio-vh,1svh)*100);min-height:800px}.architecture-pin{height:calc(var(--studio-vh,1svh)*100);min-height:790px}
 .kinetic-page .material-layout{height:auto}.kinetic-page .material-studio{position:relative;top:auto}
 .kinetic-page .perspective-heading h2,.kinetic-page .perspective-heading h2 em,.kinetic-page .perspective-note,.kinetic-page .scope-grid article,.kinetic-page .enquiry-heading h2,.kinetic-page .commission-layout h2{transform:none}
}

/* One continuous timeline and an original layered page assembly. */
.kinetic-page .spatial-header.scrolled{backdrop-filter:none;background:#ffffffef}
.portal-grid{position:absolute;left:48%;right:7%;top:20%;bottom:19%;border:1px solid #7d91a44a;border-radius:48% 48% 8px 8px;pointer-events:none;z-index:1;opacity:0;transform-origin:50% 80%}
.motion-ready .portal-grid{opacity:calc(var(--portal-grid,0)*.6);transform:perspective(900px) rotateY(calc(-30deg + var(--hero-p,0)*55deg)) rotateZ(calc(-10deg + var(--hero-p,0)*12deg)) scale(calc(.82 + var(--hero-p,0)*.25))}
.portal-grid i{position:absolute;inset:9%;border:1px solid #7d91a433;border-radius:48% 48% 5px 5px}.portal-grid i:nth-child(2){inset:18%}.portal-grid i:nth-child(3){inset:27%}
.portal-grid span{position:absolute;left:0;right:0;bottom:-28px;font-size:8px;letter-spacing:.12em;text-align:center;color:#596d83}
.motion-ready .signature-scene{will-change:transform}
.motion-ready .perspective-heading h2 span{background:linear-gradient(90deg,#283745 calc(var(--word-one,0)*100%),#c2cad3 calc(var(--word-one,0)*100%));background-clip:text;-webkit-background-clip:text;color:transparent}
.motion-ready .perspective-heading h2 em{background:linear-gradient(90deg,#596d83 calc(var(--word-two,0)*100%),#c2cad3 calc(var(--word-two,0)*100%));background-clip:text;-webkit-background-clip:text;color:transparent}
.motion-ready .reel-card img{transform:scale(1.055) translate3d(var(--card-travel,0px),0,0);will-change:transform}
.kinetic-page .architecture-art img{transform:translate3d(var(--arch-pan,0%),0,0) scale(var(--arch-scale,1.18))}
.kinetic-page .build-world{height:auto;min-height:0;padding-top:0;padding-bottom:0;overflow:visible;background:#f0f3f6;--build-align:1;--build-identity:1;--build-interface:1;--build-launch:1}
.motion-ready .build-world{height:calc(var(--studio-vh,1svh)*265);min-height:2050px;position:relative}
.build-pin{position:relative;padding-top:100px;padding-bottom:50px}
.motion-ready .build-pin{position:sticky;top:0;height:calc(var(--studio-vh,1svh)*100);min-height:0;display:flex;flex-direction:column;justify-content:center}
.build-layout{display:grid;grid-template-columns:.88fr 1.42fr;gap:4vw;align-items:center;margin-top:55px;margin-bottom:35px}
.kinetic-page .build-copy h2{font-size:clamp(52px,5.8vw,94px);line-height:1.02;letter-spacing:-.064em}
.build-copy h2 em{color:#596d83}.build-chapters{position:relative;margin-top:40px;max-width:350px}.build-chapter{margin-top:20px}
.build-chapter>span{font-size:9px;letter-spacing:.1em;color:#66778b;display:block;margin-bottom:13px}
.build-chapter h3{font-size:27px;line-height:1.1;letter-spacing:-.045em;margin-bottom:12px}
.build-chapter p{font-size:15px;line-height:1.7;color:#59636f;max-width:335px}
.motion-ready .build-chapters{height:150px}
.motion-ready .build-chapter{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.motion-ready [data-phase="0"] #build-structure,.motion-ready [data-phase="1"] #build-identity,.motion-ready [data-phase="2"] #build-experience{opacity:1;visibility:visible;transform:none}
.build-navigation{display:none;gap:8px;margin-top:26px}.motion-ready .build-navigation{display:flex}
.build-navigation button{padding:10px 12px;min-height:44px;display:flex;gap:9px;align-items:center;font-size:10px;background:transparent;border:1px solid #b6c3d0;color:#455c78;border-radius:30px;transition:background .2s,color .2s}
.build-navigation button span{font-size:8px;opacity:.7;font-variant-numeric:tabular-nums}
.build-navigation button[aria-pressed="true"]{background:#394858;border-color:#394858;color:white}
.build-stage{height:clamp(420px,43vw,620px);position:relative;perspective:1500px;transform-style:preserve-3d;isolation:isolate}
.build-grid{position:absolute;inset:-5% -3%;background-image:linear-gradient(#8798aa13 1px,transparent 1px),linear-gradient(90deg,#8798aa13 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse,#000 30%,transparent 72%);transform:translateZ(-160px) rotateX(calc((1 - var(--build-align))*24deg));pointer-events:none}
.build-ruler{position:absolute;top:0;left:6%;right:6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;color:#7b8b9c}
.build-sheet{position:absolute;left:4%;right:4%;top:40px;bottom:64px;border-radius:12px;border:1px solid #bac6d2;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;box-shadow:0 26px 45px -28px #344c6840;will-change:transform,opacity}
.build-outline{background:#f9fbfc;padding:28px;opacity:0}
.motion-ready .build-outline{opacity:calc(1 - var(--build-identity));transform:translate3d(calc((1 - var(--build-align))*-48px),calc((1 - var(--build-align))*38px),calc((1 - var(--build-align))*-100px)) rotateY(calc((1 - var(--build-align))*-24deg)) rotateX(calc((1 - var(--build-align))*18deg)) rotateZ(calc((1 - var(--build-align))*-9deg))}
.build-outline>span{font-size:9px;letter-spacing:.09em;color:#8190a0}
.blueprint-top{display:flex;justify-content:space-between;align-items:center;height:48px;border-bottom:1px solid #afc0d433;margin-bottom:22px}
.blueprint-top i{width:24%;height:14px;border:1px solid #a8b8c9;border-radius:2px}.blueprint-top i:first-child{width:26%;height:22px}.blueprint-top i:last-child{width:7%;height:24px}
.blueprint-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;height:57%}.blueprint-layout>div{display:flex;flex-direction:column;justify-content:center;gap:14px}
.blueprint-layout b{width:95%;height:32px;border:1px solid #8da3ba;border-radius:3px}.blueprint-layout b+b{width:75%}
.blueprint-layout small{margin-top:12px;width:45%;height:20px;background:#a9bed228;border:1px solid #9fb2c5;border-radius:16px}
.blueprint-layout>i{border:1px solid #8da3ba;background:linear-gradient(135deg,transparent 49.8%,#9baec340 50%,transparent 50.2%),linear-gradient(45deg,transparent 49.8%,#9baec340 50%,transparent 50.2%)}
.blueprint-bottom{display:flex;gap:12px;margin-top:24px;border-top:1px solid #9bacbd55;padding-top:18px}.blueprint-bottom i{width:33%;height:26px;border:1px solid #9fb2c5;border-radius:3px}
.build-image{opacity:0;transform:translateZ(10px)}
.motion-ready .build-image{opacity:calc(1 - var(--build-launch));transform:translate3d(calc((1 - var(--build-align))*58px),calc((1 - var(--build-align))*-32px),calc(35px + (1 - var(--build-align))*65px)) rotateY(calc((1 - var(--build-align))*18deg)) rotateX(calc((1 - var(--build-align))*-8deg)) rotateZ(calc((1 - var(--build-align))*7deg))}
.build-image img{width:100%;height:100%;object-fit:cover;opacity:var(--build-identity)}
.build-image>span{position:absolute;top:25px;left:28px;color:white;font-size:9px;letter-spacing:.13em}
.build-interface{background:#f8f7f3;transform:translateZ(75px);box-shadow:0 35px 65px -34px #344c6860}
.motion-ready .build-interface{opacity:var(--build-interface);transform:translate3d(calc((1 - var(--build-launch))*25px),calc((1 - var(--build-interface))*85px),calc(65px + var(--build-launch)*20px)) rotateY(calc((1 - var(--build-align))*-16deg)) rotateX(calc((1 - var(--build-launch))*12deg)) scale(calc(.94 + var(--build-launch)*.06))}
.browser-chrome{height:29px;display:flex;gap:5px;align-items:center;padding:0 14px;border-bottom:1px solid #d9dfe4;background:#f3f5f7}
.browser-chrome i{height:5px;width:5px;border:1px solid #aab7c5;border-radius:50%}.browser-chrome>span{font-size:6px;letter-spacing:.11em;color:#7b8b9c;margin-left:auto}
.mini-site{padding:5% 6%;height:calc(100% - 29px);color:#28302a;display:flex;flex-direction:column}
.mini-nav{display:flex;align-items:center;gap:20px;padding-bottom:7%;font-size:8px}.mini-nav>b{font-size:25px;letter-spacing:-.07em;font-weight:500}
.mini-nav>span{margin-left:auto;color:#636b64}.mini-nav>i{width:24px;height:24px;border:1px solid #aeb5ae;border-radius:50%;display:grid;place-content:center;font-style:normal}
.mini-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:6%;height:68%;align-items:stretch;min-height:0}.mini-hero>div:first-child{display:flex;flex-direction:column;justify-content:center}
.mini-hero small{font-size:7px;letter-spacing:.12em;margin-bottom:16px;color:#647268}
.mini-hero strong{font-size:clamp(27px,3.35vw,57px);font-weight:400;line-height:1.01;letter-spacing:-.06em}
.kinetic-page .mini-hero strong em{font-family:Georgia,serif;font-style:italic;color:#4e5d50;font-weight:400}
.mini-pill{display:inline-block;align-self:flex-start;white-space:nowrap;margin-top:20px;font-size:8px;padding:9px 12px;background:#3c4b3e;color:white;border-radius:24px}
.mini-image{overflow:hidden;border-radius:46% 46% 4px 4px}.mini-image img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.2 - var(--build-launch)*.2))}
.mini-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #bec6bd;font-size:6px;letter-spacing:.07em;color:#606f63}
.build-completion{position:absolute;left:5%;right:5%;bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:9px;color:#596d83}
.build-completion>span{font-size:7px;letter-spacing:.08em;display:flex;gap:7px;align-items:center}.build-completion i{display:block;width:4px;height:4px;background:#6b8b77;border-radius:50%}
.build-completion a{display:flex;gap:16px;align-items:center;padding:11px 0;min-height:44px;color:#394858;border-bottom:1px solid #b9c5d2}.build-completion a b{font-size:16px;font-weight:400}
.motion-ready .build-completion{opacity:var(--build-launch);visibility:hidden;transform:translateY(calc((1 - var(--build-launch))*10px))}
.motion-ready .build-world[data-phase="2"] .build-completion{visibility:visible}
.build-footnote{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cbd5df;padding-top:18px;font-size:8px;line-height:1.6;letter-spacing:.05em;color:#7b8b9c}
@media(min-width:701px) and (max-height:780px){:where(:root:not([data-studio-viewport])) .build-pin{padding-top:100px;padding-bottom:25px}:where(:root:not([data-studio-viewport])) .build-layout{margin-top:30px;margin-bottom:20px}:where(:root:not([data-studio-viewport])) .build-stage{height:450px}:where(:root:not([data-studio-viewport])) .kinetic-page .build-copy h2{font-size:67px}:where(:root:not([data-studio-viewport])) .build-chapters{margin-top:25px}:where(:root:not([data-studio-viewport])) .build-chapter p{font-size:14px}
}
@media(min-width:701px){:where(:root[data-studio-h780]) .build-pin{padding-top:100px;padding-bottom:25px}:where(:root[data-studio-h780]) .build-layout{margin-top:30px;margin-bottom:20px}:where(:root[data-studio-h780]) .build-stage{height:450px}:where(:root[data-studio-h780]) .kinetic-page .build-copy h2{font-size:67px}:where(:root[data-studio-h780]) .build-chapters{margin-top:25px}:where(:root[data-studio-h780]) .build-chapter p{font-size:14px}
}
@media(max-width:1000px) and (min-width:701px){
 .build-layout{grid-template-columns:.8fr 1.2fr;gap:2vw}.kinetic-page .build-copy h2{font-size:6.7vw}.build-stage{height:490px}
 .build-navigation{gap:4px}.build-navigation button{padding:10px 8px;font-size:9px}.build-ruler{font-size:7px}.mini-nav>span{display:none}.build-completion>span{display:none}
}
@media(max-width:700px){
 .portal-grid{left:17%;right:17%;top:49%;bottom:20%;border-radius:48% 48% 5px 5px}.portal-grid span{font-size:6px}
 .motion-ready .build-world{height:calc(var(--studio-vh,1svh)*245);min-height:1720px}.build-pin{padding-top:94px;padding-bottom:30px}.motion-ready .build-pin{justify-content:center}
 .build-world .section-meta{font-size:8px;gap:20px;align-items:start}.build-world .section-meta>span:last-child{text-align:right;max-width:110px}
 .build-layout{display:block;margin-top:24px;margin-bottom:18px}.kinetic-page .build-copy h2{font-size:clamp(40px,11.4vw,61px);line-height:1.04}
 .build-chapters{margin-top:20px;max-width:100%}.motion-ready .build-chapters{height:92px}
 .build-chapter>span{font-size:8px;margin-bottom:6px}.build-chapter h3{font-size:22px;margin-bottom:7px}.build-chapter p{font-size:13px;line-height:1.55;max-width:100%}
 .build-navigation{gap:6px;margin-top:12px}.build-navigation button{font-size:9px;min-height:44px;padding:10px 11px;gap:7px}
 .build-stage{height:clamp(245px,calc(var(--studio-vh,1svh)*34),340px);margin-top:25px;perspective:1200px}.build-sheet{top:20px;left:4%;right:4%;bottom:46px;border-radius:8px}
 .build-ruler{font-size:6px;top:-3px}.build-grid{background-size:25px 25px}.build-outline{padding:16px}.build-outline>span,.build-image>span{font-size:6px}
 .blueprint-top{height:24px;margin-bottom:14px}.blueprint-top i{height:7px}.blueprint-top i:first-child{height:12px}
 .blueprint-layout{gap:12px;height:57%}.blueprint-layout>div{gap:8px}.blueprint-layout b{height:16px}.blueprint-layout small{height:13px;margin-top:5px}
 .blueprint-bottom{margin-top:12px;padding-top:10px;gap:8px}.blueprint-bottom i{height:12px}.build-image>span{top:16px;left:16px}
 .browser-chrome{height:18px;padding:0 8px;gap:3px}.browser-chrome i{width:3px;height:3px}.browser-chrome>span{font-size:4px}
 .mini-site{padding:5% 6%;height:calc(100% - 18px)}.mini-nav{padding-bottom:6%;font-size:5px;gap:10px}.mini-nav>b{font-size:16px}.mini-nav>i{width:16px;height:16px}
 .mini-hero{height:67%}.mini-hero small{font-size:4px;margin-bottom:9px}.mini-hero strong{font-size:clamp(20px,6.2vw,33px)}
 .mini-pill{font-size:5px;margin-top:10px;padding:6px 8px}.mini-bottom{font-size:4px;gap:7px;padding-top:8px}
 .build-completion{bottom:0;left:4%;right:4%;font-size:8px;gap:10px}.build-completion>span{font-size:5px;max-width:100px;line-height:1.6}
 .build-completion a{min-height:38px;padding:6px 0;gap:9px}.build-footnote{font-size:6px;padding-top:12px;gap:24px}.build-footnote>span:last-child{text-align:right}
}
@media(max-width:700px) and (max-height:730px){:where(:root:not([data-studio-viewport])) .build-pin{padding-top:87px;padding-bottom:15px}:where(:root:not([data-studio-viewport])) .build-layout{margin-top:17px;margin-bottom:12px}:where(:root:not([data-studio-viewport])) .kinetic-page .build-copy h2{font-size:40px}:where(:root:not([data-studio-viewport])) .build-chapters{margin-top:16px}:where(:root:not([data-studio-viewport])) .motion-ready .build-chapters{height:104px}:where(:root:not([data-studio-viewport])) .build-navigation{margin-top:10px}:where(:root:not([data-studio-viewport])) .build-stage{margin-top:18px;height:240px}:where(:root:not([data-studio-viewport])) .build-footnote{padding-top:10px}
}
@media(max-width:700px){:where(:root[data-studio-h730]) .build-pin{padding-top:87px;padding-bottom:15px}:where(:root[data-studio-h730]) .build-layout{margin-top:17px;margin-bottom:12px}:where(:root[data-studio-h730]) .kinetic-page .build-copy h2{font-size:40px}:where(:root[data-studio-h730]) .build-chapters{margin-top:16px}:where(:root[data-studio-h730]) .motion-ready .build-chapters{height:104px}:where(:root[data-studio-h730]) .build-navigation{margin-top:10px}:where(:root[data-studio-h730]) .build-stage{margin-top:18px;height:240px}:where(:root[data-studio-h730]) .build-footnote{padding-top:10px}
}
@media(max-width:360px) and (max-height:730px){:where(:root:not([data-studio-viewport])) .kinetic-page .build-copy h2{font-size:36px}:where(:root:not([data-studio-viewport])) .build-stage{height:220px}
}
@media(max-width:360px){:where(:root[data-studio-h730]) .kinetic-page .build-copy h2{font-size:36px}:where(:root[data-studio-h730]) .build-stage{height:220px}
}
@media(prefers-reduced-motion:reduce){
 .motion-ready .build-world{height:auto;min-height:0}.motion-ready .build-pin{position:relative;height:auto;padding-top:80px;padding-bottom:60px}
 .motion-ready .build-chapters{height:auto}.motion-ready .build-chapter{position:relative;opacity:1;visibility:visible;transform:none;margin-top:20px;transition:none}
 .motion-ready .build-navigation{display:none}.motion-ready .build-outline,.motion-ready .build-image,.portal-grid{display:none}
 .motion-ready .build-interface{opacity:1;transform:none}.motion-ready .build-completion{opacity:1;visibility:visible;transform:none}
 .motion-ready .mini-image img,.motion-ready .reel-card img{transform:none}
 .motion-ready .perspective-heading h2 span,.motion-ready .perspective-heading h2 em{background:none;color:#394858}
}

/* Refinement: responsive pacing, controlled depth and a complete daylight journey. */
.kinetic-page .spatial-header,.kinetic-page .spatial-header.scrolled{top:16px;left:var(--gutter);width:calc(100% - var(--gutter)*2);height:68px;padding:12px 24px;border-radius:40px;background:#ffffffd9;border:1px solid #d7e0e9;box-shadow:0 6px 24px #23324705;backdrop-filter:none;transition:background .3s,box-shadow .3s,border-color .3s}
.kinetic-page .spatial-header.scrolled{background:#fffffff5;box-shadow:0 8px 28px #2332470d}
.kinetic-page .spatial-header .wordmark,.kinetic-page .spatial-header.scrolled .wordmark{font-size:26px}
.kinetic-page .spatial-header .header-note{display:none}
.kinetic-page .signature{height:calc(var(--studio-vh,1svh)*168);min-height:1220px}
.kinetic-page .signature-frame{background:radial-gradient(ellipse at 73% 42%,#e8edf3,transparent 58%),linear-gradient(115deg,#fff,#f1f4f7 70%,#e8edf2)}
.motion-ready .signature-copy{opacity:var(--hero-first,1);transform:translate3d(0,calc(var(--hero-p,0)*-90px),0)}
.motion-ready .hero-second{transform:translate3d(0,calc((1 - var(--hero-second,0))*38px - var(--hero-out,0)*20px),0);opacity:calc(var(--hero-second,0)*(1 - var(--hero-out,0)*.35))}
.kinetic-page .signature-copy h1 em{color:#65798e}
.kinetic-page .signature-scene{transform:scale(calc(1 + var(--hero-p,0)*.045))}
.kinetic-page .perspective{height:calc(var(--studio-vh,1svh)*120);min-height:920px}
.kinetic-page .perspective-note{transform:translateY(calc((1 - var(--p,0))*35px))}
.project-reel{height:calc(var(--studio-vh,1svh)*220);min-height:1680px}
.reel-pin{padding-top:100px;padding-bottom:28px}
.reel-card{border-color:#d6e0ea;box-shadow:0 28px 52px -32px #253e5b42}
.kinetic-page .architecture-world{height:calc(var(--studio-vh,1svh)*142);min-height:1050px}
.kinetic-page .architecture-art img{filter:saturate(.92)}
.kinetic-page .audio-world,.kinetic-page .material-world{height:calc(var(--studio-vh,1svh)*137);min-height:1060px}
.kinetic-page .home-aura{height:clamp(360px,calc(var(--studio-vh,1svh)*47),490px)}
.audio-pin{justify-content:space-between}.kinetic-page .audio-world .world-topline{margin-bottom:25px}
.kinetic-page .audio-layout{margin-bottom:24px;min-height:0}
.audio-pin>.world-topline,.audio-pin>.world-bottomline{flex-shrink:0}
.kinetic-page .audio-copy h3{transform:translate3d(0,calc((1 - var(--section-enter,1))*42px),0)}
.kinetic-page .material-copy h3{transform:translate3d(0,calc((1 - var(--section-enter,1))*42px),0)}
.kinetic-page .audio-interaction{transform:translate3d(calc((1 - var(--section-enter,1))*35px),0,0)}
.kinetic-page .material-world .hero-study{border:1px solid #dce4ee;box-shadow:0 24px 60px -42px #253e5b50;background:radial-gradient(ellipse at 40% 20%,#f6f8fb,#edf1f6 75%)}
.motion-ready .build-world{height:calc(var(--studio-vh,1svh)*225);min-height:1730px}
.build-stage{perspective:1800px}
.build-sheet{box-shadow:0 30px 55px -30px #253e5b50;border-color:#bdcbd9}
.motion-ready .build-outline{transform:translate3d(calc((1 - var(--build-align))*-42px),calc((1 - var(--build-align))*32px),calc((1 - var(--build-align))*-85px)) rotateY(calc((1 - var(--build-align))*-21deg)) rotateX(calc((1 - var(--build-align))*15deg)) rotateZ(calc((1 - var(--build-align))*-7deg))}
.motion-ready .build-image{transform:translate3d(calc((1 - var(--build-align))*48px),calc((1 - var(--build-align))*-27px),calc(25px + (1 - var(--build-align))*55px)) rotateY(calc((1 - var(--build-align))*15deg)) rotateX(calc((1 - var(--build-align))*-7deg)) rotateZ(calc((1 - var(--build-align))*6deg))}
.motion-ready .build-interface{transform:translate3d(calc((1 - var(--build-launch))*15px),calc((1 - var(--build-interface))*65px),calc(45px + var(--build-launch)*15px)) rotateY(calc((1 - var(--build-align))*-13deg)) rotateX(calc((1 - var(--build-launch))*9deg)) scale(calc(.965 + var(--build-launch)*.035))}
.motion-ready .work-heading,.motion-ready .project-editorial,.motion-ready .commission-layout,.motion-ready .scope-grid article,.motion-ready .enquiry-heading,.motion-ready .useful-details,.motion-ready .footer-top,.motion-ready .footer-wordmark{transform:translate3d(0,calc((1 - var(--arrive,1))*36px),0);opacity:calc(.35 + var(--arrive,1)*.65)}
.kinetic-page .commission-world{background:linear-gradient(130deg,#fafbfc,#eef3f8);border-top:1px solid #e1e8ef}
.kinetic-page .scope-grid article{background:#ffffffb3;box-shadow:0 12px 32px -26px #29405c44;border-color:#dce4ec}
.kinetic-page .scope-grid article:focus-within{border-color:#657c94}
.kinetic-page .enquiry-world{background:#fff;border-top:1px solid #e1e8ef}
.kinetic-page #project-form input,.kinetic-page #project-form textarea,.kinetic-page #project-form select{background:#f8fafc;border-color:#d9e2eb;border-radius:8px;transition:border-color .2s,box-shadow .2s,background .2s}
.kinetic-page #project-form input:focus,.kinetic-page #project-form textarea:focus,.kinetic-page #project-form select:focus{background:#fff;border-color:#526b85;box-shadow:0 0 0 3px #526b8514}
.kinetic-page .send-brief{border-radius:32px;box-shadow:0 8px 22px -12px #233a544d}
.kinetic-page .spatial-footer{background:linear-gradient(140deg,#eef3f8,#fafbfc)}
.kinetic-page .footer-wordmark{letter-spacing:-.07em}
.motion-ready .reel-card{transform:perspective(1600px) rotateX(var(--hover-y,0deg)) rotateY(calc(var(--card-angle,0deg) + var(--hover-x,0deg))) scale(var(--card-scale,1));transition:box-shadow .3s,border-color .3s}
.reel-card:hover,.reel-card:focus-visible{box-shadow:0 32px 65px -27px #253e5b50;border-color:#9aacbf}
.build-stage{transform:rotateX(var(--hover-y,0deg)) rotateY(var(--hover-x,0deg));transform-origin:center}
.kinetic-page .architecture-title{transform:translate3d(0,calc((1 - var(--section-enter,1))*50px - var(--p,0)*36px),0)}
.kinetic-page .round-link b,.kinetic-page .project-launch b{transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s,color .25s,box-shadow .35s}
.kinetic-page .round-link:hover b,.kinetic-page .round-link:focus-visible b,.kinetic-page .project-launch:hover b{transform:rotate(45deg);box-shadow:0 8px 18px -8px #29405c40}
.kinetic-page .text-link span{display:inline-block;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.kinetic-page .text-link:hover span{transform:translate(3px,-3px)}
.kinetic-page .signature-controls button,.kinetic-page .audio-controls button,.build-navigation button,.kinetic-page .hero-study button{transition:background .25s,border-color .25s,color .25s,box-shadow .25s}
.kinetic-page .signature-controls button:hover,.kinetic-page .hero-study button:hover,.build-navigation button:hover{box-shadow:0 6px 16px -9px #29405c66;border-color:#7e93aa}
.kinetic-page .audio-controls button:hover{border-color:#7e93aa;color:#283745}
.kinetic-page .send-brief b{display:inline-block;transition:transform .3s}
.kinetic-page .send-brief:hover b{transform:translate(3px,-3px)}
.kinetic-page .send-brief:active,.build-navigation button:active,.kinetic-page .signature-controls button:active{box-shadow:inset 0 2px 5px #233a5420}
.studio-menu[open] nav>a{animation:menu-arrive .5s cubic-bezier(.2,.8,.2,1) both}.studio-menu[open] nav>a:nth-child(2){animation-delay:.055s}.studio-menu[open] nav>a:nth-child(3){animation-delay:.11s}
@keyframes menu-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.kinetic-page a:focus-visible,.kinetic-page button:focus-visible{outline:2px solid #526b85;outline-offset:5px}
@media(min-width:701px) and (max-height:760px){:where(:root:not([data-studio-viewport])) .kinetic-page .signature-frame{min-height:650px}:where(:root:not([data-studio-viewport])) .kinetic-page .scene-caption{top:120px}:where(:root:not([data-studio-viewport])) .manifesto-pin,:where(:root:not([data-studio-viewport])) .reel-pin,:where(:root:not([data-studio-viewport])) .architecture-pin,:where(:root:not([data-studio-viewport])) .audio-pin,:where(:root:not([data-studio-viewport])) .material-pin{min-height:650px}:where(:root:not([data-studio-viewport])) .reel-card{height:calc(var(--studio-vh,1svh)*44);min-height:320px}:where(:root:not([data-studio-viewport])) .reel-viewport{margin-top:24px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-layout{margin-bottom:25px}:where(:root:not([data-studio-viewport])) .kinetic-page .home-aura{height:380px}:where(:root:not([data-studio-viewport])) .kinetic-page .material-world .scene{height:280px}:where(:root:not([data-studio-viewport])) .kinetic-page .material-layout{margin-top:20px}:where(:root:not([data-studio-viewport])) .build-stage{height:410px}:where(:root:not([data-studio-viewport])) .build-layout{margin-top:25px}
}
@media(min-width:701px){:where(:root[data-studio-h760]) .kinetic-page .signature-frame{min-height:650px}:where(:root[data-studio-h760]) .kinetic-page .scene-caption{top:120px}:where(:root[data-studio-h760]) .manifesto-pin,:where(:root[data-studio-h760]) .reel-pin,:where(:root[data-studio-h760]) .architecture-pin,:where(:root[data-studio-h760]) .audio-pin,:where(:root[data-studio-h760]) .material-pin{min-height:650px}:where(:root[data-studio-h760]) .reel-card{height:calc(var(--studio-vh,1svh)*44);min-height:320px}:where(:root[data-studio-h760]) .reel-viewport{margin-top:24px}:where(:root[data-studio-h760]) .kinetic-page .audio-layout{margin-bottom:25px}:where(:root[data-studio-h760]) .kinetic-page .home-aura{height:380px}:where(:root[data-studio-h760]) .kinetic-page .material-world .scene{height:280px}:where(:root[data-studio-h760]) .kinetic-page .material-layout{margin-top:20px}:where(:root[data-studio-h760]) .build-stage{height:410px}:where(:root[data-studio-h760]) .build-layout{margin-top:25px}
}
@media(max-width:700px){
 .kinetic-page .spatial-header,.kinetic-page .spatial-header.scrolled{top:12px;left:16px;width:calc(100% - 32px);height:64px;padding:10px 17px;gap:12px}
 .kinetic-page .spatial-header .wordmark,.kinetic-page .spatial-header.scrolled .wordmark{font-size:23px}
 .kinetic-page .spatial-header .nav-contact,.kinetic-page .spatial-header.scrolled .nav-contact{padding:10px 12px;font-size:10px;gap:14px}
 .kinetic-page .spatial-header #menu-open,.kinetic-page .spatial-header.scrolled #menu-open{width:30px}
 .kinetic-page .signature{height:calc(var(--studio-vh,1svh)*157);min-height:1180px}.kinetic-page .signature-frame{height:calc(var(--studio-vh,1svh)*100);min-height:780px}
 .kinetic-page .signature-copy{top:120px}.kinetic-page .signature-copy .micro{margin-bottom:18px}
 .kinetic-page .signature-description{margin-top:18px}.kinetic-page .signature-copy>.round-link{margin-top:15px}
 .kinetic-page .signature-scene{top:382px;bottom:137px}.kinetic-page .scene-caption{bottom:151px}
 .hero-second{top:140px}.hero-second strong{font-size:clamp(45px,12.5vw,75px)}
 .kinetic-page .perspective{height:calc(var(--studio-vh,1svh)*117);min-height:940px}.manifesto-pin{min-height:790px;padding-top:105px;padding-bottom:65px}
 .kinetic-page .perspective-heading{margin-top:35px;margin-bottom:25px}.kinetic-page .perspective-note{margin-top:27px}
 .project-reel{height:calc(var(--studio-vh,1svh)*204);min-height:1600px}.reel-pin{min-height:780px;padding-top:100px}
 .reel-card{min-height:350px}.reel-heading h2{margin-top:20px}.reel-footnote{font-size:10px!important}
 .kinetic-page .architecture-world{height:calc(var(--studio-vh,1svh)*137);min-height:1090px}.architecture-pin{min-height:780px}
 .kinetic-page .audio-world{height:calc(var(--studio-vh,1svh)*160);min-height:1310px}.audio-pin{min-height:800px;padding-top:95px;padding-bottom:30px}
 .kinetic-page .audio-world .world-topline{margin-bottom:23px}.kinetic-page .audio-copy h3{font-size:53px}
 .kinetic-page .audio-copy>p:not(.micro){margin-top:15px;font-size:13px}.kinetic-page .audio-interaction{margin-top:15px}
 .kinetic-page .home-aura{height:300px}.kinetic-page .audio-layout{margin-bottom:15px}
 .kinetic-page .material-world{height:calc(var(--studio-vh,1svh)*158);min-height:1330px}.material-pin{min-height:860px;height:calc(var(--studio-vh,1svh)*108);padding-top:100px;padding-bottom:30px}
 .kinetic-page .material-layout{margin-top:27px}.kinetic-page .material-copy h3{font-size:48px}
 .kinetic-page .material-studio{margin-top:24px}.kinetic-page .material-world .scene{height:240px}
 .motion-ready .build-world{height:calc(var(--studio-vh,1svh)*215);min-height:1540px}
 .build-stage{overflow:clip;overflow-clip-margin:6px}
 .motion-ready .work-heading,.motion-ready .project-editorial,.motion-ready .commission-layout,.motion-ready .scope-grid article,.motion-ready .enquiry-heading,.motion-ready .useful-details,.motion-ready .footer-top,.motion-ready .footer-wordmark{transform:translate3d(0,calc((1 - var(--arrive,1))*24px),0)}
}
@media(max-width:360px) and (max-height:730px){:where(:root:not([data-studio-viewport])) .kinetic-page .signature-frame{min-height:735px}:where(:root:not([data-studio-viewport])) .kinetic-page .signature-copy{top:112px}:where(:root:not([data-studio-viewport])) .kinetic-page .signature-scene{top:345px;bottom:140px}:where(:root:not([data-studio-viewport])) .kinetic-page .signature-controls{bottom:80px}:where(:root:not([data-studio-viewport])) .kinetic-page .scene-caption{bottom:152px;font-size:7px}:where(:root:not([data-studio-viewport])) .kinetic-page .signature-description{font-size:13px}:where(:root:not([data-studio-viewport])) .kinetic-page .home-aura{height:260px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-copy h3{font-size:47px}
}
@media(max-width:360px){:where(:root[data-studio-h730]) .kinetic-page .signature-frame{min-height:735px}:where(:root[data-studio-h730]) .kinetic-page .signature-copy{top:112px}:where(:root[data-studio-h730]) .kinetic-page .signature-scene{top:345px;bottom:140px}:where(:root[data-studio-h730]) .kinetic-page .signature-controls{bottom:80px}:where(:root[data-studio-h730]) .kinetic-page .scene-caption{bottom:152px;font-size:7px}:where(:root[data-studio-h730]) .kinetic-page .signature-description{font-size:13px}:where(:root[data-studio-h730]) .kinetic-page .home-aura{height:260px}:where(:root[data-studio-h730]) .kinetic-page .audio-copy h3{font-size:47px}
}
@media(prefers-reduced-motion:reduce){
 .kinetic-page .signature,.kinetic-page .perspective,.project-reel,.kinetic-page .architecture-world,.kinetic-page .audio-world,.kinetic-page .material-world,.motion-ready .build-world{height:auto;min-height:0}
 .motion-ready .signature-copy{opacity:1;transform:none}.motion-ready .hero-second{display:none}
 .kinetic-page .audio-copy h3,.kinetic-page .material-copy h3,.kinetic-page .audio-interaction,.kinetic-page .architecture-title,.build-stage{transform:none}
 .studio-menu[open] nav>a{animation:none}
 .kinetic-page .round-link:hover b,.kinetic-page .round-link:focus-visible b,.kinetic-page .project-launch:hover b,.kinetic-page .text-link:hover span,.kinetic-page .send-brief:hover b{transform:none}
 .motion-ready .work-heading,.motion-ready .project-editorial,.motion-ready .commission-layout,.motion-ready .scope-grid article,.motion-ready .enquiry-heading,.motion-ready .useful-details,.motion-ready .footer-top,.motion-ready .footer-wordmark{transform:none;opacity:1}
 .motion-ready .build-outline,.motion-ready .build-image{display:none}.motion-ready .build-interface{opacity:1;transform:none}
}

/* The first impression unfolds automatically. Controls live in the complete studies. */
.kinetic-page .audio-world{height:calc(var(--studio-vh,1svh)*160);min-height:1300px}
.kinetic-page .signature-controls{left:auto;right:var(--gutter);justify-content:flex-end}
.kinetic-page #scene-pause{width:44px;height:44px;padding:0;display:grid;place-content:center;border-radius:50%;font-size:12px}
.kinetic-page .signature-scene canvas,.kinetic-page .home-aura canvas,.kinetic-page .material-world canvas{cursor:default;touch-action:pan-y}
.kinetic-page .home-aura{height:clamp(390px,calc(var(--studio-vh,1svh)*55),535px);position:relative;overflow:visible;isolation:isolate}
.kinetic-page .home-aura:before{content:'';position:absolute;inset:10% 7%;border:1px solid #cad5e257;border-radius:50%;transform:rotate(-18deg);pointer-events:none}
.kinetic-page .home-aura .aura-stage-mark{display:none}
.kinetic-page .home-aura canvas{border-radius:14px}.kinetic-page .aura-stage-mark{font-size:24px;left:22px;top:20px;z-index:2}
.aura-macro{position:absolute;width:clamp(110px,12vw,165px);height:clamp(130px,14vw,187px);border:1px solid #ffffffb3;border-radius:12px;overflow:hidden;box-shadow:0 20px 35px -25px #253b5a70;background:#e9ecf1;pointer-events:none;opacity:0;z-index:3;will-change:transform,opacity}
.aura-macro img{width:100%;height:100%;object-fit:cover;position:static!important;display:block!important;opacity:1!important}
.aura-macro span{position:absolute;bottom:9px;left:10px;font-size:6px;letter-spacing:.12em;color:#283745;background:#f7f9fbe6;padding:6px 8px;border-radius:20px}
.aura-macro-shell{left:12px;top:5%;transform:translate3d(calc((1 - var(--detail-one,0))*-24px),calc((1 - var(--detail-one,0))*35px),0) rotate(calc(-7deg + var(--detail-one,0)*5deg));opacity:var(--detail-one,0)}
.aura-macro-cloth{right:12px;bottom:1%;transform:translate3d(calc((1 - var(--detail-two,0))*24px),calc((1 - var(--detail-two,0))*35px),0) rotate(calc(7deg - var(--detail-two,0)*5deg));opacity:var(--detail-two,0)}
.kinetic-page .material-world .hero-study{padding:0;border-radius:18px;overflow:hidden}
.kinetic-page .material-world .study-top{padding:24px 25px 0}.kinetic-page .material-world .study-top>.micro{display:none}
.kinetic-page .material-world .scene{height:clamp(350px,calc(var(--studio-vh,1svh)*45),490px);cursor:default}
.kinetic-page .material-world .hero-study figcaption{padding:0 25px 23px;font-size:7px;letter-spacing:.1em;border:0}
.kinetic-page .material-pin{justify-content:space-between;min-height:800px}.kinetic-page .material-layout{align-items:center}
.motion-ready .material-pin{position:sticky;top:0}
@media(max-width:700px){
 .kinetic-page .signature-controls{right:22px;bottom:73px}.kinetic-page .signature-scene{bottom:98px}.kinetic-page .scene-caption{bottom:111px}
 .kinetic-page .scene-caption{left:22px;right:auto}
 .kinetic-page .home-aura{height:330px}.aura-macro{width:95px;height:115px;border-radius:9px}.aura-macro-shell{left:12px;top:2%}.aura-macro-cloth{right:12px;bottom:8px}.aura-macro span{font-size:5px;padding:5px;left:6px;bottom:6px}
 .kinetic-page .audio-world{height:calc(var(--studio-vh,1svh)*150);min-height:1220px}.kinetic-page .audio-pin{min-height:780px}.kinetic-page .audio-copy>p:not(.micro){margin-top:12px}
 .kinetic-page .material-world{height:calc(var(--studio-vh,1svh)*148);min-height:1190px}.kinetic-page .material-pin{height:calc(var(--studio-vh,1svh)*100);min-height:790px}.kinetic-page .material-layout{margin-top:23px}.kinetic-page .material-studio{margin-top:21px}
 .kinetic-page .material-layout{height:auto}
 .kinetic-page .audio-interaction{transform:translate3d(0,calc((1 - var(--section-enter,1))*18px),0)}
 .kinetic-page .material-world .scene{height:300px}.kinetic-page .material-world .study-top{padding:17px 18px 0}.kinetic-page .material-world .hero-study figcaption{padding:0 18px 18px;font-size:6px}
 .build-stage{height:clamp(270px,calc(var(--studio-vh,1svh)*36),365px)}
}
@media(max-width:360px) and (max-height:730px){:where(:root:not([data-studio-viewport])) .kinetic-page .signature-scene{bottom:94px}:where(:root:not([data-studio-viewport])) .kinetic-page .scene-caption{bottom:111px}:where(:root:not([data-studio-viewport])) .kinetic-page .home-aura{height:275px}:where(:root:not([data-studio-viewport])) .aura-macro{width:75px;height:94px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-pin{padding-top:88px;padding-bottom:22px}:where(:root:not([data-studio-viewport])) .kinetic-page .material-pin{padding-top:90px}:where(:root:not([data-studio-viewport])) .kinetic-page .material-world .scene{height:255px}:where(:root:not([data-studio-viewport])) .build-stage{height:270px}
}
@media(max-width:360px){:where(:root[data-studio-h730]) .kinetic-page .signature-scene{bottom:94px}:where(:root[data-studio-h730]) .kinetic-page .scene-caption{bottom:111px}:where(:root[data-studio-h730]) .kinetic-page .home-aura{height:275px}:where(:root[data-studio-h730]) .aura-macro{width:75px;height:94px}:where(:root[data-studio-h730]) .kinetic-page .audio-pin{padding-top:88px;padding-bottom:22px}:where(:root[data-studio-h730]) .kinetic-page .material-pin{padding-top:90px}:where(:root[data-studio-h730]) .kinetic-page .material-world .scene{height:255px}:where(:root[data-studio-h730]) .build-stage{height:270px}
}
/* Short phones retain the full composition within each native scroll pin. */
@media(max-width:700px) and (max-height:730px) and (prefers-reduced-motion:no-preference){:where(:root:not([data-studio-viewport])) .kinetic-page .signature-frame,:where(:root:not([data-studio-viewport])) .manifesto-pin,:where(:root:not([data-studio-viewport])) .reel-pin,:where(:root:not([data-studio-viewport])) .architecture-pin,:where(:root:not([data-studio-viewport])) .kinetic-page .audio-pin,:where(:root:not([data-studio-viewport])) .kinetic-page .material-pin{height:calc(var(--studio-vh,1svh)*100);min-height:0}:where(:root:not([data-studio-viewport])) .kinetic-page .signature-scene{top:365px;bottom:98px}:where(:root:not([data-studio-viewport])) .kinetic-page .signature-copy{top:105px}:where(:root:not([data-studio-viewport])) .kinetic-page .signature-copy h1{font-size:clamp(48px,14vw,61px)}:where(:root:not([data-studio-viewport])) .hero-second{top:120px}:where(:root:not([data-studio-viewport])) .hero-second strong{font-size:46px}:where(:root:not([data-studio-viewport])) .manifesto-pin{padding-top:95px;padding-bottom:35px}:where(:root:not([data-studio-viewport])) .kinetic-page .perspective-heading{margin-top:25px;margin-bottom:20px}:where(:root:not([data-studio-viewport])) .kinetic-page .perspective-note{margin-top:20px}:where(:root:not([data-studio-viewport])) .reel-pin{padding-top:95px;padding-bottom:20px}:where(:root:not([data-studio-viewport])) .reel-heading h2{font-size:36px;margin:14px 0}:where(:root:not([data-studio-viewport])) .reel-viewport{margin-top:15px;padding-bottom:15px}:where(:root:not([data-studio-viewport])) .reel-card{height:calc(var(--studio-vh,1svh)*43);min-height:260px}:where(:root:not([data-studio-viewport])) .kinetic-page .architecture-title h3{font-size:clamp(63px,18vw,84px)}:where(:root:not([data-studio-viewport])) .kinetic-page .architecture-title{top:34%}:where(:root:not([data-studio-viewport])) .kinetic-page .project-launch{bottom:90px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-pin{padding-top:90px;padding-bottom:18px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-world .world-topline{margin-bottom:16px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-copy h3{font-size:47px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-copy .micro{margin-bottom:10px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-copy>p:not(.micro){margin-top:10px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-copy .round-link{margin-top:10px}:where(:root:not([data-studio-viewport])) .kinetic-page .home-aura{height:clamp(220px,calc(var(--studio-vh,1svh)*37),270px)}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-interaction{margin-top:10px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-layout{margin-bottom:10px}:where(:root:not([data-studio-viewport])) .kinetic-page .material-pin{padding-top:90px;padding-bottom:18px}:where(:root:not([data-studio-viewport])) .kinetic-page .material-layout{margin-top:16px;margin-bottom:15px}:where(:root:not([data-studio-viewport])) .kinetic-page .material-copy h3{font-size:44px}:where(:root:not([data-studio-viewport])) .kinetic-page .material-copy .micro{margin-bottom:13px}:where(:root:not([data-studio-viewport])) .kinetic-page .material-copy>p:not(.micro){margin-top:14px}:where(:root:not([data-studio-viewport])) .kinetic-page .material-copy .text-link{margin-top:12px}:where(:root:not([data-studio-viewport])) .kinetic-page .material-studio{margin-top:17px}:where(:root:not([data-studio-viewport])) .kinetic-page .material-world .scene{height:clamp(185px,calc(var(--studio-vh,1svh)*32),235px)}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){:where(:root[data-studio-h730]) .kinetic-page .signature-frame,:where(:root[data-studio-h730]) .manifesto-pin,:where(:root[data-studio-h730]) .reel-pin,:where(:root[data-studio-h730]) .architecture-pin,:where(:root[data-studio-h730]) .kinetic-page .audio-pin,:where(:root[data-studio-h730]) .kinetic-page .material-pin{height:calc(var(--studio-vh,1svh)*100);min-height:0}:where(:root[data-studio-h730]) .kinetic-page .signature-scene{top:365px;bottom:98px}:where(:root[data-studio-h730]) .kinetic-page .signature-copy{top:105px}:where(:root[data-studio-h730]) .kinetic-page .signature-copy h1{font-size:clamp(48px,14vw,61px)}:where(:root[data-studio-h730]) .hero-second{top:120px}:where(:root[data-studio-h730]) .hero-second strong{font-size:46px}:where(:root[data-studio-h730]) .manifesto-pin{padding-top:95px;padding-bottom:35px}:where(:root[data-studio-h730]) .kinetic-page .perspective-heading{margin-top:25px;margin-bottom:20px}:where(:root[data-studio-h730]) .kinetic-page .perspective-note{margin-top:20px}:where(:root[data-studio-h730]) .reel-pin{padding-top:95px;padding-bottom:20px}:where(:root[data-studio-h730]) .reel-heading h2{font-size:36px;margin:14px 0}:where(:root[data-studio-h730]) .reel-viewport{margin-top:15px;padding-bottom:15px}:where(:root[data-studio-h730]) .reel-card{height:calc(var(--studio-vh,1svh)*43);min-height:260px}:where(:root[data-studio-h730]) .kinetic-page .architecture-title h3{font-size:clamp(63px,18vw,84px)}:where(:root[data-studio-h730]) .kinetic-page .architecture-title{top:34%}:where(:root[data-studio-h730]) .kinetic-page .project-launch{bottom:90px}:where(:root[data-studio-h730]) .kinetic-page .audio-pin{padding-top:90px;padding-bottom:18px}:where(:root[data-studio-h730]) .kinetic-page .audio-world .world-topline{margin-bottom:16px}:where(:root[data-studio-h730]) .kinetic-page .audio-copy h3{font-size:47px}:where(:root[data-studio-h730]) .kinetic-page .audio-copy .micro{margin-bottom:10px}:where(:root[data-studio-h730]) .kinetic-page .audio-copy>p:not(.micro){margin-top:10px}:where(:root[data-studio-h730]) .kinetic-page .audio-copy .round-link{margin-top:10px}:where(:root[data-studio-h730]) .kinetic-page .home-aura{height:clamp(220px,calc(var(--studio-vh,1svh)*37),270px)}:where(:root[data-studio-h730]) .kinetic-page .audio-interaction{margin-top:10px}:where(:root[data-studio-h730]) .kinetic-page .audio-layout{margin-bottom:10px}:where(:root[data-studio-h730]) .kinetic-page .material-pin{padding-top:90px;padding-bottom:18px}:where(:root[data-studio-h730]) .kinetic-page .material-layout{margin-top:16px;margin-bottom:15px}:where(:root[data-studio-h730]) .kinetic-page .material-copy h3{font-size:44px}:where(:root[data-studio-h730]) .kinetic-page .material-copy .micro{margin-bottom:13px}:where(:root[data-studio-h730]) .kinetic-page .material-copy>p:not(.micro){margin-top:14px}:where(:root[data-studio-h730]) .kinetic-page .material-copy .text-link{margin-top:12px}:where(:root[data-studio-h730]) .kinetic-page .material-studio{margin-top:17px}:where(:root[data-studio-h730]) .kinetic-page .material-world .scene{height:clamp(185px,calc(var(--studio-vh,1svh)*32),235px)}
}
/* Landscape uses a composed two-column view, rather than an oversized portrait pin. */
@media(min-width:701px) and (max-height:600px) and (prefers-reduced-motion:no-preference){:where(:root:not([data-studio-viewport])) .kinetic-page .signature-frame,:where(:root:not([data-studio-viewport])) .manifesto-pin,:where(:root:not([data-studio-viewport])) .reel-pin,:where(:root:not([data-studio-viewport])) .architecture-pin,:where(:root:not([data-studio-viewport])) .kinetic-page .audio-pin,:where(:root:not([data-studio-viewport])) .kinetic-page .material-pin{height:calc(var(--studio-vh,1svh)*100);min-height:0}:where(:root:not([data-studio-viewport])) .kinetic-page .signature-copy{top:110px}:where(:root:not([data-studio-viewport])) .kinetic-page .signature-copy h1{font-size:clamp(52px,7vw,78px)}:where(:root:not([data-studio-viewport])) .kinetic-page .signature-description{font-size:14px;margin-top:15px}:where(:root:not([data-studio-viewport])) .kinetic-page .signature-copy>.round-link{margin-top:12px;gap:20px;font-size:11px}:where(:root:not([data-studio-viewport])) .kinetic-page .signature-copy>.micro{font-size:8px;margin-bottom:14px}:where(:root:not([data-studio-viewport])) .kinetic-page .signature-controls{bottom:60px}:where(:root:not([data-studio-viewport])) .kinetic-page .scene-caption{display:none}:where(:root:not([data-studio-viewport])) .kinetic-page .hero-baseline{bottom:16px;font-size:8px}:where(:root:not([data-studio-viewport])) .hero-second{top:120px}:where(:root:not([data-studio-viewport])) .hero-second strong{font-size:clamp(42px,5.5vw,64px)}:where(:root:not([data-studio-viewport])) .manifesto-pin{padding-top:100px;padding-bottom:25px}:where(:root:not([data-studio-viewport])) .kinetic-page .perspective-heading{margin:18px 0}:where(:root:not([data-studio-viewport])) .kinetic-page .perspective-heading h2{font-size:clamp(42px,6.2vw,66px)}:where(:root:not([data-studio-viewport])) .kinetic-page .perspective-note p{font-size:13px}:where(:root:not([data-studio-viewport])) .kinetic-page .disciplines{margin-top:15px;padding-top:14px;font-size:11px;gap:25px}:where(:root:not([data-studio-viewport])) .reel-pin{padding-top:95px;padding-bottom:15px}:where(:root:not([data-studio-viewport])) .reel-heading{grid-template-columns:1fr 2.2fr auto;gap:24px}:where(:root:not([data-studio-viewport])) .reel-heading h2{font-size:32px}:where(:root:not([data-studio-viewport])) .reel-heading>span,:where(:root:not([data-studio-viewport])) .reel-heading>div{font-size:8px}:where(:root:not([data-studio-viewport])) .reel-heading>div{display:flex}:where(:root:not([data-studio-viewport])) .reel-viewport{margin-top:12px;padding:10px 0 15px}:where(:root:not([data-studio-viewport])) .reel-card{height:calc(var(--studio-vh,1svh)*45);min-height:0}:where(:root:not([data-studio-viewport])) .reel-card h3{font-size:36px}:where(:root:not([data-studio-viewport])) .reel-card>div{bottom:18px;left:25px;right:25px;gap:8px}:where(:root:not([data-studio-viewport])) .kinetic-page .architecture-world .world-topline{top:100px}:where(:root:not([data-studio-viewport])) .kinetic-page .architecture-title{top:34%}:where(:root:not([data-studio-viewport])) .kinetic-page .architecture-title h3{font-size:76px}:where(:root:not([data-studio-viewport])) .kinetic-page .project-launch{bottom:65px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-pin,:where(:root:not([data-studio-viewport])) .kinetic-page .material-pin{padding-top:95px;padding-bottom:18px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-world .world-topline{margin-bottom:12px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-layout,:where(:root:not([data-studio-viewport])) .kinetic-page .material-layout{margin:0 0 12px;gap:4vw;grid-template-columns:1fr 1.4fr;height:auto}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-copy .micro,:where(:root:not([data-studio-viewport])) .kinetic-page .material-copy .micro{display:none}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-copy h3,:where(:root:not([data-studio-viewport])) .kinetic-page .material-copy h3{font-size:43px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-copy>p:not(.micro),:where(:root:not([data-studio-viewport])) .kinetic-page .material-copy>p:not(.micro){font-size:12px;margin-top:14px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-copy .round-link,:where(:root:not([data-studio-viewport])) .kinetic-page .material-copy .text-link{margin-top:12px;font-size:10px}:where(:root:not([data-studio-viewport])) .kinetic-page .audio-copy .concept-label{display:none}:where(:root:not([data-studio-viewport])) .kinetic-page .home-aura{height:calc(calc(var(--studio-vh,1svh)*100) - 150px)}:where(:root:not([data-studio-viewport])) .aura-macro{width:75px;height:90px}:where(:root:not([data-studio-viewport])) .kinetic-page .material-world .scene{height:calc(calc(var(--studio-vh,1svh)*100) - 218px)}:where(:root:not([data-studio-viewport])) .kinetic-page .material-world .study-top{padding:15px 18px 0}:where(:root:not([data-studio-viewport])) .kinetic-page .material-world .hero-study figcaption{padding:0 18px 14px}:where(:root:not([data-studio-viewport])) .motion-ready .build-pin{padding-top:95px;padding-bottom:15px;justify-content:flex-start}:where(:root:not([data-studio-viewport])) .build-layout{margin:12px 0;gap:3vw}:where(:root:not([data-studio-viewport])) .kinetic-page .build-copy h2{font-size:36px}:where(:root:not([data-studio-viewport])) .build-chapters{margin-top:14px}:where(:root:not([data-studio-viewport])) .motion-ready .build-chapters{height:100px}:where(:root:not([data-studio-viewport])) .build-chapter>span{font-size:8px;margin-bottom:6px}:where(:root:not([data-studio-viewport])) .build-chapter h3{font-size:22px;margin-bottom:8px}:where(:root:not([data-studio-viewport])) .build-chapter p{font-size:12px;line-height:1.5}:where(:root:not([data-studio-viewport])) .build-stage{height:calc(calc(var(--studio-vh,1svh)*100) - 155px);overflow:clip;overflow-clip-margin:6px}:where(:root:not([data-studio-viewport])) .build-sheet{top:20px;bottom:44px}:where(:root:not([data-studio-viewport])) .build-outline{padding:16px}:where(:root:not([data-studio-viewport])) .blueprint-top{height:24px;margin-bottom:12px}:where(:root:not([data-studio-viewport])) .blueprint-layout{gap:14px}:where(:root:not([data-studio-viewport])) .blueprint-layout b{height:16px}:where(:root:not([data-studio-viewport])) .blueprint-bottom{margin-top:12px;padding-top:10px}:where(:root:not([data-studio-viewport])) .blueprint-bottom i{height:12px}:where(:root:not([data-studio-viewport])) .browser-chrome{height:18px}:where(:root:not([data-studio-viewport])) .browser-chrome>span{font-size:4px}:where(:root:not([data-studio-viewport])) .mini-site{height:calc(100% - 18px);padding:10px 15px}:where(:root:not([data-studio-viewport])) .mini-nav{padding-bottom:8px;gap:10px;font-size:6px}:where(:root:not([data-studio-viewport])) .mini-nav>b{font-size:18px}:where(:root:not([data-studio-viewport])) .mini-nav>i{width:16px;height:16px}:where(:root:not([data-studio-viewport])) .mini-hero small{font-size:5px;margin-bottom:8px}:where(:root:not([data-studio-viewport])) .mini-hero strong{font-size:26px}:where(:root:not([data-studio-viewport])) .mini-pill{font-size:5px;margin-top:8px;padding:5px 8px}:where(:root:not([data-studio-viewport])) .mini-bottom{font-size:4px;padding-top:7px}:where(:root:not([data-studio-viewport])) .build-completion{bottom:0;font-size:8px}:where(:root:not([data-studio-viewport])) .build-completion>span{display:none}:where(:root:not([data-studio-viewport])) .build-footnote{font-size:6px;padding-top:8px}:where(:root:not([data-studio-viewport])) .kinetic-page .studio-menu{padding-top:20px;padding-bottom:20px}:where(:root:not([data-studio-viewport])) .studio-menu nav{margin-top:20px}:where(:root:not([data-studio-viewport])) .studio-menu nav>a{font-size:34px;padding:14px 0}:where(:root:not([data-studio-viewport])) .studio-menu>p{margin-top:22px}
}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){:where(:root[data-studio-h600]) .kinetic-page .signature-frame,:where(:root[data-studio-h600]) .manifesto-pin,:where(:root[data-studio-h600]) .reel-pin,:where(:root[data-studio-h600]) .architecture-pin,:where(:root[data-studio-h600]) .kinetic-page .audio-pin,:where(:root[data-studio-h600]) .kinetic-page .material-pin{height:calc(var(--studio-vh,1svh)*100);min-height:0}:where(:root[data-studio-h600]) .kinetic-page .signature-copy{top:110px}:where(:root[data-studio-h600]) .kinetic-page .signature-copy h1{font-size:clamp(52px,7vw,78px)}:where(:root[data-studio-h600]) .kinetic-page .signature-description{font-size:14px;margin-top:15px}:where(:root[data-studio-h600]) .kinetic-page .signature-copy>.round-link{margin-top:12px;gap:20px;font-size:11px}:where(:root[data-studio-h600]) .kinetic-page .signature-copy>.micro{font-size:8px;margin-bottom:14px}:where(:root[data-studio-h600]) .kinetic-page .signature-controls{bottom:60px}:where(:root[data-studio-h600]) .kinetic-page .scene-caption{display:none}:where(:root[data-studio-h600]) .kinetic-page .hero-baseline{bottom:16px;font-size:8px}:where(:root[data-studio-h600]) .hero-second{top:120px}:where(:root[data-studio-h600]) .hero-second strong{font-size:clamp(42px,5.5vw,64px)}:where(:root[data-studio-h600]) .manifesto-pin{padding-top:100px;padding-bottom:25px}:where(:root[data-studio-h600]) .kinetic-page .perspective-heading{margin:18px 0}:where(:root[data-studio-h600]) .kinetic-page .perspective-heading h2{font-size:clamp(42px,6.2vw,66px)}:where(:root[data-studio-h600]) .kinetic-page .perspective-note p{font-size:13px}:where(:root[data-studio-h600]) .kinetic-page .disciplines{margin-top:15px;padding-top:14px;font-size:11px;gap:25px}:where(:root[data-studio-h600]) .reel-pin{padding-top:95px;padding-bottom:15px}:where(:root[data-studio-h600]) .reel-heading{grid-template-columns:1fr 2.2fr auto;gap:24px}:where(:root[data-studio-h600]) .reel-heading h2{font-size:32px}:where(:root[data-studio-h600]) .reel-heading>span,:where(:root[data-studio-h600]) .reel-heading>div{font-size:8px}:where(:root[data-studio-h600]) .reel-heading>div{display:flex}:where(:root[data-studio-h600]) .reel-viewport{margin-top:12px;padding:10px 0 15px}:where(:root[data-studio-h600]) .reel-card{height:calc(var(--studio-vh,1svh)*45);min-height:0}:where(:root[data-studio-h600]) .reel-card h3{font-size:36px}:where(:root[data-studio-h600]) .reel-card>div{bottom:18px;left:25px;right:25px;gap:8px}:where(:root[data-studio-h600]) .kinetic-page .architecture-world .world-topline{top:100px}:where(:root[data-studio-h600]) .kinetic-page .architecture-title{top:34%}:where(:root[data-studio-h600]) .kinetic-page .architecture-title h3{font-size:76px}:where(:root[data-studio-h600]) .kinetic-page .project-launch{bottom:65px}:where(:root[data-studio-h600]) .kinetic-page .audio-pin,:where(:root[data-studio-h600]) .kinetic-page .material-pin{padding-top:95px;padding-bottom:18px}:where(:root[data-studio-h600]) .kinetic-page .audio-world .world-topline{margin-bottom:12px}:where(:root[data-studio-h600]) .kinetic-page .audio-layout,:where(:root[data-studio-h600]) .kinetic-page .material-layout{margin:0 0 12px;gap:4vw;grid-template-columns:1fr 1.4fr;height:auto}:where(:root[data-studio-h600]) .kinetic-page .audio-copy .micro,:where(:root[data-studio-h600]) .kinetic-page .material-copy .micro{display:none}:where(:root[data-studio-h600]) .kinetic-page .audio-copy h3,:where(:root[data-studio-h600]) .kinetic-page .material-copy h3{font-size:43px}:where(:root[data-studio-h600]) .kinetic-page .audio-copy>p:not(.micro),:where(:root[data-studio-h600]) .kinetic-page .material-copy>p:not(.micro){font-size:12px;margin-top:14px}:where(:root[data-studio-h600]) .kinetic-page .audio-copy .round-link,:where(:root[data-studio-h600]) .kinetic-page .material-copy .text-link{margin-top:12px;font-size:10px}:where(:root[data-studio-h600]) .kinetic-page .audio-copy .concept-label{display:none}:where(:root[data-studio-h600]) .kinetic-page .home-aura{height:calc(calc(var(--studio-vh,1svh)*100) - 150px)}:where(:root[data-studio-h600]) .aura-macro{width:75px;height:90px}:where(:root[data-studio-h600]) .kinetic-page .material-world .scene{height:calc(calc(var(--studio-vh,1svh)*100) - 218px)}:where(:root[data-studio-h600]) .kinetic-page .material-world .study-top{padding:15px 18px 0}:where(:root[data-studio-h600]) .kinetic-page .material-world .hero-study figcaption{padding:0 18px 14px}:where(:root[data-studio-h600]) .motion-ready .build-pin{padding-top:95px;padding-bottom:15px;justify-content:flex-start}:where(:root[data-studio-h600]) .build-layout{margin:12px 0;gap:3vw}:where(:root[data-studio-h600]) .kinetic-page .build-copy h2{font-size:36px}:where(:root[data-studio-h600]) .build-chapters{margin-top:14px}:where(:root[data-studio-h600]) .motion-ready .build-chapters{height:100px}:where(:root[data-studio-h600]) .build-chapter>span{font-size:8px;margin-bottom:6px}:where(:root[data-studio-h600]) .build-chapter h3{font-size:22px;margin-bottom:8px}:where(:root[data-studio-h600]) .build-chapter p{font-size:12px;line-height:1.5}:where(:root[data-studio-h600]) .build-stage{height:calc(calc(var(--studio-vh,1svh)*100) - 155px);overflow:clip;overflow-clip-margin:6px}:where(:root[data-studio-h600]) .build-sheet{top:20px;bottom:44px}:where(:root[data-studio-h600]) .build-outline{padding:16px}:where(:root[data-studio-h600]) .blueprint-top{height:24px;margin-bottom:12px}:where(:root[data-studio-h600]) .blueprint-layout{gap:14px}:where(:root[data-studio-h600]) .blueprint-layout b{height:16px}:where(:root[data-studio-h600]) .blueprint-bottom{margin-top:12px;padding-top:10px}:where(:root[data-studio-h600]) .blueprint-bottom i{height:12px}:where(:root[data-studio-h600]) .browser-chrome{height:18px}:where(:root[data-studio-h600]) .browser-chrome>span{font-size:4px}:where(:root[data-studio-h600]) .mini-site{height:calc(100% - 18px);padding:10px 15px}:where(:root[data-studio-h600]) .mini-nav{padding-bottom:8px;gap:10px;font-size:6px}:where(:root[data-studio-h600]) .mini-nav>b{font-size:18px}:where(:root[data-studio-h600]) .mini-nav>i{width:16px;height:16px}:where(:root[data-studio-h600]) .mini-hero small{font-size:5px;margin-bottom:8px}:where(:root[data-studio-h600]) .mini-hero strong{font-size:26px}:where(:root[data-studio-h600]) .mini-pill{font-size:5px;margin-top:8px;padding:5px 8px}:where(:root[data-studio-h600]) .mini-bottom{font-size:4px;padding-top:7px}:where(:root[data-studio-h600]) .build-completion{bottom:0;font-size:8px}:where(:root[data-studio-h600]) .build-completion>span{display:none}:where(:root[data-studio-h600]) .build-footnote{font-size:6px;padding-top:8px}:where(:root[data-studio-h600]) .kinetic-page .studio-menu{padding-top:20px;padding-bottom:20px}:where(:root[data-studio-h600]) .studio-menu nav{margin-top:20px}:where(:root[data-studio-h600]) .studio-menu nav>a{font-size:34px;padding:14px 0}:where(:root[data-studio-h600]) .studio-menu>p{margin-top:22px}
}
@media(min-width:701px) and (max-height:360px) and (prefers-reduced-motion:no-preference){:where(:root:not([data-studio-viewport])) .kinetic-page .signature-frame,:where(:root:not([data-studio-viewport])) .manifesto-pin,:where(:root:not([data-studio-viewport])) .reel-pin,:where(:root:not([data-studio-viewport])) .architecture-pin,:where(:root:not([data-studio-viewport])) .kinetic-page .audio-pin,:where(:root:not([data-studio-viewport])) .kinetic-page .material-pin,:where(:root:not([data-studio-viewport])) .motion-ready .build-pin{position:relative;height:auto;min-height:390px}:where(:root:not([data-studio-viewport])) .kinetic-page .signature,:where(:root:not([data-studio-viewport])) .kinetic-page .perspective,:where(:root:not([data-studio-viewport])) .project-reel,:where(:root:not([data-studio-viewport])) .kinetic-page .architecture-world,:where(:root:not([data-studio-viewport])) .kinetic-page .audio-world,:where(:root:not([data-studio-viewport])) .kinetic-page .material-world,:where(:root:not([data-studio-viewport])) .motion-ready .build-world{height:auto;min-height:0}:where(:root:not([data-studio-viewport])) .kinetic-page .signature-frame{height:390px}:where(:root:not([data-studio-viewport])) .architecture-pin{height:390px}:where(:root:not([data-studio-viewport])) .kinetic-page .home-aura{height:240px}:where(:root:not([data-studio-viewport])) .kinetic-page .material-world .scene{height:170px}:where(:root:not([data-studio-viewport])) .build-stage{height:235px}
}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){:where(:root[data-studio-h360]) .kinetic-page .signature-frame,:where(:root[data-studio-h360]) .manifesto-pin,:where(:root[data-studio-h360]) .reel-pin,:where(:root[data-studio-h360]) .architecture-pin,:where(:root[data-studio-h360]) .kinetic-page .audio-pin,:where(:root[data-studio-h360]) .kinetic-page .material-pin,:where(:root[data-studio-h360]) .motion-ready .build-pin{position:relative;height:auto;min-height:390px}:where(:root[data-studio-h360]) .kinetic-page .signature,:where(:root[data-studio-h360]) .kinetic-page .perspective,:where(:root[data-studio-h360]) .project-reel,:where(:root[data-studio-h360]) .kinetic-page .architecture-world,:where(:root[data-studio-h360]) .kinetic-page .audio-world,:where(:root[data-studio-h360]) .kinetic-page .material-world,:where(:root[data-studio-h360]) .motion-ready .build-world{height:auto;min-height:0}:where(:root[data-studio-h360]) .kinetic-page .signature-frame{height:390px}:where(:root[data-studio-h360]) .architecture-pin{height:390px}:where(:root[data-studio-h360]) .kinetic-page .home-aura{height:240px}:where(:root[data-studio-h360]) .kinetic-page .material-world .scene{height:170px}:where(:root[data-studio-h360]) .build-stage{height:235px}
}
@media(prefers-reduced-motion:reduce){.aura-macro{display:none}.kinetic-page .audio-pin,.kinetic-page .material-pin{position:relative;height:auto;min-height:0}.kinetic-page .audio-world,.kinetic-page .material-world{height:auto;min-height:0}.kinetic-page .signature-scene{bottom:137px}.kinetic-page .scene-caption{bottom:151px}}

/* Keep the original still visible during the prepared native-scene handoff. */
.kinetic-page .signature-scene picture,.kinetic-page .signature-scene canvas,
.kinetic-page .home-aura>img,.kinetic-page .home-aura canvas{transition:opacity .22s ease}
.kinetic-page .home-aura.showroom-ready>img{visibility:visible}

/* The offer and next action stay clear beside the visual presentation. */
.signature-actions{display:flex;align-items:center;gap:28px;margin-top:26px;flex-wrap:wrap}
.signature-actions .round-link{margin:0}
.hero-work-link{font-size:12px;display:inline-flex;align-items:center;gap:10px;color:var(--ink);padding:12px 0;border-bottom:1px solid #a7b5c4;transition:color .2s,border-color .2s}
.hero-work-link:hover{color:#455c78;border-color:#455c78}
.hero-work-link:focus-visible{outline:2px solid #526b85;outline-offset:5px}
.kinetic-page .material-world .scene>img,.kinetic-page .material-world .scene canvas{transition:opacity .22s ease}
@media(max-width:700px){.signature-actions{gap:20px;margin-top:15px}.signature-actions .round-link{gap:14px;font-size:11px}.signature-actions .round-link b{width:42px;height:42px}.hero-work-link{font-size:11px;padding:11px 0}}
@media(prefers-reduced-motion:reduce){.kinetic-page .signature-scene picture,.kinetic-page .signature-scene canvas,.kinetic-page .home-aura>img,.kinetic-page .home-aura canvas,.kinetic-page .material-world .scene>img,.kinetic-page .material-world .scene canvas{transition:none}}

/* Present actual website directions first. Phone galleries use natural vertical flow. */
.reel-scroll-phone{display:none}
.kinetic-page .reel-card{display:flex;flex-direction:column;border-radius:18px;background:#fff;color:#283745;box-shadow:0 25px 55px -30px #29405c40}
.kinetic-page .reel-card:after{display:none}
.kinetic-page .reel-card .site-preview{position:relative;flex:1;min-height:0;overflow:hidden;margin:0;background:#edf0f2}
.kinetic-page .reel-card .site-preview img{width:100%;height:100%;object-fit:cover;transform:none;display:block}
.kinetic-page .reel-card .site-preview-aura img{object-fit:contain;object-position:75% center;padding-left:30%;background:#e9ecf1}
.preview-browser{position:absolute;top:0;left:0;right:0;height:32px;padding:0 16px;display:flex;align-items:center;gap:5px;background:#fafbfdeb;border-bottom:1px solid #fff8;z-index:2;color:#5c6c7b}
.preview-browser i{width:5px;height:5px;border-radius:50%;background:#bcc6ce}.preview-browser span{font-size:6px!important;letter-spacing:.09em!important;margin:0 0 0 12px!important;color:#5c6c7b!important}
.site-preview figcaption{position:absolute;top:52px;left:32px;bottom:32px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;text-shadow:0 1px 20px #0004}
.site-preview figcaption>span{font-size:26px!important;font-weight:500;letter-spacing:-.055em!important;color:inherit!important}
.site-preview figcaption strong{font-size:clamp(32px,4vw,74px);font-weight:500;line-height:.98;letter-spacing:-.065em}
.site-preview figcaption small{font-size:7px;letter-spacing:.07em}
.site-preview-aura figcaption{color:#26303b;text-shadow:none}
.kinetic-page .reel-card>div{position:relative;left:auto;right:auto;bottom:auto;flex:0 0 auto;display:grid;grid-template-columns:1fr auto;padding:20px 25px;gap:6px 20px;background:#fff;border-top:1px solid #dee5eb}
.kinetic-page .reel-card>div>span{font-size:8px;color:#637383;margin:0;grid-column:1/-1}
.kinetic-page .reel-card h3{font-size:31px;line-height:1.1;margin:0}.kinetic-page .reel-card p{font-size:11px!important;color:#596a7a;line-height:1.4;margin:0;grid-row:3;grid-column:1/-1}.kinetic-page .reel-card b{font-size:10px;color:#3c536b;align-self:end;padding:0}
@media(min-width:701px){.project-reel{height:calc(var(--studio-vh,1svh)*205);min-height:1540px}}
@media(max-width:700px){
 .project-reel{height:auto;min-height:0}.reel-pin{position:relative;height:auto;min-height:0;padding-top:75px;padding-bottom:60px}
 .reel-track{display:grid;grid-template-columns:1fr;width:auto;gap:28px;padding:0 22px;transform:none!important;will-change:auto;perspective:none}
 .reel-viewport{padding:0;margin-top:24px;perspective:none}.reel-heading h2{font-size:42px;margin:20px 0}.reel-heading>div{margin-top:15px}
 .reel-scroll-desktop,[data-reel-count]{display:none}.reel-scroll-phone{display:inline}
 .kinetic-page .reel-card{width:100%;height:420px;min-height:0;max-height:none;transform:none!important;will-change:auto}
 .site-preview figcaption{top:50px;left:21px;bottom:23px}.site-preview figcaption strong{font-size:38px}.site-preview figcaption>span{font-size:25px!important}
 .kinetic-page .reel-card>div{padding:18px;gap:8px}.kinetic-page .reel-card h3{font-size:27px}.kinetic-page .reel-card b{font-size:9px}.kinetic-page .reel-card p{font-size:11px!important}
 .reel-footnote{max-width:none;margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.project-reel{height:auto;min-height:0}.reel-pin{position:relative;height:auto;min-height:0}}

/* Original responsive website compositions: two formats, one visual world. */
.kinetic-page .project-reel{background:radial-gradient(ellipse at 82% 22%,#e4ebf5 0,transparent 55%),linear-gradient(135deg,#fafcfe,#f0f4f8)}
.kinetic-page .reel-heading em{color:#687e95}
.kinetic-page .reel-card{border:1px solid #fff;border-radius:21px;box-shadow:0 3px 5px #24364806,0 28px 55px -35px #344e6c55}
.kinetic-page .reel-card .site-preview>img{transform:translate3d(0,var(--preview-shift,0px),0) scale(1.08);transform-origin:center;will-change:transform}
.kinetic-page .site-preview-meridian:after{content:'';position:absolute;inset:32px 0 0;pointer-events:none;background:linear-gradient(90deg,#121e2638,transparent 62%)}
.site-preview figcaption{z-index:2;right:28px;pointer-events:none}
.preview-browser{height:30px;background:#f7f9fc;border-bottom:1px solid #d4dde680}
.preview-browser span{flex:1;text-align:center;margin:0 17px 0 0!important;color:#64768b!important}
.preview-phone{position:absolute;right:32px;bottom:18px;width:clamp(110px,12vw,165px);aspect-ratio:1/1.95;padding:4px;border:1px solid #93a1b0;border-radius:25px;background:#273242;box-shadow:0 2px 2px #fff8 inset,0 24px 25px -15px #12233466;z-index:3;transform:translate3d(0,calc(var(--preview-shift,0px)*-.4),0) rotate(-5deg);pointer-events:none}
.preview-phone:before{content:'';position:absolute;z-index:4;top:8px;left:50%;width:24%;height:5px;border-radius:5px;background:#202a35;transform:translateX(-50%)}
.preview-phone-aura{transform:translate3d(0,calc(var(--preview-shift,0px)*-.4),0) rotate(5deg)}
.preview-phone-screen{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:20px;background:#f7f6f1;color:#2e3b3e;padding:22px 11px 15px}
.preview-phone-screen .preview-phone-brand{font-size:12px!important;letter-spacing:-.06em!important;color:inherit!important;font-weight:600;display:block;flex:0 0 auto;margin:0!important}
.preview-phone-screen strong{position:relative;z-index:1;display:block;font-size:22px;line-height:1.03;letter-spacing:-.07em;font-weight:500;margin:21px 0 0}
.kinetic-page .site-preview .preview-phone-screen img{position:relative;flex:1;min-height:0;top:auto;left:auto;width:calc(100% + 22px);height:auto;margin:10px -11px 0;object-fit:cover;object-position:center;transform:none;padding:0;border-radius:0;background:none}
.preview-phone-screen .preview-phone-caption{position:relative;flex:0 0 auto;display:flex;justify-content:space-between;border-top:1px solid #697d8738;margin:9px 0 0;padding-top:8px;letter-spacing:.04em!important;color:#536775!important;font-size:5px!important}
.preview-phone-caption i{font-style:normal;font-size:9px}.preview-phone-bar{position:absolute;bottom:5px;left:37%;width:26%;height:2px;background:#84909d;border-radius:3px}
.preview-phone-aura .preview-phone-screen{background:#edf1f5;color:#26384d}.preview-phone-aura .preview-phone-screen img{object-fit:contain}
.kinetic-page .reel-card>div{padding:23px 27px;background:#ffffffec}
@media(max-width:700px){
 .kinetic-page .reel-card{height:440px;border-radius:19px}.kinetic-page .reel-card>div{padding:19px 18px}
 .site-preview figcaption{top:51px;bottom:25px;right:18px}.site-preview figcaption strong{font-size:34px;max-width:190px}
 .preview-phone{width:94px;right:19px;bottom:19px;border-radius:19px;padding:3px}.preview-phone-screen{border-radius:15px;padding:14px 8px 11px}
 .preview-phone-screen .preview-phone-brand{font-size:10px!important}.preview-phone-screen strong{font-size:17px;margin-top:8px}
 .kinetic-page .site-preview .preview-phone-screen img{width:calc(100% + 16px);margin:8px -8px 0}
 .preview-phone-screen .preview-phone-caption{margin:5px 0 0;padding-top:5px;font-size:4px!important}.preview-phone-caption i{font-size:7px}.preview-phone-bar{height:2px;bottom:4px}
}
@media(max-width:350px){.site-preview figcaption strong{font-size:30px}.preview-phone{width:81px;right:13px;bottom:17px}.preview-phone-screen strong{font-size:15px;margin-top:7px}}
@media(prefers-reduced-motion:reduce){.kinetic-page .reel-card .site-preview>img{transform:none;will-change:auto}.preview-phone,.preview-phone-aura{transform:none}}

/* A steady, opaque phone header avoids filtering the moving page behind it. */
@media(max-width:700px){
 .kinetic-page .spatial-header,.kinetic-page .spatial-header.scrolled{background:#fafcfefa;backdrop-filter:none;-webkit-backdrop-filter:none;transition:box-shadow .2s,border-color .2s}
}