:root{--ink:#102b3a;--muted:#486577;--ice:#dcecf4;--line:#b9d0db;--paper:#f7fafc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;background:var(--paper)}a{color:inherit}a:focus-visible{outline:3px solid #1d6ca4;outline-offset:5px}.skip{position:absolute;top:-100px;left:1rem;background:white;padding:1rem;z-index:50}.skip:focus{top:1rem}.site-header{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:clamp(26px,3.1vw,48px) 6.2%}.brand{display:inline-flex;align-items:center;gap:16px;text-decoration:none;font-weight:700;font-size:clamp(20px,2vw,30px);letter-spacing:-.055em}.brand img{width:clamp(44px,4.2vw,64px);height:auto}.site-header nav{display:flex;gap:32px}.site-header nav a,.footer nav a{text-decoration:none;font-size:14px;font-weight:600}.site-header nav a:hover,.footer a:hover,.closing a:hover{text-decoration:underline}.hero{position:relative;min-height:clamp(700px,52vw,850px);overflow:hidden;background:#e5f0f6}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#fff 8%,#eff7fc 45%,#b6d0e1 100%)}.hero-copy{position:relative;z-index:2;padding:clamp(210px,15vw,245px) 0 80px 6.5%;pointer-events:none}.hero-copy a{pointer-events:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(70px,7vw,112px);letter-spacing:-.075em;line-height:.98;margin-bottom:54px}h2{letter-spacing:-.065em;line-height:1.05;font-size:clamp(48px,4.5vw,72px);font-weight:500}.scroll-cue{text-decoration:none;font-size:clamp(14px,1.4vw,21px);letter-spacing:.3em;color:#355a76;display:inline-flex;flex-direction:column;gap:24px;align-items:center;margin-left:24px}.scroll-cue span{font-family:Arial,sans-serif;font-size:45px;line-height:1;letter-spacing:0;font-weight:200}.hero-device{position:absolute;z-index:1;width:min(71vw,1100px);right:1%;top:1%;height:auto;filter:drop-shadow(0 30px 25px #7894a466);transform:translate3d(0,var(--hero-shift,0px),0)}.illustration-note{position:absolute;right:3%;bottom:24px;z-index:2;font-size:11px;color:#446478}.story{height:230vh;position:relative;background:#f6fafd;border-radius:28px 28px 0 0;margin-top:-22px;z-index:3}.story-sticky{position:sticky;top:0;min-height:100vh;display:grid;grid-template-columns:38% 62%;align-items:center;padding:clamp(55px,8vw,120px) 7%;overflow:hidden}.story-copy{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:700;color:#678aa1;margin-bottom:30px}.story-copy p:not(.eyebrow),.details-head>p:last-child,.closing>p:not(.eyebrow){font-size:18px;line-height:1.6;color:var(--muted);max-width:350px}.story-copy .story-hint{font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;margin-top:45px}.rink-wrap{width:100%;position:relative}.rink{position:relative;width:min(100%,760px);aspect-ratio:1.32;background:#d9ebf2;border:12px solid #142d3a;border-radius:30px;overflow:hidden;box-shadow:0 32px 60px #7799ad55;transform:perspective(1200px) rotateX(13deg) rotateZ(-7deg)}.rink-surface{width:100%;height:100%;object-fit:cover}.mallet,.puck{position:absolute;width:13%;height:auto;will-change:transform}.mallet-one{left:13%;top:62%;transform:translate3d(var(--one-x,0px),var(--one-y,0px),0)}.mallet-two{left:72%;top:15%;transform:translate3d(var(--two-x,0px),var(--two-y,0px),0)}.puck{width:8%;left:40%;top:45%;transform:translate3d(var(--puck-x,0px),var(--puck-y,0px),0)}.visual-caption{text-align:right;font-size:11px;color:#678391;padding:24px 12px}.details-section{padding:140px 7%;background:white}.details-head{max-width:720px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:90px}.details-grid article{border-top:1px solid var(--line);padding-top:22px}.details-grid span{font-size:12px;color:#6b93aa}.details-grid h3{font-size:24px;letter-spacing:-.03em;margin:35px 0 12px}.details-grid p{color:var(--muted);line-height:1.6;max-width:280px}.closing{background:#dcecf5;padding:135px 7%}.closing h2{font-size:clamp(64px,8vw,120px)}.closing a{display:inline-block;margin-top:25px;font-size:15px;font-weight:600}.footer{padding:45px 7%;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;background:#fff}.footer .brand{font-size:20px}.footer .brand img{width:42px}.footer p{margin:0;color:var(--muted);font-size:13px}.footer nav{display:flex;gap:24px}.wrap{width:min(850px,calc(100% - 40px));margin:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:2rem}.header a{text-decoration:none}.header .brand{font-size:20px}.mark{width:25px;height:25px;border:6px double var(--ink);border-radius:50%;display:inline-block}.legal{padding-top:80px;padding-bottom:120px}.legal h1{font-size:clamp(60px,9vw,94px)}.legal h1 em{color:#7398a7;font-style:normal}.legal h2{font-size:22px;font-weight:700;letter-spacing:0;line-height:1.2;margin:42px 0 15px}.legal p{font-size:16px;line-height:1.8;color:#334e55}.notice{background:#e3eee8;border-left:4px solid #df6948;padding:20px;line-height:1.6}.footer-inner{display:flex;justify-content:space-between;gap:25px}.footer-inner nav{display:flex;gap:24px}@media(max-width:760px){.site-header{padding:22px 20px}.site-header nav{gap:18px}.site-header nav a{font-size:12px}.brand{font-size:20px;gap:10px}.brand img{width:45px}.hero{min-height:730px}.hero-copy{padding:150px 22px 0}h1{font-size:clamp(60px,12vw,88px);margin-bottom:32px}.scroll-cue{font-size:13px;gap:12px;margin-left:0}.scroll-cue span{font-size:32px}.hero-device{width:110%;right:-12%;top:42%}.illustration-note{bottom:18px}.story{height:200vh}.story-sticky{padding:70px 20px;display:flex;flex-direction:column;justify-content:center;gap:40px;align-items:stretch}.story h2{font-size:clamp(43px,9vw,62px)}.story-copy p:not(.eyebrow){font-size:16px}.story-copy .story-hint{margin-top:20px}.rink{border-width:7px;border-radius:18px}.visual-caption{padding:15px 0}.details-section{padding:90px 20px}.details-grid{grid-template-columns:1fr;gap:25px;margin-top:55px}.details-grid h3{margin-top:20px}.closing{padding:90px 20px}.footer{padding:38px 20px;align-items:flex-start;flex-direction:column}.legal{padding-top:55px}.header{height:76px}.header .brand{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story{height:auto}.story-sticky{position:relative;min-height:0}.hero-device,.mallet,.puck{transform:none}.rink{transform:none}.story-hint{display:none}}
@media(min-width:761px){.hero-device{width:min(65vw,1000px);right:-1%;top:7%}}
h1{letter-spacing:-.055em}
@media(min-width:761px){.story-sticky{align-items:start;padding-top:70px}}
@media(min-width:1400px){.hero-device{width:min(71vw,1100px);right:0;top:1%}}
@media(min-width:1400px){.hero-device{width:min(67vw,1040px);top:3%}}
h1{letter-spacing:-.04em}h2{letter-spacing:-.045em}
@media(min-width:1400px){.hero-device{width:min(69vw,1070px);right:-2%;top:2%}}
.phone-stage{position:relative;width:100%;height:min(70vh,680px);display:grid;place-items:center}.phone-stage canvas{display:none;width:100%;height:100%;touch-action:pan-y}.has-3d .phone-stage canvas{display:block}.has-3d .phone-stage .rink{display:none}.fold-label,.fold-control{display:none}.has-3d .fold-label{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:340px;margin:0 auto 8px;font-size:13px;font-weight:600;color:var(--ink)}.fold-label span{font-size:12px;font-weight:400;color:var(--muted)}.has-3d .fold-control{display:block;width:min(340px,100%);margin:0 auto;accent-color:#1b6796;min-height:44px}.fold-control:focus-visible{outline:3px solid #1d6ca4;outline-offset:4px}@media(max-width:760px){.phone-stage{height:min(45vh,380px)}.story-sticky{gap:15px}}
.site-header nav a,.footer nav a,.header>a:not(.brand),.footer-inner nav a{display:inline-flex;align-items:center;min-height:44px}
/* Keep small labels readable on the pale surfaces. */
.eyebrow,.visual-caption,.details-grid span{color:#486577}
.legal h1 em{color:#547384}

/* Shared Fold Hockey identity and Tenvori credit. */
.brand img{aspect-ratio:1;object-fit:cover;border-radius:10px}.header .brand img{width:42px}.tenvori-badge{display:inline-flex;flex:0 0 80px;width:80px;height:80px;align-items:center;justify-content:center}.tenvori-badge img{display:block;width:80px;height:80px}.footer-inner{align-items:center;flex-wrap:wrap}@media(max-width:760px){.header .brand img{width:40px}.footer-inner{align-items:flex-start}.footer-inner nav{flex-wrap:wrap}.footer-inner .tenvori-badge{flex-basis:80px}}