@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&family=Kaushan+Script&family=Anton&display=swap');
:root{--blue:#19a9ff;--bg:#030b13;--white:#f5f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}section{scroll-margin-top:80px}.site-header{height:83px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 clamp(22px,5.4vw,90px);position:absolute;top:0;left:0;right:0;z-index:5;background:linear-gradient(#05111fe8,#05111f55)}.brand{white-space:nowrap;font:900 clamp(19px,2.1vw,31px)/1 'Anton','Barlow Condensed',Impact,sans-serif;letter-spacing:-.5px}.brand em{color:var(--blue);font:normal clamp(19px,2.2vw,31px)/1 'Kaushan Script',cursive;letter-spacing:-2px}.site-header nav{display:flex;gap:clamp(12px,1.9vw,30px);align-items:center}.site-header nav a,.header-cta{font-size:10px;font-weight:800;letter-spacing:2px;white-space:nowrap}.site-header nav a:hover,.site-header nav a.active{color:var(--blue)}.header-cta{border:1px solid var(--blue);border-radius:40px;padding:13px 22px}.header-cta:hover{background:var(--blue);color:#00101c}.menu-toggle{display:none;background:none;border:0;color:white;font-size:30px}.hero{min-height:670px;height:76vh;max-height:930px;position:relative;overflow:hidden;background:#071522}.hero-photo{position:absolute;inset:0;background-image:url('assets/fjord-jump.webp');background-size:cover;background-position:38% 52%;filter:saturate(1.05) contrast(1.04)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,#05112011 43%,#04101ce0 76%,#04101cf7 100%),linear-gradient(0deg,#06101bdc 0%,transparent 27%,#06101b55 100%)}.hero-content{position:absolute;top:50%;transform:translateY(-42%);right:clamp(30px,5vw,100px);width:min(43%,550px);text-align:center}.hero h1{margin:0;line-height:.85;text-align:left}.hero h1 span{display:block;font:900 clamp(68px,9vw,145px)/.85 'Anton','Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;white-space:nowrap;text-shadow:2px 3px 0 #14202b}.hero h1 em{display:block;color:var(--blue);font:normal clamp(75px,9vw,145px)/1 'Kaushan Script',cursive;transform:rotate(-6deg);text-align:center;letter-spacing:-7px;margin-top:8px}.tagline{font-size:clamp(13px,1.5vw,20px);font-weight:700;line-height:2;letter-spacing:7px;margin:25px 0 8px}.blue-rule{display:block;width:50px;height:2px;background:var(--blue);margin:12px auto 20px}.hero-lead{font-size:clamp(14px,1.4vw,19px);line-height:1.65;margin:0 0 24px}.button{display:inline-block;border-radius:40px;padding:17px 35px;font-size:12px;font-weight:800;letter-spacing:2px;text-align:center;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:#001522}.outline{border:1px solid var(--blue);color:var(--blue)}.outline:hover{background:#083150}.down-arrow{display:block;font-size:44px;color:var(--blue);line-height:1;margin-top:15px}.features{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 6%;background:#020910}.features article{text-align:center;padding:8px 24px;border-right:1px solid #213244}.features article:last-child{border:0}.features svg{width:46px;height:46px;fill:none;stroke:var(--blue);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.features h3{font-size:12px;letter-spacing:2px;margin:12px 0}.features p{font-size:13px;line-height:1.55;color:#d3dce7;max-width:230px;margin:auto}.book-section{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:490px;background:radial-gradient(ellipse at 12% 50%,#9a4925 0%,#132132 38%,#020912 74%);overflow:hidden}.book-art{display:flex;justify-content:center;align-items:center;min-height:460px;perspective:1000px}.book-cover{width:240px;height:340px;background:linear-gradient(#07132299,#071322a0),url('assets/fjord-jump.webp') center/cover;box-shadow:-14px 12px 0 #02060b, -20px 15px 0 #364454,18px 25px 40px #000b;transform:rotateY(-11deg) rotateZ(-2deg);border:1px solid #a4acb4;padding:24px 16px;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.cover-title{font:900 40px/.88 'Anton','Barlow Condensed',Impact,sans-serif;text-shadow:0 3px 5px #000}.cover-title em{font:normal 37px/1 'Kaushan Script',cursive;color:var(--blue)}.book-cover p{font-size:9px;letter-spacing:2px;line-height:1.8;font-weight:800;text-shadow:0 2px 5px #000}.book-copy{padding:60px 10% 60px 0;max-width:780px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:5px;margin:0 0 13px}.book-copy h2,.audio-copy h2,.story-inner h2,.offerings h2{font:900 clamp(35px,4.4vw,66px)/.94 'Anton','Barlow Condensed',Impact,sans-serif;margin:0 0 18px}.book-copy h2 span,.audio-copy h2 span{color:var(--blue)}.book-copy>p:not(.eyebrow):not(.fine-print),.audio-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;max-width:630px}.book-copy .button{margin-top:12px}.fine-print{font-size:10px;color:#c0cad5;letter-spacing:1px;line-height:1.7}.story-strip{background:linear-gradient(90deg,#081522e8,#071523ed),url('assets/fjord-jump.webp') center 30%/cover;padding:70px 8%}.story-inner{max-width:780px;margin:auto;text-align:center}.story-inner h2{font-size:clamp(36px,5vw,64px)}.story-inner>p:not(.eyebrow){line-height:1.8;color:#e3e8f0}.text-link{display:inline-block;margin-top:15px;color:var(--blue);font-size:12px;letter-spacing:2px;font-weight:800}.audio-section{display:grid;grid-template-columns:36% 39% 25%;min-height:350px;align-items:center;background:radial-gradient(ellipse at 15% 50%,#8b492b 0%,#0a1a29 35%,#020912 75%)}.headphone-art{display:flex;justify-content:center}.headphone-art svg{width:min(95%,350px);filter:drop-shadow(10px 15px 10px #000a)}.audio-copy{padding:40px 25px}.audio-copy h2{font-size:clamp(40px,4.5vw,68px)}.audio-copy p:not(.eyebrow){font-size:14px}.audio-copy .button{margin-top:12px}.audio-benefits{border-left:1px solid #486174;padding:12px 28px 12px 25px}.audio-benefits>div{display:flex;gap:15px;align-items:center;margin:15px 0}.audio-benefits strong{font-size:42px;line-height:1;color:var(--blue);min-width:48px}.audio-benefits p{font-size:11px;line-height:1.6}.audio-benefits b{letter-spacing:2px;font-size:10px}.offerings{text-align:center;padding:70px 8%;background:#071321}.offerings h2{font-size:clamp(35px,4vw,58px)}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:1000px;margin:30px auto 0;text-align:left}.offer-grid article{padding:30px;border:1px solid #234259;background:#0a1b2b}.offer-grid h3{font:800 28px 'Barlow Condensed',sans-serif;letter-spacing:1px}.offer-grid p{line-height:1.65;color:#cdd7e3}.offer-grid span{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:2px}.closing{min-height:240px;display:flex;align-items:center;justify-content:center;text-align:center;padding:35px 20px;background:linear-gradient(#04101a88,#03101be8),url('assets/fjord-jump.webp') center 22%/cover}.closing h2{font-size:clamp(22px,3vw,36px);letter-spacing:7px}.closing p{font-size:15px;line-height:1.8}footer{background:#02070d;text-align:center;padding:35px 20px 45px}footer p{font-size:10px;letter-spacing:3px;color:#b9c5d1}footer small{font-size:11px;color:#8493a3}
@media(max-width:1050px){.site-header{gap:15px}.site-header nav{gap:12px}.site-header nav a{font-size:9px;letter-spacing:1px}.header-cta{padding:12px;font-size:9px}.hero-content{width:48%;right:3%}.hero h1 span{font-size:clamp(58px,8.3vw,100px)}.hero h1 em{font-size:clamp(62px,8vw,100px)}.audio-section{grid-template-columns:30% 43% 27%}.audio-benefits{padding:10px}}
@media(max-width:760px){.site-header{height:70px;padding:0 20px}.menu-toggle{display:block;margin-left:auto}.header-cta{display:none}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#05111ff7;padding:22px;flex-direction:column;align-items:stretch;gap:20px}.site-header nav.open{display:flex}.site-header nav a{font-size:12px}.hero{height:820px;min-height:720px;max-height:none}.hero-photo{background-position:42% center}.hero-shade{background:linear-gradient(0deg,#06101bf5 0%,#06101b88 43%,#06101b18 76%,#06101b70 100%)}.hero-content{top:auto;bottom:38px;left:5%;right:5%;width:90%;transform:none}.hero h1{text-align:center}.hero h1 span{font-size:clamp(58px,13vw,100px)}.hero h1 em{font-size:clamp(62px,13vw,105px);letter-spacing:-4px}.tagline{font-size:12px;letter-spacing:4px;margin:10px 0}.hero-lead{font-size:14px}.features{grid-template-columns:1fr 1fr;gap:25px 0}.features article:nth-child(2){border:0}.features article{padding:10px}.book-section{grid-template-columns:1fr}.book-art{min-height:390px;padding-top:30px}.book-copy{padding:20px 7% 60px;text-align:center}.book-copy>p:not(.eyebrow):not(.fine-print){margin-left:auto;margin-right:auto}.audio-section{grid-template-columns:1fr;text-align:center;padding:30px 7%}.headphone-art svg{max-width:250px}.audio-copy{padding:10px}.audio-benefits{border-left:0;border-top:1px solid #486174;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.audio-benefits>div{display:block}.audio-benefits strong{font-size:33px}.audio-benefits p{font-size:10px}.offer-grid{grid-template-columns:1fr}.closing h2{letter-spacing:3px}}
@media(max-width:420px){.hero{height:720px}.hero h1 span{font-size:54px}.hero h1 em{font-size:58px}.features h3{font-size:10px;letter-spacing:1px}.features p{font-size:11px}.book-cover{transform:scale(.85) rotateY(-11deg) rotateZ(-2deg)}.audio-benefits{grid-template-columns:1fr}.audio-benefits>div{display:flex;text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* v2: Cinematic mockup-inspired title treatment */
.hero-content{width:min(46%,640px)}
.hero h1{line-height:.94;text-align:center;overflow:visible}
.hero h1 span{font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:clamp(66px,8vw,126px);line-height:1.04;letter-spacing:-.025em;text-shadow:0 5px 18px #0009}
.hero h1 em{font-family:'Kaushan Script',cursive;font-weight:400;font-size:clamp(80px,9vw,145px);line-height:1.1;letter-spacing:-.06em;transform:rotate(-7deg);margin-top:-4px;text-shadow:0 4px 15px #0009}
.brand{font-family:'Anton',Impact,sans-serif;font-weight:400;letter-spacing:-.02em}
.brand em{font-family:'Kaushan Script',cursive;letter-spacing:-.06em}
.cover-title{font-family:'Anton',Impact,sans-serif;font-weight:400}
.cover-title em{font-family:'Kaushan Script',cursive}
.closer-section{text-align:center;background:linear-gradient(130deg,#05111e,#102a3e 53%,#05101b);padding:75px 7% 78px;border-top:1px solid #1d364b;border-bottom:1px solid #1d364b}
.closer-main{font:400 clamp(31px,4.6vw,68px)/1.18 'Anton',Impact,sans-serif;letter-spacing:.005em;max-width:1000px;margin:0 auto 18px}
.closer-main span{color:var(--blue)}
.closer-sub{font-size:clamp(17px,2vw,24px);line-height:1.5;margin:0;color:#d6e3ed}
@media(max-width:1050px){.hero-content{width:49%}.hero h1 span{font-size:clamp(55px,7.6vw,90px)}.hero h1 em{font-size:clamp(68px,8.6vw,110px)}}
@media(max-width:760px){.hero-content{width:90%}.hero h1 span{font-size:clamp(51px,12vw,94px)}.hero h1 em{font-size:clamp(65px,13vw,105px)}.closer-section{padding:55px 7%}}
@media(max-width:420px){.hero h1 span{font-size:clamp(48px,12vw,58px)}.hero h1 em{font-size:clamp(62px,14vw,73px)}}

/* v3: custom-feeling, expressive DREAMS wordmark */

.hero h1 em{font-size:clamp(112px,13vw,205px);line-height:.79;transform:rotate(-5deg) skewX(-5deg);margin:12px 0 12px;text-shadow:3px 5px 0 #082a45,0 0 26px #008cfa55;filter:drop-shadow(0 4px 3px #0008)}
.brand em{font-size:1.42em;line-height:.6;display:inline-block;transform:rotate(-5deg);vertical-align:-.07em}
.cover-title em{font-size:1.7em;line-height:.9;display:inline-block;transform:rotate(-5deg)}
.invitation{background:radial-gradient(ellipse at 88% 15%,#123c57 0%,#081928 43%,#030b13 90%);border-top:1px solid #19374a;padding:85px 7%;text-align:center}
.invitation-inner{max-width:850px;margin:auto}
.invitation h2{font:400 clamp(38px,5.6vw,78px)/1.03 'Anton',Impact,sans-serif;margin:0 0 28px}
.invitation h2 em{font-style:normal;color:var(--blue)}
.invitation p:not(.eyebrow){font-size:clamp(15px,1.5vw,18px);line-height:1.85;color:#d4e0ec;max-width:750px;margin:0 auto 22px}
.invitation .invitation-highlight{color:#fff!important;font-size:clamp(19px,2.2vw,26px)!important;line-height:1.5!important;margin:30px auto!important}
.invitation-highlight strong{color:var(--blue)}
.invitation .button{margin-top:15px}
@media(max-width:1050px){.hero h1 em{font-size:clamp(100px,12vw,155px)}}
@media(max-width:760px){.hero h1 em{font-size:clamp(100px,22vw,160px);margin:8px 0 12px}.invitation{padding:65px 7%}}
@media(max-width:420px){.hero h1 em{font-size:clamp(90px,24vw,110px)}.brand em{font-size:1.25em}}

/* v5: unified illustrated logo asset across hero, navigation, cover and footer */
.brand{display:inline-flex;align-items:center;flex-shrink:0;width:clamp(170px,18vw,255px);line-height:1}
.brand img{display:block;width:100%;height:auto;object-fit:contain}
.hero-content{width:min(45%,610px)}
.hero h1{margin:0 auto 12px;width:100%;line-height:1}
.hero h1 img{display:block;width:100%;height:auto;max-height:310px;object-fit:contain;filter:drop-shadow(0 6px 15px #0008)}
.cover-title{width:100%;line-height:1}
.cover-title img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 8px #000b)}
footer .brand{margin:0 auto;width:230px}
@media(max-width:1100px){.brand{width:185px}.site-header{gap:12px}.hero-content{width:47%}}
@media(max-width:760px){.brand{width:180px}.hero-content{width:90%}.hero h1{max-width:490px}}
@media(max-width:420px){.brand{width:160px}.hero h1{max-width:365px}}
