.hero-type{min-height:calc(100vh - 56px);padding:clamp(28px,5vw,72px) var(--pad) clamp(24px,4vw,48px);border-bottom:1px solid var(--line);background:var(--nav-dark);color:var(--on-overlay);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.hero-type .ht-bg{position:absolute;inset:0}.hero-type .ht-bg img{object-fit:cover;object-position:center 22%;width:100%;height:100%}.hero-type .ht-bg:after{content:"";background:linear-gradient(#0000004d 0%,#0000002e 45%,#0000009e 100%);position:absolute;inset:0}.hero-type .ht-inner{z-index:1;flex-direction:column;flex:1;justify-content:space-between;gap:clamp(28px,5vw,60px);display:flex;position:relative}.hero-type .ht-title{font-family:var(--display);letter-spacing:-.05em;text-transform:lowercase;color:var(--on-overlay);flex:1;align-items:center;margin:0;font-size:clamp(72px,19vw,300px);font-weight:600;line-height:.82;display:flex}.hero-type .ht-out{white-space:pre-line}.hero-type .ht-caret{background:var(--chartreuse);width:.5ch;height:.72em;transition:opacity .6s var(--ease);margin-left:.04em;animation:1.05s step-end infinite caretBlink;display:inline-block;transform:translateY(.06em)}.hero-type .ht-title:not(.typing):not(.typed) .ht-caret,.hero-type .ht-title.done .ht-caret{opacity:0;animation:none}.hero-type .ht-foot{grid-template-columns:1fr auto;align-items:end;gap:clamp(20px,4vw,60px);display:grid}@media (max-width:720px){.hero-type .ht-foot{grid-template-columns:1fr;align-items:start}}.hero-type .ht-sub{font-family:var(--grot);color:var(--on-overlay);max-width:42ch;margin:0;font-size:clamp(15px,1.5vw,19px);line-height:1.45}.hero-type .ht-cta{white-space:nowrap;font-family:var(--grot);letter-spacing:.2em;text-transform:uppercase;color:var(--on-overlay);border:1px solid var(--on-overlay);transition:background .3s var(--ease),color .3s var(--ease);align-items:center;gap:10px;padding:16px 26px;font-size:11px;display:inline-flex}.hero-type .ht-cta:hover{background:var(--on-overlay);color:var(--nav-dark)}.hero-type .ht-cta span{transition:transform .3s var(--ease);font-size:14px}.hero-type .ht-cta:hover span{transform:translate(4px)}.rail{border-bottom:1px solid var(--line);background:var(--bg)}.rail-track{background:var(--line);overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;gap:1px;display:flex;overflow-x:auto}.rail-track::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.rail-track{cursor:grab}}.rail-track.dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.rail-track.dragging .rail-item{pointer-events:none}.rail-track:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.rail-item{scroll-snap-align:start;background:var(--panel);height:min(74vh,740px);min-height:400px;color:var(--on-overlay);flex:0 0 clamp(260px,26vw,420px);display:block;position:relative;overflow:hidden}.rail-item.wide{flex-basis:clamp(340px,38vw,600px)}@media (max-width:720px){.rail-item,.rail-item.wide{flex-basis:78vw}}.rail-item img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease),filter .5s var(--ease);filter:grayscale(10%)contrast(.99)}.rail-item:hover img,.rail-item:focus-visible img{filter:grayscale(0%)contrast();transform:scale(1.03)}.rail-cap{pointer-events:none;background:linear-gradient(#0000006b 0%,#0000002e 55%,#0000 100%);justify-content:space-between;align-items:baseline;gap:16px;padding:16px 16px 44px;display:flex;position:absolute;inset:0 0 auto}.rail-name,.rail-view{font-family:var(--grot);text-transform:uppercase;text-shadow:0 1px 8px #00000059}.rail-name{letter-spacing:.08em;font-size:12.5px;line-height:1.3}.rail-view{letter-spacing:.2em;flex:none;font-size:10.5px;font-weight:600}
.cb{background:var(--panel);align-items:center;height:100vh;min-height:560px;display:flex;position:relative;overflow:hidden}.cb-bg{z-index:0;position:absolute;inset:0}.cb-bg img{object-fit:cover;object-position:center 35%;width:100%;height:100%}.cb-bg:after{content:"";background:linear-gradient(90deg,#000000d1 0%,#000000a8 34%,#0000002e 62%,#0000 82%);position:absolute;inset:0}.cb-copy{z-index:1;padding:var(--pad);max-width:min(620px,54vw);position:relative}@media (max-width:820px){.cb-copy{max-width:none}.cb-bg:after{background:linear-gradient(#0006 0%,#000000b8 45%,#000000db 100%)}}.cb-head{font-family:var(--display);font-weight:500;font-size:var(--step-2);letter-spacing:-.03em;text-transform:lowercase;max-width:20ch;color:var(--on-dark);margin:0 0 20px;line-height:1.08}.cb-head em{color:var(--chartreuse);font-style:normal}.cb-sub{font-family:var(--grot);max-width:42ch;color:var(--on-dark);margin:0 0 32px;font-size:15px;line-height:1.6}.cb-actions{flex-wrap:wrap;align-items:center;gap:clamp(18px,2.5vw,32px);display:flex}.cb-btn{width:fit-content;font-family:var(--grot);letter-spacing:.2em;text-transform:uppercase;color:var(--nav-dark);background:var(--on-dark);border:1px solid var(--on-dark);transition:background .3s var(--ease),color .3s var(--ease);align-items:center;gap:14px;padding:16px 30px;font-size:10.5px;display:inline-flex}.cb-btn:hover{color:var(--on-dark);background:0 0}.cb-btn span{transition:transform .3s var(--ease);font-size:16px}.cb-btn:hover span{transform:translate(5px)}.cb-link{font-family:var(--grot);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--on-dark) 82%,transparent);border-bottom:1px solid color-mix(in srgb,var(--on-dark) 45%,transparent);transition:color .3s var(--ease),border-color .3s var(--ease);padding-bottom:3px;font-size:10.5px}.cb-link:hover{color:var(--on-dark);border-bottom-color:var(--on-dark)}
