@font-face{font-family:Crossing Light;src:url("crossing-light.ttf") format("truetype");font-style:normal;font-weight:300;font-display:swap}
.crossing{width:100%;max-width:940px;margin:65px auto 64px;text-align:center;color:#f4f1eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}
.crossing .crossing-eyebrow{margin:0 0 24px;font-size:11px;font-weight:400;letter-spacing:.36em;line-height:1.6;text-transform:uppercase;color:#ddd}
.crossing .crossing-title{font-family:Crossing Light,"Helvetica Neue",sans-serif;margin:0 auto 20px;max-width:920px;font-size:clamp(28px,4.5vw,52px);font-weight:300;line-height:1.22;letter-spacing:-.01em;color:#f4f1eb;text-wrap:balance}
.crossing-visual{position:relative;width:100%;aspect-ratio:1086/910;overflow:hidden;background:#000;margin:0}
.crossing-visual img{position:absolute;display:block;width:100%;max-width:none;height:auto;left:0;top:-35.644%;}
.crossing-visual canvas{position:absolute;inset:0;width:100%;height:100%;display:none}
.crossing-animated .crossing-visual canvas{display:block}
.crossing-animated .crossing-visual img{visibility:hidden}
.crossing-scroll-shell{margin:65px auto 64px;width:100%;max-width:940px}
.crossing-scroll-shell>.crossing{position:sticky;top:80px;margin:0}
.crossing-scroll-shell .crossing-visual{width:min(100%,calc(max(220px,100svh - 360px)*1.1934));margin-inline:auto}
.crossing-scroll-shell .crossing-signature{margin-top:24px;padding-top:16px}
@media(max-width:600px){.crossing-scroll-shell{margin:42px auto}.crossing-scroll-shell .crossing-visual{max-height:44svh;aspect-ratio:1086/910}.crossing-scroll-shell .crossing-signature{margin-top:24px;padding-top:16px}}
@media(prefers-reduced-motion:reduce){.crossing-scroll-shell>.crossing{position:static}}
.crossing .crossing-name{margin:24px 0 0;font-size:12px;font-weight:400;line-height:1.7;letter-spacing:.48em;text-transform:uppercase;color:#eee}
.crossing .crossing-signature{border-top:1px solid #414141;margin:62px 0 0;padding:27px 0 0;font-size:10px;font-weight:400;letter-spacing:.36em;text-transform:uppercase;color:#ddd}
@media(max-width:600px){.crossing{margin-top:42px;margin-bottom:42px}.crossing .crossing-eyebrow{font-size:9px;letter-spacing:.3em;margin-bottom:20px}.crossing .crossing-title{font-size:clamp(26px,7vw,38px);line-height:1.25;margin-bottom:14px}.crossing-visual{width:calc(100% + 28px);margin-left:-14px}.crossing .crossing-name{font-size:10px;letter-spacing:.4em;margin-top:16px}.crossing .crossing-signature{margin-top:36px;padding-top:24px;font-size:9px}}
.crossing-3d-shell{width:100%;max-width:940px;margin:65px auto 64px}
.crossing-3d-shell>.crossing{position:sticky;top:var(--crossing-pin,84px);margin:0}
.crossing-3d-shell .crossing-visual{height:clamp(240px,43svh,460px);width:100%;aspect-ratio:auto;overflow:hidden;margin:0}
.crossing-3d-shell .crossing-visual canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}
.crossing-3d-ready .crossing-visual img{visibility:hidden}
.crossing-3d-shell .crossing-title{font-size:clamp(26px,4vw,43px)}
.crossing-3d-shell .crossing-signature{margin-top:24px;padding-top:16px}
@media(max-width:600px){.crossing-3d-shell{margin:42px auto}.crossing-3d-shell .crossing-visual{width:calc(100% + 28px);margin-left:-14px}.crossing-3d-shell .crossing-title{font-size:clamp(24px,6.5vw,32px)}}
@media(prefers-reduced-motion:reduce){.crossing-3d-shell>.crossing{position:static}}
/* Perspective (anamorphosis) control */
.crossing-lens{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:74px;margin-top:14px;opacity:0;transform:translateY(6px);transition:opacity .6s ease,transform .6s ease;pointer-events:none}
.crossing-lens.crossing-lens-ready{opacity:1;transform:none;pointer-events:auto}
.crossing-lens-button{appearance:none;background:transparent;color:#f4f1eb;border:1px solid #414141;border-radius:999px;padding:11px 20px 11px 36px;font:400 10px/1 system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;letter-spacing:.32em;text-transform:uppercase;cursor:pointer;position:relative;min-height:40px;transition:border-color .3s,background .3s}
.crossing-lens-button::before{content:"";position:absolute;left:16px;top:50%;width:10px;height:10px;margin-top:-5px;border:1px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 2.5px #000,inset 0 0 0 4px currentColor}
.crossing-lens-button:hover,.crossing-lens-button:focus-visible{border-color:#8a8a8a;background:#0d0d0d}
.crossing-lens-button:focus-visible,.crossing-3d-shell canvas:focus-visible{outline:1px solid #f4f1eb;outline-offset:4px}
.crossing-lens-angle{margin:0;font:300 22px/1 "Crossing Light","Helvetica Neue",sans-serif;letter-spacing:.04em;color:#f4f1eb;font-variant-numeric:tabular-nums;min-height:22px}
.crossing-lens-readout{margin:0;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#9a9a9a;min-height:12px}
.crossing-seeking .crossing-visual canvas{cursor:grab}
.crossing-seeking .crossing-visual canvas:active{cursor:grabbing}
.crossing-aligned .crossing-lens-angle{animation:crossing-aligned 1.2s ease}
@keyframes crossing-aligned{0%{opacity:.2;letter-spacing:.3em}100%{opacity:1;letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){.crossing-lens{display:none}}

@media(max-width:600px){.crossing-3d-shell>.crossing{position:static}.crossing-lens{margin:8px 0 16px;min-height:64px}.crossing-3d-shell{margin:36px auto}.crossing-3d-shell .crossing-visual{height:clamp(240px,43svh,460px)}}