@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=Caveat:wght@500;600&display=swap');
:root{--blue:#438ecc;--deep:#124e7e;--lime:#c5e660;--ink:#123b5b;--paper:#f5f9fc;--line:#ffffff35}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--blue);color:white;font:17px/1.75 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:6px}.skip{position:fixed;top:-100px;background:var(--lime);color:var(--ink);z-index:100;padding:12px}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header{position:absolute;top:0;left:0;width:100%;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:28px 6vw;border-bottom:1px solid var(--line)}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;line-height:1;letter-spacing:1px;font-weight:700}.brand span{display:block;font-family:'DM Sans',sans-serif;letter-spacing:3px;font-size:11px;margin-top:9px;color:var(--lime)}nav{display:flex;gap:35px;font-size:14px}nav a:last-child{color:var(--lime)}.hero{min-height:830px;height:100svh;max-height:1100px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;padding:135px 9vw 90px;background:radial-gradient(ellipse at 80% 45%,#75b3dc55,transparent 60%),var(--blue);isolation:isolate}.water-lines{position:absolute;width:90vw;height:90vw;right:-26vw;top:-10vw;z-index:-1;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff06,0 0 0 210px #ffffff05}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--lime);font-size:12px;letter-spacing:2.6px;font-weight:600;line-height:1.65}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(100px,11vw,170px);letter-spacing:-.02em;font-weight:700;line-height:.87;margin:30px 0 27px;color:transparent;-webkit-text-stroke:1.5px #fff}.subtitle{font-size:clamp(21px,2.3vw,32px);margin:0 0 26px;letter-spacing:-.02em;line-height:1.3}.hero-intro{font-size:17px;line-height:1.7;margin-bottom:30px}.round-link{display:inline-flex;align-items:center;gap:22px;font-size:15px}.round-link b{border:1px solid #ffffff80;border-radius:50%;width:53px;height:53px;display:grid;place-items:center;font-size:23px;transition:.25s}.round-link:hover b{background:var(--lime);border-color:var(--lime);color:var(--ink);transform:translateY(4px)}.hero-book{position:relative;perspective:1300px;padding:15px 30px 30px 0;text-align:center;max-width:470px;margin:auto;width:100%}.hero-book>img{display:block;width:100%;transform:rotateY(-12deg) rotateZ(6deg);box-shadow:6px 4px 0 #ebeee2,11px 8px 0 #225880,22px 35px 55px #16476c70;animation:book-arrive 1.2s ease-out}.book-caption{display:block;margin:50px -20px 0;font-size:10px;letter-spacing:2.6px;color:#fff}.book-orbit{width:125%;height:85%;border:1px solid #c5e66066;border-radius:50%;position:absolute;top:10%;left:-18%;transform:rotate(-25deg);z-index:-1}.hero-bottom-line{position:absolute;bottom:25px;left:6vw;right:6vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#eef7ff}.story{background:var(--paper);color:var(--ink);padding:100px 8vw 75px}.story-heading{max-width:1280px;margin:0 auto 65px}.story-heading .eyebrow{color:#286494}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(53px,6.2vw,90px);line-height:1.05;font-weight:500;letter-spacing:-.02em;margin:24px 0}.story-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:8vw;align-items:start}.story-copy{max-width:530px}.story-copy p{color:#4e6576;font-size:17px;line-height:1.85;margin:0 0 22px}.story-copy p.lead{font-size:23px;line-height:1.6;color:var(--ink);letter-spacing:-.02em}.story-copy p.punchline{font-weight:600;color:var(--ink);margin-top:30px}.text-link{display:inline-flex;gap:20px;align-items:center;border-bottom:2px solid var(--blue);padding:8px 0 12px;color:var(--deep);font-size:14px}.story-photos{padding:10px 0 25px;display:flex;flex-direction:column;align-items:start;gap:0}.photo{margin:0;width:100%}.photo-open{display:block;background:transparent;color:inherit;border:0;padding:0;text-align:left;cursor:pointer;position:relative;width:100%}.photo-open img{display:block;width:100%;transition:filter .4s}.photo-open:hover img{filter:brightness(1.06)}.photo .photo-open{overflow:hidden}.photo .photo-open>img{width:100%;object-fit:cover}.photo figcaption{font-size:13px;line-height:1.6;color:#416986;margin-top:12px}.enlarge{position:absolute;bottom:12px;right:12px;border:1px solid #ffffff70;background:#164a72c0;color:white;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;font-size:21px}.archival{transform:rotate(-5deg);padding:16px 16px 20px;background:white;box-shadow:0 15px 35px #16476c20;width:64%;position:relative;z-index:1}.archival .photo-open>img{aspect-ratio:1;object-position:center}.archival figcaption{font-family:Georgia,serif;font-style:italic}.action{width:95%;margin:-25px 0 0 8%;transform:rotate(3deg);position:relative;z-index:2;padding:12px 12px 17px;background:var(--blue);box-shadow:0 15px 35px #16476c25}.action .photo-open>img{aspect-ratio:1.5}.action figcaption{color:white}.memory-strip{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:26px;max-width:1280px;margin:85px auto 0;align-items:start}.memory-strip img{aspect-ratio:1.2;object-fit:cover}.memory-strip .photo-open:nth-child(2){margin-top:40px}.memory-strip span{display:flex;justify-content:space-between;align-items:center;font-size:18px;padding:15px 0;color:var(--deep);font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.5px}.memory-strip b{font-family:Arial,sans-serif;font-size:19px;font-weight:400}.album-note{max-width:1280px;margin:26px auto 0;font-size:13px;color:#5a7387}.book-section{background:var(--blue);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;padding:105px 13vw;position:relative;overflow:hidden}.book-art{perspective:1000px;max-width:330px;margin:auto;width:88%;padding:10px}.book-art img{width:100%;display:block;transform:rotateY(-13deg) rotateZ(-4deg);box-shadow:6px 4px 0 #e5e5d8,10px 7px 0 #245b85,23px 30px 50px #16476c70;transition:transform .6s}.book-art:hover img{transform:rotateY(0deg) rotateZ(0deg)}.book-copy{max-width:500px}.book-copy h2{font-size:clamp(54px,5.5vw,79px)}.book-copy>p{font-size:17px;line-height:1.8}.book-copy strong{color:var(--lime);font-weight:600}.preorders{margin-top:32px}.preorders button{display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;padding:18px 20px;width:100%;font-size:16px;line-height:1.5;font-weight:600;border:1px solid #fff;background:transparent;color:#fff;cursor:pointer;transition:.2s}.preorders button:first-child{background:var(--lime);color:var(--ink);border-color:var(--lime);margin-bottom:12px}.preorders button:hover{background:var(--deep);border-color:var(--deep);color:white}.preorders p{font-size:13px;color:#f0f6fb;margin:14px 0 0}footer{background:var(--deep);padding:45px 6vw 28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:25px}footer>p,footer>a:not(.brand){font-size:14px;color:#e3eef7}footer>small{flex:0 0 100%;font-size:11px;color:#c8dcec;border-top:1px solid var(--line);padding-top:22px;margin-top:5px}dialog{border:1px solid #ffffff35;background:var(--deep);color:white;padding:40px;max-height:92svh;max-width:90vw;box-shadow:0 30px 100px #153e6770}dialog::backdrop{background:#123e65ed;backdrop-filter:blur(10px)}.dialog-close{position:absolute;z-index:3;right:12px;top:8px;background:var(--deep);color:white;border:0;font-size:32px;line-height:1;min-width:44px;min-height:44px;cursor:pointer}#photo-dialog{width:1100px;padding:50px 40px 25px}.lightbox-image{display:flex;align-items:center;justify-content:center;height:65svh}.lightbox-image img{display:block;max-width:100%;max-height:100%;object-fit:contain}#photo-caption{max-width:800px;font-size:15px;margin:22px auto 14px;text-align:center;line-height:1.6;color:white}.lightbox-controls{display:flex;justify-content:center;align-items:center;gap:25px}.lightbox-controls button{background:transparent;color:white;border:1px solid #ffffff60;border-radius:50%;width:44px;height:44px;cursor:pointer}.lightbox-controls span{font-size:12px;color:#dae8f3}#order-dialog{width:550px;padding:55px 45px 40px}#order-dialog h2{font-size:48px}#order-dialog>p{font-size:16px}#order-dialog .eyebrow{font-size:11px}#order-dialog .order-note{color:#d4e4f1;font-size:13px}.order-done{background:var(--lime);border:0;color:var(--ink);padding:14px 22px;font-size:15px;margin-top:18px;cursor:pointer}body.modal-open{overflow:hidden}.photo,.story-heading{transition:opacity .65s,translate .65s}.js-motion .reveal-wait{opacity:0;translate:0 25px}@keyframes book-arrive{from{opacity:0;transform:rotateY(-18deg) rotateZ(8deg) translateY(25px)}to{opacity:1;transform:rotateY(-12deg) rotateZ(6deg)}}
@media(min-width:1600px){.hero{padding-inline:max(9vw,calc((100vw - 1300px)/2))}.hero-book{max-width:470px}}
@media(max-width:1000px){.hero{min-height:750px;padding:130px 7vw 85px;gap:6vw}.hero-book{padding-right:15px}.hero h1{font-size:12vw}.hero .eyebrow{font-size:10px}.story{padding-inline:7vw}.story-layout{gap:5vw}.story-copy p{font-size:16px}.story-copy p.lead{font-size:21px}.story-photos{padding-top:30px}.archival{width:75%}.action{margin-top:25px;width:97%;margin-left:0}.book-section{padding:85px 8vw;gap:7vw}}
@media(max-width:650px){header{padding:22px 6vw}.brand{font-size:23px}.brand span{font-size:10px;letter-spacing:2.6px}nav{gap:18px}nav a:first-child{display:none}nav a:last-child{font-size:13px}.hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;padding:125px 7vw 78px;gap:38px}.hero-book{order:0;width:65%;max-width:280px;padding:0 10px 0 0}.book-caption{display:none}.book-orbit{height:80%;top:13%}.hero-copy{order:1;text-align:center;width:100%}.hero .eyebrow{font-size:10px;letter-spacing:1.8px}.hero h1{font-size:17vw;line-height:.91;margin:20px 0;-webkit-text-stroke:1px white}.hero h1 br{display:none}.hero h1{font-size:13.8vw}.subtitle{font-size:22px;line-height:1.3;margin:17px 0}.subtitle br{display:none}.hero-intro{font-size:16px;margin:18px 0}.hero-intro br{display:none}.round-link{font-size:14px;gap:18px;margin-top:10px}.round-link b{height:44px;width:44px}.hero-bottom-line{bottom:22px;justify-content:center;font-size:9px;letter-spacing:1.5px}.hero-bottom-line span:last-child{display:none}.story{padding:65px 7vw 50px}.story-heading{margin-bottom:32px}.story-heading .eyebrow{font-size:10px;letter-spacing:1.7px}.story-heading h2{font-size:49px}.story-heading h2 br{display:none}.story-layout{display:flex;flex-direction:column;gap:30px}.story-copy p{font-size:16px;line-height:1.8}.story-copy p.lead{font-size:21px;line-height:1.55}.story-copy .punchline br{display:none}.text-link{font-size:13px;gap:15px}.story-photos{padding:5px 4vw 10px;width:100%}.archival{width:64%;padding:12px 12px 15px}.action{width:95%;margin:-20px 0 0 7%;padding:10px 10px 14px}.photo figcaption{font-size:12px}.memory-strip{grid-template-columns:1fr 1fr;gap:20px 15px;margin-top:35px}.memory-strip .photo-open:nth-child(2){margin-top:28px}.memory-strip .photo-open:last-child{grid-column:1/-1;width:75%;margin:0 auto}.memory-strip img{aspect-ratio:1}.memory-strip .photo-open:last-child img{aspect-ratio:1.3;object-position:center 35%}.memory-strip span{font-size:18px;padding:12px 0}.album-note{font-size:12px;text-align:center;line-height:1.7;max-width:270px;margin:20px auto 0}.book-section{grid-template-columns:1fr;gap:45px;padding:65px 8vw}.book-art{width:55%;max-width:230px}.book-copy h2{font-size:60px}.book-copy>p{font-size:16px}.preorders button{font-size:15px;padding:17px}footer{padding:35px 7vw 25px;gap:20px}footer>p{width:100%;order:2;margin:0}footer>a:not(.brand){font-size:13px}footer small{order:3;line-height:1.8}#photo-dialog{padding:50px 15px 20px;max-width:96vw}.lightbox-image{height:55svh}#photo-caption{font-size:14px}#order-dialog{padding:50px 25px 30px;max-width:92vw}#order-dialog h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.album{max-width:1280px;margin:95px auto 0;padding-top:55px;border-top:1px solid #438ecc40}.album-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.album-heading .eyebrow{color:#286494;font-size:11px}.album-heading h2{font-size:57px;margin:16px 0}.album-heading>p{font-size:14px;color:#4e6576;line-height:1.8;margin:0 0 12px}.album-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 22px;align-items:start}.album-grid .photo-open:nth-child(even){margin-top:38px}.album-grid img{height:260px;width:100%;object-fit:cover}.album-grid .photo-open:nth-child(3) img{object-fit:contain;background:#e1ecf4}.album-grid .photo-open:nth-child(8) img{object-position:center 30%}.album-era{display:block;font-size:10px;letter-spacing:1.5px;color:#356c95;margin-top:18px;line-height:1.6}.album-title{display:flex;justify-content:space-between;gap:12px;font-size:17px;line-height:1.5;margin-top:5px;color:var(--ink)}.album-title b{font-size:18px;font-weight:400;color:#286494}.album-note{margin-top:28px}
@media(max-width:1000px){.album-grid{gap:28px 18px}.album-grid img{height:210px}.album-title{font-size:15px}}
@media(max-width:650px){.album{margin-top:40px;padding-top:40px}.album-heading{display:block;margin-bottom:28px}.album-heading h2{font-size:43px}.album-heading>p{font-size:14px;margin-top:15px}.album-grid{grid-template-columns:repeat(2,1fr);gap:22px 16px}.album-grid img{height:210px}.album-grid .photo-open:nth-child(even){margin-top:25px}.album-era{font-size:9px;letter-spacing:1px;margin-top:12px}.album-title{font-size:14px;gap:7px}.album-note{margin-top:24px}}
@media(max-width:380px){.album-grid img{height:180px}}

/* Book-inspired wordmark and a fuller photographic journey. */
.brand .brand-wordmark{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;font-weight:700;line-height:1;letter-spacing:1px;margin:0;color:rgba(255,255,255,.28);-webkit-text-stroke:.8px white;paint-order:stroke fill}
.brand .brand-author{-webkit-text-stroke:0;color:var(--lime)}
.archival figcaption{font-family:'Caveat','Segoe Print',cursive;font-size:23px;font-style:normal;font-weight:500;line-height:1.15}
.story-photos{gap:26px;align-self:stretch;justify-content:space-between}
.action{margin-top:0}
.journey-photo{width:89%;padding:12px 12px 17px;background:white;box-shadow:0 15px 35px #16476c20;transform:rotate(-2deg);margin:0 0 0 3%}
.journey-photo .photo-open>img{aspect-ratio:1.6;object-fit:cover}
.journey-photo:last-child{width:83%;align-self:end;transform:rotate(3deg);margin-right:2%}
.journey-photo figcaption{font-family:'Caveat','Segoe Print',cursive;font-size:23px;line-height:1.2}
@media(min-width:1100px){.story-photos{gap:20px}.archival{width:53%}.action{width:85%;align-self:end}.journey-photo{width:76%}.journey-photo:last-child{width:70%}.journey-photo .photo-open>img{aspect-ratio:1.9}}
@media(max-width:650px){.brand .brand-wordmark{font-size:23px}.story-photos{gap:28px}.archival figcaption,.journey-photo figcaption{font-size:21px}.action{margin-top:0}.journey-photo{width:89%}.journey-photo:last-child{width:85%}}
/* Keep the cover and text inside the hero at wide and short aspect ratios. */
.hero{height:auto;min-height:100svh;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-copy,.hero-book,.story-copy,.story-photos,.book-copy{min-width:0}
@media(min-width:651px){
 .hero{padding-top:135px;padding-bottom:85px}
 .hero h1{font-size:clamp(76px,min(11vw,16svh),170px);margin-top:clamp(18px,3svh,30px);margin-bottom:clamp(18px,3svh,27px)}
 .hero-book{width:min(100%,440px,max(230px,calc((100svh - 290px)*.6)));padding:15px 20px 20px 0}
 .book-caption{margin:35px -10px 0;overflow-wrap:normal}
}
.story-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(30px,8vw,120px)}
.album-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.book-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,10vw,160px)}
@media(min-width:651px) and (max-height:800px){
 .hero{padding-top:125px;padding-bottom:70px}
 .hero .subtitle{font-size:clamp(21px,2.3vw,27px);margin-bottom:18px}
 .hero-intro{margin-bottom:22px}
 .hero .round-link b{width:46px;height:46px;flex-shrink:0}
}
@media(max-width:650px){
 .hero{min-height:0}
 .album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .book-section{grid-template-columns:minmax(0,1fr);gap:45px}
 .hero-bottom-line span:last-child{display:inline}
}

/* The album unfolds sideways as the reader continues down the page. */
.hero-book{translate:0 var(--drift,0px)}
.water-lines{translate:0 var(--water-drift,0px)}
.album-window{min-width:0}
.album-progress{display:none}
.album-cinematic{max-width:none;margin-inline:-8vw;padding:0;border:0;position:relative;background:var(--deep);color:white}
.album-cinematic .album-stage{position:sticky;top:0;height:100svh;min-height:650px;padding:38px 7vw 24px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.album-cinematic .album-heading{flex-shrink:0;margin-bottom:24px;align-items:center}
.album-cinematic .album-heading h2{font-size:clamp(46px,5vw,76px);margin:8px 0}
.album-cinematic .album-heading .eyebrow{color:var(--lime)}
.album-cinematic .album-heading>p{color:#e0edf7;max-width:300px}
.album-cinematic .album-window{overflow:hidden;padding:8px 4px 12px;margin-inline:-4px;flex-shrink:0}
.album-cinematic .album-grid{display:flex;gap:32px;align-items:start;position:relative;will-change:transform}
.album-cinematic .album-grid .photo-open{flex:0 0 clamp(260px,32vw,470px);margin:0}
.album-cinematic .album-grid img{height:clamp(240px,43svh,540px);object-fit:contain;background:#0b3452}
.album-cinematic .album-era{color:var(--lime);font-size:12px;margin-top:14px}
.album-cinematic .album-title,.album-cinematic .album-title b{color:white;font-size:20px}
.album-cinematic .album-note{color:#c4d9e9;margin:15px 0 0;font-size:12px}
.album-cinematic .album-progress{display:block;height:2px;background:#ffffff25;margin-top:18px;flex-shrink:0}
.album-progress span{display:block;width:100%;height:100%;background:var(--lime);transform:scaleX(0);transform-origin:left}
@media(min-width:900px) and (max-width:1000px){.album-cinematic{margin-inline:-7vw}}
@media(prefers-reduced-motion:reduce){.hero-book,.water-lines{translate:none}}

/* Scroll gently turns the actual cover in perspective. */
.hero-book>img{transform:rotateX(var(--cover-x,0deg)) rotateY(var(--cover-y,-12deg)) rotateZ(var(--cover-z,6deg)) scale(var(--cover-scale,1));transform-origin:50% 55%;will-change:transform;animation:cover-fade-in 1s ease-out}
@keyframes cover-fade-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-book>img{transform:rotateY(-12deg) rotateZ(6deg);will-change:auto}}

/* A blank paper riffle, driven by scroll position rather than a timer. */
.flip-book{position:relative;perspective:1500px;transform-style:preserve-3d;translate:var(--spread,0%) 0;transform:rotateY(var(--cover-y,-12deg)) rotateZ(var(--cover-z,6deg)) scale(var(--cover-scale,1));width:100%;isolation:isolate}
.flip-book>img{display:block;width:100%;position:relative;z-index:40;transform-origin:left center;transform:rotateY(var(--opening,0deg));backface-visibility:hidden;box-shadow:5px 3px 0 #eeeadd,9px 6px 0 #225880,15px 20px 35px #16476c50}
.flip-leaf{position:absolute;inset:1% 1% 1% 0;transform-origin:left center;background:linear-gradient(90deg,#c7c4b9 0%,#f4f0e5 5%,#fffdf5 45%,#e0dccf 100%);border:1px solid #d6d1c5;border-radius:0 2px 2px 0;box-shadow:2px 1px 3px #173c5425;pointer-events:none}
.flip-leaf::after{content:'';position:absolute;inset:12% 12% 15% 14%;opacity:.13;filter:blur(2px);background:repeating-linear-gradient(0deg,transparent 0 9px,#64717a 9px 10px);transform:translateZ(.1px)}
@media(prefers-reduced-motion:reduce){.flip-book{transform:rotateY(-12deg) rotateZ(6deg);translate:none}.flip-book>img{transform:none}.flip-leaf{display:none}}

.flip-book{scale:var(--riffle-scale,1)}
.flip-book::before{content:'';position:absolute;inset:1% 0;background:#f7f3e9;box-shadow:6px 4px 0 #e1ded2,10px 7px 0 #225880;z-index:0}
@media(prefers-reduced-motion:reduce){.flip-book{scale:1}}

/* Soft shoreline transitions and a generous, text-only story. */
.hero{border-radius:0 0 50% 5% / 0 0 55px 20px;z-index:1}
.story{position:relative;margin-top:-55px;padding-top:140px}
.story-layout{display:block;max-width:1000px}
.story-copy{max-width:850px;margin:auto}
.story-copy p.lead{font-size:clamp(21px,2.3vw,30px);line-height:1.6;margin-bottom:30px}
.story-copy p{font-size:18px;line-height:1.85}
.story-heading{max-width:1000px}
.book-section{border-radius:50% 8% 0 0 / 55px 30px 0 0;margin-top:-40px;padding-top:125px}
.album-cinematic{border-radius:50% 5% 0 0 / 50px 20px;padding-top:50px}
.album-cinematic .album-stage{border-radius:inherit}
@media(max-width:650px){.hero{border-bottom-left-radius:8% 15px;border-bottom-right-radius:60% 35px}.story{margin-top:-35px;padding-top:90px}.story-copy p{font-size:16px}.story-copy p.lead{font-size:21px}.book-section{padding-top:85px;border-top-left-radius:55% 35px;border-top-right-radius:8% 20px}}

/* Broad wave crests connect the water-blue and paper sections. */
:root{--wave-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 50C240 130 480 -30 720 50C960 130 1200 -30 1440 50V100H0Z' fill='black'/%3E%3C/svg%3E")}
.hero{border-radius:0;padding-bottom:125px}
.hero::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:65px;background:var(--paper);mask:var(--wave-mask) center/100% 100% no-repeat;-webkit-mask:var(--wave-mask) center/100% 100% no-repeat;pointer-events:none;z-index:3}
.hero-bottom-line{bottom:75px}
.story{margin-top:0;padding-top:80px}
.book-section{border-radius:0;margin-top:-1px;padding-top:145px}
.book-section::before{content:'';position:absolute;top:-1px;left:0;width:100%;height:70px;background:var(--paper);mask:var(--wave-mask) center/100% 100% no-repeat;-webkit-mask:var(--wave-mask) center/100% 100% no-repeat;transform:rotate(180deg);pointer-events:none}
.album-cinematic{border-radius:0;padding-top:65px}
.album::before{content:'';position:absolute;top:-1px;left:0;width:100%;height:65px;background:var(--paper);mask:var(--wave-mask) center/100% 100% no-repeat;-webkit-mask:var(--wave-mask) center/100% 100% no-repeat;transform:rotate(180deg);pointer-events:none;z-index:2}
.album::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:65px;background:var(--paper);mask:var(--wave-mask) center/100% 100% no-repeat;-webkit-mask:var(--wave-mask) center/100% 100% no-repeat;pointer-events:none;z-index:2}
.album-cinematic .album-stage{border-radius:0}
@media(max-width:650px){.hero{padding-bottom:115px}.hero-bottom-line{bottom:60px}.hero::after{height:45px}.story{margin-top:0;padding-top:50px}.book-section{padding-top:105px}.book-section::before{height:45px}}

/* The final board turns over to the publisher's actual back cover. */
.flip-back{position:absolute;inset:0;display:block;transform-origin:left center;transform:rotateY(var(--back-turn,0deg));transform-style:preserve-3d;z-index:50;pointer-events:none}
.flip-back img{display:block;width:100%;height:100%;object-fit:fill;transform:rotateY(180deg);backface-visibility:hidden;box-shadow:-5px 3px 0 #eeeadd,-9px 6px 0 #225880,0 18px 30px #16476c45}
.flip-leaf,.flip-book::before{opacity:var(--paper-opacity,1)}
@media(prefers-reduced-motion:reduce){.flip-back{display:none}}

/* Pre-order controls retained for a later launch stage. */
.preorders[hidden]{display:none}
.book-launch{margin-top:32px}

.hero .hero-hook{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(30px,3.3vw,46px);font-weight:500;line-height:1.08;margin-bottom:22px}
@media(max-width:650px){.hero-copy{order:0}.hero-book{order:1}.hero .hero-hook{font-size:34px;margin:18px 0}.hero .hero-hook br{display:block}}

.book-copy .launch-heading{font-size:clamp(48px,5.1vw,72px);line-height:1.1}.launch-heading span{display:block;color:var(--lime)}
@media(max-width:650px){.book-copy .launch-heading{font-size:48px}.book-copy .eyebrow{font-size:11px;letter-spacing:1.6px}}

/* Navy album joins the paper story and blue launch section with waves. */
.story{padding-bottom:0}
.album{position:relative;max-width:none;margin-inline:-8vw;padding:75px 8vw 85px;border:0;background:var(--deep);color:white}
.album .album-heading .eyebrow,.album .album-era{color:var(--lime)}
.album .album-heading>p{color:#e0edf7}
.album .album-title,.album .album-title b{color:white}
.album .album-note{color:#c4d9e9}
.album .album-grid img{background:#0b3452}
.album-cinematic{padding:65px 0 0}
.album::after{background:var(--blue)}
.book-section::before{display:none}
@media(max-width:1000px){.album{margin-inline:-7vw}}
@media(max-width:650px){.album{padding:70px 7vw 80px}.album::before,.album::after{height:45px}}

.hero .round-link>span{color:var(--lime)}