@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
/* Shared visual system: ocean, ivory and sea glass. */
:root{--ink:#081c22;--surface:#0c252c;--raised:#102e35;--paper:#f1efe5;--aqua:#a0d3c9;--muted:#b0c1c1;--line:#adcac32e;--font-body:'DM Sans',sans-serif;--font-display:'Playfair Display',Georgia,serif;--gutter:max(6.5vw,calc((100vw - 1280px)/2));--section-space:clamp(88px,9vw,138px);--heading:clamp(42px,5vw,72px);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased}::selection{background:var(--aqua);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;background:none;border:1px solid var(--line);cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--aqua);outline-offset:5px}img{display:block;max-width:100%}h1,h2,p{margin-top:0}h2{font:400 var(--heading)/1.12 var(--font-display);letter-spacing:-.045em;margin-bottom:30px;text-wrap:balance}h2 em{font-weight:400;color:var(--aqua)}p{line-height:1.85}small{font-size:11px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:500;line-height:1.8;color:var(--aqua)}.section{padding:var(--section-space) var(--gutter)}.section-label{display:flex;justify-content:space-between;align-items:start;gap:24px;border-top:1px solid var(--line);padding-top:20px;margin-bottom:64px;font-size:10px;letter-spacing:.15em;line-height:1.7;color:var(--muted)}.section-label>span:first-child{color:var(--aqua)}.section-label a{letter-spacing:.04em}.section-label a:hover{color:var(--paper)}.muted,.source-note{font-size:11px;color:var(--muted)}.source-note{margin:32px 0 0}.progress{height:2px;background:var(--aqua);position:fixed;top:0;left:0;width:0;z-index:60}.skip{position:fixed;top:-100px;z-index:99;padding:18px;background:var(--paper);color:var(--ink)}.skip:focus{top:0}
/* One navigation language on every page. */
header{position:fixed;top:0;left:0;width:100%;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:23px var(--gutter);border-bottom:1px solid #ffffff25;transition:background .3s,padding .3s;isolation:isolate}header.scrolled,header.menu-open,.utility-header{background:#081c22f0;backdrop-filter:blur(18px)}header.scrolled{padding-block:16px}.brand{font-family:var(--font-display);font-size:23px;letter-spacing:.13em;white-space:nowrap}.brand span{display:block;margin-top:5px;font:8px var(--font-body);letter-spacing:.2em;color:var(--muted)}nav{display:flex;align-items:center;gap:20px}nav a{position:relative;font-size:11px;padding:10px 0;color:#e1e9e5}nav a:after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:1px;background:var(--aqua);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after,nav a[aria-current=location]:after{transform:scaleX(1)}nav a[aria-current=location]{color:var(--aqua)}.navbuy,.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:48px;padding:15px 24px;background:var(--aqua);color:var(--ink);border:1px solid var(--aqua);font-size:12px;font-weight:600;line-height:1.4;transition:background .25s,transform .25s}.navbuy{min-height:40px;padding:11px 16px;font-size:11px;white-space:nowrap}.button:hover,.navbuy:hover{background:var(--paper);border-color:var(--paper);transform:translateY(-2px)}#menu{display:none}.text-link{display:inline-block;font-size:12px;line-height:1.8;padding:5px 0 8px;border-bottom:1px solid #a0d3c966;color:var(--paper);transition:color .2s,border-color .2s}.text-link:hover{color:var(--aqua);border-color:var(--aqua)}
/* Cinema frames. */
.cinema-wrap{position:relative}.hero{position:relative;height:100svh;min-height:680px;overflow:hidden}.hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#081c22a6,transparent 90%),linear-gradient(0deg,var(--ink),#081c2226 60%,#081c2260)}.hero-content{position:relative;height:100%;padding:150px var(--gutter) 90px;display:flex;flex-direction:column;justify-content:center}.hero h1{font:500 clamp(92px,12.5vw,180px)/.88 var(--font-display);letter-spacing:-.05em;margin:18px 0 45px}.hero h1 em{font-weight:400}.period{color:var(--aqua)}.hero-bottom{display:flex;align-items:center;gap:42px;max-width:650px;padding-bottom:15px}.hero-bottom p{font:26px/1.4 var(--font-display);margin:0}.hero-bottom>span{font-size:9px;letter-spacing:.15em;line-height:1.9;color:#d1dcd8}.roundlink,.quote-controls button,.gallery-inner button{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border:1px solid #a0d3c966;border-radius:50%;font-size:20px;transition:background .2s,color .2s}.roundlink:hover,.quote-controls button:hover,.gallery-inner button:hover{background:var(--aqua);color:var(--ink)}.side-note{position:absolute;right:24px;top:46%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.25em;color:#d1dcd8}.blue-world{position:relative;min-height:100svh;height:auto;text-align:center;overflow:hidden}.blue-world video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.world-shade{position:absolute;inset:0;background:linear-gradient(180deg,#081c2266,#081c2299 50%,var(--ink))}.world-story{position:relative;z-index:2;width:100%;padding:90px var(--gutter)}.scene-panel{padding:65px 0;max-width:1000px;margin:auto}.scene-panel h2{font-size:clamp(48px,6.5vw,94px);margin-bottom:25px}.scene-panel h2 em{color:#c4e7df}.scene-panel p:last-child{max-width:580px;margin-inline:auto;font-size:15px;line-height:1.8;color:#e0eae5}.scene-panel .eyebrow{flex-shrink:0}.scene-caption{position:absolute;bottom:32px;left:var(--gutter);right:var(--gutter);z-index:3;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.17em;color:var(--muted)}.cinema-on:not(.motion-paused) .hero-wrap{height:190svh}.cinema-on:not(.motion-paused) .hero{position:sticky;top:0;min-height:620px;height:100svh}.cinema-on:not(.motion-paused) .hero-content{will-change:transform,opacity}.cinema-on:not(.motion-paused) .world-wrap{height:340svh}.cinema-on:not(.motion-paused) .blue-world{position:sticky;top:0;height:100svh;min-height:620px}.cinema-on:not(.motion-paused) .world-story{position:absolute;inset:0;padding:0}.cinema-on:not(.motion-paused) .scene-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px var(--gutter) 65px;max-width:none;opacity:0;will-change:transform,opacity}.cinema-on:not(.motion-paused) .scene-panel h2{width:100%}.scroll-words{overflow:hidden;padding:56px 0;border-block:1px solid var(--line);background:var(--ink)}.scroll-words span{display:block;white-space:nowrap;font:clamp(44px,7vw,110px)/1.2 var(--font-display);color:#a0d3c966;letter-spacing:-.04em;width:max-content;padding-inline:6vw;will-change:transform}.motion{position:fixed;bottom:18px;right:18px;z-index:35;padding:11px 16px;border:1px solid var(--line);background:#081c22ed;border-radius:30px;backdrop-filter:blur(10px);font-size:10px;letter-spacing:.04em;min-height:40px}
/* Editorial rhythm. */
.story-grid,.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.story-copy{padding-top:8px;max-width:510px}.story-copy p,.author p,.book-copy>p:not(.eyebrow),.form-layout>div>p{font-size:15px;line-height:1.85;color:var(--muted)}.story-copy .lead,.author .lead{font-size:22px;line-height:1.55;color:var(--paper)}details{border-block:1px solid var(--line);margin:30px 0;padding:20px 0}summary{cursor:pointer;font-size:12px;line-height:1.8;list-style:none}summary::-webkit-details-marker{display:none}summary span{float:right;font-size:17px;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{margin-top:20px}.themes{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);padding-top:28px;margin-top:48px;font-size:10px;line-height:1.8;letter-spacing:.09em;color:var(--muted)}.themes span:not(:last-child):after{content:'·';padding-left:24px;color:var(--aqua)}.excerpts,.journal,.updates{background:var(--surface)}.quote-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:10%}.quote-controls{display:flex;align-items:center;gap:22px;margin-top:36px}.quote-controls span{font-size:11px;letter-spacing:.1em;color:var(--muted)}.quote-wrap{padding:10px 0 0 36px;border-left:1px solid var(--line)}.quote-mark{font:80px/.8 var(--font-display);color:var(--aqua);display:block;margin-bottom:14px}blockquote{font:400 clamp(25px,2.7vw,39px)/1.5 var(--font-display);letter-spacing:-.015em;margin:0 0 30px;min-height:330px;text-wrap:pretty}.book-section{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:10%;background:radial-gradient(ellipse at 25% 40%,#143b3f,var(--ink) 65%)}.book-art{position:relative;perspective:1000px;text-align:center}.book-art img{position:relative;transition:transform .4s;filter:drop-shadow(0 28px 32px #0006)}.book-glow{position:absolute;inset:7%;background:radial-gradient(#8dcab820,transparent 70%);border-radius:50%}.book-art span{font-size:9px;letter-spacing:.13em;color:var(--muted);line-height:1.8;display:block;margin-top:20px}.book-copy>p:not(.eyebrow){max-width:390px}.retailers{margin:32px 0}.retailers a{display:flex;align-items:center;justify-content:space-between;min-height:76px;border-top:1px solid var(--line);padding:16px 0;font:22px var(--font-display);transition:color .2s,padding .2s}.retailers a:last-child{border-bottom:1px solid var(--line)}.retailers a:hover{padding-inline:12px;color:var(--aqua)}.retailers small{display:block;margin-top:5px;font:11px var(--font-body);color:var(--muted)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 36px;margin-top:48px}.review-grid article{border-top:1px solid var(--line);padding-top:26px;display:flex;flex-direction:column;align-items:start}.review-grid p{font:22px/1.55 var(--font-display);letter-spacing:-.015em;flex:1;margin-bottom:25px}.review-grid span{font-size:10px;letter-spacing:.14em;color:var(--aqua)}.journal-heading{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:24px}.journal-heading p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:10px}.instagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.post{padding:10px 10px 0;border:1px solid var(--line);text-align:left;overflow:hidden;background:var(--ink);color:var(--paper)}.post img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#eeece5;transition:transform .5s var(--ease)}.post:hover img{transform:scale(.97)}.post span{display:flex;align-items:center;justify-content:space-between;padding:18px 5px;font-size:9px;letter-spacing:.08em;color:var(--muted)}.post b{font-size:16px;color:var(--aqua);font-weight:400}.follow-links,.author-links{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:32px}.author{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;align-items:start}.author-photo{position:sticky;top:130px}.author-photo img{width:100%;height:auto;max-height:690px;object-fit:contain;filter:grayscale(.7)}.author-photo:after{content:'LAWRENCE / AUTHOR';display:block;padding-top:18px;font-size:9px;letter-spacing:.16em;color:var(--muted)}.more-books{background:linear-gradient(180deg,var(--ink),var(--surface))}
/* Forms share typography, fields, consent and calls to action. */
.form-layout{align-items:start}.form-layout>div>p{max-width:450px}.reader-form{display:flex;flex-direction:column;min-width:0;padding:32px;border:1px solid var(--line);background:#081c2266}.reader-form>label{font-size:12px;margin-bottom:9px}.reader-form input:not([type=checkbox]):not([type=hidden]),.reader-form textarea{font:16px var(--font-body);border:1px solid #acc7c342;border-radius:0;padding:14px 15px;background:var(--ink);color:var(--paper);width:100%;margin-bottom:23px;min-height:49px;transition:border-color .2s}.reader-form textarea{resize:vertical;min-height:150px}.reader-form input:focus,.reader-form textarea:focus{outline:2px solid var(--aqua);outline-offset:2px}.reader-form .consent{display:flex;gap:12px;align-items:start;font-size:12px;line-height:1.7;margin:5px 0 16px;color:var(--muted)}.consent input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:var(--aqua)}.form-note{font-size:11px!important;line-height:1.8;color:var(--muted)}.form-note a,.consent a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.reader-form .button{align-self:flex-start;margin:8px 0 18px}.reader-form>p:last-child{margin-bottom:0}.contact-address{display:inline-block;margin-top:22px;font-size:16px;line-height:1.8;color:var(--aqua);overflow-wrap:anywhere}.contact small{color:var(--muted)}.trap{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}.closing{text-align:center;padding:var(--section-space) var(--gutter);background:radial-gradient(ellipse at 50% 100%,#234b4f,var(--ink) 72%);border-top:1px solid var(--line)}.closing h2{font-size:clamp(58px,8vw,116px);margin-bottom:40px}
/* Footer and companion pages. */
footer{padding:48px var(--gutter) 72px;background:var(--ink);border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-bottom:30px}.footer-top p{margin:12px 0 0;font-size:11px;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px 26px;max-width:580px}.footer-links a{font-size:11px;line-height:1.8;color:var(--muted)}.footer-links a:hover{color:var(--aqua)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:25px}.publisher-logo{width:90px;height:auto;object-fit:contain;background:var(--paper);padding:6px}.original-credit{font-size:10px;color:var(--muted);margin:0}.simple-page{max-width:840px;margin:0 auto;padding:155px 32px 100px;min-height:80vh}.simple-page h1{font:400 clamp(42px,6vw,68px)/1.12 var(--font-display);letter-spacing:-.04em;margin:40px 0 32px}.simple-page h2{font-size:28px;margin:38px 0 15px}.simple-page p,.simple-page li{font-size:15px;line-height:1.85;color:var(--muted)}.simple-page a:not(.button){color:var(--aqua);text-decoration:underline;text-underline-offset:3px}.simple-page .button{margin-top:25px}
/* Image viewer and animation primitives. */
dialog{background:var(--ink);color:var(--paper);border:1px solid var(--line);width:min(980px,96vw);padding:24px;max-height:95svh}dialog::backdrop{background:#020c10e6;backdrop-filter:blur(10px)}#closeGallery{display:block;margin-left:auto;min-height:44px;padding:8px 12px;border:0;margin-bottom:12px;font-size:12px}.gallery-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.gallery-inner img{height:68svh;max-width:calc(100% - 128px);object-fit:contain}.gallery-foot{display:flex;justify-content:space-between;gap:20px;font-size:11px;padding-top:22px;color:var(--muted)}.gallery-foot a{color:var(--aqua)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}.animated-word{display:inline-block}.heading-ready .animated-word{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .85s var(--ease);transition-delay:var(--word-delay)}.heading-in .animated-word{opacity:1;transform:none}.review-grid article:nth-child(3n+2),.post:nth-child(3n+2){transition-delay:80ms}.review-grid article:nth-child(3n+3),.post:nth-child(3n+3){transition-delay:160ms}.motion-paused .heading-ready .animated-word,.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused .hero-content,.motion-paused .hero video,.motion-paused .blue-world video,.motion-paused .scroll-words span,.motion-paused .scene-panel{transform:none!important;opacity:1!important}.motion-paused .scene-caption{display:none}
@media(max-width:1250px){header{gap:20px}#menu{display:block;order:3;border:1px solid var(--line);min-width:76px;min-height:42px;padding:10px;font-size:11px}.navbuy{margin-left:auto}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:24px var(--gutter) 30px;background:var(--ink);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:12px 25px;max-height:calc(100svh - 90px);overflow-y:auto}nav.open{display:grid}nav a{font-size:13px;padding:12px 0}.story-grid,.form-layout,.quote-layout,.book-section,.author{gap:7%}}
@media(max-width:760px){:root{--gutter:7vw;--section-space:86px;--heading:clamp(40px,9vw,60px)}html{scroll-padding-top:94px}header,header.scrolled{padding:16px var(--gutter);gap:12px}.brand{font-size:19px}.brand span{font-size:7px;letter-spacing:.15em}.navbuy{font-size:10px;min-height:40px;padding:10px 12px}#menu{min-width:62px;font-size:10px;min-height:40px}nav{grid-template-columns:1fr 1fr;gap:8px 28px}.section-label{font-size:9px;letter-spacing:.1em;margin-bottom:40px;gap:20px}.section-label>:last-child{text-align:right}.hero{min-height:630px}.hero-content{padding:130px var(--gutter) 100px}.hero h1{font-size:clamp(76px,17.4vw,130px);margin:20px 0 38px}.hero-bottom{justify-content:space-between;gap:25px}.hero-bottom p{font-size:24px}.hero-bottom>span{display:none}.side-note{right:12px;font-size:7px}.cinema-on:not(.motion-paused) .hero-wrap{height:165svh}.cinema-on:not(.motion-paused) .hero{min-height:560px}.cinema-on:not(.motion-paused) .world-wrap{height:285svh}.cinema-on:not(.motion-paused) .blue-world{min-height:520px}.scene-panel h2{font-size:clamp(42px,10vw,68px)}.scene-panel p:last-child{font-size:14px}.scene-caption{font-size:7px;bottom:30px}.world-story{padding-block:75px 115px}.scroll-words{padding-block:40px}.motion{font-size:9px;padding:10px 12px;bottom:12px;right:12px}.story-grid,.form-layout,.quote-layout,.book-section,.author{grid-template-columns:1fr;gap:36px}.story-copy{max-width:none;padding:0}.story-copy .lead{font-size:21px}.themes{gap:10px 18px;margin-top:38px}.themes span:not(:last-child):after{padding-left:18px}.quote-wrap{padding:28px 0 0;border-left:0;border-top:1px solid var(--line)}blockquote{font-size:27px;min-height:320px}.quote-controls{margin-top:26px}.book-art{max-width:470px;margin:auto}.book-art span{font-size:8px}.book-section{gap:48px}.review-grid{grid-template-columns:1fr;gap:30px;margin-top:36px}.review-grid p{font-size:24px}.journal-heading{display:block;margin-bottom:28px}.journal-heading h2{margin-bottom:20px}.instagram-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.post{padding:6px 6px 0}.post span{font-size:7px;letter-spacing:.03em;padding:13px 2px;gap:5px}.follow-links,.author-links{gap:16px 24px}.author-photo{position:static;max-width:480px}.author-photo img{max-height:none}.reader-form{padding:23px 18px}.reader-form .button{width:100%;align-self:stretch}.form-layout>div>p{max-width:none}.contact-address{font-size:15px}.closing h2{font-size:clamp(52px,12vw,82px)}.footer-top{display:block}.footer-links{justify-content:flex-start;gap:12px 24px;margin-top:28px}.footer-bottom{align-items:flex-start}.original-credit{max-width:190px;font-size:9px}.gallery-inner{gap:8px}.gallery-inner button{width:36px;height:44px;border-radius:0}.gallery-inner img{max-width:calc(100% - 88px);height:64svh}dialog{padding:15px}.gallery-foot{font-size:10px;line-height:1.7}.simple-page{padding:125px 7vw 80px}.utility-header .navbuy{margin-left:auto}.heading-ready .animated-word{transform:translateY(16px)}.heading-in .animated-word{transform:none}}
@media(max-width:370px){.brand{font-size:16px}.brand span{font-size:6px}.navbuy{padding-inline:9px}header{gap:8px}.hero h1{font-size:21vw}.instagram-grid{grid-template-columns:1fr}.post span{font-size:10px}}
@media(max-height:560px) and (orientation:landscape){.cinema-on:not(.motion-paused) .hero,.cinema-on:not(.motion-paused) .blue-world{min-height:100svh}.hero-content{padding:105px var(--gutter) 30px}.hero h1{font-size:clamp(50px,13vh,85px);margin:5px 0 16px}.hero .eyebrow{font-size:8px}.hero-bottom p{font-size:18px}.scene-panel h2{font-size:38px}.scene-panel p:last-child{font-size:12px}.scene-panel .eyebrow{font-size:8px}.cinema-on:not(.motion-paused) .scene-panel{padding:85px var(--gutter) 40px}.scene-caption{bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal,.animated-word,.scene-panel,.hero-content{opacity:1!important;transform:none!important}.scroll-words span{transform:none!important}.scene-caption,.motion{display:none}}
/* The cinematic sequence follows natural scrolling; controls offer direct access. */
.blue-world .world-ocean{opacity:0;z-index:0}.world-shade{z-index:1}.cinema-controls{position:absolute;left:var(--gutter);right:var(--gutter);bottom:35px;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:28px}.scene-steps{display:flex;gap:30px}.scene-steps button{position:relative;border:0;border-top:1px solid #ffffff38;padding:14px 0 10px;min-height:48px;color:var(--muted);font-size:11px;min-width:110px;text-align:left;transition:color .2s,border-color .2s}.scene-steps button span{color:var(--aqua);font-size:9px;margin-right:10px}.scene-steps button[aria-current=step]{color:var(--paper);border-color:var(--aqua)}.scene-steps button:hover{color:var(--aqua)}.skip-scene{font-size:11px;line-height:1.8;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 0}.skip-scene:hover{color:var(--paper)}.cinema-on:not(.motion-paused) .scene-panel{padding-bottom:130px}.motion-paused .cinema-controls{display:none}.motion-paused .world-ocean{opacity:0!important}.cinema-on:not(.motion-paused) .hero h1{animation:title-arrival 1.2s var(--ease) both}.cinema-on:not(.motion-paused) .hero .eyebrow{animation:title-arrival .9s var(--ease) both}.cinema-on:not(.motion-paused) .hero-bottom{animation:title-arrival 1.2s .15s var(--ease) both}@keyframes title-arrival{from{opacity:0;transform:translateY(22px);clip-path:inset(0 0 12% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@media(max-width:760px){.cinema-controls{bottom:30px;display:block}.scene-steps{gap:14px;justify-content:space-between}.scene-steps button{font-size:10px;min-width:0;flex:1;min-height:48px;padding-top:12px}.scene-steps button span{display:block;margin:0 0 7px}.skip-scene{display:block;width:max-content;margin:8px auto 0;font-size:10px}.cinema-on:not(.motion-paused) .scene-panel{padding-top:110px;padding-bottom:165px}.scene-panel h2{font-size:clamp(39px,9.8vw,68px)}}
@media(max-height:560px) and (orientation:landscape){.cinema-controls{bottom:10px}.scene-steps button{min-height:38px;padding:8px 0}.cinema-on:not(.motion-paused) .scene-panel{padding:85px var(--gutter) 90px}.scene-panel h2{font-size:32px;margin-bottom:12px}.scene-panel .eyebrow{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.cinema-controls{display:none}.world-ocean{opacity:0!important}}
/* Keep the sticky-video handoff opaque on mobile Safari. */
html{background:#081c22;color-scheme:dark}
body,main,.cinema-wrap,.hero,.blue-world,.intro{background-color:var(--ink)}
.cinema-wrap{isolation:isolate}
.hero,.blue-world{isolation:isolate;backface-visibility:hidden}
.hero>video,.blue-world>video{display:block;backface-visibility:hidden}


/* No divider between the opening cinema and the story. */
.hero-wrap,.hero,.intro{border:0;outline:0;box-shadow:none}
.hero-wrap::before,.hero-wrap::after,.hero::after{content:none;display:none}
.intro .section-label{border-top:0;padding-top:0}
/* Opaque video planes prevent bright video edges at the Safari handoff. */
.hero>video{z-index:0;background:var(--ink)}
.hero>.shade{z-index:1;transform:translateZ(0);pointer-events:none}
.hero>.hero-content{z-index:2}
.hero>.side-note{z-index:3}
.hero-wrap{overflow:clip}
.intro{position:relative;z-index:2;margin-top:-2px;background:var(--ink)}
/* Lead with the original book artwork, alongside the cinematic title. */
.hero-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3vw;align-content:center;align-items:center;padding-top:130px;padding-bottom:75px}
.hero-intro{min-width:0}.hero h1{font-size:clamp(72px,8.5vw,128px);margin:20px 0 32px}.hero-bottom{gap:30px}.hero-bottom p{font-size:clamp(22px,2.4vw,30px)}
.hero-genre{font-size:9px;letter-spacing:.17em;color:var(--muted);margin:25px 0 0}
.hero-book{text-align:center;min-width:0;position:relative}.hero-cover{display:block;max-width:560px;margin:0 auto;transition:transform .4s var(--ease);filter:drop-shadow(0 26px 28px #0007)}.hero-cover:hover{transform:translateY(-5px)}.hero-cover img{width:100%;height:auto;object-fit:contain;max-height:57svh}.hero-book .eyebrow{margin:12px 0 18px;font-size:9px}.hero-book .button{min-width:175px}.hero .side-note{display:none}
@media(max-width:760px){.hero-content{display:flex;flex-direction:column;justify-content:center;gap:15px;padding:105px var(--gutter) 65px}.hero-intro{width:100%;text-align:center}.hero-intro>.eyebrow{font-size:8px;margin:0}.hero h1{font-size:clamp(49px,13vw,76px);line-height:.88;margin:12px 0 16px}.hero-bottom{justify-content:center;padding:0}.hero-bottom p{font-size:19px;line-height:1.35}.hero-bottom .roundlink,.hero-genre{display:none}.hero-book{width:100%}.hero-cover{width:min(68vw,265px)}.hero-cover img{max-height:32svh}.hero-book .eyebrow{font-size:8px;margin:8px 0 10px}.hero-book .button{min-height:44px;padding:12px 24px}.hero,.cinema-on:not(.motion-paused) .hero{min-height:660px}}
@media(max-height:560px) and (orientation:landscape){.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:90px;padding-bottom:25px}.hero-intro{text-align:left}.hero h1{font-size:48px;margin:8px 0 15px}.hero-bottom{justify-content:flex-start}.hero-cover{width:min(32vw,260px)}.hero-cover img{max-height:43svh}.hero-book .eyebrow{margin:4px 0 8px;font-size:7px}.hero-book .button{padding:9px 15px;min-height:36px}.hero,.cinema-on:not(.motion-paused) .hero{min-height:100svh}}
/* Fine positioning of the front-page book. */
.hero-book{transform:translate(-24px,24px)}
@media(max-width:760px){.hero-book{transform:translate(-12px,14px)}}
/* Give the waterfall film a clearer, unhurried cinematic presentation. */
.world-wrap .blue-world>video:not(.world-ocean){object-position:50% 50%;filter:contrast(1.04) saturate(1.05)}
/* Make the original tagline and book the focus of the opening frame. */
.hero-intro{transform:translateY(-42px)}
.hero h1.hero-tagline{font-size:clamp(42px,4.6vw,70px);line-height:1.14;letter-spacing:-.04em;margin:22px 0 30px;font-weight:400}
.hero h1.hero-tagline em{color:var(--aqua)}
.hero-book{transform:translate(-40px,24px)}
.hero-cover{width:112%;max-width:625px;margin-left:-6%;margin-right:-6%}
.hero-cover img{max-height:64svh}
@media(max-width:760px){.hero-intro{transform:none}.hero h1.hero-tagline{font-size:clamp(32px,8.6vw,49px);line-height:1.14;margin:15px 0 0}.hero-bottom{display:none}.hero-content{gap:22px;padding-top:108px}.hero-book{transform:translate(0,14px)}.hero-cover{width:min(76vw,300px);max-width:none;margin:0 auto}.hero-cover img{max-height:38svh}.hero-book .eyebrow{margin-top:10px}}
@media(max-height:560px) and (orientation:landscape){.hero-intro{transform:translateY(-12px)}.hero h1.hero-tagline{font-size:clamp(28px,4vw,40px);margin:12px 0 18px}.hero-book{transform:translate(-12px,8px)}.hero-cover{width:min(35vw,285px);margin:0 auto}.hero-cover img{max-height:48svh}}

/* Longer editorial headings retain the shared type scale. */
.story-headline{font-size:clamp(40px,4.3vw,64px)}
.book-story-title{font-size:clamp(38px,3.9vw,58px);line-height:1.16}
@media(max-width:760px){.story-headline{font-size:clamp(38px,9vw,52px)}.book-story-title{font-size:clamp(35px,8.4vw,49px)}}
/* Keep the book lower beneath the palm canopy at each screen size. */
.hero-book{transform:translate(-144px,48px)}
.hero-cover{width:100%;max-width:560px;margin:0 auto}
.hero-cover img{max-height:55svh}
@media(min-width:761px) and (max-width:1100px){.hero-book{transform:translate(-108px,42px)}}
@media(max-width:760px){.hero-book{transform:translate(-40px,18px)}.hero-cover{width:min(70vw,280px);max-width:none;margin:0 auto}.hero-cover img{max-height:34svh}}
@media(max-height:560px) and (orientation:landscape){.hero-book{transform:translate(-59px,10px)}.hero-cover{width:min(32vw,260px)}.hero-cover img{max-height:43svh}}
/* Let the brighter footage show through without obscuring the scene titles. */
.world-wrap .blue-world>video:not(.world-ocean){filter:none;will-change:transform}
.world-shade{background:linear-gradient(180deg,rgba(8,28,34,.08),rgba(8,28,34,.18) 55%,#081c22)}
.scene-panel h2,.scene-panel>p{text-shadow:0 2px 18px #0008}
/* Keep the book beside the tagline, with more room below the leaves. */
.hero-book{transform:translate(0,98px)}
.hero-cover img{max-height:48svh}
@media(min-width:761px) and (max-width:1100px){.hero-book{transform:translate(-12px,86px)}}
@media(max-width:760px){.hero-book{transform:translate(0,40px)}.hero-cover img{max-height:33svh}}
@media(max-height:560px) and (orientation:landscape){.hero-book{transform:translate(0,32px)}.hero-cover img{max-height:38svh}}
/* Centre the book itself without replacing the beach composition. */
.hero,.cinema-on:not(.motion-paused) .hero{min-height:880px}
.hero-intro{align-self:start;margin-top:20px;transform:none}
.hero-book{position:absolute;left:50%;top:42%;width:min(46vw,520px);transform:translateX(-50%)}
.hero-cover{width:100%;max-width:none;margin:0 auto}.hero-cover img{max-height:52svh}
@media(max-width:760px){.hero,.cinema-on:not(.motion-paused) .hero{min-height:740px}.hero-book{left:50%;top:40%;width:min(76vw,300px);transform:translateX(-50%)}.hero-cover{width:100%;margin:0 auto}.hero-cover img{max-height:36svh}.hero-intro{margin-top:12px}}
@media(max-height:560px) and (orientation:landscape){.hero,.cinema-on:not(.motion-paused) .hero{min-height:700px}.hero-book{top:43%;width:310px;transform:translateX(-50%)}.hero-cover img{max-height:250px}}
/* Reveal the waterfall while keeping readable text over moving water. */
.world-wrap .blue-world>video:not(.world-ocean){filter:contrast(1.12) saturate(1.08)}
.world-shade{background:linear-gradient(180deg,rgba(8,28,34,.02),rgba(8,28,34,.06) 60%,rgba(8,28,34,.5))}
.scene-panel h2,.scene-panel>p{text-shadow:0 2px 5px #0009,0 5px 24px #0008}
.hero-content{align-content:start}
@media(max-width:760px){.hero-content{justify-content:flex-start}}
/* Give the home-page book a substantially larger display. */
.hero,.cinema-on:not(.motion-paused) .hero{min-height:max(1050px,calc(100svh + 250px))}
.hero-book{width:min(66vw,740px);top:34%}
.hero-cover img{max-height:72svh}
@media(max-width:760px){.hero,.cinema-on:not(.motion-paused) .hero{min-height:880px}.hero-book{width:min(96vw,440px);top:34%}.hero-cover img{max-height:52svh}}
@media(max-height:560px) and (orientation:landscape){.hero,.cinema-on:not(.motion-paused) .hero{min-height:850px}.hero-book{width:470px;top:34%}.hero-cover img{max-height:410px}}
/* Clearer footage with contrast concentrated behind the words. */
.world-wrap .blue-world>video:not(.world-ocean){filter:none}
.world-shade{background:radial-gradient(ellipse 48% 40% at 50% 46%,rgba(4,18,24,var(--scene-mood,.34)),transparent 100%),linear-gradient(180deg,transparent 0%,transparent 65%,rgba(8,28,34,.45) 100%)}
.scene-panel h2{font-weight:500;text-shadow:0 2px 5px #000c,0 8px 30px #0009}
.scene-panel h2 em{color:#cef1e8;font-weight:500}.scene-panel .eyebrow{color:var(--paper)}
.scene-panel>p{text-shadow:0 1px 4px #000e,0 3px 16px #000c}
/* Reduce the book while retaining the centred home-page placement. */
.hero-book{width:min(56vw,620px)}.hero-cover img{max-height:60svh}
.hero,.cinema-on:not(.motion-paused) .hero{min-height:max(950px,calc(100svh + 150px))}
@media(max-width:760px){.hero,.cinema-on:not(.motion-paused) .hero{min-height:800px}.hero-book{width:min(82vw,360px)}.hero-cover img{max-height:44svh}.world-shade{background:radial-gradient(ellipse 68% 36% at 50% 46%,rgba(4,18,24,var(--scene-mood,.34)),transparent 100%),linear-gradient(180deg,transparent 65%,rgba(8,28,34,.45))}}
@media(max-height:560px) and (orientation:landscape){.hero,.cinema-on:not(.motion-paused) .hero{min-height:780px}.hero-book{width:400px}.hero-cover img{max-height:350px}}
/* Lift the book towards the horizon without changing its size or angle. */
.hero-book{top:calc(34% - 42px)}
@media(max-width:760px){.hero-book{top:calc(34% - 20px)}}
@media(max-height:560px) and (orientation:landscape){.hero-book{top:calc(34% - 28px)}}
/* Show the complete kingfisher in portrait rather than cropping its wings away. */
@media(max-width:760px) and (orientation:portrait){
 .world-wrap .blue-world::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(#081c2266,#081c22d9),url('assets/waterfall-clear.jpg') center/cover;filter:blur(16px);transform:scale(1.08);opacity:.5;pointer-events:none}
 .world-wrap .blue-world>video:not(.world-ocean){top:clamp(90px,14svh,120px);left:0;right:0;bottom:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;transform:none!important;mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent)}
 .cinema-on:not(.motion-paused) .world-wrap .scene-panel{justify-content:flex-end;padding-top:290px;padding-bottom:145px}
 .world-wrap .scene-panel h2{font-size:clamp(34px,8.5vw,48px);margin-bottom:18px}
 .world-wrap .scene-panel>p:last-child{font-size:13px;line-height:1.7;max-width:90%}
 .world-wrap .scene-panel .eyebrow{font-size:8px;margin-bottom:12px}
 .world-wrap .world-shade{background:linear-gradient(180deg,transparent 25%,rgba(8,28,34,.12) 44%,rgba(8,28,34,.6) 65%,#081c22)}
 .motion-paused .world-wrap .world-story{padding-top:330px}
}
@media(max-width:760px) and (orientation:portrait) and (prefers-reduced-motion:reduce){.world-wrap .world-story{padding-top:330px}}

@media(max-width:760px) and (orientation:portrait) and (max-height:620px){.cinema-on:not(.motion-paused) .world-wrap .scene-panel{padding-top:250px;padding-bottom:130px}.world-wrap .scene-panel h2{font-size:32px;margin-bottom:14px}.world-wrap .scene-panel>p:last-child{font-size:12px;line-height:1.6}}
/* Keep the cover free of a rectangular hover treatment. */
.hero-cover,.hero-cover:hover,.hero-cover:active{background:transparent;border:0;box-shadow:none;filter:none;outline:none}
.hero-cover:hover{transform:none}
.hero-cover img{background:transparent;border:0;box-shadow:none}
.hero-cover:focus-visible{outline:2px solid var(--aqua);outline-offset:6px}
/* Remove the blurred grey surround from the kingfisher presentation. */
.world-wrap,.world-wrap .blue-world,.world-wrap .world-story,.world-wrap .scene-panel{background-color:var(--ink)}
.world-wrap .world-story,.world-wrap .scene-panel{background-color:transparent}
.world-wrap .blue-world::before{content:none;display:none;background:none;filter:none;opacity:0}
.world-wrap .world-shade{background:linear-gradient(180deg,transparent 0%,transparent 70%,rgba(8,28,34,.35) 100%)}
/* Author and book title sit together across both header formats. */
.header-brand{display:flex;align-items:center;gap:14px;flex-shrink:0}
.header-brand .header-author{display:inline;margin:0;color:var(--paper);font:400 21px/1.1 var(--font-display);letter-spacing:.1em}
.header-brand .header-book-title{display:inline;margin:0;padding-left:14px;border-left:1px solid var(--line);color:var(--aqua);font:400 20px/1.2 var(--font-display);letter-spacing:-.02em}
.mobile-menu-buy{display:none}
@media(min-width:1251px) and (max-width:1450px){header{gap:18px;padding-inline:4vw}nav{gap:15px}.header-brand{gap:10px}.header-brand .header-author{font-size:19px}.header-brand .header-book-title{font-size:18px;padding-left:10px}}
@media(max-width:760px){
 header,header.scrolled{padding:11px 6vw;min-height:59px;gap:12px}
 .header-brand{gap:10px;min-width:0}
 .header-brand .header-author{font-size:14px;letter-spacing:.07em}
 .header-brand .header-book-title{font-size:18px;padding-left:10px}
 header:not(.utility-header)>.navbuy{display:none}
 #menu{min-height:36px;min-width:54px;margin-left:auto;padding:8px 10px;font-size:10px;line-height:1.3}
 nav{left:auto;right:6vw;top:calc(100% + 5px);width:min(330px,88vw);padding:10px 14px;gap:3px 18px;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#081c22fa;box-shadow:0 18px 35px #0005;max-height:calc(100svh - 85px)}
 nav a{font-size:11px;min-height:35px;padding:9px 0;line-height:1.5}
 nav a:after{bottom:4px}
 nav .mobile-menu-buy{display:block;grid-column:1/-1;color:var(--aqua);border-top:1px solid var(--line);margin-top:4px;padding-top:10px;font-weight:600}
 .utility-header>.navbuy{font-size:9px;min-height:34px;padding:9px 10px}
}
@media(max-width:360px){.header-brand{gap:8px}.header-brand .header-author{font-size:12px}.header-brand .header-book-title{font-size:16px;padding-left:8px}#menu{min-width:48px;padding-inline:8px}}
/* Match the opening sea to the bright World Beyond footage. */
.hero>.shade{background:linear-gradient(180deg,transparent 0%,transparent 70%,rgba(8,28,34,.35) 100%)}
.hero>#heroVideo{filter:none;opacity:1}
/* Keep the scene labels and supporting copy free of shadows. */
.world-wrap .scene-panel>p,.world-wrap .scene-panel .eyebrow{ text-shadow:none }
/* White tagline and an opaque header at every scroll position. */
.hero h1.hero-tagline em{color:#fff}
header,header.scrolled,header.menu-open,header.utility-header{background:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}
header nav{background:var(--ink)}
/* Closing line of the home frame, in the header's ivory colour. */
.hero-bottom-note{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);bottom:24px;margin:0;color:var(--paper);font:400 13px/1.7 var(--font-body);letter-spacing:.025em;text-align:center;text-wrap:balance}
@media(max-width:760px){.hero-bottom-note{bottom:60px;left:7vw;right:7vw;font-size:11px;line-height:1.65}}
/* Bottom-corner purchase button and a larger central story line. */
.hero-copy-button{position:absolute;right:var(--gutter);bottom:24px;z-index:4;min-width:165px}
.hero-bottom-note{left:50%;right:auto;transform:translateX(-50%);width:min(760px,calc(100% - 410px));bottom:30px;color:#fff;font-size:20px;line-height:1.5;letter-spacing:0}
.motion{right:auto;left:18px}
@media(max-width:760px){.hero-copy-button{right:7vw;bottom:20px;min-width:150px;padding:13px 20px}.hero-bottom-note{left:50%;right:auto;width:86vw;bottom:86px;font-size:16px;line-height:1.55}.motion{left:12px;right:auto}}

/* Larger supporting copy and consistent turquoise accents. */
.hero-intro>.eyebrow{font-size:15px;line-height:1.6}
.world-wrap .scene-panel>p:last-child{font-size:19px;line-height:1.7;max-width:660px}
.world-wrap .scene-panel .eyebrow{font-size:12px;line-height:1.5}
.scroll-words span{color:var(--aqua)}
.hero-bottom-note{font-size:24px;line-height:1.4;text-transform:uppercase}
@media(max-width:760px){
 .hero-intro>.eyebrow{font-size:12px}
 .world-wrap .scene-panel>p:last-child{font-size:16px;line-height:1.6;max-width:94%}
 .world-wrap .scene-panel .eyebrow{font-size:10px}
 .hero-bottom-note{font-size:18px;line-height:1.45;bottom:90px}
}
@media(max-width:760px) and (orientation:portrait) and (max-height:620px){.world-wrap .scene-panel>p:last-child{font-size:15px;line-height:1.5}}

/* Footer newsletter and publisher identity. */
.footer-grid{display:grid;grid-template-columns:1fr minmax(320px,480px);gap:60px;align-items:start}
.footer-top{align-items:flex-start;flex-direction:column;padding-bottom:0;gap:30px}
.footer-identity{display:flex;align-items:center;gap:20px}
.footer-identity .publisher-logo{width:76px;flex:0 0 76px}
.footer-links{justify-content:flex-start}
.footer-signup{scroll-margin-top:110px}
.signup-tagline{font:400 21px/1.4 var(--font-display);color:var(--paper);margin:0 0 18px}
.footer-signup .reader-form{padding:0;border:0;background:transparent}
.footer-signup .reader-form input:not([type=checkbox]):not([type=hidden]){margin-bottom:16px}
.footer-signup .reader-form .button{margin-bottom:8px}
.hero-bottom-note{text-transform:none}
@media(max-width:760px){
 .footer-grid{grid-template-columns:1fr;gap:36px}
 .footer-identity{gap:16px}
 .footer-identity .publisher-logo{width:64px;flex-basis:64px}
 .footer-links{margin-top:0}
 .signup-tagline{font-size:20px}
 .hero-bottom-note{width:96vw;font-size:clamp(9px,3.05vw,21px);line-height:1.6;bottom:90px}
 .hero-bottom-note>span{display:block;white-space:nowrap}
}

/* Original website social destinations, always available in the header. */
header{flex-wrap:wrap;row-gap:0}
.header-socials{order:5;flex:0 0 100%;display:flex;justify-content:flex-end;align-items:center;gap:22px;padding-top:6px}
.header-socials a{display:inline-flex;align-items:center;min-height:32px;font-size:11px;line-height:1.4;color:var(--aqua);white-space:nowrap}
.header-socials a:hover{color:var(--paper);text-decoration:underline;text-underline-offset:4px}
.social-platform{margin-right:3px}
@media(max-width:760px){
 .header-socials{justify-content:space-between;gap:12px;padding-top:2px}
 .header-socials a{font-size:10px;min-height:32px}
 .header-socials .social-platform{display:none}
}

/* Compact email-only footer signup. */
footer{padding-block:30px 36px}
.footer-grid{grid-template-columns:1fr minmax(300px,420px);gap:38px}
.footer-top{gap:20px}
.footer-top p{margin-top:9px}
.footer-identity .publisher-logo{width:60px;flex-basis:60px}
.footer-links{gap:8px 20px}
.signup-tagline{font-size:18px;margin-bottom:12px}
.footer-signup .reader-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.footer-signup label[for=updatesEmail]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.footer-signup .reader-form #updatesEmail{grid-column:1;grid-row:1;min-height:44px;margin:0;padding:11px 12px;font-size:14px}
.footer-signup .reader-form .button{grid-column:2;grid-row:1;min-height:44px;margin:0;padding:11px 14px;font-size:11px;gap:8px;width:auto;align-self:stretch}
.footer-signup .reader-form .consent{grid-column:1/-1;grid-row:2;font-size:10px;line-height:1.5;gap:8px;margin:0}
.footer-signup .consent input{width:15px;height:15px;flex-basis:15px}
.footer-signup .reader-form .form-note{grid-column:1/-1;margin:0;font-size:10px!important;line-height:1.5}
@media(max-width:760px){footer{padding-block:26px 30px}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-top{gap:18px}.footer-identity .publisher-logo{width:52px;flex-basis:52px}.footer-links{gap:7px 18px}.footer-links a{font-size:10px}.footer-signup .reader-form .button{padding-inline:11px}}

/* Compact social brand marks with accessible touch targets. */
.header-socials{flex:0 0 auto;order:2;margin-left:auto;gap:2px;padding-top:0}
.header-socials a{display:inline-flex;justify-content:center;align-items:center;width:34px;height:36px;min-height:36px;padding:7px;color:var(--aqua)}
.header-socials svg{display:block;width:19px;height:19px;flex-shrink:0}
.header-socials a:hover{color:var(--paper)}
@media(min-width:1251px){header{gap:16px}header nav{gap:15px}.header-socials{margin-left:0}}
@media(min-width:761px) and (max-width:1250px){header>.navbuy{margin-left:0}}
@media(max-width:760px){.header-socials{order:5;flex-basis:100%;justify-content:center;gap:10px;margin:0;padding-top:0}.header-socials a{width:36px;height:32px;min-height:32px;padding:6px}.header-socials svg{width:18px;height:18px}}

/* Clearer edition availability beneath the home cover. */
.hero-book .eyebrow{font-size:16px;line-height:1.6;letter-spacing:.14em}
@media(max-width:760px){.hero-book .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.1em}}

/* High contrast availability label over the moving beach. */
.hero-book .eyebrow{display:inline-block;width:auto;max-width:100%;padding:9px 16px;margin:12px auto 18px;color:#fff;background:#081c22;border:1px solid var(--aqua);border-radius:4px;font-size:17px;font-weight:700;line-height:1.5;letter-spacing:.09em;text-shadow:none}
@media(max-width:760px){.hero-book .eyebrow{font-size:14px;padding:8px 12px;letter-spacing:.065em;margin:10px auto}}

/* Retain readability refinements outside the restored home and header. */
.section-label{font-size:13px;line-height:1.65;letter-spacing:.12em}
#author>div>.eyebrow{font-size:13px}
.themes{font-size:13px;letter-spacing:.06em}
.world-wrap .scene-panel .eyebrow{font-size:15px;color:var(--aqua);letter-spacing:.15em}
.world-wrap .scene-panel>p:last-child{font-size:21px;line-height:1.7;max-width:700px}
.scene-steps button{font-size:13px;min-width:120px}
.skip-scene{font-size:13px}
.book-copy>.book-description{font-size:19px;line-height:1.75}
.book-copy>.availability{font-size:15px;line-height:1.8;max-width:450px;color:var(--muted)}
.book-copy>.eyebrow{font-size:12px}
.book-copy>small.muted{font-size:13px;line-height:1.7}
.book-art>span{font-size:11px}
#more-books .text-link{font-size:14px}
.closing>.eyebrow{font-size:clamp(20px,2.4vw,34px);line-height:1.5;letter-spacing:.09em;margin-bottom:30px}
.closing>.button{min-height:60px;padding:19px 34px;font-size:16px}
@media(max-width:760px){
 .section-label{font-size:11px;letter-spacing:.08em}
 #author>div>.eyebrow{font-size:12px}
 .themes{font-size:12px;gap:10px 16px}
 .world-wrap .scene-panel .eyebrow{font-size:12px}
 .world-wrap .scene-panel>p:last-child{font-size:18px;line-height:1.55;max-width:96%}
 .scene-steps button{font-size:12px;min-width:0}
 .skip-scene{font-size:12px}
 .book-copy>.book-description{font-size:18px}
 .book-copy>.availability{font-size:14px}
 .book-copy>.eyebrow{font-size:11px;letter-spacing:.1em}
 .book-copy>small.muted{font-size:12px}
 .book-art>span{font-size:10px}
 .closing>.eyebrow{font-size:21px;letter-spacing:.06em}
 .closing>.button{min-height:56px;padding:17px 30px;font-size:15px}
}
@media(max-width:760px) and (orientation:portrait) and (max-height:620px){.world-wrap .scene-panel>p:last-child{font-size:16px;line-height:1.5}.world-wrap .scene-panel .eyebrow{font-size:11px}}

/* Focused home, genre and scene-caption refinements. */
.hero-intro>.hero-byline{margin:12px 0 0}
.hero h1.hero-tagline{margin-bottom:14px}
.hero-book .eyebrow{position:absolute;top:100%;left:25%;transform:translateX(-50%);display:block;width:max-content;max-width:none;margin:14px 0 0;padding:0;background:transparent;border:0;border-radius:0;color:#fff;font-size:17px;font-weight:600;line-height:1.6;letter-spacing:.045em;white-space:nowrap;text-shadow:none}
.themes{flex-wrap:nowrap;overflow-x:auto;max-width:100%;font-size:11px;gap:0;letter-spacing:.035em;scrollbar-width:thin;scrollbar-color:var(--aqua) transparent;padding-bottom:10px}
.themes>span{flex:0 0 auto;white-space:nowrap}
.themes span:not(:last-child):after{padding-inline:14px}
.world-wrap .scene-panel .eyebrow{font-size:18px;font-weight:600;letter-spacing:.13em}
.world-wrap .scene-panel:first-child .eyebrow{color:#008fda}
.world-wrap .scene-panel:nth-child(2) .eyebrow,.world-wrap .scene-panel:nth-child(3) .eyebrow{color:#fff}
.world-wrap .scene-panel:nth-child(2)>p:last-child,.world-wrap .scene-panel:nth-child(3)>p:last-child{font-size:24px;line-height:1.65;color:#fff;max-width:750px}
.cinema-on:not(.motion-paused) .world-wrap .scene-panel:nth-child(2),.cinema-on:not(.motion-paused) .world-wrap .scene-panel:nth-child(3){padding-bottom:calc(130px + 18svh)}
#more-books .film-interest{margin-bottom:0}
#more-books .explore-books{margin-top:28px}
@media(max-width:760px){
 .hero-intro>.hero-byline{margin-top:14px}
 .hero-book .eyebrow{left:50%;font-size:13px;letter-spacing:.015em;margin-top:14px;padding:0}
 .themes{font-size:10px;gap:0}
 .themes span:not(:last-child):after{padding-inline:11px}
 .world-wrap .scene-panel .eyebrow{font-size:14px}
 .world-wrap .scene-panel:nth-child(2)>p:last-child,.world-wrap .scene-panel:nth-child(3)>p:last-child{font-size:20px;line-height:1.5;max-width:96%}
 .cinema-on:not(.motion-paused) .world-wrap .scene-panel:nth-child(2),.cinema-on:not(.motion-paused) .world-wrap .scene-panel:nth-child(3){padding-bottom:calc(145px + 22svh)}
}
@media(max-width:760px) and (orientation:portrait) and (max-height:620px){.world-wrap .scene-panel:nth-child(2)>p:last-child,.world-wrap .scene-panel:nth-child(3)>p:last-child{font-size:18px}}

/* The original cover flag frames the closing line. */
.closing-tagline{display:grid;grid-template-columns:clamp(85px,13vw,190px) minmax(0,1fr) clamp(85px,13vw,190px);align-items:center;gap:24px;max-width:1280px;margin:0 auto 30px}
.closing-flag{display:block;width:100%;height:auto;overflow:visible;pointer-events:none}
.closing-flag-right{transform:rotate(180deg)}
.closing-tagline>.eyebrow{font-size:clamp(20px,2.4vw,34px);line-height:1.5;letter-spacing:.09em;margin:0;color:var(--aqua)}
@media(max-width:760px){.closing-tagline{grid-template-columns:55px minmax(0,1fr) 55px;gap:8px;margin-bottom:28px}.closing-tagline>.eyebrow{font-size:clamp(15px,4vw,21px);line-height:1.5;letter-spacing:.035em}}
@media(max-width:360px){.closing-tagline{grid-template-columns:42px minmax(0,1fr) 42px;gap:6px}}

/* Fine caption and closing detail adjustments. */
.hero-intro>.hero-byline{color:#fff}
.world-wrap .scene-panel:first-child .eyebrow{position:relative;top:8px;font-size:20px}
.world-wrap .scene-panel:first-child>p:last-child{font-size:23px;line-height:1.65}
#more-books .film-interest{color:#fff}
#more-books .explore-books{margin-top:14px}
.closing-flag-right{transform:scaleX(-1)}
@media(max-width:760px){.world-wrap .scene-panel:first-child .eyebrow{top:7px;font-size:16px}.world-wrap .scene-panel:first-child>p:last-child{font-size:19px;line-height:1.55}}
@media(max-width:760px) and (orientation:portrait) and (max-height:620px){.world-wrap .scene-panel:first-child>p:last-child{font-size:17px}}

/* Stronger byline, richer ocean-scene sky and larger book caption. */
.hero-intro>.hero-byline{font-weight:600}
.world-wrap .blue-world>.world-ocean{filter:saturate(1.18) contrast(1.06) brightness(.96)}
.book-art>span{font-size:14px;font-weight:500;transform:translateX(-14px)}
@media(max-width:760px){.book-art>span{font-size:12px;transform:translateX(-8px)}}

/* Local contrast follows the waterfall-to-ocean transition. */
.world-wrap .blue-world>video:not(.world-ocean){filter:saturate(1.12) contrast(1.05) brightness(.99)}
.world-wrap .world-shade::before,.world-wrap .world-shade::after{content:"";position:absolute;inset:0;pointer-events:none}
.world-wrap .world-shade::before{background:radial-gradient(ellipse 58% 29% at 50% 68%,rgba(3,37,32,.2),transparent 100%);opacity:calc(1 - var(--ocean-blend,0))}
.world-wrap .world-shade::after{background:linear-gradient(180deg,transparent 18%,rgba(8,54,100,.2) 31%,rgba(8,54,100,.28) 46%,rgba(8,54,100,.12) 57%,transparent 66%);opacity:var(--ocean-blend,0)}
.world-wrap .scene-panel:first-child .eyebrow{top:3px}
.book-art>span{transform:translateX(-24px)}
@media(max-width:760px){.world-wrap .scene-panel:first-child .eyebrow{top:2px}.book-art>span{transform:translateX(-14px)}}

/* Align the caption with the book image's left edge. */
.book-art>span{width:100%;text-align:left;margin-left:0;transform:none}

/* Compact contact form with paired identity fields. */
#contactForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:22px}
#contactForm .contact-field{min-width:0}
#contactForm .contact-field>label{display:block;font-size:11px;line-height:1.5;margin-bottom:6px}
#contactForm .contact-field-phone,#contactForm .contact-field-message{grid-column:1/-1}
#contactForm .contact-field>input,#contactForm .contact-field>textarea{margin:0;min-height:44px;padding:10px 12px;line-height:1.4}
#contactForm .contact-field>textarea{min-height:96px}
#contactForm>.consent{grid-column:1/-1;font-size:11px;line-height:1.5;margin:0;gap:9px}
#contactForm>.form-note{grid-column:1/-1;font-size:10px!important;line-height:1.5;margin:0}
#contactForm>.button{grid-column:1/-1;justify-self:start;min-height:44px;padding:11px 20px;margin:0}
@media(max-width:760px){#contactForm{padding:18px;gap:11px 12px}#contactForm>.button{width:100%;justify-self:stretch}}

/* Accessible controls and touch sizing. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
:where(a,button,summary,input,textarea,[tabindex]):focus-visible{outline:3px solid #b8f1e8;outline-offset:4px}
.themes:focus-visible{outline-offset:6px}
.reader-form .consent{min-height:44px;align-items:center;cursor:pointer}
@media(max-width:760px),(pointer:coarse){
 a,button,summary,input:not([type=hidden]):not([type=checkbox]),textarea{min-width:44px!important;min-height:44px!important;touch-action:manipulation}
 a{display:inline-flex;align-items:center}
 button,summary{padding-block:10px}
 .header-brand{min-height:44px}
 .header-socials a{width:44px;height:44px;padding:12px}
 #menu{min-width:60px!important;min-height:44px!important;font-size:12px}
 header nav a{display:flex;align-items:center;min-height:44px;font-size:13px}
 header nav{max-height:calc(100svh - 130px);overscroll-behavior:contain}
 .footer-links{gap:4px 16px}
 .footer-links a{font-size:12px;padding-block:10px}
 .gallery-inner button{width:44px;flex:0 0 44px;padding:8px}
 .gallery-inner img{max-width:calc(100% - 104px)}
 .gallery-foot{align-items:center;flex-wrap:wrap;gap:8px 16px}
 .gallery-foot a{font-size:12px}
 .section-label a,.text-link,.skip-scene{font-size:13px}
 .reader-form .consent,#contactForm>.consent,.footer-signup .reader-form .consent{font-size:12px;line-height:1.6;min-height:44px}
 .reader-form .form-note,#contactForm>.form-note,.footer-signup .reader-form .form-note{font-size:12px!important;line-height:1.6}
 .reader-form .form-note a,.reader-form .consent a,.simple-page p a{display:inline-flex;align-items:center;padding-block:8px;overflow-wrap:anywhere}
 .reader-form .consent input{width:22px;height:22px;flex-basis:22px;margin:0}
 .hero-bottom-note{font-size:clamp(12px,3.05vw,21px)}
 .simple-page p,.simple-page li{overflow-wrap:anywhere}
}
@media(max-width:760px){html{scroll-padding-top:130px}.footer-identity{flex-wrap:wrap;gap:12px}.footer-signup .reader-form .button{font-size:12px}.hero-content{padding-top:125px}}


/* Keep the same three-scene pacing and visual language on touch screens. */
@media(max-width:760px){
 .cinema-on:not(.motion-paused) .world-wrap{height:340svh}
 .cinema-on:not(.motion-paused) .hero-wrap{height:190svh}
 .cinema-on:not(.motion-paused) .world-wrap .scene-panel:nth-child(2),
 .cinema-on:not(.motion-paused) .world-wrap .scene-panel:nth-child(3){justify-content:center;padding-top:135px;padding-bottom:calc(145px + 12svh)}
 .world-wrap .scene-panel h2{font-size:clamp(34px,8.5vw,56px);text-wrap:balance}
 .scene-steps{gap:10px}
 .scene-steps button{flex:1;min-width:0;text-align:center}
 .reader-form input:not([type=checkbox]):not([type=hidden]),.reader-form textarea{font-size:16px}
 .footer-identity .brand{display:block}
 .hero-book .eyebrow{max-width:96vw;letter-spacing:0;font-size:clamp(11px,3.25vw,13px)}
}
@media(max-width:380px){
 #contactForm{grid-template-columns:minmax(0,1fr)}
 .contact-address{font-size:14px;overflow-wrap:anywhere;max-width:100%}
}

/* Distribute the single genre line across the full content width. */
.themes{width:100%;justify-content:space-between}
.themes>span:not(:last-child){display:flex;align-items:center;flex:1 0 auto}
.themes span:not(:last-child):after{margin-inline:auto}

/* A flowing phone layout keeps every home element visible without overlap. */
@media(max-width:760px){
 .hero-wrap,.cinema-on:not(.motion-paused) .hero-wrap{height:auto}
 .hero,.cinema-on:not(.motion-paused) .hero{position:relative;top:auto;display:flex;flex-direction:column;gap:20px;height:auto;min-height:100svh;padding:calc(var(--header-height,122px) + 24px) 5vw max(24px,env(safe-area-inset-bottom))}
 .hero>.hero-content{display:flex;flex-direction:column;flex:1;justify-content:center;gap:24px;width:100%;height:auto;padding:0;}
 .hero-intro{width:100%;margin:0;transform:none;text-align:center}
 .hero h1.hero-tagline{font-size:clamp(32px,8.6vw,49px);line-height:1.14;margin:0}
 .hero-intro>.hero-byline{font-size:12px;margin:14px 0 0}
 .hero-book{position:relative;inset:auto;width:min(80vw,330px);margin:0 auto;transform:none}
 .hero-cover{display:block;width:100%;margin:0 auto}
 .hero-cover img{display:block;width:100%;height:auto;max-height:none}
 .hero-book .eyebrow{position:static;inset:auto;transform:none;width:max-content;max-width:90vw;margin:8px auto 0;font-size:clamp(11px,3.2vw,13px);line-height:1.6;letter-spacing:0;white-space:nowrap}
 .hero-bottom-note{position:relative;inset:auto;order:2;transform:none;width:100%;margin:4px 0 0;font-size:clamp(11px,2.85vw,16px);line-height:1.65;letter-spacing:0}
 .hero-bottom-note>span{display:block;white-space:nowrap}
 .hero-copy-button{position:relative;inset:auto;order:3;align-self:flex-end;margin:0;min-height:48px;padding:13px 20px}
 .hero-cover:hover{transform:none}
}

/* Mobile home retains cinematic pinning, video movement and gentle text drift. */
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 .cinema-on:not(.motion-paused) .hero-wrap{height:calc(var(--hero-height,100svh) + 90svh);overflow:clip}
 .cinema-on:not(.motion-paused) .hero{position:sticky;top:min(0px,calc(100svh - var(--hero-height,100svh)));height:auto}
 .cinema-on:not(.motion-paused) .hero-content{will-change:transform,opacity}
}