:root{--bg:#101314;--ink:#f0f0e9;--muted:#9aabaa;--line:#2a3233;--teal:#27b8ca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Barlow,Arial,sans-serif;font-size:17px}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--teal);outline-offset:7px}a,button{-webkit-tap-highlight-color:transparent}.skip{position:absolute;top:-80px;z-index:100;background:var(--teal);color:#101314;padding:20px}.skip:focus{top:0}.nav{height:116px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand img{width:255px;display:block}.nav nav{display:flex;align-items:center;gap:36px;font-size:14px}.nav nav a:hover{color:var(--teal)}.nav-contact{border:1px solid #4c5858;padding:14px 20px;border-radius:3px}.nav-contact span{margin-left:25px}.hero{min-height:720px;height:calc(100svh - 116px);max-height:1000px;position:relative;isolation:isolate;padding:100px 5% 80px;overflow:hidden}.hero-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#9ec4c506 1px,transparent 1px),linear-gradient(90deg,#9ec4c506 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,transparent,#000)}.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;display:flex;gap:11px;align-items:center}.dot{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;box-shadow:0 0 15px #27b8ca55}h1,h2,h3,p{margin:0}h1{font:600 normal clamp(70px,7.8vw,128px)/.96 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1.4px;margin:34px 0 28px}h1 em{color:var(--teal);font-style:inherit}.hero-copy p{color:#aab7b7;line-height:1.6;font-size:18px}.text-link{display:inline-flex;gap:36px;align-items:center;border-bottom:1px solid #657575;padding:15px 0;margin-top:24px;font-size:14px}.text-link span{color:var(--teal);font-size:24px}.scene{position:absolute;width:55%;height:98%;right:0;top:-3%;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 14%);background:radial-gradient(ellipse at 55% 50%,#0b697324,transparent 65%)}.scene canvas{width:100%;height:100%;display:block}.scene-fallback{position:absolute;height:65%;left:38%;top:17%;transform:rotate(13deg);opacity:.65}.scene.ready .scene-fallback{display:none}.scene-label{position:absolute;bottom:13%;right:10%;left:30%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#7e9a9c}.hero-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#96a5a5}.hero-bottom a span{margin-left:20px;font-size:18px}.hero-bottom button{background:none;border:0;color:#96a5a5;cursor:pointer;font-size:11px}.hero-bottom button span{margin-left:10px}.section{padding:110px 5%;border-top:1px solid var(--line)}h2{font-size:clamp(35px,4vw,60px);font-weight:400;letter-spacing:-1.8px;line-height:1.12}h2 i{font-family:Barlow,Arial,sans-serif;font-weight:400} .intro{display:grid;grid-template-columns:1fr 2fr;gap:50px}.intro .eyebrow{align-self:start;padding-top:10px}.intro-body{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:36px;max-width:850px}.intro p{line-height:1.6;color:#9faaaa;font-size:17px}.intro p:first-child{color:#dce1dd}.work{background:#151a1b}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px;gap:30px}.section-head h2{margin-top:22px}.section-head p{color:#acb8b7;font-size:14px;line-height:1.7}.section-head p span{color:#849493;font-size:12px}.mockup{border:1px solid #465252;overflow:hidden;border-radius:6px;box-shadow:0 18px 50px #0002}.compose{margin:0 6%;background:#242c2e;transform:perspective(1800px) rotateX(3deg);transform-origin:50% 100%}.project-main{padding:48px 0 0;background:linear-gradient(130deg,#25494c,#193236 65%,#354747);border:1px solid #314647;border-radius:6px;overflow:hidden}.app-toolbar{height:48px;background:#202729;border-bottom:1px solid #3b4546;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:11px;color:#94a4a5;gap:10px}.app-brand{color:#e0e7e3;letter-spacing:1px}.app-toolbar b{color:#1eacbd}.app-pill{background:#78c2bb;color:#143738;padding:7px 13px;border-radius:3px}.editor{display:grid;grid-template-columns:20% 60% 20%;height:445px}aside{display:flex;flex-direction:column;gap:24px;padding:24px 18px;font-size:11px;color:#a1acad}aside strong{font-weight:400;background:#354548;padding:9px;margin:-9px;color:#d5e7e5}.tiny{font-size:8px;letter-spacing:1.5px;color:#839293}.canvas-stage{background:#354447;display:flex;justify-content:center;align-items:center;position:relative;padding:24px}.poster{height:100%;aspect-ratio:4/5;background:#e8e8d8;color:#1b4547;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 30px #0003}.poster>span{font-size:7px;letter-spacing:2px}.poster strong{font:600 normal clamp(32px,5vw,65px)/.95 'Barlow Condensed';letter-spacing:-1px}.poster strong i{color:#178c92}.poster-bottom{font-size:7px;display:flex;justify-content:space-between;align-items:center;letter-spacing:1px}.poster-bottom span{font-size:35px}.zoom{position:absolute;right:12px;bottom:12px;background:#202729;padding:7px 10px;border-radius:4px;font-size:10px}.swatches{display:flex;gap:5px;margin-top:55px}.swatches i{width:20px;height:20px;border-radius:50%;background:#e7e6d6}.swatches i:nth-child(2){background:#198894}.swatches i:nth-child(3){background:#c7aa7d}.swatches i:nth-child(4){background:#152c31}.field{padding:12px 8px;border:1px solid #465051;font-size:10px;margin-top:-12px}.mini-lines{height:60px;background:repeating-linear-gradient(transparent 0 10px,#3b4748 10px 14px)}.project-caption{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:27px 0}.project-main .project-caption{padding:32px 4%;background:#1c2c2e;margin-top:28px}.project-caption .eyebrow{color:#8ba5a5;font-size:9px;letter-spacing:1.6px}.project-caption h3{font-size:21px;font-weight:400;margin-top:10px}.concept-label{font-size:9px;letter-spacing:1px;color:#8ba5a5;white-space:nowrap}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:50px}.motion-preview,.flow-preview{height:420px;background:#1a2326}.motion-stage{height:245px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#303849}.motion-stage>span{position:relative;z-index:1;font:600 normal 48px/.98 'Barlow Condensed';text-align:center}.motion-stage i{color:#b7bce4}.orbit{border:1px solid #aab1d066;width:220px;height:220px;border-radius:50%;position:absolute;transform:rotate(-30deg) scaleX(1.8)}.orbit-b{transform:rotate(40deg) scaleX(.6);border-width:18px;opacity:.4}.timeline{position:relative;padding:16px 25px;background:#202729;height:125px}.time-ruler{display:flex;justify-content:space-between;color:#92a1a2;font-size:8px;margin-bottom:15px}.track{background:#525d80;color:#d7ddf1;width:85%;padding:7px 12px;font-size:8px;margin-bottom:7px}.track.short{width:60%;margin-left:20%;background:#416869}.playhead{position:absolute;top:0;bottom:0;left:38%;width:1px;background:#d3d7dc}.flow-stage{height:372px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:radial-gradient(#61787944 1px,transparent 1px);background-size:17px 17px}.flow-node{background:#263335;border:1px solid #4b6565;border-radius:5px;width:65%;padding:14px 18px;display:flex;flex-direction:column;gap:7px}.flow-node>span{font-size:8px;color:#6bc3c2;letter-spacing:1px}.flow-node strong{font-size:15px;font-weight:500}.flow-node small{font-size:10px;color:#9eb1b1}.flow-node b{float:right;color:#63bdbd}.connector{height:24px;width:1px;background:#6ba5a8}.flow-results{display:flex;width:65%;gap:12px}.flow-results>div{background:#2b3d3e;border:1px solid #4e6667;flex:1;padding:8px;color:#a8d5d0;text-align:center;font-size:26px;border-radius:4px}.flow-results small{display:block;font-size:8px;margin-top:5px}.flow-dot{font-size:9px;color:#8dbdb8}.approach>h2{margin-top:24px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:60px}.principles>div{border-top:1px solid #536364;padding-top:22px}.principles span{color:#67b4b9;font-size:12px}.principles h3{font-size:23px;font-weight:400;margin:28px 0 16px}.principles p{color:#a0adac;font-size:16px;line-height:1.6}.contact{background:#143b40;padding-top:80px;padding-bottom:65px}.contact .eyebrow{color:#a3c4c5}.contact h2{font:600 normal clamp(85px,12vw,180px)/.9 'Barlow Condensed';margin:45px 0;letter-spacing:-2px}.contact h2 i{font:inherit;color:#78ccd0}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.contact-bottom p{font-size:16px;color:#b9cecc;line-height:1.6}.email{font-size:clamp(20px,2.4vw,36px);padding-bottom:12px;border-bottom:1px solid #76a7a8}.email span{padding-left:35px}.email:hover{color:#86dce0}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#94a2a2;font-size:10px;letter-spacing:1px}footer img{width:180px;opacity:.8}@media(min-width:1600px){.section,.hero{padding-left:max(5%,calc((100% - 1500px)/2));padding-right:max(5%,calc((100% - 1500px)/2))}}@media(max-width:900px){.nav{height:95px}.brand img{width:210px}.nav nav{gap:18px}.hero{height:770px;min-height:0;padding-top:70px}.hero h1{font-size:85px}.scene{width:65%;right:-18%;top:10%;opacity:.65}.hero-copy{max-width:80%}.intro{grid-template-columns:1fr;gap:30px}.intro-body{gap:30px}.section{padding-top:75px;padding-bottom:75px}.section-head{align-items:start;flex-direction:column}.editor{height:360px;grid-template-columns:22% 78%}.properties{display:none}.compose{margin:0 4%}.project-pair{gap:20px}.project-caption h3{font-size:18px}.project-caption .concept-label{display:none}.motion-stage>span{font-size:36px}.flow-node,.flow-results{width:83%}.principles{gap:25px}.contact-bottom{align-items:start;flex-direction:column}.scene-label{display:none}}@media(max-width:600px){.nav{height:88px}.brand img{width:190px}.nav nav>a:not(.nav-contact){display:none}.nav-contact{padding:10px 12px;font-size:12px}.nav-contact span{margin-left:12px}.hero{height:850px;padding-top:48px}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(55px,13.9vw,82px);margin:27px 0 22px}.hero-copy p{font-size:16px}.text-link{margin-top:12px;font-size:13px}.scene{top:390px;height:390px;width:100%;right:0;opacity:1;mask-image:none}.hero-bottom{font-size:8px;bottom:22px}.hero-bottom>span{display:none}.section{padding:60px 6%}.intro-body{grid-template-columns:1fr;gap:20px}.intro h2{font-size:37px}.section-head{margin-bottom:30px}.section-head h2{font-size:37px}.project-main{padding-top:20px}.app-toolbar{padding:0 12px;height:38px;font-size:8px}.editor{height:300px;display:block}.editor aside{display:none}.canvas-stage{height:100%;padding:20px}.poster{padding:16px}.poster strong{font-size:45px}.project-main .project-caption{margin-top:18px;padding:22px 18px}.project-caption h3{line-height:1.4}.project-pair{grid-template-columns:1fr;margin-top:28px;gap:10px}.motion-preview,.flow-preview{height:400px}.motion-stage>span{font-size:46px}.flow-stage{height:362px}.principles{grid-template-columns:1fr;gap:30px;margin-top:35px}.principles h3{margin-top:15px}.contact h2{font-size:24vw;letter-spacing:-1px}.contact .eyebrow{font-size:8px}.email{font-size:21px;width:100%;display:flex;justify-content:space-between}.email span{padding-left:5px}footer{flex-wrap:wrap;padding:28px 6%}footer img{width:155px}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Brand-specific tools revision */
.scene{width:59%;right:-2%;mask-image:linear-gradient(90deg,transparent,#000 18%);background:radial-gradient(ellipse at 55% 50%,#087f8c22,transparent 65%)}
.scene-label{left:22%;right:10%;font-size:8px;letter-spacing:1.1px}
.hero-copy h1{font-size:clamp(70px,8.8vw,140px)}
.text-link{gap:0}.text-link span:empty,.nav-contact span:empty,.email span:empty{display:none}
.text-link:hover{color:var(--teal);border-color:var(--teal)}
@media(max-width:900px){.scene{width:65%;right:-15%}.hero-copy h1{font-size:85px}}
@media(max-width:600px){.scene{width:100%;right:0;mask-image:none}.hero-copy h1{font-size:clamp(55px,14vw,82px)}}
/* A native-scroll assembly sequence, with no touch interception. */
.hero-scroll{height:200svh;min-height:1300px;position:relative}
.hero{position:sticky;top:0;height:100svh;min-height:640px;max-height:none;overflow:hidden;padding-top:clamp(60px,12svh,120px)}
.scene{top:0;height:94%;right:-2%;opacity:1;touch-action:pan-y}
.scene-label{bottom:8%}
@media(max-width:900px) and (min-width:601px){.hero-copy{max-width:65%}.hero-copy h1{font-size:9vw}.scene{right:-10%}}
@media(max-width:600px){
 .hero-scroll{height:200svh;min-height:1320px}
 .hero{height:100svh;min-height:660px;padding:30px 5% 45px}
 .hero-copy h1{font-size:clamp(46px,13vw,67px);margin:22px 0 18px}
 .hero-copy p{font-size:15px;line-height:1.5}
 .text-link{padding:10px 0;margin-top:10px;font-size:12px}
 .scene{top:auto;bottom:45px;height:48%;width:100%;right:0}
 .scene-label{display:none}
 .hero-bottom{bottom:20px}
}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:auto;min-height:0}.hero{position:relative}}
/* Quiet framing, substantial value and example sections. */
.scene{width:64%;right:-9%;height:110%;top:-5%;mask-image:linear-gradient(90deg,transparent,#000 20%)}
.value-intro{margin:0 0 64px}.value-intro>p{font-size:21px;line-height:1.6;max-width:830px;color:#c4cecb}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.value-grid>div{border-top:1px solid #526364;padding-top:23px}.value-grid h3{font-size:23px;line-height:1.2;font-weight:500;margin-bottom:16px}.value-grid p{line-height:1.65;color:#aab8b5;font-size:16px}
.case-disclosure{max-width:670px;line-height:1.6;color:#9aaead;font-size:14px;margin-top:25px}.case-studies{margin-top:65px}.case{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:55px 0;border-top:1px solid #3b4b4c}.case:last-child{padding-bottom:0}.case-title h3{font-size:clamp(27px,3vw,42px);line-height:1.15;font-weight:400;letter-spacing:-.7px;margin:24px 0}.case p{font-size:17px;line-height:1.65;color:#aab8b5}.case-detail h4{font-weight:500;font-size:16px;margin:0 0 13px;color:#d7e5df}.case-detail h4:not(:first-child){margin-top:28px}.case-detail ul{padding-left:19px;margin:0 0 25px}.case-detail li{padding-left:4px;margin-bottom:12px;line-height:1.6;color:#c4d5ce;font-size:16px}.case-detail li::marker{color:#68b3b9}.case .case-measure{font-size:13px;color:#869c99;border-top:1px solid #2f3b3c;padding-top:18px}
.site-footer{align-items:flex-start;padding:50px 5%;font-size:13px;letter-spacing:0;border-top:1px solid #3a5152}.site-footer strong{color:#e3e9e3;font-size:20px;font-weight:500}.site-footer p{margin:12px 0 25px;color:#a0b1ae;line-height:1.5}.site-footer nav{display:flex;gap:30px;padding-top:7px}.site-footer nav a:hover{color:var(--teal)}
@media(max-width:900px){.value-grid{gap:25px}.case{gap:6%}.site-footer nav{gap:18px}.scene{right:-15%;width:68%}}
@media(max-width:600px){.scene{top:auto;bottom:0;right:-12%;width:124%;height:52%;mask-image:linear-gradient(0deg,#000 80%,transparent)}.value-grid{grid-template-columns:1fr;gap:28px}.value-intro>p{font-size:18px}.value-intro{margin-bottom:40px}.case{grid-template-columns:1fr;gap:30px;padding:40px 0}.case-studies{margin-top:40px}.case-title h3{font-size:32px}.site-footer{gap:30px;padding:35px 6%}.site-footer nav{flex-wrap:wrap;gap:20px}}
/* Image-led pacing and an earlier release from the sticky sequence. */
.hero-scroll{height:165svh;min-height:1100px}.scene{right:-1%}
.intro{background:#e6e5dc;color:#20383a;border:0;padding-top:90px;padding-bottom:95px;grid-template-columns:1fr 3fr}.intro h2{font-size:clamp(50px,6.5vw,94px);letter-spacing:-3px}.intro .studio-line{font-size:23px;margin-top:30px;color:#20383a}.intro .studio-desc{font-size:17px;max-width:570px;line-height:1.6;margin-top:15px;color:#50605b}
.work .section-head{margin-bottom:40px}.work .section-head h2{font:600 normal clamp(65px,8vw,114px)/.95 'Barlow Condensed';letter-spacing:-1px}.work .section-head h2 em{color:#77c1c4;font-style:inherit}.work .section-head>p{max-width:250px}.project-main{padding-top:60px}.project-pair{margin-top:38px}.benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px;padding-top:35px;border-top:1px solid #455556}.benefit-strip strong{font-size:34px;font-weight:400;letter-spacing:-1px}.benefit-strip p{font-size:15px;color:#a3b5af;line-height:1.5;margin-top:12px}
.approach{padding-bottom:120px}.case-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.case-heading h2{font-size:clamp(52px,6.3vw,88px);line-height:1.02;letter-spacing:-2px;margin-top:25px}.case-heading>p{font-size:22px;line-height:1.4;color:#bdccc7}.case-disclosure{margin-top:22px;font-size:12px}.visual-cases{margin-top:65px}.visual-case{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;align-items:center;margin-bottom:110px}.visual-case:last-child{margin-bottom:0}.visual-case.reverse{grid-template-columns:1fr 1.3fr}.visual-case.reverse .case-art{order:2}.visual-case-copy h3{font-size:clamp(36px,4vw,57px);font-weight:400;line-height:1.03;letter-spacing:-1.8px;margin:24px 0}.visual-case-copy h3 i{font-family:Barlow,Arial,sans-serif;font-weight:400;color:#aacac3}.visual-case-copy>p{font-size:17px;line-height:1.6;color:#a7b8b1;max-width:390px}.visual-case-copy ul{list-style:none;padding:0;margin:25px 0}.visual-case-copy li{padding:10px 0;border-bottom:1px solid #2d3b39;font-size:14px;color:#d6e0d9}.visual-case-copy details{font-size:13px;color:#9fb6ae}.visual-case-copy summary{cursor:pointer;padding:10px 0;text-decoration:underline;text-underline-offset:5px}.visual-case-copy details p{font-size:14px;line-height:1.65;margin-top:15px;color:#b8c7bf}
.case-art{height:560px;position:relative;overflow:hidden;border-radius:3px;isolation:isolate}.art-caption{position:absolute;bottom:23px;left:25px;font-size:8px;letter-spacing:1.5px;color:inherit;opacity:.7}.cafe-art{background:#b98c63;color:#2d3327;background-image:radial-gradient(ellipse at 20% 20%,#ead3b5,transparent 75%)}.coffee-poster{position:absolute;left:8%;top:7%;width:61%;height:80%;background:#f0ead9;padding:22px;transform:rotate(-7deg);box-shadow:8px 15px 35px #4d2d2540;display:flex;flex-direction:column}.coffee-poster>span,.coffee-story>span{font-size:8px;letter-spacing:2px}.coffee-poster strong{font:600 normal clamp(34px,4.3vw,65px)/.9 'Barlow Condensed';margin-top:24px;z-index:2}.coffee-poster strong i{color:#b65a39}.coffee-poster small{margin-top:auto;font-size:7px;letter-spacing:1px}.cup{position:absolute;width:49%;aspect-ratio:1;bottom:12%;right:5%;border-radius:50%;background:radial-gradient(circle,#55321d 0 31%,#e6cfaa 32% 38%,#fff4d8 39% 47%,#ccbea2 48% 50%,#e9e1ca 51% 62%,#c1b195 63% 65%,transparent 66%);filter:drop-shadow(9px 12px 6px #573f3d44)}.cup:after{content:'';position:absolute;width:20%;height:12%;border-radius:50%;background:#eee5d1;right:8%;top:44%}.cup div{position:absolute;width:20%;height:30%;background:#d8bd8c;left:39%;top:34%;border-radius:80% 0 80% 0;transform:rotate(-40deg)}.coffee-story{position:absolute;width:35%;height:65%;background:#31463c;color:#f0ead9;right:5%;top:26%;padding:18px 15px;transform:rotate(8deg);box-shadow:6px 12px 35px #3c241f60;display:flex;flex-direction:column;justify-content:space-between}.coffee-story strong{font:600 normal clamp(25px,3vw,45px)/.95 'Barlow Condensed'}.coffee-story small{font-size:8px}.mini-cup{width:100%;aspect-ratio:1;background:radial-gradient(circle,#593724 0 30%,#ecd6b1 31% 37%,#f2ebd7 38% 47%,transparent 48%);filter:drop-shadow(0 8px 5px #0004)}
.creator-art{background:#a6a3b9;color:#282338;background-image:linear-gradient(135deg,#bdbacf,#79768e)}.episode-cover{position:absolute;left:7%;top:9%;width:68%;height:72%;padding:22px;background:#312943;color:#ebe3f3;transform:rotate(-6deg);box-shadow:0 20px 40px #24233255;display:flex;flex-direction:column;justify-content:space-between}.episode-cover>span,.episode-cover small{font-size:8px;letter-spacing:1px}.episode-cover strong{font:600 normal clamp(32px,4.2vw,60px)/.95 'Barlow Condensed';position:relative;z-index:1}.episode-cover strong em{color:#b8a5d7;font-style:inherit}.sound-sculpture{position:absolute;right:5%;top:12%;height:45%;width:58%;display:flex;align-items:center;justify-content:center;gap:5px;transform:rotate(24deg)}.sound-sculpture i{height:65%;width:14%;border-radius:30px;background:linear-gradient(90deg,#6b6584,#d4c4ee 45%,#9a86bd 65%,#4e465d);box-shadow:7px 6px 12px #0004}.sound-sculpture i:nth-child(2n){height:90%}.sound-sculpture i:nth-child(3n){height:45%}.quote-card{position:absolute;right:4%;top:41%;width:43%;height:39%;padding:18px;background:#e5dfb9;transform:rotate(7deg);box-shadow:0 12px 30px #29203655;display:flex;flex-direction:column;justify-content:space-between}.quote-card>span,.quote-card small{font-size:7px;letter-spacing:1px}.quote-card blockquote{margin:0;font:normal clamp(18px,2.2vw,30px)/1.15 Barlow,Arial,sans-serif}.audio-card{position:absolute;left:11%;bottom:8%;width:65%;padding:13px 16px;background:#f2eef3;box-shadow:0 10px 25px #29203633;transform:rotate(-2deg);border-radius:5px}.audio-card span,.audio-card small{font-size:8px}.waveform{height:32px;margin:7px 0;background:repeating-linear-gradient(90deg,#7c6599 0 3px,transparent 3px 6px);clip-path:polygon(0 40%,5% 30%,10% 42%,15% 20%,20% 35%,25% 0,30% 20%,35% 40%,40% 10%,45% 30%,50% 15%,55% 0,60% 30%,65% 20%,70% 40%,75% 25%,80% 5%,85% 30%,90% 40%,95% 30%,100% 45%,100% 55%,95% 70%,90% 60%,85% 70%,80% 95%,75% 75%,70% 60%,65% 80%,60% 70%,55% 100%,50% 85%,45% 70%,40% 90%,35% 60%,30% 80%,25% 100%,20% 65%,15% 80%,10% 58%,5% 70%,0 60%)}
.team-art{background:#98b5a4;background-image:linear-gradient(135deg,#c2d1bf,#6c9585);color:#263d36}.team-window{position:absolute;left:8%;right:-8%;top:15%;height:71%;background:#eff0e9;border-radius:6px;box-shadow:0 20px 50px #26443755;transform:perspective(900px) rotateY(-9deg) rotateZ(-3deg);overflow:hidden}.team-toolbar{font-size:8px;letter-spacing:1px;padding:19px;border-bottom:1px solid #ccd3c8;display:flex;justify-content:space-between}.team-toolbar span{letter-spacing:0}.team-inner{padding:25px}.brand-palette{display:flex;justify-content:space-between;align-items:center;position:relative;padding-bottom:25px}.brand-palette strong{font-size:27px;font-weight:500;line-height:1.1;letter-spacing:-1px}.brand-palette>div{display:flex;gap:5px}.brand-palette i{width:24px;height:24px;border-radius:50%;background:#234638}.brand-palette i:nth-child(2){background:#dda65c}.brand-palette i:nth-child(3){background:#c1cbad}.brand-palette>span{position:absolute;bottom:3px;right:0;font-size:7px;color:#78877e}.template-grid{display:flex;gap:10px;margin:10px 0 24px}.template-grid>div{flex:1;height:125px;background:#244c3c;color:#e5e7cd;padding:12px;font:600 normal 30px/1 'Barlow Condensed';position:relative}.template-grid>div:nth-child(2){background:#d8a45e;color:#314638}.template-grid>div:nth-child(3){background:#bdc9ab;color:#314638}.template-grid small{font:7px Barlow,sans-serif;position:absolute;bottom:10px;left:12px}.review-row{display:flex;gap:10px;align-items:center;font-size:9px}.avatar{background:#cfdbd0;border-radius:50%;padding:8px}.review-row b{font-size:8px;font-weight:400;color:#37664a;margin-left:auto;background:#d4e1ce;padding:7px;border-radius:10px}
@media(max-width:1000px){.visual-case,.visual-case.reverse{gap:5%;grid-template-columns:1fr 1fr}.case-art{height:480px}.coffee-poster{padding:16px}.episode-cover{padding:17px}.team-inner{padding:15px}.template-grid>div{font-size:25px}.visual-case-copy h3{font-size:40px}}
@media(max-width:600px){.hero-scroll{height:165svh;min-height:1100px}.scene{right:-4%}.intro{grid-template-columns:1fr;gap:22px;padding-top:55px;padding-bottom:55px}.intro h2{font-size:55px;letter-spacing:-2px}.intro .studio-line{font-size:20px}.intro .studio-desc{font-size:16px}.work .section-head h2{font-size:66px}.work .section-head{gap:20px}.project-main{padding-top:25px}.benefit-strip{grid-template-columns:1fr;gap:24px;margin-top:30px}.benefit-strip strong{font-size:30px}.benefit-strip p{margin-top:6px}.case-heading{display:block}.case-heading h2{font-size:55px}.case-heading>p{font-size:19px;margin-top:25px}.case-disclosure{font-size:11px}.visual-cases{margin-top:35px}.visual-case,.visual-case.reverse{grid-template-columns:1fr;gap:28px;margin-bottom:65px}.visual-case.reverse .case-art{order:0}.case-art{height:440px}.visual-case-copy h3{font-size:42px;line-height:1.06;margin:18px 0}.visual-case-copy h3 br{display:none}.visual-case-copy h3 i:before{content:' '}.visual-case-copy>p{font-size:16px}.visual-case-copy ul{margin:18px 0}.visual-case-copy li{font-size:14px}.coffee-poster strong{font-size:48px}.coffee-story strong{font-size:34px}.episode-cover strong{font-size:46px}.quote-card blockquote{font-size:24px}.approach{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:auto;min-height:0}}
.visual-case-copy summary{list-style:none;display:flex;justify-content:space-between}.visual-case-copy summary::-webkit-details-marker{display:none}.visual-case-copy summary:after{content:'+';font-size:18px;text-decoration:none}.visual-case-copy details[open] summary:after{content:'−'}
.hero-copy h1{font-size:clamp(65px,7.5vw,112px);line-height:.94;margin:28px 0 25px}
@media(max-width:900px) and (min-width:601px){.hero-copy h1{font-size:8.4vw}}
@media(max-width:600px){.hero-copy h1{font-size:clamp(44px,12.5vw,65px);margin:20px 0 18px}.hero-copy p{font-size:14px}.scene{height:48%}}

/* Upright type throughout; original logo artwork is retained. */
h1,h2,h3,h4,p,strong,span,blockquote,em,i{font-style:normal!important}
.hero-copy h1{margin-top:0}

/* One consistent sans-serif family, including emphasized text. */
h2 i,h3 i,blockquote{font-family:inherit}
.quote-card blockquote{font-family:Barlow,Arial,sans-serif;line-height:1.2}
.hero-copy h1{font-size:clamp(59px,6.7vw,105px)}.hero-copy>p{max-width:490px}
.ownership{background:#dce6dc;color:#203b36;display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.ownership h2{font-size:clamp(38px,4.5vw,67px);line-height:1.05;margin-top:25px}.ownership h2 em{color:#527c64}.ownership p{font-size:16px;line-height:1.65;color:#52685b}.ownership .ownership-lead{font-size:23px;line-height:1.45;color:#223f33;margin-bottom:20px}.control-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.control-tags span{border:1px solid #a8beaa;padding:9px 12px;border-radius:3px;font-size:12px}.benefit-strip strong{font-size:30px}
.dashboard-art{background:#b7c5b2;color:#233d32;display:flex;align-items:center;padding:35px 20px 55px}.dash-window{width:100%;background:#f0f2ec;border:1px solid #d5ded0;box-shadow:0 18px 45px #203c3233;border-radius:7px;overflow:hidden}.dash-top{padding:16px 17px;border-bottom:1px solid #cfd9ce;display:flex;flex-direction:column;gap:7px}.dash-top strong{font-size:10px;letter-spacing:1px}.dash-top>span{font-size:8px;color:#718576}.dash-body{padding:20px 17px}.dash-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px}.dash-heading small{font-size:7px;letter-spacing:1px;color:#748777}.dash-heading h4{font-size:20px;letter-spacing:-.4px;font-weight:500;margin:7px 0 0}.dash-heading>b{font-size:8px;font-weight:400;padding:6px 9px;border:1px solid #b8c8b4;border-radius:10px}.dash-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dash-form label{display:block;font-size:9px;margin-bottom:6px;color:#6b8071}.dash-form>div{font-size:10px;padding:9px;border:1px solid #cbd6c7;margin-bottom:12px;background:#fff9;border-radius:3px}.dash-action{display:block;font-size:10px;text-align:center;background:#335c45;color:#fff;padding:10px 5px;border-radius:3px;margin-top:14px}.dash-outputs>small{font-size:8px;letter-spacing:1px}.output-thumbs{display:flex;gap:8px;margin:12px 0 20px}.output-thumbs>div{width:50%;height:115px;padding:10px;background:#cdd8b6;font:600 22px/1 'Barlow Condensed';position:relative}.output-thumbs>div:nth-child(2){background:#365f47;color:#ecf0d8}.output-thumbs span{position:absolute;bottom:8px;left:9px;font:7px Barlow}.dash-line{display:flex;justify-content:space-between;font-size:8px;padding:10px 0;border-bottom:1px solid #d5dfd2}.dash-line b{font-weight:400;color:#4a7655}.dash-review{display:flex;justify-content:space-between;gap:7px;margin-top:22px;padding-top:16px;border-top:1px solid #cbd8c7;font-size:8px}.dash-review b{font-weight:400;color:#9a7837}
.engineering-art{background:#263e4b;display:flex;align-items:center;padding:35px 20px 55px;color:#bdd3d5}.engineering-window{width:100%;background:#142630;border:1px solid #506b75;border-radius:6px;box-shadow:0 20px 40px #09172388;overflow:hidden}.engineering-window .dash-top{border-color:#38515d}.engineering-window .dash-top>span{color:#7c9aa5}.engineering-body{display:grid;grid-template-columns:1.35fr 1fr;min-height:305px}.model-view{position:relative;padding:14px 8px;background:radial-gradient(#55788455 1px,transparent 1px);background-size:16px 16px}.model-view>span{font-size:8px;display:block;padding-left:5px}.model-view svg{width:100%;height:240px;display:block}.model-tabs{display:flex;justify-content:center;gap:12px;font-size:8px;color:#a6c0c4}.parameters{background:#1b303c;padding:18px 12px}.parameters small{font-size:7px;letter-spacing:1px;display:block;margin-bottom:13px;color:#91b4bc}.parameters label{display:block;font-size:9px;border-bottom:1px solid #3a525d;padding:10px 0}.parameters b{display:block;font-size:10px;font-weight:400;color:#d8e9e7;margin-top:4px}.parameters small:not(:first-child){margin-top:22px}.parameters p{font-size:8px;margin:10px 0;color:#8da9b1}.parameters p b{font-size:8px;color:#9cc9ad}.parameters p:last-child b{color:#cbb985}.engineering-bottom{display:flex;gap:15px;justify-content:center;padding:15px 8px;border-top:1px solid #3a525d;font-size:8px;color:#9bb9c0}
@media(max-width:900px){.hero-copy h1{font-size:7.4vw}.dash-columns{gap:12px}.dash-heading h4{font-size:17px}.output-thumbs>div{font-size:18px}.dash-review{flex-wrap:wrap}.engineering-body{grid-template-columns:1.2fr 1fr}.parameters{padding:14px 8px}}
@media(max-width:600px){.hero-copy h1{font-size:clamp(37px,10.5vw,58px)}.hero-copy>p{font-size:14px;max-width:330px}.hero-copy>p br{display:none}.ownership{grid-template-columns:1fr;gap:28px}.ownership h2{font-size:42px}.ownership .ownership-lead{font-size:21px}.dashboard-art,.engineering-art{height:490px;padding:22px 12px 45px}.dash-heading h4{font-size:18px}.dash-body{padding:15px 12px}.output-thumbs>div{font-size:22px}.engineering-body{grid-template-columns:1.35fr 1fr}.model-view svg{height:220px}.parameters label{font-size:8px}.benefit-strip strong{font-size:29px}}
/* Large, legible demonstrations with concise framing. */
.visual-case,.visual-case.reverse{display:flex;flex-direction:column;align-items:stretch;gap:30px;margin-bottom:110px}.visual-case .visual-case-copy{order:0;display:grid;grid-template-columns:1.25fr 1fr;gap:14px 6%;align-items:end}.visual-case .case-art,.visual-case.reverse .case-art{order:1}.visual-case-copy>.eyebrow{grid-column:1/-1}.visual-case-copy h3{margin:0;font-size:clamp(38px,4.5vw,64px)}.visual-case-copy>p{max-width:460px;font-size:20px}.demo-steps{grid-column:1/-1;display:flex;gap:12px;margin-top:10px}.demo-steps span{padding:9px 14px;background:#213032;border-radius:4px;font-size:14px;color:#bad3cc}.dashboard-art,.engineering-art{height:auto;min-height:650px;padding:35px 4% 55px}.dash-top{padding:22px 26px}.dash-top strong{font-size:15px}.dash-top>span{font-size:13px}.dash-body{padding:26px}.dash-heading small,.dash-outputs>small{font-size:12px}.dash-heading h4{font-size:32px}.dash-heading>b{font-size:13px}.dash-columns{gap:40px}.dash-form label{font-size:14px}.dash-form>div{font-size:17px;padding:13px;margin-bottom:15px}.dash-action{width:100%;border:0;cursor:pointer;font-size:16px;padding:15px}.dash-action:hover{background:#214b36}.output-thumbs>div{height:220px;font-size:46px;padding:20px}.output-thumbs span{font-size:12px;bottom:15px;left:20px}.dash-line,.dash-review{font-size:14px}.dash-review{padding-top:20px}.output-thumbs{transition:opacity .4s}.dash-outputs:not(.prepared) .output-thumbs{opacity:.35}.prepared .output-status{color:#255d39}.engineering-body{grid-template-columns:1.6fr 1fr;min-height:470px}.model-view{padding:24px}.model-view>span{font-size:13px}.model-view svg{height:350px;transition:transform .2s;transform-origin:center}.model-tabs,.engineering-bottom{font-size:14px;gap:25px}.parameters{padding:25px}.parameters small{font-size:11px}.parameters label,.parameters p{font-size:14px}.parameters b,.parameters p b{font-size:16px}.parameters input{width:100%;accent-color:#87ccc7;margin:14px 0}.creator-art{height:650px}.episode-cover{width:55%;height:78%}.episode-cover strong{font-size:80px}.quote-card{width:35%;height:45%;right:8%;top:25%;padding:30px}.quote-card blockquote{font-size:40px}.audio-card{width:49%;left:39%}.art-caption{font-size:10px}
@media(max-width:600px){.visual-case .visual-case-copy{display:block}.visual-case-copy h3{font-size:39px;margin:18px 0}.visual-case-copy>p{font-size:17px}.demo-steps{gap:6px;flex-wrap:wrap;margin-top:18px}.demo-steps span{font-size:12px;padding:7px 9px}.visual-case{gap:24px;margin-bottom:65px}.dashboard-art,.engineering-art{margin:0 -6.8%;padding:20px 4% 45px;min-height:0;border-radius:0}.dash-top{padding:18px}.dash-top strong{font-size:13px}.dash-top>span{font-size:11px}.dash-body{padding:18px}.dash-heading h4{font-size:25px}.dash-heading>b{font-size:10px}.dash-columns{grid-template-columns:1fr;gap:25px}.dash-form{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.dash-form label{grid-column:1}.dash-form>div{grid-column:2;margin:0 0 7px;font-size:14px}.dash-action{grid-column:1/-1;margin-top:8px}.output-thumbs>div{height:190px;font-size:36px}.dash-line,.dash-review{font-size:12px}.dash-review{flex-wrap:wrap}.engineering-body{grid-template-columns:1fr}.model-view{padding:18px}.model-view svg{height:290px}.parameters{padding:20px}.parameters label{display:flex;justify-content:space-between}.parameters p{display:flex;justify-content:space-between}.parameters small{margin-bottom:10px}.engineering-bottom{font-size:11px;gap:12px;flex-wrap:wrap}.creator-art{height:460px}.episode-cover{width:65%;height:75%}.episode-cover strong{font-size:48px}.quote-card{width:43%;height:39%;right:4%;top:41%;padding:18px}.quote-card blockquote{font-size:24px}.audio-card{left:11%;width:65%}}
/* Actual Material Lab screenshot. */
.real-material-dashboard{margin:0;height:auto;overflow:visible;background:#171c22;border:1px solid #394349;border-radius:6px}.real-material-dashboard img{display:block;width:100%;height:auto;border-radius:6px 6px 0 0}.real-material-dashboard figcaption{padding:16px 20px;font-size:10px;letter-spacing:1.5px;color:#9fadb5}
@media(max-width:600px){.real-material-dashboard{margin:0 -6.8%;border-radius:0}.real-material-dashboard img{border-radius:0}.real-material-dashboard figcaption{font-size:9px;padding:14px}}