:root{
  --brand:#2b080a;
  --brand-soft:#3a1114;
  --bg:#160f10;
  --bg-deep:#0d0809;
  --surface:#211416;
  --surface-2:#291719;
  --surface-3:#321a1d;
  --wine:#4f171b;
  --wine-2:#6a2026;
  --red:#d7656c;
  --red-soft:#ef8c92;
  --white:#faf7f4;
  --muted:#c0b4b1;
  --muted-2:#8d8280;
  --line:rgba(255,255,255,.13);
  --line-strong:rgba(255,255,255,.21);
  --font:'Inter',sans-serif;
  --display:'Space Grotesk',sans-serif;
  --shadow:0 24px 80px rgba(0,0,0,.24);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
.home-html{scroll-snap-type:y proximity;scroll-padding-top:78px}
body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--white);font-family:var(--font);line-height:1.55}
body::selection{background:var(--red);color:#160d0e}
a{color:inherit}
button,input,textarea,select{font:inherit}
img{max-width:100%}
.shell{width:min(1240px,calc(100% - 64px));margin:auto}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--red-soft);outline-offset:4px}

/* NAV */
.nav{height:78px;position:sticky;z-index:50;top:0;left:0;right:0;padding:0 max(32px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:24px;border-top:2px solid rgba(239,140,146,.28);border-bottom:1px solid var(--line);background:rgba(18,13,14,.9);backdrop-filter:blur(18px)}
.nav-logo img{width:126px;display:block}
.nav nav{margin-left:auto;display:flex;gap:30px;min-width:0}
.nav nav a,.social a{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;text-decoration:none;color:#d8cfcc;white-space:nowrap;transition:.2s}
.nav nav a:hover,.social a:hover{color:var(--red-soft)}
.social{display:flex;gap:13px;margin-left:30px;padding-left:25px;border-left:1px solid var(--line)}

/* TYPE / COMMON */
.kicker{margin:0 0 14px;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.23em;text-transform:uppercase}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;text-decoration:none;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:800;border:1px solid var(--line-strong);transition:background .22s,border-color .22s,color .22s,transform .22s}
.button:hover{transform:translateY(-1px)}
.primary{background:var(--white);color:#171011;border-color:var(--white)}
.primary:hover{background:var(--red-soft);border-color:var(--red-soft)}
.ghost{background:transparent;color:var(--white)}
.ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3)}
.large{padding:15px 21px}
.text-link{display:inline-block;color:#f1d7d8;text-decoration:none;border-bottom:1px solid rgba(241,215,216,.4);font-size:12px;padding-bottom:4px}
.section-intro{max-width:480px;color:var(--muted);font-size:15px;margin:0}

/* HOME: continuous visual system */
.home-page main{background:linear-gradient(180deg,#160f10 0%,#190f11 48%,#140d0e 100%)}
.home-page .snap-section{position:relative;scroll-margin-top:78px;scroll-snap-align:start}
.home-page .snap-section+ .snap-section{border-top:1px solid rgba(255,255,255,.055)}
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .58s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1)}
.js .is-visible .reveal{opacity:1;transform:none}
.reveal:nth-child(2){transition-delay:.06s}.reveal:nth-child(3){transition-delay:.11s}

/* HERO */
.hero{position:relative;min-height:calc(100svh - 78px);display:grid;grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr);gap:64px;align-items:center;padding:64px max(32px,calc((100vw - 1240px)/2)) 132px;overflow:hidden;background:
  radial-gradient(circle at 10% 38%,rgba(43,8,10,.92),transparent 42%),
  linear-gradient(132deg,#180f10 0%,#140e0f 58%,#211113 100%)}
.hero::after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-280px;bottom:-330px;background:rgba(215,101,108,.08);filter:blur(10px);pointer-events:none}
.hero-content{position:relative;z-index:2}
.hero-logo{width:min(430px,70%);margin:0 0 28px;display:block}
.hero h1{font:600 clamp(48px,5vw,72px)/.99 var(--display);letter-spacing:-.052em;margin:0}
.hero h1 span{color:var(--red-soft)}
.hero-lead{font-size:17px;color:#d0c5c2;max-width:590px;margin:25px 0 32px}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-side{align-self:center;position:relative}
.hero-photo{width:100%;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);background:var(--bg-deep);box-shadow:var(--shadow)}
.hero-photo img{width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.9) contrast(1.02)}
.hero-side::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgba(79,23,27,.36))}
.stat{position:relative;z-index:3;margin-top:-1px;display:inline-flex;vertical-align:top;flex-direction:column;width:50%;min-width:0;padding:15px 19px;border:1px solid var(--line);background:#281c1d}
.stat strong{font:600 24px var(--display)}
.stat span{font-size:9px;color:#b5a8a5;text-transform:uppercase;letter-spacing:.11em}

/* compact hero service nav */
.hero-service-tabs{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:min(1120px,calc(100% - 64px));z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.js .hero-service-tabs.reveal{transform:translate(-50%,16px)}
.js .hero.is-visible .hero-service-tabs.reveal{transform:translate(-50%,0)}
.hero-service-tabs a{min-height:70px;padding:13px 15px;border:1px solid var(--line);background:rgba(43,27,29,.91);backdrop-filter:blur(14px);text-decoration:none;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;align-content:center;transition:.24s}
.hero-service-tabs a:hover{background:#382326;border-color:rgba(239,140,146,.42);transform:translateY(-2px)}
.hero-service-tabs span{grid-row:1/3;font-size:10px;color:var(--red-soft);padding-top:3px}
.hero-service-tabs b{font:600 15px var(--display)}
.hero-service-tabs small{font-size:8px;color:#a99c99;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* SECTIONS */
.services,.compact-studio,.work,.about-section{padding:clamp(72px,7vw,96px) 0}
.section-top{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:34px}
.section-top h2,.studio h2,.about h2{font:600 clamp(38px,4vw,58px)/1.02 var(--display);letter-spacing:-.045em;margin:0}

/* SERVICES */
.services{background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.025))}
.service-list{border-top:1px solid var(--line)}
.service-link{text-decoration:none}
.service-list article{display:grid;grid-template-columns:52px .72fr 1.15fr 28px;gap:26px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line);transition:.2s}
.service-list article:hover{padding-left:10px;background:linear-gradient(90deg,rgba(215,101,108,.07),transparent 68%)}
.service-list span{color:var(--red-soft);font-size:10px;letter-spacing:.12em}
.service-list h3{font:600 21px var(--display);margin:0}
.service-list p{color:var(--muted);margin:0;max-width:600px;font-size:13px}
.service-list b{font-weight:400;color:#a89693}

/* STUDIO CAROUSEL */
.compact-studio{background:linear-gradient(180deg,#170f10 0%,#190f11 100%)}
.studio-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:46px;align-items:center}
.studio-image{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);background:#100c0d;box-shadow:0 22px 70px rgba(0,0,0,.18)}
.studio-image img{width:100%;height:100%;object-fit:contain;object-position:center;background:#100c0d;transition:opacity .45s ease,transform .65s cubic-bezier(.22,1,.36,1);filter:saturate(.96) contrast(1.01)}
.studio-image img.is-fading{opacity:.34;transform:scale(1.008)}
.carousel-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(10,7,8,.4));pointer-events:none}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.28);background:rgba(24,14,15,.78);color:#fff;cursor:pointer;opacity:.78;transition:.2s;font-size:22px}
.studio-carousel:hover .carousel-arrow,.studio-carousel:focus-within .carousel-arrow{opacity:1}.carousel-arrow.prev{left:14px}.carousel-arrow.next{right:14px}
.carousel-count{position:absolute;left:16px;bottom:14px;display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:.12em}.carousel-count i{display:block;width:46px;height:1px;background:rgba(255,255,255,.5)}
.studio-copy{padding:10px 0}
.studio-copy h2{margin-bottom:17px}
.studio-copy>p:not(.kicker){max-width:540px;font-size:16px;color:#cec2bf;margin-bottom:22px}
.carousel-caption{border-top:1px solid var(--line);padding-top:20px;max-width:560px;min-height:118px}
.carousel-caption>span{display:block;color:var(--red);font-size:9px;font-weight:800;letter-spacing:.2em;margin-bottom:9px}
.carousel-caption p{margin:0;color:#d4c8c5!important;font-size:14px!important}
.caption-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:17px 0 4px}
.caption-tools::before{content:"TOOLS";font-size:8px;letter-spacing:.17em;color:#8f8280;margin-right:4px}
.caption-tools span{border:1px solid var(--line);background:#25191a;padding:6px 8px;font-size:8px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#d9cfcc}
@media(hover:hover){.carousel-arrow{opacity:0}}

/* SELECTED WORK - keep the strongest piece */
.work{background:#150e0f}
.genre-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.genre-tabs button{border:1px solid var(--line);background:#1d1617;color:#aca19e;padding:8px 12px;font:700 9px var(--font);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:.2s}
.genre-tabs button.active,.genre-tabs button:hover{background:#542026;color:#fff;border-color:#8f3a41}
.track-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.track-scroll{max-height:350px;overflow:auto;scrollbar-width:thin;scrollbar-color:#643039 #1c1516}
.player{display:grid;grid-template-columns:44px 1fr 44px 220px;align-items:center;gap:22px;padding:18px 10px;border-bottom:1px solid rgba(255,255,255,.09);transition:.2s}
.player:last-child{border-bottom:0}.player:hover{background:#1e1617}
.player-no{font:500 10px var(--display);color:#716866}.player small{font-size:8px;color:var(--red);letter-spacing:.18em}.player h3{font:600 20px var(--display);margin:2px 0}.player p{margin:0;color:#746b69;font-size:10px}.play{width:38px;height:38px;border-radius:50%;border:1px solid #635657;background:transparent;color:#fff;cursor:pointer}.wave{height:30px;opacity:.7;background:repeating-linear-gradient(90deg,#8a3f45 0 2px,transparent 2px 7px);mask-image:linear-gradient(180deg,transparent 0,#000 35%,#000 65%,transparent 100%)}

/* PROJECTS - part of Work, not a separate oversized page */
.project-strip{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:44px;align-items:center;margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}
.project-heading h3{font:600 clamp(22px,2.1vw,30px)/1.08 var(--display);letter-spacing:-.025em;margin:0 0 9px}
.project-heading>p:last-child{max-width:410px;margin:0;color:var(--muted);font-size:12px}
.project-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}
.project-card{appearance:none;text-align:left;color:inherit;width:100%;min-height:112px;padding:17px 18px;border:1px solid var(--line);background:rgba(43,8,10,.34);cursor:pointer;display:grid;grid-template-columns:28px 1fr 18px;gap:10px;align-items:center;transition:background .22s,border-color .22s,transform .22s}
.project-card:hover{transform:translateY(-2px);border-color:rgba(239,140,146,.38);background:rgba(58,17,20,.82)}
.project-card>span:first-child{align-self:start;padding-top:3px;font-size:9px;color:var(--red-soft);letter-spacing:.16em}
.project-copy{display:flex;min-width:0;flex-direction:column;gap:7px}
.project-copy strong{font:600 18px/1.13 var(--display)}
.project-copy small{color:#aa9c99;font-size:10px;line-height:1.35}
.project-card b{align-self:start;font-weight:400;color:#c2b3b0}
.project-dialog{width:min(700px,calc(100% - 30px));background:#211718;color:#f6f1ee;border:1px solid rgba(239,140,146,.28);padding:0;box-shadow:0 30px 120px rgba(0,0,0,.5)}
.project-dialog::backdrop{background:rgba(7,5,5,.82);backdrop-filter:blur(5px)}
.project-dialog-inner{padding:34px}.project-dialog .dialog-close{float:right;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}.project-dialog h2{font:600 34px/1.06 var(--display);margin:28px 0 10px}.project-dialog p{color:#c8b9b6}.project-dialog .mini-tracks{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.project-dialog .mini-tracks span{padding:7px 9px;border:1px solid var(--line);font-size:9px}.project-dialog a{display:inline-block;margin-top:10px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}

/* ABOUT */
.about-section{background:linear-gradient(180deg,#150e0f,#170e10)}
.about{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);gap:58px;align-items:center}
.about-image{width:100%;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);background:var(--bg-deep)}
.about-image img{width:100%;height:100%;object-fit:contain;object-position:center}
.about-copy>p{max-width:650px;color:#c6b9b6;font-size:15px}
.about-facts{margin:25px 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-facts span{padding:15px 12px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8f8481;border-right:1px solid var(--line)}.about-facts span:last-child{border-right:0}.about-facts b{display:block;font:600 22px var(--display);color:#fff;margin-bottom:3px}

/* CONTACT CTA */
.contact{padding:82px 0;background:linear-gradient(120deg,#1a1012 0%,var(--brand) 70%,#351014 100%)}
.contact-inner{position:relative;padding-left:28px;border-left:3px solid var(--red)}
.contact h2{font:600 clamp(45px,5.4vw,72px)/1 var(--display);letter-spacing:-.05em;margin:0;max-width:860px}
.contact-copy{max-width:640px;color:#c6b8b5;margin:22px 0 26px}.contact-meta{display:flex;gap:26px;margin-top:30px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8f8280}

/* FOOTER */
footer{background:#0d090a;border-top:1px solid rgba(255,255,255,.06)}
.footer{min-height:130px;display:flex;align-items:center;gap:42px}.footer img{width:140px}.footer div{display:flex;gap:18px}.footer a{font-size:9px;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;color:#938885}.footer a:hover{color:var(--red-soft)}.footer>span{margin-left:auto;color:#5e5553;font-size:9px}

/* DIALOG */
dialog:not(.project-dialog){width:min(700px,calc(100% - 30px));max-height:80vh;overflow:auto;background:#211718;color:#eee;border:1px solid #5a3639;padding:40px}dialog:not(.project-dialog)::backdrop{background:rgba(0,0,0,.82)}dialog:not(.project-dialog) button{float:right;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}dialog h2{font:600 38px var(--display)}dialog h3{margin-top:28px}.legal-note{color:#8e8582;font-size:12px;border-top:1px solid var(--line);padding-top:20px}

/* SERVICE / ABOUT DETAIL PAGES */
.page-body{background:#160f10;min-height:100vh}
.page-body main{padding-bottom:50px}
.page-hero{position:relative;margin:0;background:linear-gradient(115deg,#190f11 0%,var(--brand) 62%,#351014 100%);border-bottom:1px solid var(--line);overflow:hidden}
.page-hero::after{content:"";position:absolute;right:-100px;top:-180px;width:500px;height:500px;border-radius:50%;background:rgba(215,101,108,.09);pointer-events:none}
.page-hero .shell{position:relative;z-index:2;padding:62px 0 54px;min-height:300px;display:flex;flex-direction:column;justify-content:center}
.back{display:inline-block;width:max-content;margin-bottom:38px;text-decoration:none;color:#b9acab;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.back:hover{color:var(--red-soft)}
.page-hero h1{font:600 clamp(48px,6vw,72px)/1 var(--display);letter-spacing:-.05em;margin:0 0 18px}.page-hero> .shell>p:not(.kicker){max-width:670px;color:#d0c3c0;font-size:16px;margin:0}
.page-hero .hero-inline-cta{margin-top:25px}
.page-content{padding:62px 0 72px;background:#160f10}
.page-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:66px;align-items:start}
.page-grid h2{font:600 31px/1.08 var(--display);margin:0 0 26px}
.detail-list{border-top:1px solid var(--line)}.detail-list>div{padding:20px 0;border-bottom:1px solid var(--line)}.detail-list h3{font:600 17px var(--display);margin:0 0 7px}.detail-list p{margin:0;color:#bcaeab;font-size:13px;max-width:650px}
.detail-visuals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 22px}.detail-visuals img{width:100%;height:235px;object-fit:contain;object-position:center;border:1px solid var(--line);background:var(--bg-deep)}.detail-visuals img:nth-child(2){height:235px}
.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:20px}.price-card{padding:16px;border:1px solid var(--line);background:#23191a}.price-card b{display:block;font:600 17px var(--display);margin-bottom:4px}.price-card span{color:var(--red-soft);font-size:12px}
.examples-block{margin-top:32px}.examples-block h3{font:600 21px var(--display);margin-bottom:11px}.example-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:14px 0;border-top:1px solid var(--line)}.example-row:last-child{border-bottom:1px solid var(--line)}.example-row p{margin:0;color:#bcaeab;font-size:12px}.example-row button{border:1px solid var(--line);background:transparent;color:#fff;border-radius:50%;width:36px;height:36px}.example-row a{font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.page-cta{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.tool-card{padding:16px;border:1px solid var(--line);background:#23191a}.tool-card b{display:block;margin-bottom:5px;font-size:13px}.tool-card p{margin:0;color:#bbaea9;font-size:11px}

/* ABOUT DETAIL */
.about-page-section{padding:68px 0}.about-page-section+ .about-page-section{border-top:1px solid rgba(255,255,255,.06);background:#190f11}.about-equipment{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px}.about-equipment h2{font:600 38px/1 var(--display);margin:0}.about-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px}.about-gallery img{width:100%;height:240px;object-fit:contain;object-position:center;border:1px solid var(--line);background:var(--bg-deep)}
.hardware-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.hardware-list article{padding:17px;border:1px solid var(--line);background:#23191a}.hardware-list h3{margin:0 0 6px;font:600 16px var(--display)}.hardware-list p{margin:0;color:#bbaea9;font-size:12px}

/* CONTACT PAGE */
.contact-page{padding:78px 0 90px;background:linear-gradient(180deg,#160f10,#190f11)}
.contact-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}
.contact-side{position:sticky;top:120px}.contact-side h1{font:600 clamp(48px,5vw,70px)/1 var(--display);letter-spacing:-.05em;margin:0 0 24px}.contact-side p:not(.kicker){color:#c3b6b3;max-width:460px}
.contact-form{background:#211718;border:1px solid var(--line);padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.12)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#c6b9b6}.optional{font-weight:400;color:#776d6b}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#181213;color:#fff;padding:13px 12px;outline:none}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(239,140,146,.62);box-shadow:0 0 0 3px rgba(215,101,108,.08)}.form-note{font-size:10px;color:#817674}.form-status{margin-top:14px;font-size:12px}.form-status.ok{color:#9ed4ad}.form-status.error{color:#f08c91}

/* RESPONSIVE */
@media(max-width:980px){
  .nav{gap:18px}.nav nav{gap:20px;overflow-x:auto;scrollbar-width:none}.nav nav::-webkit-scrollbar{display:none}.social{display:none}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:72px;padding-bottom:72px;gap:38px}.hero-side{width:100%;max-width:680px}.hero-photo{height:auto}
  .hero-service-tabs{position:relative;left:auto;bottom:auto;transform:none;width:100%;grid-template-columns:repeat(2,1fr)}
  .js .hero-service-tabs.reveal{transform:translateY(16px)}.js .hero.is-visible .hero-service-tabs.reveal{transform:none}
  .studio-shell,.about,.page-grid,.about-equipment,.contact-layout{grid-template-columns:1fr}
  .project-strip{grid-template-columns:1fr;gap:22px}.project-cards{grid-template-columns:1fr 1fr}.about{gap:34px}.about-image{height:auto;max-width:760px}
  .contact-side{position:static}.detail-visuals{max-width:760px}
  .service-list article{grid-template-columns:44px 1fr 28px}.service-list article p{grid-column:2}
  .section-top{align-items:start;flex-direction:column;gap:20px}
  .player{grid-template-columns:38px 1fr 44px}.wave{grid-column:2/-1}
}

@media(max-width:620px){
  .home-html{scroll-padding-top:66px}.shell{width:calc(100% - 32px)}.nav{height:66px;padding:0 16px;gap:16px}.nav-logo{flex:0 0 auto}.nav-logo img{width:96px}.nav nav{gap:17px;margin-left:auto;padding:20px 2px}.nav nav a,.social a{font-size:9px;letter-spacing:.1em}
  .hero{padding:56px 16px 48px;gap:32px}.hero-logo{width:min(330px,86%);margin-bottom:24px}.hero h1{font-size:44px}.hero-lead{font-size:15px;margin:20px 0 26px}.hero-service-tabs{grid-template-columns:1fr;gap:6px}.hero-service-tabs a{min-height:55px;padding:10px 12px}
  .services,.work,.about-section,.compact-studio,.contact{padding-top:62px;padding-bottom:62px}.service-list article{grid-template-columns:32px 1fr 24px;gap:12px;padding:17px 0}.service-list h3{font-size:18px}.service-list p{grid-column:2/4;font-size:12px}
  .studio-image{height:auto}.studio-copy>p:not(.kicker){font-size:14px}.carousel-caption{min-height:130px}.project-cards{grid-template-columns:1fr}.project-card{min-height:104px}.about-image{height:auto}.about-facts{grid-template-columns:1fr}.about-facts span{border-right:0;border-bottom:1px solid var(--line)}
  .track-scroll{max-height:none;overflow:visible}.player{grid-template-columns:30px 1fr 40px;gap:12px;padding:16px 4px}.wave{display:none}.player h3{font-size:17px}
  .contact-inner{padding-left:20px}.contact-meta{flex-direction:column;gap:8px}.footer{flex-wrap:wrap;padding:30px 0}.footer>span{margin-left:0;width:100%}
  .page-hero .shell{min-height:240px;padding:42px 0}.back{margin-bottom:28px}.page-content{padding:44px 0 60px}.detail-visuals{grid-template-columns:1fr}.detail-visuals img,.detail-visuals img:nth-child(2){height:210px}.price-grid,.tool-grid,.hardware-list{grid-template-columns:1fr}.about-gallery{grid-template-columns:1fr}.about-gallery img{height:230px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.contact-form{padding:20px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}.js .reveal{opacity:1;transform:none;transition:none}.studio-carousel img{transition:none!important}.button,.service-list article,.project-card{transition:none}}
.detail-visuals.triple{grid-template-columns:repeat(3,1fr)}
.detail-visuals.triple img,.detail-visuals.triple img:nth-child(2){height:190px}
@media(max-width:620px){.detail-visuals.triple{grid-template-columns:1fr}.detail-visuals.triple img,.detail-visuals.triple img:nth-child(2){height:210px}}