.stage{--e:calc(var(--ext) * var(--intro))}.awning{z-index:var(--z-awning);pointer-events:none;top:calc(var(--nav-top) + var(--nav-h) / 2);width:calc(var(--nav-w) - 26px);perspective:200vh;perspective-origin:50% 0;height:0;transition:opacity .32s;position:fixed;left:50%;translate:-50%}.fabric{height:var(--len);transform-origin:50% 0;transform:rotateX(var(--tilt)) scaleY(var(--e));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4 .5' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,#00000038 0 1px,#ffffff0f 1px 2px,#0000 2px 12.5%),radial-gradient(120% 90% at 50% 100%,#587cd657,#0000 62%),linear-gradient(#070d22 0%,#111d44 34%,#182a5e 100%);position:absolute;top:0;left:0;right:0}.front{transform-origin:50% 0;height:0;transform-style:preserve-3d;transform:rotateX(var(--tilt)) translateY(calc(var(--e) * var(--len)));opacity:min(1, calc(var(--e) * 14));position:absolute;top:0;left:0;right:0}.bar{background:linear-gradient(#c3c9d6 0%,#7d8698 18%,#343b4c 52%,#12151e 100%);border-radius:4px;height:15px;position:absolute;top:-5px;left:-7px;right:-7px;box-shadow:0 12px 22px #070d2259}.valance{transform-origin:50% 0;height:26px;transform:rotateX(calc(var(--tilt) * -1));box-shadow:inset 0 -2px 0 var(--sky), inset 0 -6px 0 #0000002e;background:linear-gradient(#0c1533,#17275a);position:absolute;top:9px;left:0;right:0}.shade{z-index:var(--z-shade);pointer-events:none;mix-blend-mode:multiply;transform-origin:0 0;height:80vh;transform:translateY(calc((var(--e) - 1) * 86vh)) skewY(-3.2deg);opacity:min(1, calc(var(--e) * 8));background:linear-gradient(#1f31664d,#1f316633);position:fixed;top:0;left:-6vw;right:-6vw;-webkit-mask-image:linear-gradient(#000 calc(100% - 46px),#0000);mask-image:linear-gradient(#000 calc(100% - 46px),#0000)}.awning-gl{z-index:var(--z-awning);pointer-events:none;opacity:0;transition:opacity .32s}.stage[data-gl] .awning-gl{opacity:1}.stage[data-gl] .awning,:root[data-menu-open] .awning,:root[data-menu-open] .stage .awning-gl{opacity:0}
.cases{padding-bottom:0}.cases-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"head head""photo list";gap:clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,4vw,4rem);display:grid}.cases h2{font-size:var(--h2);grid-area:head;max-width:46rem}.cases-feature{aspect-ratio:3/2;grid-area:photo;align-self:stretch;width:100%;min-width:0;margin:0;position:relative}.cases-feature img{object-fit:cover}.cases-feature .core:after{content:"";pointer-events:none;background:linear-gradient(#0e163000 32%,#0e1630d6);position:absolute;inset:0}.cases-feature figcaption{z-index:1;color:#fff;gap:.4rem;padding:clamp(1.2rem,2.4vw,2.2rem);display:grid;position:absolute;bottom:0;left:0;right:0}.cases-feature strong{font-family:var(--display);font-weight:var(--display-weight);letter-spacing:var(--display-track);font-size:clamp(1.6rem,2.9vw,2.7rem);line-height:1}.cases-feature figcaption span{font-size:var(--text-sm);opacity:.88}.index{border-top:1px solid var(--rule);--thumb:clamp(76px, 7vw, 100px);grid-area:list;grid-template-rows:repeat(3,1fr) auto;padding:0;list-style:none;display:grid}.row{border-bottom:1px solid var(--rule);grid-template-columns:auto 1fr;align-items:center;gap:clamp(1rem,2vw,1.6rem);padding:clamp(.9rem,1.4vw,1.25rem) 0;display:grid}.row .thumb{width:var(--thumb);aspect-ratio:1;border-radius:var(--r-surface);display:block;overflow:hidden}.row .thumb img{object-fit:cover;width:100%;height:100%}.row-text{gap:.35rem;display:grid}.row strong{font-family:var(--display);font-weight:var(--display-weight);letter-spacing:var(--display-track);color:var(--head);font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.05}.row-text>span{font-size:var(--text-sm);color:var(--fg-soft)}.row-more{padding:0;display:block}.row-more a{transition:transform .12s var(--ease-out);grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1rem,2vw,1.6rem);padding:clamp(.9rem,1.4vw,1.25rem) 0;display:grid}.row-more a:active{transform:scale(.99)}.more-ico{width:var(--thumb);border-radius:var(--r-surface);background:var(--field);height:52px;box-shadow:inset 0 0 0 1px var(--rule);color:var(--fg);place-items:center;transition:background .18s,color .18s;display:grid}.row-go{border-radius:var(--r-control);width:44px;height:44px;color:var(--fg);box-shadow:inset 0 0 0 1px var(--rule);transition:transform .22s var(--ease-out), background .18s ease, color .18s ease;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.row-more a:hover .more-ico{background:var(--sky);color:var(--navy-deep)}.row-more a:hover .row-go{background:var(--btn-bg);color:var(--btn-fg);transform:translate(3px,-3px)}}.case-preview{--s:clamp(200px, 19vw, 280px);z-index:20;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);pointer-events:none;position:fixed;top:0;left:0}.case-preview-card{border-radius:var(--r-surface);background:var(--surface);opacity:0;transition:opacity .15s ease, transform .15s var(--ease-out);position:absolute;inset:0;overflow:hidden;transform:scale(.9);box-shadow:0 0 0 1px #ffffff14,0 28px 60px -18px #040818a6}.case-preview[data-on] .case-preview-card{opacity:1;transition-duration:.22s;transform:scale(1)}.case-preview-card img{object-fit:cover;opacity:0;transition:opacity .2s ease, transform .6s var(--ease-out);transform:scale(1.06)}.case-preview-card img[data-on]{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.row-more a,.row-go{transition:none}.case-preview-card,.case-preview-card img{transform:none}}@media (max-width:1000px){.cases-grid{grid-template-columns:1fr;grid-template-areas:"head""photo""list";row-gap:clamp(1.5rem,5vw,2.5rem)}.cases-feature{aspect-ratio:4/3}.index{grid-template-rows:none}}