@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.studio-body{background:#f2f3fa;color:#1d2221}.studio-body .nav{display:flex;align-items:center;justify-content:space-between;padding:0 5%}.studio-body .logo{font-weight:800}.studio-body .navlinks{display:flex;align-items:center;gap:30px}.studio-body .page-shell{width:100%}
:root{--night:#0b0e0e;--paper:#f2f3fa;--white:#f6f5f3;--orange:#ed7434;--mute:#aeb0b0}
.studio-body{font-family:Manrope,Arial,sans-serif;letter-spacing:-.01em}
.studio-body h1,.studio-body h2,.studio-body h3,.studio-body .serif{font-family:Manrope,Arial,sans-serif!important;font-style:normal!important;font-weight:800!important;letter-spacing:-.045em!important}
.studio-body .eyebrow{letter-spacing:.12em}
.studio-body .nav{position:sticky;top:0;z-index:12;background:#101414;color:white;border-bottom:1px solid #4448;height:68px}
.studio-body .nav .logo{font-size:23px;letter-spacing:-.055em;font-weight:800}
.studio-body .nav .logo:before{content:'◢';font-size:23px;display:inline-block;transform:rotate(-20deg);margin-right:8px}
.studio-body .navlinks a{font-size:10px;transition:color .2s}
.studio-body .navlinks a:hover,.studio-body .navlinks a.active{color:#ed9a72}
.studio-body .navlinks .outlined{border:0;padding:0}
.studio-body .navlinks .active{border-bottom:1px solid #ed9a72;padding-bottom:8px}
.studio-body .hero{background:#0d1213}.studio-body .hero:after{background:linear-gradient(90deg,#000e,transparent 75%),linear-gradient(0deg,#0008,transparent)}
.studio-body .hero h1{font-size:clamp(56px,9vw,145px);text-transform:uppercase;letter-spacing:-.055em!important}
.studio-body .intro{background:transparent}
.studio-body .sectionhead h2,.studio-body .intro h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(43px,6vw,84px)!important;font-weight:800!important;text-transform:uppercase}
.studio-body .sectionhead .eyebrow{color:#b45f3c}
.studio-body #work{background:var(--paper);max-width:none}.studio-body #work>.sectionhead,.studio-body #work>.filters,.studio-body #work>.gallery{max-width:1450px;margin-left:auto;margin-right:auto}
.studio-body .gallery .project .meta strong{text-transform:uppercase;font-weight:700}
.studio-body .dark{background:#080e0e;background-image:radial-gradient(ellipse at 65% 25%,#133032 0%,transparent 50%),radial-gradient(#98b1a318 1px,transparent 1px);background-size:auto,16px 16px}
.studio-body .footer{background:#090d0c}
.studio-body .btn{letter-spacing:.07em}
.studio-body .nav a:focus-visible,.studio-body button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.page-wrap{min-height:100vh;background:#101414;color:white}
.page-shell{max-width:1550px;margin:auto;padding:0 5%}
.page-hero{min-height:70vh;position:relative;background:#101414;color:white;display:flex;align-items:center;overflow:hidden}
.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5)}
.page-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent 85%)}
.page-hero .page-shell{position:relative;z-index:1;width:100%}
.page-hero h1{font-size:clamp(55px,9vw,140px);font-weight:800;letter-spacing:-.07em;line-height:.96;max-width:1100px;margin:25px 0}
.page-hero p{max-width:510px;line-height:1.8;color:#d2d6d1;font-size:14px}
.big-heading{font-size:clamp(44px,7vw,100px);line-height:1;letter-spacing:-.055em;font-weight:800;text-transform:uppercase;margin:0 0 30px}
.page-section{padding:90px 0}.page-section.white{background:var(--paper);color:#1a1d1e}
.page-section.black{background:#080c0c;color:#f4f4f1}
.category-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}
.category-buttons button{padding:12px 18px;background:transparent;border:1px solid #777c75;color:inherit;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}
.category-buttons button.active{background:#f2f1ec;color:#151918}
.portfolio-stage{height:min(78vh,800px);min-height:480px;position:relative;overflow:hidden;background:#171c1b}
.portfolio-stage img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.58);transition:opacity .35s}
.portfolio-stage .stage-info{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:65%;color:#fff}
.portfolio-stage h2{font-size:clamp(35px,5vw,78px);margin:12px 0;letter-spacing:-.05em;text-transform:uppercase}
.portfolio-stage .stage-arrows{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 5%}
.stage-arrows button{width:54px;height:54px;border-radius:50%;border:1px solid white;background:#121a1755;color:white;font-size:22px;transition:background .2s}
.stage-arrows button:hover{background:#121a17aa}
.stage-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:8px}
.stage-dots button{width:7px;height:7px;border-radius:50%;border:0;background:#ffffff66;padding:0}.stage-dots button.active{background:#fff;width:27px;border-radius:5px}
.studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.studio-tile{cursor:pointer}.studio-tile img{aspect-ratio:1.25;object-fit:cover;transition:filter .2s}.studio-tile:hover img{filter:brightness(.78)}.studio-tile h3{font-size:15px;text-transform:uppercase;margin:12px 0 6px}.studio-tile small{font-size:10px;letter-spacing:.1em;color:#6d736d}
.about-copy{max-width:900px;font-size:clamp(24px,3vw,42px);font-weight:600;line-height:1.45;letter-spacing:-.035em}
.about-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:75px;border-top:1px solid #59615c;padding-top:35px}
.about-columns h3{font-size:19px}.about-columns p{color:#b3b8b2;font-size:13px;line-height:1.8}
.services{display:grid;gap:2px;background:#151a19;padding:2px}
.service{height:245px;position:relative;overflow:hidden;display:flex;align-items:center;padding:25px 5%;color:#fff}
.service img{position:absolute;inset:0;width:100%;height:100%;filter:brightness(.45);object-fit:cover;transition:transform .7s}.service:hover img{transform:scale(1.06)}
.service div{position:relative;z-index:1;max-width:720px}.service h3{font-size:clamp(23px,3vw,43px);text-transform:uppercase;margin:0 0 8px;letter-spacing:-.045em}.service p{max-width:360px;font-size:12px;line-height:1.65}
.process-art{height:450px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#183438,#050909 70%);display:flex;align-items:center;justify-content:center}
.particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#dcece5;box-shadow:0 0 8px #8ecec5;opacity:.6;animation:floatParticle 9s linear infinite alternate}
@keyframes floatParticle{to{transform:translate(35px,-50px);opacity:.2}}
.process-art h2{position:relative;z-index:1;color:#f6f5f3;font-size:clamp(40px,8vw,110px);text-align:center;letter-spacing:-.07em;text-transform:uppercase;text-shadow:0 6px 45px #000}
.wave-scene{height:400px;position:relative;overflow:hidden;background:#f8f8f8;display:flex;align-items:start;justify-content:center;padding-top:65px;color:#24282a}
.wave-scene h1{position:relative;z-index:2;font-size:clamp(35px,5vw,70px);text-align:center;text-transform:uppercase;letter-spacing:-.055em;margin:0}
.wave-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.65}
.wave-lines path{fill:none;stroke:#555;stroke-width:.65;opacity:.35;animation:waveShift 9s ease-in-out infinite alternate}
@keyframes waveShift{to{transform:translateY(-32px) scaleY(.8)}}
.contact-panel{background:#0b1010;padding:75px 5%;display:grid;grid-template-columns:1fr 1fr;gap:7vw}
.contact-panel h2{font-size:clamp(42px,5vw,75px);letter-spacing:-.06em;margin:0 0 28px}.contact-panel p{line-height:1.8;color:#b6bcb6}
.contact-panel .fields{display:grid;gap:18px}.contact-panel label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;display:grid;gap:9px}
.contact-panel input,.contact-panel textarea,.contact-panel select{width:100%;border:1px solid #55605a;background:#131a18;color:#fff;padding:14px;min-height:48px}
.contact-panel textarea{min-height:100px}
.contact-panel .result{font-size:40px;letter-spacing:-.05em;font-weight:800;margin:20px 0}
.contact-panel button{padding:17px 25px;background:#f5f3ed;color:#141918;border:0;font-weight:800;font-size:11px;letter-spacing:.08em}
.entry{position:fixed;inset:0;background:#000;z-index:100;display:flex;color:white;transition:opacity .8s,visibility .8s}
.entry.gone{opacity:0;visibility:hidden;pointer-events:none}
.entry-curtain{width:54%;height:100%;overflow:hidden;position:relative;background:repeating-linear-gradient(90deg,#020204 0 22px,#1d0604 24px,#4f1005 30px,#f26917 38px,#ffd279 42px,#ad3109 49px,#170307 61px,#020204 72px);filter:contrast(1.2);animation:curtain 6s ease-in-out infinite alternate}
.entry-curtain:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000 0%,transparent 25%,transparent 75%,#000 100%);mix-blend-mode:multiply}
@keyframes curtain{to{filter:contrast(1.5) brightness(1.25);transform:scaleX(1.05)}}
.entry-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:start;padding:6%;background:#000}
.entry-content .entry-mark{font-size:45px;font-weight:800;letter-spacing:-.06em}
.entry-content h2{font-size:clamp(30px,4vw,64px);font-weight:800;line-height:1.05;letter-spacing:.05em;margin:34px 0}
.enter{border:0;background:transparent;color:white;font-size:13px;letter-spacing:.15em;font-weight:700;padding:10px 0}.enter span{display:inline-block;margin-right:12px;animation:spin 5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.socialrail{position:fixed;left:17px;top:50%;z-index:13;transform:translateY(-50%);display:flex;flex-direction:column;gap:17px;color:#fff;mix-blend-mode:difference;font-size:10px;letter-spacing:.09em}.socialrail a{writing-mode:vertical-rl;transform:rotate(180deg)}
@media(max-width:760px){.studio-body .navlinks a:not(.active):not(.outlined){display:none}.studio-body .navlinks{gap:13px}.studio-body .navlinks a{font-size:9px}.page-hero{min-height:560px}.page-section{padding:65px 0}.studio-grid{grid-template-columns:1fr}.portfolio-stage{min-height:520px;height:65vh}.portfolio-stage .stage-info{width:70%}.stage-arrows button{width:40px;height:40px}.about-columns,.contact-panel{grid-template-columns:1fr}.contact-panel{padding:50px 6%}.wave-scene{height:300px}.entry-curtain{width:35%}.entry-content{padding:8%}.entry-content .entry-mark{font-size:29px}.entry-content h2{font-size:clamp(26px,6vw,47px)}.socialrail{display:none}}
@media(prefers-reduced-motion:reduce){*,*:after,*:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* User-supplied cover artwork: display the original file, without visual filters or generated replacement. */
.entry{background:#000}
.entry-curtain{position:absolute;inset:0;width:100%;height:100%;background:#000 url('assets/cover-original.jpg') center center/contain no-repeat;filter:none;animation:none;transform:translate3d(var(--cover-x,0px),var(--cover-y,0px),0) scale(1.018);transition:transform .6s cubic-bezier(.2,.75,.25,1);will-change:transform;isolation:isolate}
.entry-curtain:before{content:'';position:absolute;inset:-8%;pointer-events:none;background:radial-gradient(ellipse 26% 75% at 34% 49%,rgba(255,201,113,.24),rgba(255,108,21,.09) 45%,transparent 75%);mix-blend-mode:screen;opacity:.75;transform:translate3d(var(--glow-x,0px),var(--glow-y,0px),0);transition:transform .65s cubic-bezier(.2,.75,.25,1),opacity .5s}
.entry-curtain:after{content:'';display:block;position:absolute;inset:-8%;pointer-events:none;background:radial-gradient(ellipse 23% 85% at 22% 50%,rgba(0,0,0,.33),transparent 74%);mix-blend-mode:multiply;opacity:.7;transform:translate3d(var(--shadow-x,0px),var(--shadow-y,0px),0);transition:transform .85s cubic-bezier(.2,.75,.25,1),opacity .5s}
.entry:hover .entry-curtain:before{opacity:.95}
.entry-content{position:relative;z-index:1;margin-left:auto;flex:0 0 43%;background:transparent}
.entry-strip-frame{position:absolute;z-index:2;top:50%;left:50%;width:min(100%,154.45vh);aspect-ratio:1024 / 663;transform:translate(-50%,-50%);pointer-events:none}
.entry-light-strip{position:absolute;top:0;height:100%;overflow:hidden;mix-blend-mode:screen;opacity:.75;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);transform:translate3d(var(--strip-shift,0px),0,0);transition:transform .48s cubic-bezier(.17,.7,.25,1);animation:stripGlow var(--strip-duration,4s) ease-in-out infinite alternate;will-change:transform,opacity}
.entry-light-strip img{position:absolute;top:0;height:100%;max-width:none;object-fit:fill;pointer-events:none;filter:brightness(1.3) saturate(1.15)}
@keyframes stripGlow{from{opacity:.48}to{opacity:.96}}
.entry-curtain:after{z-index:1}
@media(hover:hover){.entry:hover .entry-light-strip{animation-duration:calc(var(--strip-duration,4s) * .7)}}
@media(max-width:760px){.entry-curtain{width:100%;background-size:cover;background-position:38% center}.entry-content{flex:0 0 56%;padding:6%}.entry-content h2{font-size:clamp(22px,5vw,38px)}}
@media(max-width:760px){.entry-strip-frame{display:none}}
@media(prefers-reduced-motion:reduce){.entry-curtain,.entry-curtain:before,.entry-curtain:after{transform:none!important;transition:none!important}.entry-light-strip{animation:none!important;transition:none!important}}
.brand-logo{display:block;height:auto;object-fit:contain;max-width:100%;filter:none}
.brand-logo-nav{width:132px}
.brand-logo-entry{width:min(270px,100%);margin-bottom:10px}
.brand-logo-footer{width:215px}
.studio-body .nav .logo:before{content:none;display:none}
@media(max-width:760px){.brand-logo-nav{width:105px}.brand-logo-entry{width:190px}.brand-logo-footer{width:175px}}
.founders-section{background:#030303;color:#f5f3f1;padding:112px 0 126px}
.founders-heading{text-align:center;margin-bottom:52px}.founders-heading .eyebrow{color:#a7a7a7}.founders-heading h2{font-size:clamp(55px,8vw,112px);line-height:1;margin:20px 0 14px;letter-spacing:-.075em!important}.founders-period{color:#e24430}.founders-heading p{font-size:13px;color:#999;letter-spacing:.04em}
.founders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:825px;gap:clamp(24px,7vw,105px);margin:auto}.founder-photo{aspect-ratio:324/475;overflow:hidden;background:#1e0506}.founder-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.25,1),filter .8s}.founder-card:hover .founder-photo img{transform:scale(1.045);filter:brightness(1.09)}.founder-detail{padding:18px 8px 0}.founder-detail h3{font-size:clamp(20px,2.1vw,28px);font-weight:500!important;letter-spacing:-.045em!important;margin:0 0 5px}.founder-detail span{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:#c4c4c4}
@media(max-width:650px){.founders-section{padding:74px 0 85px}.founders-heading{margin-bottom:36px}.founders-grid{grid-template-columns:1fr;max-width:370px;gap:48px}.founder-detail{padding-left:0}}
.studio-numbers{background:#050606;color:#f6f6f3;padding:95px 0 75px;border-bottom:1px solid #303534}.studio-numbers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,5vw,90px);max-width:900px}.studio-number strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(65px,10vw,142px);font-weight:500;line-height:1;letter-spacing:-.085em;font-variant-numeric:tabular-nums;white-space:nowrap}.studio-number span{display:block;margin-top:15px;font-size:clamp(11px,1.2vw,14px);letter-spacing:.12em;font-weight:600}.studio-numbers-note{font-size:9px;letter-spacing:.16em;color:#737d78;margin-top:60px}.studio-number strong.counting{color:#fff;text-shadow:0 0 45px #d9e2db18}
@media(max-width:650px){.studio-numbers{padding:62px 0 53px}.studio-numbers-grid{gap:14px}.studio-number strong{font-size:clamp(37px,12vw,70px)}.studio-number span{font-size:9px;letter-spacing:.06em;margin-top:10px}.studio-numbers-note{margin-top:38px}}
.process-art{background:#151515 url('assets/process-background.png') center center/cover no-repeat;isolation:isolate}
.process-art:before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.38);z-index:0}
.process-art h2{color:#fff;text-shadow:0 3px 28px rgba(0,0,0,.6)}
/* Mobile-first refinements, kept behind a breakpoint so desktop stays unchanged. */
.mobile-menu-toggle{display:none}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:clip}
  .studio-body .nav{height:68px;padding:0 5%;gap:12px;position:sticky;top:0;z-index:60}
  .studio-body .nav .logo{min-width:0;flex:1}
  .brand-logo-nav{width:118px}
  .mobile-menu-toggle{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 46px;width:46px;height:46px;padding:9px;border:1px solid #ffffff65;background:#111716;color:#fff;position:relative;z-index:62}
  .mobile-menu-toggle span{display:block;width:20px;height:1.5px;background:currentColor;transition:transform .22s,opacity .22s}
  .studio-body .nav.menu-open .mobile-menu-toggle span:first-child{transform:translateY(6.5px) rotate(45deg)}
  .studio-body .nav.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}
  .studio-body .nav.menu-open .mobile-menu-toggle span:last-child{transform:translateY(-6.5px) rotate(-45deg)}
  .studio-body .nav .navlinks{position:absolute;top:calc(100% - 1px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:14px 5% 25px;background:#101414;border-bottom:1px solid #536059;box-shadow:0 18px 25px #0008}
  .studio-body .nav.menu-open .navlinks{display:flex}
  .studio-body .nav .navlinks a,.studio-body .nav .navlinks a:not(.active):not(.outlined){display:block;padding:16px 0;border:0;border-bottom:1px solid #ffffff24;font-size:13px;letter-spacing:.09em;min-height:48px}
  .studio-body .nav .navlinks a.active{color:#eda078}
  .studio-body .nav .navlinks a:last-child{border-bottom:0}
  .studio-body .hero{min-height:calc(100svh - 68px);max-height:none;align-items:end}
  .studio-body .hero>img{object-position:55% center}
  .studio-body .hero-content{padding:70px 6% 55px}
  .studio-body .hero h1{font-size:clamp(43px,10vw,75px);line-height:1.02;overflow-wrap:normal}
  .studio-body .hero p{font-size:14px;max-width:360px}
  .studio-body .section{padding-top:64px;padding-bottom:72px}
  .studio-body .intro{grid-template-columns:1fr;gap:4px}
  .studio-body .intro h2{font-size:clamp(37px,9vw,63px)!important;overflow-wrap:anywhere}
  .studio-body .intro p{margin:12px 0 26px;font-size:16px;line-height:1.7}
  .studio-body .sectionhead h2{font-size:clamp(35px,9.5vw,65px)!important;line-height:1.08;overflow-wrap:anywhere}
  .studio-body .sectionhead p{max-width:none}
  .studio-body .filters,.studio-body .compare-tabs,.studio-body .category-buttons{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-right:-5.3%;padding-right:5.3%;padding-bottom:8px;-webkit-overflow-scrolling:touch}
  .studio-body .filters::-webkit-scrollbar,.studio-body .compare-tabs::-webkit-scrollbar,.studio-body .category-buttons::-webkit-scrollbar{display:none}
  .studio-body .filter,.studio-body .compare-tabs button,.studio-body .category-buttons button{flex:none;white-space:nowrap;min-height:44px;scroll-snap-align:start}
  .studio-body .gallery{display:grid;grid-template-columns:1fr;gap:28px}
  .studio-body .project,.studio-body .project.wide{display:block;grid-column:auto;width:100%;margin:0}
  .studio-body .project .picture,.studio-body .project.wide .picture{height:auto;aspect-ratio:1.25}
  .studio-body .project .meta{align-items:flex-start;gap:10px}
  .studio-body .project .meta strong{min-width:0;line-height:1.4}
  .studio-body .project .meta small{white-space:nowrap}
  .studio-body .comparison{aspect-ratio:4/5;touch-action:pan-y}
  .studio-body .comparison .handle{width:46px;height:46px}
  .studio-body .comparison .flag{font-size:8px;letter-spacing:.04em;padding:9px 7px;bottom:12px}
  .studio-body .comparison .flag.left{left:8px}.studio-body .comparison .flag.right{right:8px}
  .studio-body .features,.studio-body .quote-layout{grid-template-columns:1fr;gap:25px}
  .studio-body .formgrid{grid-template-columns:1fr;gap:17px}
  .studio-body .field.full{grid-column:auto}
  .studio-body input,.studio-body textarea,.studio-body select{font-size:16px;max-width:100%}
  .studio-body .field input,.studio-body .field select,.studio-body .field textarea{min-height:50px}
  .studio-body .quote{min-height:0;padding:25px}
  .studio-body .quote .price{font-size:clamp(52px,15vw,82px)}
  .studio-body .btn,.studio-body .quote .btn,.studio-body .contact-panel button{min-height:48px}
  .studio-body .quote .btn{width:100%;line-height:1.5;white-space:normal}
  .studio-body .service{height:235px;padding:22px 6%}
  .studio-body .service h3{font-size:clamp(26px,7.5vw,39px);line-height:1.1}
  .studio-body .process-art{height:290px;background-position:center}
  .studio-body .process-art h2{font-size:clamp(35px,10vw,65px);line-height:1.04;padding:0 6%}
  .studio-body .footer{padding-top:55px}
  .studio-body .footer h2{font-size:clamp(33px,9vw,55px);line-height:1.1}
  .studio-body .footergrid,.studio-body .footbottom{display:block}
  .studio-body .footergrid>div+div{margin-top:42px}
  .studio-body .footbottom{margin-top:60px;line-height:1.9}
  .studio-body .modal{padding:15px}.studio-body .modalhead{gap:20px;align-items:center}.studio-body .modalhead button{min-height:44px}
  .studio-body .modal-inner img{max-height:75svh;width:100%;object-fit:contain}
  .page-hero{min-height:440px;height:62svh}
  .page-hero h1{font-size:clamp(43px,10vw,75px);line-height:1.03;overflow-wrap:anywhere}
  .page-shell{padding:0 6%}
  .big-heading{font-size:clamp(36px,9.5vw,65px);overflow-wrap:anywhere}
  .about-copy{font-size:clamp(22px,6vw,34px)}
  .about-columns{margin-top:45px;gap:25px}
  .portfolio-stage{height:70svh;min-height:440px;max-height:720px}
  .portfolio-stage .stage-info{width:76%;top:48%}
  .portfolio-stage h2{font-size:clamp(28px,7vw,48px);line-height:1.15}
  .portfolio-stage .stage-arrows{padding:0 3%;pointer-events:none}
  .stage-arrows button{width:44px;height:44px;pointer-events:auto;background:#121a1799}
  .stage-dots{bottom:22px;max-width:90%;gap:7px;align-items:center}
  .stage-dots button{min-width:8px;min-height:8px}
  .studio-grid{grid-template-columns:1fr;gap:27px}
  .studio-tile img{width:100%;aspect-ratio:1.27}
  .founders-section{padding:72px 0 88px}.founders-grid{grid-template-columns:1fr;max-width:390px;gap:43px}
  .studio-numbers{padding:55px 0 48px}.studio-numbers-grid{gap:10px}
  .studio-number strong{font-size:clamp(38px,11vw,69px)}.studio-number span{font-size:9px;letter-spacing:0}
  .contact-panel{grid-template-columns:1fr;gap:42px;padding:54px 6%}
  .contact-panel h2{font-size:clamp(36px,9vw,60px);overflow-wrap:anywhere}
  .contact-panel .result{font-size:clamp(32px,9vw,44px)}
  .contact-panel input,.contact-panel select,.contact-panel textarea{font-size:16px}
  .contact-panel .fields{gap:19px}
  .wave-scene{height:300px;padding:54px 5% 0}
  .wave-scene h1{font-size:clamp(34px,9vw,55px);line-height:1.08}
  .entry-content{flex:0 0 70%;padding:6%;justify-content:end;padding-bottom:15svh}
  .entry-content h2{font-size:clamp(30px,8vw,54px);line-height:1.05;margin:25px 0}
  .brand-logo-entry{width:clamp(170px,47vw,250px)}
  .entry-curtain{background-size:cover;background-position:42% center}
}
@media(max-width:380px){.brand-logo-nav{width:102px}.studio-body .hero h1{font-size:42px}.studio-number strong{font-size:37px}.studio-number span{font-size:8px}.studio-body .page-hero h1{font-size:39px}}
.studio-body .nav .navlinks{order:2}
.language-switch{order:3;display:flex;align-items:center;gap:0;flex:none;border:1px solid #6e7670;border-radius:100px;padding:3px;background:#101414}
.language-switch button{appearance:none;border:0;border-radius:100px;min-width:35px;height:29px;padding:0 7px;background:transparent;color:#aeb7b2;font-size:10px;letter-spacing:.04em;font-weight:800;line-height:1;transition:background .2s,color .2s}
.language-switch button.selected{background:#f2eee7;color:#0d1411}
.language-switch button:focus-visible{outline:2px solid #ed9a72;outline-offset:3px}
@media(max-width:760px){
  .studio-body .nav .logo{order:1}
  .mobile-menu-toggle{order:4}
  .language-switch{order:3;margin-left:auto;padding:2px}
  .language-switch button{min-width:33px;height:31px;font-size:10px}
  .studio-body .nav .navlinks{order:5}
}
.ambient-toggle{order:4;appearance:none;display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid #6e7670;border-radius:50%;background:#101414;color:#aeb7b2;transition:color .2s,border-color .2s,background .2s;position:relative}
.ambient-toggle .sound-off{opacity:1}.ambient-toggle .sound-wave{opacity:0}
.ambient-toggle.playing{color:#f3eee7;border-color:#d49b76;background:#38271f}
.ambient-toggle.playing .sound-off{opacity:0}.ambient-toggle.playing .sound-wave{opacity:1}
.ambient-toggle.playing:after{content:'';position:absolute;inset:-5px;border:1px solid #d49b7680;border-radius:50%;animation:ambientPulse 2.4s ease-in-out infinite}
.ambient-toggle:hover{color:#fff;border-color:#e2cbb9}
.ambient-toggle:focus-visible{outline:2px solid #ed9a72;outline-offset:4px}
.ambient-toggle:disabled{opacity:.45;cursor:not-allowed}
@keyframes ambientPulse{0%,100%{transform:scale(.92);opacity:.28}50%{transform:scale(1.06);opacity:.9}}
@media(max-width:760px){.ambient-toggle{order:4;width:36px;height:36px}.mobile-menu-toggle{order:5}.studio-body .nav .navlinks{order:6}}
@media(max-width:380px){.studio-body .nav{gap:5px}.brand-logo-nav{width:88px}.language-switch button{min-width:28px;height:29px;padding:0 4px}.ambient-toggle{width:34px;height:34px}.mobile-menu-toggle{flex-basis:40px;width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.ambient-toggle.playing:after{animation:none}}

.studio-body .comparison .concept.actual-clay{filter:none}

.service-options{border:1px solid #bcbcb5;padding:16px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.service-options legend{font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:0 6px}.service-options label{display:flex!important;flex-direction:row;align-items:center;gap:10px;font-size:12px!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}.service-options input[type=checkbox]{width:17px!important;height:17px!important;min-height:0!important;margin:0;accent-color:#9b6447;flex-shrink:0}.request-heading{font-size:clamp(32px,4vw,52px);line-height:1.1;margin:25px 0}.quote .line strong{max-width:65%;text-align:right;line-height:1.7}.quote .note{line-height:1.8}@media(max-width:600px){.service-options{grid-template-columns:1fr}}

.form-honeypot{display:none!important}.btn:disabled{opacity:.65;cursor:wait}

.project-lightbox{position:fixed;inset:0;margin:auto;width:min(96vw,1500px);max-width:96vw;max-height:96dvh;padding:18px;border:1px solid #556059;background:#101715;color:#efede7;box-sizing:border-box}.project-lightbox::backdrop{background:rgba(3,9,7,.94)}.lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px}.lightbox-head h2{font:500 14px/1.5 Arial,sans-serif;margin:0;letter-spacing:.04em}.lightbox-head button{flex-shrink:0;background:transparent;color:inherit;border:1px solid #748079;padding:10px 14px;cursor:pointer}.project-lightbox img{display:block;width:100%;height:auto;max-height:calc(96dvh - 100px);object-fit:contain}.project-lightbox button:focus-visible{outline:2px solid #efede7;outline-offset:3px}@media(max-width:600px){.project-lightbox{width:98vw;max-width:98vw;padding:12px}.lightbox-head h2{font-size:12px}.lightbox-head button{padding:9px 10px}}