/* The book leads; the reading experience begins beneath the scroll scene. */
body{background:#fff}.site-header{position:absolute;inset:0 0 auto;z-index:10;color:#fff;border-bottom:1px solid #ffffff16;max-width:none;padding:23px 4.5vw;min-height:90px}.site-header .brand-mark{background:var(--yellow);color:#291643}.site-header nav>a:hover{color:var(--yellow)}.site-header .nav-label{color:var(--yellow)}.header-buy{background:var(--yellow);color:#211432}.header-buy:hover{background:#ffe978}.book-experience{position:relative;height:290svh;background:#211432;color:white;isolation:isolate}.experience-frame{height:100svh;min-height:540px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#6f5587 0%,#3a254f 44%,#211432 80%)}.book-render{position:absolute;inset:84px 0 68px;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.book-render canvas{position:absolute;inset:0;display:block;width:100%;height:100%;filter:drop-shadow(8px 23px 22px #08020a60)}.book-fallback{height:min(100%,78svh);width:auto;max-width:78vw;object-fit:contain;transform:rotate(-4deg);box-shadow:14px 30px 38px #11061f70;will-change:transform;transition:opacity .2s}.book-render.is-ready .book-fallback{opacity:0}.experience-side{position:absolute;top:51%;z-index:3;transform:translateY(-50%);pointer-events:none}.experience-side-left{left:4.5vw;max-width:170px}.experience-side-left p{font-family:var(--heading);font-size:1rem;font-weight:500;line-height:1.6;color:#efdeff}.experience-side-rule{display:block;width:28px;height:2px;background:var(--yellow);margin-bottom:20px}.experience-side-right{right:4.5vw;text-align:right}.experience-side-right>span{font-family:var(--heading);color:var(--yellow);font-size:2.8rem;line-height:1;font-weight:800;letter-spacing:-.04em}.experience-side-right p{margin-top:13px;font-size:.75rem;font-weight:600;letter-spacing:.12em;line-height:1.7;color:#d5c8e3}.experience-bottom{position:absolute;inset:auto 4.5vw 25px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px}.scroll-invitation{display:flex;align-items:center;gap:11px;color:#f1e9fa;font-size:.875rem}.scroll-track{width:20px;height:30px;border:1px solid #d9c2ed99;border-radius:11px;display:flex;justify-content:center;padding-top:6px}.scroll-track>span{height:6px;width:3px;border-radius:3px;background:var(--yellow);animation:scroll-cue 1.8s ease-in-out infinite}.experience-edition{font-size:.75rem;letter-spacing:.1em;line-height:1.55;color:#d9c8e8;text-align:right}.experience-progress{position:absolute;bottom:-25px;left:-4.5vw;width:100vw;height:3px;background:#ffffff12}.experience-progress>span{display:block;width:0;height:100%;background:var(--yellow);transform-origin:left}.book-section{padding-top:110px}.book-introduction{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;margin-bottom:70px}.book-introduction .eyebrow{color:var(--purple);margin-bottom:22px}.book-introduction h2{font-size:clamp(2.7rem,4.5vw,4.1rem);letter-spacing:-.055em}.book-introduction .introduction-lead{font-family:var(--heading);font-size:1.45rem;line-height:1.5;font-weight:700;letter-spacing:-.025em;color:var(--ink);margin-bottom:15px}.book-introduction p:not(.eyebrow):not(.introduction-lead){color:var(--muted);font-size:1.05rem;line-height:1.8;max-width:430px}.book-introduction em{font-style:normal;font-weight:600}.book-introduction .button{margin-top:25px}.book-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:30px;margin-bottom:70px}.book-facts>div{display:flex;flex-direction:column;gap:7px}.book-facts strong{font-family:var(--heading);font-size:2.6rem;line-height:1.1;letter-spacing:-.045em;font-weight:800;color:var(--purple)}.book-facts span{font-size:.875rem;color:var(--muted)}
@keyframes scroll-cue{0%,100%{transform:translateY(0);opacity:1}65%{transform:translateY(9px);opacity:.4}}
@media(max-width:1000px){.experience-side-left{max-width:130px}.experience-side-left p{font-size:.875rem}.book-introduction{gap:45px}.book-render{inset:92px 0 76px}}
@media(max-width:700px){.site-header{padding:20px;min-height:77px;flex-wrap:nowrap}.site-header nav{display:none}.site-header .brand{font-size:.8rem}.site-header .brand strong{font-size:.96rem}.site-header .brand-mark{width:37px;height:37px}.book-experience{height:250svh}.experience-frame{min-height:460px}.book-render{inset:90px 0 88px}.book-fallback{max-width:82vw;max-height:100%;height:auto;width:auto}.experience-side-left{top:auto;bottom:53px;left:20px;transform:none;max-width:none}.experience-side-left p{font-size:.875rem;line-height:1.4}.experience-side-left p br{display:none}.experience-side-rule{display:none}.experience-side-right{top:96px;right:20px;transform:none}.experience-side-right>span{font-size:1.2rem}.experience-side-right p{display:none}.experience-bottom{inset:auto 20px 18px;gap:12px}.scroll-invitation{font-size:.75rem;gap:8px}.scroll-track{width:16px;height:25px}.experience-edition{font-size:.75rem;letter-spacing:.025em}.experience-progress{left:-20px;bottom:-18px}.book-section{padding-top:60px}.book-introduction{grid-template-columns:1fr;gap:27px;margin-bottom:36px}.book-introduction h2{font-size:clamp(2.5rem,9vw,3.5rem)}.book-introduction .eyebrow{margin-bottom:17px}.book-introduction .introduction-lead{font-size:1.3rem}.book-introduction p:not(.eyebrow):not(.introduction-lead){font-size:1rem}.book-facts{gap:18px;padding-block:24px;margin-bottom:45px}.book-facts strong{font-size:clamp(1.4rem,6vw,2rem)}.book-facts span{font-size:.875rem;line-height:1.4}}
@media(max-height:600px) and (min-width:701px){.experience-frame{min-height:380px}.site-header{min-height:72px;padding-block:15px}.book-render{inset:75px 0 60px}.experience-side-left p{font-size:.875rem}.experience-side-right>span{font-size:2rem}.experience-bottom{bottom:15px}.experience-progress{bottom:-15px}}
@media(prefers-reduced-motion:reduce){.book-experience{height:100svh;min-height:540px}.experience-frame{position:relative}.scroll-track>span{animation:none}.experience-progress{display:none}.book-fallback{will-change:auto}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.book-experience{min-height:460px}}

/* Cover-inspired career and maths artwork, with a clear centre for the book. */
.experience-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;background:url('/assets/maths-world-background-balanced.webp') center center / cover no-repeat;opacity:.76}
.experience-backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(33,20,50,.58) 0%,rgba(33,20,50,.08) 23%,rgba(33,20,50,.04) 72%,rgba(33,20,50,.66) 100%)}
.experience-side-left p,.experience-side-right p,.experience-edition,.scroll-invitation{text-shadow:0 1px 8px #211432}
@media(max-width:1000px){.experience-backdrop{background-position:47% center}}
@media(max-width:700px){.experience-backdrop{background-position:32% center;opacity:.64}.experience-backdrop::after{background:linear-gradient(180deg,rgba(33,20,50,.57),rgba(33,20,50,.12) 26%,rgba(33,20,50,.16) 70%,rgba(33,20,50,.78))}}
.backdrop-corner{display:none}
/* Keep all four subjects at their corners on portrait screens. */
@media(max-aspect-ratio:1/1){
  .experience-backdrop{background-image:none;opacity:.64}
  .backdrop-corner{display:block;position:absolute;width:min(40vw,360px);aspect-ratio:1.08;background-image:url('/assets/maths-world-background-balanced.webp');background-size:330% auto;background-repeat:no-repeat}
  .backdrop-bridge{top:13%;left:0;background-position:left top;mask-image:radial-gradient(ellipse at top left,#000 45%,transparent 90%)}
  .backdrop-science{bottom:7%;left:0;background-position:left bottom;mask-image:radial-gradient(ellipse at bottom left,#000 45%,transparent 90%)}
  .backdrop-sports{top:13%;right:0;background-position:right top;mask-image:radial-gradient(ellipse at top right,#000 45%,transparent 90%)}
  .backdrop-investing{bottom:7%;right:0;background-position:right bottom;mask-image:radial-gradient(ellipse at bottom right,#000 45%,transparent 90%)}
}