@layer components{.g-shell{--g-card-w:clamp(80px, min(24vw, 15svh), 150px);min-height:100svh;position:relative}.g-shell .g-top{z-index:3;pointer-events:none;align-items:baseline;gap:12px;padding:20px;display:flex;position:absolute;top:0;left:0;right:0}.g-shell .g-doors{z-index:1;flex-direction:column;min-height:100svh;display:flex;position:relative}.g-shell .g-door{min-height:50svh;transition:flex-grow .6s var(--ease-out);flex-direction:column;flex:1 0 auto;justify-content:flex-end;align-items:flex-start;gap:12px;padding:68px 20px 40px;text-decoration:none;display:flex;position:relative;overflow:hidden}.g-shell .g-door--light{color:var(--ink)}.g-shell .g-door--night{--red-primary:var(--ape-peach);color:#fff;background:radial-gradient(ellipse 90% 70% at 20% 0%, #8d73fd38 0%, transparent 70%), var(--night);padding-top:48px}.g-shell .g-title,.g-shell .g-line{max-width:min(30ch, calc(100% - var(--g-card-w) - 16px))}.g-shell .g-title{z-index:1;max-width:none;margin-bottom:.3em;font-size:clamp(2.5rem,min(14vw,7.5svh),6.5rem);line-height:1.14;position:relative}.g-shell .g-door--night .g-line{color:#ffffffb3}.g-shell .g-door--light .g-line{color:var(--ink-soft)}.g-shell .g-card{width:var(--g-card-w);aspect-ratio:9/16;transition:transform .6s var(--ease-out);position:absolute;inset:64px 20px auto auto}.g-shell .g-door--light .g-card{transform:rotate(-6deg)}.g-shell .g-door--night .g-card{top:44px;transform:rotate(6deg)}.g-shell .g-door:hover .g-card,.g-shell .g-door:focus-visible .g-card{transform:rotate(0)scale(1.04)}.g-shell .g-cta{white-space:nowrap;margin-top:4px}.g-shell .g-cta--ink{background:var(--ink);color:#fff;min-height:52px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;transition:background-color .2s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:0 26px;font-size:12px;font-weight:700;display:inline-flex}.g-shell .g-door:hover .g-cta--ink{background:var(--ape-cobalt)}.g-shell .g-door:hover .k-btn-hot{background:var(--hot-hover)}.g-shell .g-seam{z-index:2;flex:0 0 0;position:relative}.g-shell .g-ask{white-space:nowrap;color:var(--ink);font-family:var(--font-mega);letter-spacing:.04em;text-transform:uppercase;background:#fff;border-radius:999px;padding:10px 16px 9px;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0b10200f,0 14px 30px -14px #0b10208c}@media (width>=900px){.g-shell .g-doors{flex-direction:row}.g-shell .g-door,.g-shell .g-door--night{flex:1 1 0;gap:14px;min-height:100svh;padding:0 clamp(32px,4.5vw,72px) clamp(40px,7svh,72px)}.g-shell .g-door:hover,.g-shell .g-door:focus-visible{flex-grow:1.22}.g-shell .g-title{margin-bottom:.34em;font-size:clamp(3.5rem,min(7vw,11svh),6.5rem)}.g-shell .g-line{max-width:34ch}.g-shell .g-card,.g-shell .g-door--night .g-card{width:clamp(140px,20svh,230px);top:clamp(88px,12svh,150px);right:clamp(32px,6vw,96px)}.g-shell .g-top{padding:28px clamp(32px,4.5vw,72px)}.g-shell .g-ask{padding:13px 22px 12px;font-size:20px;top:clamp(22px,3.2svh,34px);transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.g-shell .g-door,.g-shell .g-card{transition:none}}}