:root{--night:#082b50;--blue:#16689a;--ice:#dff5ff;--red:#c60031}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:white;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:28px clamp(22px,5vw,78px)}.mini-logo{font-size:15px;font-weight:900;letter-spacing:-.04em}.mini-logo span{display:block;margin-left:27px;color:#aee7ff}nav{display:flex;align-items:center;gap:clamp(20px,3vw,48px);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.nav-button{border:1px solid #ffffff8c;border-radius:999px;padding:12px 20px;transition:.25s}.nav-button:hover{background:white;color:var(--night)}
.hero{position:relative;min-height:min(960px,100svh);overflow:hidden;display:grid;place-items:center;isolation:isolate;background:linear-gradient(180deg,#0526486b 0%,#14679b1f 48%,#052a4a6b 100%),url('/assets/noordpool.jpg') center bottom/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 16% 28%,#fff 0 3px,#ffffff59 4px 12px,transparent 36px),linear-gradient(180deg,#092e56 0%,#0e5c8f66 55%,#082b501a 100%);mix-blend-mode:screen}.hero:after{content:"";position:absolute;inset:auto 0 0;height:30%;z-index:2;background:linear-gradient(transparent,var(--night));pointer-events:none}.aurora{position:absolute;width:70vw;height:28vw;top:-16vw;right:-5vw;background:#76e4f7;filter:blur(90px);opacity:.16;border-radius:50%}.hero-copy{position:absolute;z-index:3;top:15%;width:100%;text-align:center}.eyebrow{margin:0 0 18px;color:#b8eaff;font-size:11px;line-height:1;font-weight:800;letter-spacing:.32em;text-transform:uppercase}h1{margin:0;display:flex;justify-content:center;gap:.12em;font-size:clamp(74px,15.5vw,220px);line-height:.78;letter-spacing:-.085em;font-weight:950;transform:rotate(-3deg);text-shadow:0 18px 40px #05203c2e}h1 .poo{transform:translateY(.24em) rotate(7deg)}.tagline{margin:clamp(36px,6vw,76px) 0 0;font-size:clamp(30px,5vw,66px);font-weight:900;letter-spacing:-.04em}.hero-bear{position:absolute;z-index:4;width:min(55vw,600px);height:auto;bottom:1%;left:50%;transform:translateX(-50%);filter:drop-shadow(0 25px 25px #0324424d) saturate(.72) brightness(1.14) contrast(1.05)}.scroll-cue{position:absolute;z-index:6;left:clamp(22px,5vw,78px);bottom:38px;display:flex;align-items:center;gap:18px;font-size:10px;text-transform:uppercase;letter-spacing:.22em}.scroll-cue i{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff73;border-radius:50%;font-style:normal}
.story-section{position:relative;min-height:720px;overflow:hidden;display:grid;grid-template-columns:1fr minmax(320px,540px) minmax(260px,420px);gap:7vw;align-items:center;padding:110px clamp(24px,7vw,110px);background:#eaf7fb;color:var(--night)}.section-number{align-self:start;color:#77a6bd;font-size:12px;font-weight:700;letter-spacing:.18em}.story-copy h2,.vibes-intro h2{margin:0;font-size:clamp(52px,7vw,104px);line-height:.86;letter-spacing:-.075em;font-weight:950}.eyebrow.dark{color:#3b7b9a}.story-copy>p{max-width:520px;margin:38px 0 0;color:#426177;font-size:16px;line-height:1.8}.proof-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.proof-row span{padding:9px 12px;border:1px solid #95c5d8;border-radius:99px;color:#2b6781;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ice-card{aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#b6e4f2,#faffff 52%,#a6daea);clip-path:polygon(14% 0,100% 8%,91% 100%,0 88%);box-shadow:inset 0 0 70px white;text-align:center}.ice-card svg{width:54px;fill:none;stroke:#2d7799;stroke-width:2}.ice-card p{margin:25px 0 2px;font-size:64px;line-height:1;font-weight:900;letter-spacing:-.08em}.ice-card span{color:#567c8f;font-size:10px;text-transform:uppercase;letter-spacing:.2em}.ice-card small{margin-top:34px;color:#50788c;font-size:11px;line-height:1.5}
.vibes-section{padding:120px clamp(24px,7vw,110px) 100px;background:linear-gradient(140deg,#062747,#0f537f)}.vibes-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.vibes-intro h2{text-align:right}.vibe-grid{margin-top:100px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff40}.vibe-grid article{min-height:260px;padding:30px 40px 20px 0;border-right:1px solid #ffffff33}.vibe-grid article+article{padding-left:40px}.vibe-grid article:last-child{border:0}.vibe-grid span{color:#79c9e8;font-size:11px}.vibe-grid h3{margin:80px 0 12px;font-size:28px;letter-spacing:-.04em}.vibe-grid p{max-width:280px;margin:0;color:#a9ccdc;line-height:1.6;font-size:14px}.hot-note{max-width:570px;margin:52px 0 0 auto;color:#b9dce9;font-size:12px;line-height:1.7;text-align:right}
.moments-section{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#f8fcfd;color:var(--night);text-align:center}.sun-dot{width:84px;height:84px;margin:22px 0;border-radius:50%;background:var(--red);box-shadow:0 0 100px #c6003133}.moments-section .flag-line{margin:0 130px -72px 0;font-family:Georgia,serif;font-size:clamp(34px,6vw,68px)}.moments-section h2{position:relative;margin:0 0 26px 200px;font-family:Georgia,serif;font-size:clamp(56px,9vw,130px);line-height:.8;font-weight:400;letter-spacing:-.07em}.moments-section .moment-copy{margin:18px 0 38px;color:#557386;font-family:Arial,sans-serif;font-size:13px;line-height:1.7}.moments-section a{padding-bottom:8px;border-bottom:1px solid #86a5b5;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.2em}footer{min-height:140px;display:flex;align-items:center;justify-content:space-between;padding:35px clamp(24px,7vw,110px);background:#061e38}footer p{color:#7190a5;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:800px){nav a:not(.nav-button){display:none}.site-header{padding-top:20px}.hero{min-height:820px;background-position:58% bottom}.hero-copy{top:18%}h1{flex-direction:column;gap:0;font-size:clamp(92px,28vw,150px);line-height:.65}h1 .poo{margin-left:22vw;transform:rotate(7deg)}.tagline{margin-top:70px;font-size:42px}.hero-bear{width:min(100vw,510px);bottom:7%}.scroll-cue span{display:none}.story-section{grid-template-columns:1fr;gap:45px;padding-top:80px}.section-number{display:none}.ice-card{max-width:380px;width:88%;justify-self:end}.vibes-intro{display:block}.vibes-intro h2{margin-top:25px;text-align:left}.vibe-grid{grid-template-columns:1fr;margin-top:70px}.vibe-grid article,.vibe-grid article+article{min-height:auto;padding:28px 0 32px;border-right:0;border-bottom:1px solid #ffffff33}.vibe-grid h3{margin:35px 0 10px}.hot-note{text-align:left}.moments-section{min-height:600px;padding:80px 24px}.moments-section .flag-line{margin:0 80px -54px 0}.sun-dot{width:64px;height:64px}.moments-section h2{margin-left:55px}.moments-section .moment-copy br{display:none}footer{align-items:flex-start;gap:30px;flex-direction:column}}
@media(prefers-reduced-motion:no-preference){.hero-bear{animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateX(-50%) translateY(-12px) rotate(-1deg)}}}
.tagline{position:relative;z-index:5;text-shadow:0 4px 20px #082b5080}.hero-bear{width:min(48vw,520px);bottom:-7%}.japan-flag{width:clamp(150px,18vw,245px);aspect-ratio:3/2;margin:22px 0 12px;display:grid;place-items:center;background:#fff;border:2px solid #173a58;box-shadow:0 12px 35px #082b501c}.japan-flag span{width:38%;aspect-ratio:1;border-radius:50%;background:var(--red)}.moments-section .flag-line{margin:0 175px -55px 0}.moments-section h2{margin:-65px 0 28px 310px}@media(max-width:800px){.hero-bear{width:min(82vw,420px);bottom:0}.japan-flag{width:145px}.moments-section .flag-line{margin:0 120px -38px 0}.moments-section h2{margin:-45px 0 28px 170px}}
.hero-copy{top:10%}.hero-bear{width:min(42vw,450px);bottom:-12%}@media(max-width:800px){.hero-copy{top:12%}.hero-bear{width:min(72vw,360px);bottom:-2%}}