/* responsive — ported from the approved design; colours come only from theme variables. */
@media (max-width:1199px){
.menu-btn{display:inline-flex}
.mainnav{position:fixed;left:0;right:0;top:var(--bar);bottom:0;background:var(--chrome);padding:16px var(--gut) 90px;border-top:1px solid var(--chrome-3);display:none;overflow:auto;z-index:70}
.appbar.open .mainnav{display:block}
.pal-h{display:block}
.mainnav ul{flex-direction:column;gap:6px}
.mainnav li{opacity:0;transform:translateX(-10px);animation:palIn .35s var(--ease) forwards}
.mainnav li:nth-child(2){animation-delay:.03s}.mainnav li:nth-child(3){animation-delay:.06s}.mainnav li:nth-child(4){animation-delay:.09s}.mainnav li:nth-child(5){animation-delay:.12s}.mainnav li:nth-child(6){animation-delay:.15s}.mainnav li:nth-child(7){animation-delay:.18s}
.mainnav a{padding:14px 12px;font-size:1.25rem;border-radius:12px;background:var(--chrome-2)}
.mainnav .brush::after{right:auto;width:140px}
}
@keyframes palIn{to{opacity:1;transform:none}}
@media (max-width:991px){
.hero-grid,.build,.studio,.device,.letter,.detail,.contact-grid,.news{grid-template-columns:minmax(0,1fr)}
.g3,.plans{grid-template-columns:repeat(2,minmax(0,1fr))}
.g4,.team,.gal{grid-template-columns:repeat(2,minmax(0,1fr))}
.facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.fact:nth-child(3){border-left:0}
.fact:nth-child(n+3){border-top:1px solid var(--line)}
.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.legal{grid-template-columns:minmax(0,1fr)}
.legal nav{position:static}
.factbox{position:static}
.build-fig{top:calc(var(--bar) + 40px);max-width:460px;width:100%;margin:0 auto;z-index:2}
.cmap-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
.appbar-tools .btn{display:none}
.tool-btn .t{display:none}
.appwin-body{grid-template-columns:minmax(0,1fr)}
.layers{border-left:0;border-top:1px solid color-mix(in srgb,var(--white) 6%,transparent)}
.layers ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.lyr{grid-template-columns:1fr;justify-items:center;text-align:center;gap:4px;padding:6px 2px}
.lyr .th{width:38px;height:38px}
.lyr .nm{font-size:.68rem}
.lyr .bm{display:none}
.lyr .eye{width:20px;height:20px}
.lyr .eye svg{width:15px;height:15px}
.doctab .meta span:not(:first-child){display:none}
.g2,.g3,.g4,.plans,.honest,.frow{grid-template-columns:minmax(0,1fr)}
.team,.gal{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fgrid{grid-template-columns:minmax(0,1fr)}
.build-fig{display:none}
.step .mini{display:block}
.steps{gap:18px;padding:0}
.step.cur{transform:none}
.step{padding:20px}
.ladder li{grid-template-columns:76px 1fr}
.nosub{flex-direction:column;align-items:flex-start}
.cmap-legend{grid-template-columns:minmax(0,1fr)}
.picker{position:fixed;left:16px;right:16px;top:calc(var(--bar) + 6px);width:auto}
.brushes{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-ctas .btn{flex:1 1 100%}
}
@media (max-width:479px){
.logo span{font-size:.98rem}
.logo b{display:none}
.appbar-in{gap:10px}
}
@media (max-width:991px){
.chero{grid-template-columns:minmax(0,1fr)}
.flow{grid-template-columns:repeat(2,minmax(0,1fr))}
.gal.masonry{columns:3 180px}
}
@media (max-width:767px){
.ccard.wide{flex-direction:column}
.ccard.wide .thumb{flex:none;border-right:0;border-bottom:1px solid var(--line)}
.path4::before{left:17px;right:auto;top:18px;bottom:18px;border-top:0;border-left:3px dashed var(--night);transform-origin:left top}
.js .path4::before{transform:scaleY(0)}
.path4 ol{grid-template-columns:minmax(0,1fr);gap:20px}
.path4 li{padding:6px 0 0 52px;min-height:36px}
.flow{grid-template-columns:minmax(0,1fr)}
.gal.masonry{columns:2;column-gap:12px}
.gal.strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.gal.strip .gitem{flex:0 0 62%;scroll-snap-align:start}
.harm{grid-template-columns:minmax(0,1fr)}
.harm span{max-width:56px}
.team{grid-template-columns:minmax(0,1fr)}
.team .photo{max-width:260px}
.facts .fact{padding:18px 16px}
.cmap svg{display:none}
.cmap-legend{margin:0;gap:18px;border-left:3px dashed var(--night);padding-left:22px;margin-left:8px}
.cmap-legend div{position:relative}
.cmap-legend div::before{content:"";position:absolute;left:-33px;top:2px;width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid var(--paper)}
.cmap-legend div:nth-child(2)::before{background:var(--tangerine)}.cmap-legend div:nth-child(3)::before{background:var(--mint)}.cmap-legend div:nth-child(4)::before{background:var(--night)}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
.js .rv{opacity:1;transform:none}
.cookie{transform:none}
.mainnav li{opacity:1;transform:none}
.ccard:hover,.ccard:focus-visible,.plan:hover,.plan:focus-within,.team .card:hover,.gitem:hover .frame{transform:none!important;box-shadow:var(--shadow)!important;border-color:var(--accent)}
.js .path4::before{transform:none}.js .path4 li::before{transform:none}
.js .fact .bar::after{transform:scaleX(var(--v))}
.js .hl::after,.btn .lbl::after,.brush::after{transition:none}
}