/* Tames — type system after Ovyon: one grotesk at medium weight, two-tone copy, tiny mono labels in [ brackets ], pill buttons, 20px page margins. */
:root{--bg:#0b0b0c;--bg-2:#000;--ink:#f2f1ee;--grey:#7d7d80;--grey-2:#4b4b4e;--label:#9c9ca0;--paper:#efeeea;--paper-ink:#0c0c0d;--hair:rgba(242,241,238,.12);
--sans:'Inter Tight','Helvetica Neue',Arial,sans-serif;--mono:'Fragment Mono',ui-monospace,Menlo,monospace;
--pad:20px;--t-display:clamp(30px,2.8vw,46px);--t-list:clamp(32px,3.1vw,50px);--t-body:clamp(17px,1.39vw,21px);--t-small:clamp(14px,1.11vw,16px);--t-label:11px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:500;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
:focus-visible{outline:1px solid var(--ink);outline-offset:4px}::selection{background:var(--ink);color:var(--bg)}
h1,h2,h3,p{margin:0;font-weight:500}
.wrap{padding-left:max(var(--pad),env(safe-area-inset-left,0px));padding-right:max(var(--pad),env(safe-area-inset-right,0px))}
.display{font-size:var(--t-display);line-height:1;letter-spacing:-.02em;text-wrap:balance}
.body-l{font-size:var(--t-body);line-height:1.08;letter-spacing:-.01em}
.body-s{font-size:var(--t-small);line-height:1.15;color:var(--grey)}
.dim{color:var(--grey)}
.label,.pill,.site-footer,.meta{font-family:var(--mono);font-size:var(--t-label);line-height:1.3;font-weight:400;letter-spacing:.02em;text-transform:uppercase}
.label{color:var(--label)}
.br::before{content:"[\00a0\00a0"}.br::after{content:"\00a0\00a0]"}
.pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:10px 26px;border-radius:999px;border:0;background:var(--ink);color:var(--paper-ink);white-space:nowrap;transition:background .2s,color .2s}
.pill:hover{background:#c9c8c4}
.pill--ghost{background:rgba(242,241,238,.08);color:var(--ink);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.pill--ghost:hover{background:rgba(242,241,238,.18)}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
.skip-link{position:fixed;z-index:300;top:-70px;left:20px;padding:12px 18px;color:#000;background:#fff}.skip-link:focus{top:20px}
/* header: floating pill bar */
.site-header{position:fixed;z-index:90;top:max(14px,env(safe-area-inset-top,0px));left:max(var(--pad),env(safe-area-inset-left,0px));right:max(var(--pad),env(safe-area-inset-right,0px));height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 22px;border-radius:999px;background:rgba(18,18,20,.42);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);transition:transform .45s ease,background .3s}
.site-header.is-scrolled{background:rgba(18,18,20,.72)}.site-header.is-hidden{transform:translateY(-140%)}
.brand{display:block;width:96px}.brand img{width:100%;height:auto}
.header-actions{display:flex;align-items:center;gap:8px}
.menu-button{width:40px;height:40px;border-radius:50%;border:0;background:var(--bg-2);color:var(--ink);display:grid;place-items:center;padding:0;font-family:var(--sans);font-size:22px;font-weight:300;line-height:1;transition:transform .3s}
.menu-button:hover{transform:rotate(90deg)}
/* menu overlay */
.menu-overlay{position:fixed;z-index:120;inset:0;visibility:hidden;opacity:0;pointer-events:none;background:var(--bg-2);transition:opacity .4s ease,visibility .4s}.menu-overlay.is-open{visibility:visible;opacity:1;pointer-events:auto}
.menu-inner{height:100%;display:flex;flex-direction:column;padding-top:max(14px,env(safe-area-inset-top,0px));padding-bottom:var(--pad)}
.menu-top{height:56px;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 22px}.menu-top img{width:96px}
.menu-close{min-height:40px}
.menu-content{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:var(--pad);padding:6vh 0 4vh}
.menu-navigation{display:flex;flex-direction:column;justify-content:flex-end;gap:2px}
.menu-link{display:flex;align-items:baseline;gap:14px;width:max-content;max-width:100%;color:var(--grey);transition:color .2s}
.menu-link small{font-family:var(--mono);font-size:var(--t-label);font-weight:400;color:var(--grey-2)}
.menu-link span{font-size:clamp(40px,4.6vw,72px);line-height:1;letter-spacing:-.025em}
.menu-link:hover,.menu-link:focus-visible{color:var(--ink)}
.menu-preview{position:relative;overflow:hidden;border-radius:6px;background:#111}
.menu-preview img,.menu-preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.menu-preview video{opacity:0;transition:opacity .4s}.menu-preview video.is-active{opacity:1}
.menu-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--label)}
/* hero */
.hero{height:142svh;position:relative;--hero-progress:0}
.hero-stage{position:sticky;top:0;height:100svh;min-height:530px;overflow:hidden;isolation:isolate;background:#0a0d12;--amb:120,140,175}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hall-view{position:absolute;inset:0;perspective:var(--P,1000px);perspective-origin:var(--ox,50%) var(--oy,46%);--dz:calc(var(--hero-progress)*var(--dolly,300px))}
.pl{position:absolute;left:50%;top:var(--O,46%);display:block;max-width:none;backface-visibility:hidden;pointer-events:none}
.hall-floor{background:url(../img/hall-floor-gloss.webp) 0 0/var(--tile-floor,400px) var(--tile-floor,400px) repeat;overflow:hidden}
.hall-ceiling{background:#2a2e35 url(../img/hall-ceiling-grid.jpg) 50% 100%/var(--tile-ceil,300px) var(--tile-ceil,300px) repeat;overflow:hidden}
.hall-wall-l,.hall-wall-r,.hall-back{background:#4a5059 url(../img/hall-panels.jpg) 50% 100%/var(--tile-wall,600px) calc(var(--tile-wall,600px)/2) repeat;overflow:hidden}
.hall-wall-l::after,.hall-wall-r::after,.hall-ceiling::after,.hall-back::after{content:"";position:absolute;inset:0;pointer-events:none}
.hall-wall-l::after{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.2) 75%,transparent)}
.hall-wall-r::after{background:linear-gradient(270deg,rgba(0,0,0,.8),rgba(0,0,0,.2) 75%,transparent)}
.hall-ceiling::after{background:linear-gradient(0deg,rgba(10,14,22,.1),rgba(6,8,12,.55))}
.hall-back::after{z-index:0;background:radial-gradient(ellipse 22% 100% at 50% 0,rgba(235,242,255,.16),transparent 75%) 50% 0/var(--tile-ceil,300px) 45% repeat-x,radial-gradient(ellipse 80% 95% at 50% 55%,transparent 35%,rgba(5,7,12,.6));}
.hall-strip{display:none;position:absolute;left:50%;top:0;bottom:0;width:var(--strip-w,24px);transform:translateX(-50%);background:linear-gradient(0deg,rgba(225,232,245,.5),rgba(225,232,245,.06) 85%);box-shadow:0 0 calc(var(--strip-w,24px)*2) rgba(200,215,240,.18)}
.hall-glow{position:absolute;mix-blend-mode:screen;filter:blur(var(--gb,40px)) saturate(1.6) brightness(1.25);opacity:1;z-index:1}
#glow-floor{left:5%;width:90%;top:-10%;height:85%;-webkit-mask-image:linear-gradient(180deg,#000 10%,transparent 90%);mask-image:linear-gradient(180deg,#000 10%,transparent 90%)}
#glow-ceiling{left:0;width:100%;bottom:-15%;height:95%;opacity:1;-webkit-mask-image:linear-gradient(0deg,#000 10%,transparent 90%);mask-image:linear-gradient(0deg,#000 10%,transparent 90%)}
#glow-left{right:-10%;width:80%;top:10%;height:85%;opacity:.85;-webkit-mask-image:linear-gradient(270deg,#000 10%,transparent 90%);mask-image:linear-gradient(270deg,#000 10%,transparent 90%)}
#glow-right{left:-10%;width:80%;top:10%;height:85%;opacity:.85;-webkit-mask-image:linear-gradient(90deg,#000 10%,transparent 90%);mask-image:linear-gradient(90deg,#000 10%,transparent 90%)}
#glow-back{left:var(--gbx,10%);width:var(--gbw,80%);top:var(--gby,20%);height:var(--gbh,70%);opacity:1;-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent)}
.hall-mirror{filter:blur(3px) saturate(1.2);opacity:.95}
.hall-figure-mirror{opacity:.55;filter:blur(1.5px)}
.hall-plinth{display:none}
.led{overflow:hidden;background:#05070a;container-type:inline-size}
/* billboard cabinet: brushed aluminium, lit from the ceiling */
.led-frame{box-sizing:border-box;border:var(--bezel,10px) solid transparent;border-radius:2px;
 background:
  linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.22) 18%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 64%,rgba(255,255,255,.14) 78%,rgba(255,255,255,0) 90%) border-box,
  repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,rgba(0,0,0,.06) 1px 2px,transparent 2px 3px) border-box,
  linear-gradient(180deg,#d9dde2 0%,#9ba1a9 3%,#7a8089 22%,#5b6068 60%,#3d4147 92%,#2a2d32 100%) border-box;
 -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;
 mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0) border-box;
 box-shadow:0 0 0 1px rgba(0,0,0,.55)}
.led-frame::before{content:"";position:absolute;inset:-1px;pointer-events:none;border:1px solid;border-color:rgba(0,0,0,.65) rgba(0,0,0,.45) rgba(255,255,255,.4) rgba(0,0,0,.45)}
.led-frame::after{content:"";position:absolute;inset:calc(var(--bezel,10px) * -1);border-radius:2px;pointer-events:none;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.5),inset 0 0 0 calc(var(--bezel,10px) - 1px) transparent}
.led-side{background:#3a3e44}
.led-side--bottom{background:linear-gradient(0deg,#c3c8ce,#868c94 45%,#5c6168);}
.led-side--top{background:linear-gradient(180deg,#1b1d21,#2c2f34)}
.led-side--left{background:linear-gradient(90deg,#4a4f56,#6f747c 60%,#878c94)}
.led-side--right{background:linear-gradient(270deg,#4a4f56,#6f747c 60%,#878c94)}
.led-side::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3px)}
.led-shadow{background:rgba(3,4,7,.75);filter:blur(calc(var(--bezel,10px) * 1.6));border-radius:4px}
.led-poster,.led-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(1.12) contrast(1.05) saturate(1.1)}
.led-video{opacity:0;transition:opacity .8s ease}.led-video.is-playing{opacity:1}
.led-ui{position:absolute;inset:0;z-index:2;padding:3.6cqw 3.8cqw;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.led-mark{width:clamp(80px,18cqw,420px);height:auto;opacity:.94;filter:drop-shadow(0 0 .6cqw rgba(255,255,255,.22))}
.led-mesh{position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 38%),repeating-linear-gradient(90deg,transparent 0 calc(100%/var(--led-cols,10) - 1px),rgba(0,0,0,.09) calc(100%/var(--led-cols,10) - 1px) calc(100%/var(--led-cols,10))),repeating-linear-gradient(0deg,transparent 0 calc(100%/var(--led-rows,6) - 1px),rgba(0,0,0,.09) calc(100%/var(--led-rows,6) - 1px) calc(100%/var(--led-rows,6))),radial-gradient(circle at 50% 50%,transparent 55%,rgba(0,0,0,.2) 80%) 0 0/3px 3px}
.led::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.9),inset 0 calc(var(--bezel,10px) * .5) calc(var(--bezel,10px) * .9) rgba(0,0,0,.55),inset 0 calc(var(--bezel,10px) * -.2) calc(var(--bezel,10px) * .5) rgba(0,0,0,.35)}
.hall-dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.hall-haze{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 22% at 50% var(--haze-y,74%),rgba(var(--amb),.13),transparent 70%),radial-gradient(ellipse 80% 45% at 50% 45%,rgba(var(--amb),.05),transparent 70%)}
.hero-vignette{pointer-events:none;position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,rgba(0,0,0,.4),transparent 18%,transparent 82%,rgba(0,0,0,.4)),linear-gradient(180deg,rgba(0,0,0,.2),transparent 30%,transparent 75%,rgba(0,0,0,.3));}.hero-fade{position:absolute;inset:0;background:#0b0a0b;opacity:calc(var(--hero-progress)*1.09);z-index:6;pointer-events:none}
.hero-ui{pointer-events:none;z-index:7;position:absolute;inset:0;padding-bottom:max(22px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;justify-content:flex-end;opacity:calc(1 - var(--hero-progress)*1.4)}
.hero-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;color:#e9e8e4}
.hero-bottom > :last-child{justify-self:end}
.hero-clock{display:flex;flex-direction:column;gap:3px}
.hero-actions{pointer-events:auto;display:flex;gap:8px;align-items:center}
.soundless-button{pointer-events:auto}
/* intro */
.intro{position:relative;z-index:9;background:var(--bg);padding-block:clamp(56px,7vw,110px) clamp(110px,14vw,220px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pad)}
.intro-copy{display:flex;flex-direction:column;gap:18px;max-width:600px}
/* section heads */
.section-head{display:flex;justify-content:space-between;gap:var(--pad);align-items:baseline;padding-bottom:clamp(36px,5vw,70px)}
/* work */
.work{background:var(--bg);padding-block:0 clamp(110px,14vw,220px)}
.project-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(70px,9vw,140px)}
.project-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--pad);align-items:end}
.project-media{grid-column:1 / span 6;position:relative;aspect-ratio:16/10;overflow:hidden;background:#141416;border-radius:4px}
.project-media img,.project-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.project-media video{opacity:0;transition:opacity .5s}.project-media video.is-playing{opacity:1}
.project-info{grid-column:8 / span 5;display:flex;flex-direction:column;gap:18px}
.meta{display:grid;grid-template-columns:auto 1fr;gap:3px 22px;margin:0}
.meta dt{color:var(--label)}.meta dd{margin:0;color:var(--ink)}
.project-info .pill{align-self:flex-start;margin-top:6px}
.project-row:nth-child(even) .project-media{grid-column:7 / span 6;grid-row:1}
.project-row:nth-child(even) .project-info{grid-column:1 / span 5;grid-row:1}
/* studio + services */
.approach{background:var(--bg-2);padding-block:clamp(90px,11vw,170px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--pad)}
.approach-copy{grid-column:1 / span 4;display:flex;flex-direction:column;gap:20px;align-self:start;position:sticky;top:110px}
.approach-copy .pill{align-self:flex-start;margin-top:10px}
.services{grid-column:6 / span 7}
.services .label{display:block;margin-bottom:22px}
.service-list{list-style:none;margin:0;padding:0}
.service-list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:var(--pad);align-items:center;padding:4px 0;color:var(--grey-2);transition:color .35s}
.service-list li.is-lit{color:var(--ink)}
.service-list h3{font-size:var(--t-list);line-height:1;letter-spacing:-.025em}
.service-list p{font-size:var(--t-small);line-height:1.2;color:var(--grey);opacity:0;transition:opacity .35s}
.service-list li.is-lit p{opacity:1}
/* contact */
.contact{background:var(--bg);padding-block:clamp(110px,14vw,220px) clamp(70px,9vw,140px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pad);align-items:end}
.contact-copy{display:flex;flex-direction:column;gap:18px;max-width:560px}
.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.email-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.email-line .label{color:var(--ink);user-select:all}
/* founder + avatars (LinkedIn) */
.avatar{display:block;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 2px var(--ink)}
.avatar--lg{width:52px;height:52px}
.avatar--sm{width:22px;height:22px;box-shadow:0 0 0 1.5px var(--ink)}
.founder{display:inline-flex;align-items:center;gap:14px;margin-top:6px}
.founder-text{display:flex;flex-direction:column;gap:3px}
.founder-name{font-size:var(--t-small);line-height:1.1;color:var(--ink)}
.founder .pill{margin-left:6px}
.founder:hover .pill{background:rgba(242,241,238,.18)}
.li-link{display:inline-flex!important;align-items:center;gap:9px}
.site-footer .avatar{box-shadow:0 0 0 1.5px #fff}
/* footer */
.site-footer{background:var(--paper);color:var(--paper-ink);padding-block:22px max(22px,env(safe-area-inset-bottom,0px))}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:clamp(60px,8vw,120px)}
.footer-brand img{width:clamp(120px,12vw,180px);filter:brightness(0)}
.footer-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pad)}
.footer-cols h4{margin:0 0 12px;font-weight:400;color:#77777b}
.footer-cols a,.footer-cols span{display:block;margin-bottom:4px;overflow-wrap:anywhere}
.footer-cols a:hover{text-decoration:underline;text-underline-offset:3px}
.footer-base{display:flex;justify-content:space-between;gap:16px;margin-top:clamp(50px,6vw,90px);color:#77777b}
/* contact dialog */
.contact-dialog{position:fixed;z-index:180;background:#121214;color:var(--ink);border:0;border-radius:10px;box-shadow:0 30px 100px #000;width:min(640px,calc(100% - 24px));max-height:94svh;padding:clamp(22px,3.4vw,40px);overflow-y:auto}
.contact-dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(8px)}
.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px}
.dialog-intro{margin:14px 0 30px}
#inquiry-form{display:flex;flex-direction:column;gap:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#inquiry-form label{display:flex;flex-direction:column;gap:8px;font-family:var(--mono);font-size:var(--t-label);font-weight:400;text-transform:uppercase;color:var(--label)}
#inquiry-form input,#inquiry-form select,#inquiry-form textarea{font-family:var(--sans);font-size:17px;font-weight:500;text-transform:none;background:transparent;border:0;border-bottom:1px solid var(--hair);padding:8px 0;color:var(--ink);border-radius:0}
#inquiry-form select option{background:#121214}
#inquiry-form input:focus,#inquiry-form select:focus,#inquiry-form textarea:focus{outline:none;border-bottom-color:var(--ink)}
.form-submit{align-self:flex-start;margin-top:8px}
.dialog-email{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}
/* project pages */
.page-project main{padding-top:130px}
.project-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pad);padding-bottom:clamp(40px,5vw,70px)}
.project-intro .label{grid-column:1 / -1;margin-bottom:clamp(30px,5vw,70px)}
.project-intro-copy{display:flex;flex-direction:column;gap:18px;max-width:560px}
.project-film video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}
.project-film-caption{display:flex;justify-content:space-between;gap:var(--pad);padding-block:14px}
.project-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pad);padding-block:clamp(90px,11vw,170px)}
.project-story p{max-width:600px}
.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:var(--pad)}
.project-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px}
.project-gallery img:first-child{grid-column:1 / -1;aspect-ratio:21/9}.project-gallery--stack{grid-template-columns:minmax(0,1fr)}.project-gallery--stack img{aspect-ratio:21/9}
.project-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pad);padding-block:clamp(50px,6vw,90px) clamp(90px,11vw,160px)}
.project-meta div{display:flex;flex-direction:column;gap:8px}
.project-meta strong{font-family:var(--sans);font-size:var(--t-small);text-transform:none;letter-spacing:-.005em;font-weight:500;line-height:1.2}
.project-next{display:flex;justify-content:space-between;align-items:end;gap:var(--pad);padding-block:clamp(70px,9vw,130px);background:var(--bg-2);transition:background .3s}
.project-next:hover{background:#161618}
/* responsive */
@media(max-width:900px){
 .intro,.contact,.project-intro,.project-story{grid-template-columns:minmax(0,1fr);gap:28px}
 .project-row,.project-row:nth-child(even){grid-template-columns:minmax(0,1fr);gap:18px}
 .project-row .project-media,.project-row:nth-child(even) .project-media,.project-row .project-info,.project-row:nth-child(even) .project-info{grid-column:1;grid-row:auto}
 .approach{grid-template-columns:minmax(0,1fr);gap:60px}
 .approach-copy,.services{grid-column:1;position:static}
 .service-list li{grid-template-columns:minmax(0,1fr)}
 .service-list p{display:none}
 .footer-cols,.project-meta{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}
 .menu-content{grid-template-columns:minmax(0,1fr)}.menu-preview{display:none}
}
@media(max-width:600px){
 :root{--t-display:32px;--t-list:34px;--t-body:18px}
 .site-header{height:52px;padding-left:18px}.menu-button{width:36px;height:36px}
 .header-actions .pill{padding:8px 18px;min-height:32px}
 .hero-bottom{grid-template-columns:1fr auto}.hero-bottom .hero-explore{display:none}
 .form-row{grid-template-columns:minmax(0,1fr)}
 .footer-base{flex-direction:column}
 .footer-cols{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hall-view{--dz:0px!important}.service-list li{color:var(--ink)}.service-list p{opacity:1}}