.home{grid-template-columns:42fr 58fr;height:100%;display:grid;overflow:hidden}.brandcol{--brand-w:clamp(215px, 29vw, 450px);padding:var(--gutter);grid-template-rows:1fr auto;min-height:0;display:grid}.brandcol__bottom{max-width:var(--brand-w);justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.brandcol__mid{align-content:center;gap:22px;min-height:0;display:grid}.brand{font-family:var(--font-heading);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(2rem,4.4vw,4.2rem);font-weight:400;line-height:.96}.brand__word{font-size:1.43em;font-weight:700}.brand i{text-transform:lowercase;color:var(--ink-faint);letter-spacing:0;padding:0 .06em;font-size:.52em;font-style:normal}.brandcol__rule{background:var(--rule);width:68px;height:1px}.carousel{--iso-w:clamp(220px, 34vw, 640px);--rail-clearance:62px;perspective:1500px;min-height:0;position:relative;overflow:hidden}.track{position:absolute;inset:0}.block{padding-inline:var(--gutter);padding-right:calc(var(--gutter) + var(--rail-clearance));cursor:pointer;transform-origin:50%;will-change:transform, opacity, filter;transition:transform .68s var(--ease-out), opacity .56s var(--ease), filter .56s var(--ease);flex-direction:column;align-items:center;gap:clamp(18px,2.4vw,32px);display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.block[data-pos="0"]{cursor:pointer}.block:not([data-pos="0"]){pointer-events:none}.block__text{text-align:center;justify-items:center;gap:10px;display:grid}@media (width>=900px){.carousel{--rail-clearance:calc(62px + 13vw)}}.block__name{font-family:var(--font-heading);letter-spacing:-.012em;transition:transform .5s var(--ease);font-size:clamp(1.4rem,2.3vw,2.1rem);font-weight:500;line-height:1.1}.block[data-pos="0"]:hover .block__name{transform:translate(7px)}.block__desc{color:var(--ink-soft);max-width:34ch;margin:0 auto;font-size:.95rem}.block__cue{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);font-size:10.5px;transform:translate(-6px)}.block[data-pos="0"]:hover .block__cue,.block[data-pos="0"]:focus-visible .block__cue{opacity:1;transform:none}.stage{width:var(--iso-w);aspect-ratio:6/5;perspective:1500px;place-items:center;display:grid;position:relative}.iso{width:90%;height:76%;transform-style:preserve-3d;transform:rotateX(var(--tilt)) rotateZ(var(--rot));transition:transform .52s var(--ease);position:absolute}.plane{transition:transform .52s var(--ease);position:absolute;inset:0}.plane img{object-fit:contain;filter:drop-shadow(0 14px 18px #0e0e0e38);width:100%;height:100%;transition:filter .52s var(--ease);display:block}.block[data-pos="0"]:hover .plane{transform:translate3d(0, 0, var(--spread))}.block[data-pos="0"]:hover .plane img{filter:drop-shadow(0 26px 30px #0e0e0e4d)}.rail{right:var(--gutter);z-index:5;gap:20px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.rail button{appearance:none;cursor:pointer;font:inherit;letter-spacing:.18em;color:var(--ink-faint);transition:color .35s var(--ease);background:0 0;border:0;justify-content:flex-end;align-items:center;gap:10px;padding:0;font-size:10.5px;font-weight:500;display:flex}.rail button:after{content:"";width:14px;height:1px;transition:width .45s var(--ease-out), background .35s var(--ease);background:currentColor;display:block}.rail button:hover{color:var(--ink-soft)}.rail button[aria-current=true]{color:var(--ink)}.rail button[aria-current=true]:after{width:34px}.counter{right:var(--gutter);bottom:var(--gutter);z-index:5;font-variant-numeric:tabular-nums;position:absolute}.js .brandcol__mid>*{animation:rise .9s var(--ease-out) both}.js .brandcol__mid>:nth-child(2){animation-delay:90ms}.js .brandcol__mid>:nth-child(3){animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=900px){.home{grid-template-rows:auto 1fr;grid-template-columns:1fr}.brandcol{border-bottom:1px solid var(--rule);padding-block:calc(var(--gutter) * .8);grid-template-rows:auto}.brandcol__mid{gap:14px}.brand{font-size:clamp(1.7rem,8vw,2.5rem)}.brandcol__rule,.brandcol__bottom{display:none}.block__cue{opacity:1;transform:none}.rail{gap:16px}.counter{display:none}}@media (hover:none){.block__cue{opacity:1;transform:none}}
