/* The coast: an original Nine Bar scene, inspired by spatial editorial websites. */
.page-home{--coast-paper:#e9e8e1;--coast-ink:#232c2b;background:var(--coast-paper);color:var(--coast-ink)}
.page-home.public .wrap:not(.narrow){max-width:1440px;padding-inline:clamp(24px,4vw,72px)}
.page-home.public .bar{position:fixed;inset:0 0 auto;color:var(--coast-ink);background:#e9e8e1;border-bottom:1px solid transparent;transition:background .2s,border-color .2s}
.page-home .bar .wrap{min-height:88px;gap:36px}
.page-home .mark{font-size:2.15rem;font-weight:750;letter-spacing:-.08em}
.page-home.public .bar .nav a,.page-home.public .bar .right .plain{color:inherit;font-size:.82rem}
.page-home.public .bar .btn{background:var(--coast-ink);color:#fff;border-radius:3px;min-height:42px;padding:10px 20px;font-size:.8rem}
.page-home .nav-buy-full{display:none}.page-home .nav-buy-short{display:inline}
.page-home :focus-visible{outline-color:#648875}
.coast-journey{position:relative;padding:0}
.coast-stage{height:100svh;min-height:740px;position:relative;overflow:hidden;background:#c3c9c3;isolation:isolate}
.coast-fallback,.coast-canvas,.coast-atmosphere{position:absolute;inset:0;width:100%;height:100%;z-index:-3}
.coast-fallback{object-fit:cover;object-position:50% 58%;filter:brightness(.68);transition:opacity 1s}
.coast-canvas{opacity:0;transition:opacity 1.2s}
.coast-canvas canvas{width:100%;height:100%;display:block}
.coast-live .coast-fallback{opacity:0}.coast-live .coast-canvas{opacity:1}
.coast-atmosphere{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#17292865,transparent 80%)}
.coast-live .coast-atmosphere{background:linear-gradient(90deg,#e0e1d54a,transparent 52%)}
.coast-intro,.coast-second{position:absolute;left:clamp(24px,4vw,72px);top:27%;max-width:560px;color:white;will-change:transform,opacity}
.coast-live .coast-intro,.coast-live .coast-second{color:var(--coast-ink)}
.coast-intro h1,.coast-second h2{font-size:clamp(3.7rem,7.6vw,7.7rem);line-height:.94;font-weight:500;letter-spacing:-.075em;text-wrap:initial}
.coast-intro>p,.coast-second>p{margin-top:30px;font-size:.98rem;line-height:1.65;max-width:33ch}
.coast-actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}
.coast-button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:54px;padding:14px 22px;color:#fff;background:#25312e;border:1px solid #25312e;border-radius:3px;font-size:.86rem;font-weight:500;text-decoration:none;transition:background .2s,transform .2s}
.coast-button span{border-left:1px solid #ffffff4a;padding-left:22px;font-variant-numeric:tabular-nums}
.coast-button:hover{background:#43574d;transform:translateY(-2px)}
.coast-gift{font-size:.83rem;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.coast-intro>p.coast-price-note,.coast-price-note{margin-top:12px;font-size:.72rem;max-width:none}
.coast-second{display:none;max-width:530px}
.coast-second h2{font-size:clamp(3.4rem,6.6vw,6.6rem)}
.coast-second .coast-button{margin-top:26px}
.coast-bottom{position:absolute;bottom:28px;left:clamp(24px,4vw,72px);right:clamp(24px,4vw,72px);display:flex;align-items:end;justify-content:space-between;gap:24px;color:white;font:11px/1.6 var(--mono)}
.coast-live .coast-bottom{color:var(--coast-ink)}
.coast-scroll{display:flex;align-items:center;gap:13px;text-decoration:none;min-height:44px}
.coast-scroll-line{width:1px;height:32px;background:currentColor;transform-origin:top;animation:coast-scan 2.4s ease-in-out infinite}
.coast-place{margin-left:auto;text-align:right}.coast-place span{display:block;opacity:.7}
.coast-motion{font:inherit;background:transparent;border:1px solid currentColor;border-radius:3px;min-height:44px;padding:8px 13px}
.coast-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#25312e22}
.coast-progress span{display:block;height:100%;width:100%;background:#25312e;transform:scaleX(var(--coast-progress,0));transform-origin:left}
@keyframes coast-scan{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1)}}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){
 .coast-live.coast-journey{height:230svh;min-height:1600px}
 .coast-live .coast-stage{position:sticky;top:0}
 .coast-live .coast-intro{opacity:var(--intro-opacity,1);transform:translateY(var(--intro-y,0px));visibility:var(--intro-visibility,visible)}
 .coast-live .coast-second{display:block;opacity:var(--second-opacity,0);transform:translateY(var(--second-y,30px));visibility:var(--second-visibility,hidden)}
}
.coast-introduction{padding-block:130px 120px;background:var(--coast-paper)}
.coast-introduction .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:80px}
.coast-introduction h2,.coast-jamie h2{font-size:clamp(2.8rem,5vw,5rem);font-weight:500;line-height:1.03;letter-spacing:-.06em}
.coast-introduction-copy{max-width:470px;font-size:1.04rem;line-height:1.8}
.coast-introduction-copy p+p{margin-top:22px}.coast-introduction-copy a{margin-top:20px}
.coast-programme{background:#202b28;color:#eeeee5;padding-block:110px}
.coast-programme-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:end;margin-bottom:74px}
.coast-programme-heading h2{font-size:clamp(3.8rem,6.4vw,6.3rem);font-weight:500;letter-spacing:-.065em;line-height:1}
.coast-programme-heading p{font-size:1rem;max-width:36ch;color:#c5cdc4}
.coast-programme .programme-tabs{justify-content:space-between;border-block:1px solid #ffffff30;gap:0;padding:0;margin-bottom:0;border-radius:0;scrollbar-color:#9daf9f transparent}
.coast-programme .programme-tabs button{border:0;border-radius:0;padding:22px 14px;font-size:.8rem;min-height:64px;background:transparent;color:#becbbf;position:relative}
.coast-programme .programme-tabs button[aria-selected="true"]{color:#fff;background:#ffffff0d;box-shadow:inset 0 -2px #d5e2c4}
.coast-programme .programme-tabs button:hover{background:#ffffff0d;color:#fff}
.coast-programme .programme-panel{background:none;border-radius:0;padding:56px 0;gap:80px;border-bottom:1px solid #ffffff30;min-height:340px}
.coast-programme .programme-panel h3{font-weight:500;font-size:2.5rem;color:#eeeee5}
.coast-programme .programme-panel p,.coast-programme .programme-panel li{color:#c5cdc4}
.coast-programme .programme-panel li{border-color:#ffffff26}
.coast-programme .programme-panel li::before{background:transparent;border-radius:0;color:#91a292;font-family:var(--mono);font-size:.75rem}
.coast-programme .programme-panel .text-link{color:#f1f2e8}
.coast-course-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:42px}
.coast-course-foot p{font-size:.85rem;color:#c5cdc4}
.coast-button-light{background:#eeeee5;color:#25312e;border-color:#eeeee5}.coast-button-light span{border-color:#25312e35}.coast-button-light:hover{background:#d5e2c4}
.coast-room{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#dadfd5}
.coast-room-photo{position:relative;overflow:hidden;min-height:760px}
.coast-room-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.coast-room-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#14291d85)}
.coast-room-photo>span{position:absolute;bottom:48px;left:clamp(24px,4vw,72px);color:white;font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.06em;z-index:1}
.coast-room-copy{padding:100px clamp(32px,5vw,90px);align-self:center}
.coast-room h2{font-size:clamp(3rem,4.8vw,5rem);line-height:1;font-weight:500;margin-bottom:34px;letter-spacing:-.06em}
.coast-room p{max-width:44ch;font-size:.96rem;margin-bottom:20px;line-height:1.8}
.coast-room .text-link{margin-top:5px}
.coast-jamie{padding-block:125px 90px;background:var(--coast-paper)}
.coast-jamie .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:70px 80px}
.coast-jamie-copy{font-size:1.12rem;line-height:1.75;max-width:42ch}.coast-jamie-copy p+p{margin-top:22px}.coast-jamie-copy a{margin-top:20px;font-size:.82rem}
.coast-jamie-portrait{display:block;width:min(240px,55%);height:auto;aspect-ratio:1;object-fit:cover;margin-top:44px;border-radius:4px;filter:saturate(.9);box-shadow:0 18px 40px #25312e1f}
.coast-proof{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #25312e40;padding-top:40px;gap:40px}
.coast-proof p{font-size:.8rem}.coast-proof strong{display:block;font-size:clamp(2.4rem,4vw,4rem);font-weight:500;letter-spacing:-.055em;line-height:1.2;margin-bottom:8px}
.coast-invitation{position:relative;isolation:isolate;overflow:hidden;min-height:690px;display:flex;align-items:center;color:white;padding-block:110px}
.coast-invitation>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 65%;z-index:-2}
.coast-invitation:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#15241ed9,#15241e20);z-index:-1}
.coast-invitation .wrap{width:100%}.coast-invitation h2{font-size:clamp(3.5rem,7vw,7rem);line-height:1;font-weight:500;letter-spacing:-.07em}.coast-invitation p:not(.coast-price-note){margin-top:24px}
.page-home footer{background:#202b28;color:#eeeee5;border:0}
.page-home footer .footer-bottom{border-color:#ffffff30;color:#c5cdc4}.page-home footer .photo-credit{color:#aebcaf}
.page-home.public footer .footer-brand span{color:#aebcaf}
@media(min-width:1500px){.coast-intro,.coast-second{left:max(72px,calc((100vw - 1296px)/2))}}
@media(max-width:1100px){.page-home .bar .wrap{gap:24px}.page-home .nav{gap:20px}.coast-intro,.coast-second{max-width:48%}.coast-intro h1{font-size:7.6vw}.coast-intro>p{font-size:.9rem}.coast-actions{gap:12px 20px}.coast-introduction .wrap,.coast-programme-heading,.coast-jamie .wrap{gap:48px}.coast-programme .programme-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.coast-programme .programme-tabs button{flex:none}.coast-room-copy{padding:72px 36px}.coast-room-photo{min-height:690px}}
@media(max-width:980px){.page-home.public .bar.menu-open{background:#e9e8e1}.page-home .bar .wrap{min-height:76px}.coast-intro,.coast-second{top:25%}.coast-programme .programme-panel{gap:40px}.page-home .bar .right{gap:20px}}
@media(max-width:700px){
 .page-home .bar .wrap{gap:18px;min-height:72px;padding-block:10px}.page-home .mark{font-size:1.7rem}.page-home.public .bar .btn{padding:10px 15px;font-size:.78rem}.page-home .menu-toggle{font-size:.8rem}
 .coast-stage{height:100svh;min-height:820px;max-height:1050px}.coast-fallback{object-position:40% 50%}
 .coast-intro{top:118px;max-width:calc(100% - 48px);right:24px}.coast-intro h1{font-size:clamp(3.3rem,13.5vw,5.5rem);line-height:.97}
 .coast-intro>p{font-size:.88rem;margin-top:20px}.coast-actions{margin-top:22px;gap:18px}.coast-button{min-height:50px;padding:12px 17px;font-size:.8rem;gap:22px}.coast-button span{padding-left:16px}.coast-gift{font-size:.77rem}
 .coast-intro>p.coast-price-note{font-size:.67rem;margin-top:9px}.coast-bottom{bottom:20px;gap:12px;font-size:9px;align-items:center}.coast-place{display:none}.coast-motion{padding:7px 10px}.coast-scroll-line{height:24px}
 .coast-live .coast-atmosphere{background:linear-gradient(#e0e1d51f,transparent 50%)}
 .coast-introduction,.coast-programme,.coast-jamie{padding-block:70px}
 .coast-introduction .wrap,.coast-programme-heading,.coast-jamie .wrap{grid-template-columns:1fr;gap:30px}
 .coast-introduction h2,.coast-jamie h2{font-size:2.85rem}.coast-introduction-copy{font-size:.95rem}
 .coast-programme-heading{margin-bottom:34px}.coast-programme-heading h2{font-size:3.65rem}.coast-programme-heading p{font-size:.93rem}
 .coast-programme .programme-tabs{margin-inline:-24px;padding-inline:24px}.coast-programme .programme-tabs button{padding:18px 14px;min-height:58px;font-size:.78rem}
 .coast-programme .programme-panel{padding:30px 0 25px;gap:26px;grid-template-columns:1fr;min-height:0}.coast-programme .programme-panel h3{font-size:2.1rem}.coast-programme .programme-panel p{font-size:.93rem}.coast-programme .programme-panel li{padding-block:14px}
 .coast-course-foot{flex-direction:column;align-items:stretch;gap:24px;margin-top:28px}.coast-course-foot .coast-button{align-self:flex-start}.coast-course-foot p{font-size:.78rem}
 .coast-room{grid-template-columns:1fr}.coast-room-photo{min-height:480px}.coast-room-photo img{object-position:50% 45%}.coast-room-photo>span{bottom:30px;font-size:2.7rem}
 .coast-room-copy{padding:64px 24px}.coast-room h2{font-size:3.3rem}.coast-room p{font-size:.94rem}
 .coast-jamie-copy{font-size:1rem}.coast-proof{gap:20px;grid-template-columns:1fr;padding-top:28px;margin-top:8px}.coast-proof p{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:16px;border-bottom:1px solid #25312e20;padding-bottom:15px}.coast-proof strong{font-size:2.7rem;margin:0}
 .coast-invitation{min-height:620px;padding-block:70px}.coast-invitation h2{font-size:3.7rem}.coast-invitation p:not(.coast-price-note){font-size:.9rem}.coast-invitation .coast-price-note{font-size:.68rem;max-width:34ch}
}
@media(max-width:370px){.coast-actions{gap:8px 15px}.coast-button{padding-inline:14px}.coast-gift{font-size:.72rem}.page-home .bar .wrap{gap:12px}.page-home .mark{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.coast-scroll-line{animation:none}.coast-button:hover{transform:none}}
.coast-paused .coast-scroll-line{animation-play-state:paused}

.page-home.public.coast-scrolled .bar{background:rgba(233,232,225,.94);backdrop-filter:blur(16px);border-bottom-color:#232c2b20}

.page-home.public.coast-enhanced:not(.coast-scrolled) .bar:not(.menu-open){background:transparent}
html:not(.js) .page-home.public .bar{position:relative}
html:not(.js) .page-home .menu-toggle{display:none}

/* Two doors: founders on the left, off-market buyers on the right. */
.doors{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;min-height:min(max(100svh,760px),1040px);padding:0}
.door{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:140px clamp(24px,4vw,72px) 64px;color:#f4f2ec}
.door-raise{background:radial-gradient(circle at 75% 18%,#34413a 0%,#1a201c 72%)}
.door-buy>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;z-index:-2}
.door-buy::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#12181459 0%,#121814b3 45%,#121814eb 100%)}
.door-kicker{font:500 .72rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#c9cfc4}
.door h1,.door h2{font-size:clamp(3.4rem,5.6vw,5.6rem);line-height:.94;letter-spacing:-.065em;font-weight:600;margin:18px 0 22px;color:inherit}
.door-lede{font-size:1.05rem;line-height:1.6;max-width:40ch;color:#dadfd3;margin-bottom:28px}
.door-list{list-style:none;margin:0 0 32px;padding:0;max-width:440px;display:grid}
.door-list a{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #f4f2ec38;color:inherit;text-decoration:none;font-size:.95rem;transition:padding .2s,border-color .2s}
.door-list a:hover{padding-inline:6px;border-color:#f4f2ec}
.door-list b{font-weight:600;font-variant-numeric:tabular-nums}
.door-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.door-button{display:inline-flex;align-items:center;min-height:54px;padding:14px 26px;border-radius:999px;background:#f4f2ec;color:#1f2622;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}
.door-button:hover{background:#d5e2c4;transform:translateY(-2px)}
.door-link{color:inherit;font-size:.88rem;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.door-band{background:var(--coast-paper);border-bottom:1px solid #25312e26;padding-block:34px}
.door-band .wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px 36px}
.door-record{grid-column:1/-1;list-style:none;margin:6px 0 0;padding:22px 0 0;border-top:1px solid #25312e26;display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.door-record li{font-size:.84rem;line-height:1.5;color:#4a534e}.door-record strong{display:block;font-size:1rem;color:var(--coast-ink);font-weight:600;letter-spacing:-.02em;margin-bottom:4px}
.door-band img{width:80px;height:80px;border-radius:50%;object-fit:cover;filter:grayscale(.5)}
.door-band blockquote{margin:0}.door-band blockquote p{font-size:clamp(1.2rem,1.9vw,1.6rem);letter-spacing:-.03em;line-height:1.3;font-weight:500}
.door-band blockquote footer{background:none;color:#67706a;font-size:.84rem;margin-top:6px;padding:0}
.door-band blockquote footer a{color:inherit}
.door-proof{display:flex;gap:36px}.door-proof p{font-size:.8rem;color:#4a534e}.door-proof a{color:inherit;text-decoration:none}
.door-proof strong{display:block;font-size:1.6rem;font-weight:500;letter-spacing:-.04em;color:var(--coast-ink)}
.js .page-home.public:not(.coast-scrolled) .bar:not(.menu-open),.js .page-business.public:not(.coast-scrolled) .bar:not(.menu-open),.js .page-consulting.public:not(.coast-scrolled) .bar:not(.menu-open){background:transparent;color:#f4f2ec}
.js .page-home.public:not(.coast-scrolled) .bar:not(.menu-open) .btn,.js .page-business.public:not(.coast-scrolled) .bar:not(.menu-open) .btn,.js .page-consulting.public:not(.coast-scrolled) .bar:not(.menu-open) .btn{background:#f4f2ec;color:#1f2622}
@media(max-width:1100px){.door-band .wrap{grid-template-columns:auto 1fr}.door-proof{grid-column:1/-1}.door-record{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.door-record{grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:900px){
 .doors{grid-template-columns:1fr;min-height:0}
 .door{min-height:88svh;padding:120px 24px 52px}.door-buy{min-height:78svh;padding-top:80px}
 .door h1,.door h2{font-size:clamp(3.2rem,14vw,4.6rem)}.door-lede{font-size:.95rem}
}
@media(max-width:700px){
 .door-band .wrap{grid-template-columns:1fr;gap:20px}.door-band img{width:64px;height:64px}
 .door-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.door-proof strong{font-size:1.35rem}
 .door-actions{gap:14px 22px}.door-button{min-height:50px;padding:12px 22px}
}
@media(prefers-reduced-motion:reduce){.door-button:hover{transform:none}.door-list a{transition:none}}

/* (The first entrance, a gauge on a dark screen, was replaced on 13 Nov 2026: see "The entrance" at the end.) */
@keyframes splash-gone{to{visibility:hidden}}
@keyframes door-in{from{opacity:0;transform:translateY(22px)}}
@keyframes splash-zoom{from{transform:scale(1.1)}}
html:not(.splash-seen) .splash~.doors .door>*{animation:door-in .8s cubic-bezier(.2,.7,.2,1) both}
html:not(.splash-seen) .splash~.doors .door>:nth-child(1){animation-delay:3.35s}html:not(.splash-seen) .splash~.doors .door>:nth-child(2){animation-delay:3.45s}
html:not(.splash-seen) .splash~.doors .door>:nth-child(3){animation-delay:3.55s}html:not(.splash-seen) .splash~.doors .door>:nth-child(4){animation-delay:3.65s}
html:not(.splash-seen) .splash~.doors .door>:nth-child(5){animation-delay:3.75s}html:not(.splash-seen) .splash~.doors .door>:nth-child(6){animation-delay:3.85s}
html:not(.splash-seen) .splash~.doors .door-buy>img{animation:splash-zoom 2.4s cubic-bezier(.2,.7,.2,1) 3.05s both}
.splash-seen .splash{display:none}
.splash-skip .splash{opacity:0;transition:opacity .35s;animation:splash-gone 0s .35s forwards;pointer-events:none}
.splash-skip .door>*,.splash-skip .door-buy>img{animation:none!important}
@media(prefers-reduced-motion:reduce){.splash{display:none}.door>*,.door-buy>img{animation:none!important}}
@media(max-width:900px){
}

/* The entrance's three doors: Mind, Body, Business. Each whole panel is one link to its section. */
.paths{background:#121614;color:#f4f2ec;min-height:100svh;display:flex;flex-direction:column}
.paths-head{padding:132px clamp(24px,4vw,72px) 40px;display:grid;gap:14px;justify-items:start}
.paths-head h1{font-size:clamp(3rem,6.4vw,6.4rem);line-height:.92;letter-spacing:-.065em;font-weight:600;color:inherit;margin:4px 0 6px}
.paths-head p:last-child{color:#c9cfc4;font-size:1.05rem}
.paths-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr repeat(4,auto);min-height:min(68svh,720px)}
.path{display:grid!important;grid-row:span 5;grid-template-rows:subgrid;align-items:end}   /* headings line up across the three */
.path-go{justify-self:start}
.path{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:40px clamp(22px,3vw,52px) 48px;color:#f4f2ec;text-decoration:none;border-left:1px solid #f4f2ec1f}
.path:first-child{border-left:0}
.path>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.75) brightness(.9)}
.path::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#12161433 0%,#121614a6 45%,#121614f0 100%);transition:opacity .5s}
.path:hover>img,.path:focus-visible>img{transform:scale(1.06);filter:saturate(1) brightness(1)}
.path:hover::after,.path:focus-visible::after{opacity:.85}
.path-num{font:500 .72rem/1 var(--mono);letter-spacing:.2em;color:#d9bf7f;margin-bottom:auto;align-self:start}
.path h2{font-size:clamp(3rem,5vw,5.2rem);line-height:.94;letter-spacing:-.065em;font-weight:600;margin:0 0 16px;color:inherit}
.path-lede{font-size:1rem;line-height:1.6;max-width:36ch;color:#dadfd3;margin-bottom:20px}
.path-list{list-style:none;margin:0 0 26px;padding:0;max-width:360px}
.path-list li{padding:9px 0;border-bottom:1px solid #f4f2ec2e;font-size:.9rem;color:#e6e9e1}
.path-go{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;min-height:50px;padding:12px 24px;border-radius:999px;background:#f4f2ec;color:#1f2622;font-size:.9rem;font-weight:600;transition:background .2s,gap .2s}
.path:hover .path-go,.path:focus-visible .path-go{background:#d5e2c4;gap:16px}
.path:focus-visible{outline:2px solid #d9bf7f;outline-offset:-6px}
.paths-actions .coast-button{min-width:140px;justify-content:center}
html:not(.splash-seen) .paths-head>*,html:not(.splash-seen) .path>:not(img){animation:door-in .8s cubic-bezier(.2,.7,.2,1) both}
html:not(.splash-seen) .paths-head>*{animation-delay:3.3s}
html:not(.splash-seen) .path:nth-child(1)>:not(img){animation-delay:3.5s}html:not(.splash-seen) .path:nth-child(2)>:not(img){animation-delay:3.65s}
html:not(.splash-seen) .path:nth-child(3)>:not(img){animation-delay:3.8s}
.splash-skip .paths-head>*,.splash-skip .path>*{animation:none!important}
@media(prefers-reduced-motion:reduce){.paths-head>*,.path>*{animation:none!important}.path>img{transition:none}}
@media(max-width:900px){
 .paths-head{padding:112px 24px 32px}
 .paths-grid{grid-template-columns:1fr}
 .paths-grid{grid-template-rows:none}.path{display:flex!important;grid-row:auto;min-height:72svh;border-left:0;border-top:1px solid #f4f2ec1f;padding:32px 24px 44px}
 .path h2{font-size:clamp(3rem,14vw,4.4rem)}
}

/* The quiz page (how-we-can-help.html): the heading on the left and the triage on the right, over Cala Deià. */
.home-find{position:relative;isolation:isolate;overflow:hidden;background:#121614;color:#f4f2ec;min-height:100svh;display:flex;align-items:center;padding:128px 0 72px}
.home-find>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.7) brightness(.8)}
.home-find::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#121614f2 0%,#121614d9 45%,#121614a6 100%)}
.home-find .wrap{width:100%;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,110px);align-items:start}
.home-find-copy{position:sticky;top:150px;padding-top:24px}
.home-find-copy h1{font-size:clamp(3.4rem,6.6vw,7rem);line-height:.9;letter-spacing:-.065em;font-weight:600;color:inherit;margin:0 0 26px}
.home-find-copy p{color:#c9cfc4;font-size:1.06rem;line-height:1.6;max-width:34ch}
.home-find-copy .home-browse{margin-top:22px;font-size:.92rem;color:#aab3a8}
.home-browse a{color:#f4f2ec;text-underline-offset:3px}
.home-find-tri{background:#1216148c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #f4f2ec1f;border-radius:24px;padding:clamp(22px,3vw,40px)}
.home-find-tri .tri{max-width:none}
.home-find-copy>*,.home-find-tri{animation:door-in .7s cubic-bezier(.2,.7,.2,1) both}
.home-find-tri{animation-delay:.12s}
@media(prefers-reduced-motion:reduce){.home-find-copy>*,.home-find-tri{animation:none!important}}
@media(max-width:980px){
 .home-find{align-items:flex-start;padding:100px 0 40px}
 .home-find .wrap{grid-template-columns:minmax(0,1fr);gap:26px}.home-find-copy{position:static;padding-top:0}
 .home-find-copy h1{font-size:clamp(2.6rem,11vw,4rem);margin-bottom:14px}
 .home-find-copy h1 br{display:none}
 .home-find-copy p{font-size:.96rem;max-width:44ch}
 .home-find-copy .home-browse{display:none}
 .home-find-tri{padding:20px 18px;border-radius:20px}
}

/* The quiz, as a button under "Mind. Body. Business." on the homepage. */
.paths-quiz{display:inline-flex;align-items:center;min-height:50px;margin-top:10px;padding:12px 26px;border-radius:999px;background:#f4f2ec;color:#1f2622;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .2s}
.paths-quiz:hover{background:#d5e2c4}
.paths-quiz:focus-visible{outline:2px solid #d9bf7f;outline-offset:3px}

/* The Google Ads landing pages (source/landing.py): the homepage's parts, with four cards and a form on the closing photograph. */
.lp-paths{min-height:0}
.lp-chat{margin-top:14px;font-size:.88rem;color:#c9cfc4}
.lp-paths .paths-head>*,.lp-paths .path>*{animation:none!important}
.lp-paths .paths-head{padding-top:96px}.lp-paths .paths-head h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.96;letter-spacing:-.06em;font-weight:600;color:inherit}
.lp-cards{grid-template-columns:repeat(4,1fr);grid-template-rows:none;min-height:min(62svh,620px)}
.lp-cards .path{display:flex!important;grid-row:auto;align-items:flex-start;padding:40px clamp(20px,2.2vw,36px) 40px}
.lp-cards .path h3{font-size:clamp(1.7rem,2.4vw,2.5rem);line-height:1;letter-spacing:-.05em;font-weight:600;margin:0 0 12px;color:inherit}
.lp-cards .path-lede{margin:0;font-size:.95rem}
.lp-what{background:#1a201c;color:#f4f2ec;padding-block:110px}
.lp-what .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px 80px;align-items:start}
.lp-what h2{font-size:clamp(3rem,6vw,6rem);line-height:.94;letter-spacing:-.065em;font-weight:600;color:inherit;position:sticky;top:120px}
.lp-terms{margin:0}.lp-terms>div{display:grid;grid-template-columns:minmax(120px,.42fr) 1fr;gap:8px 32px;padding:24px 0;border-top:1px solid #f4f2ec2e}
.lp-terms>div:last-child{border-bottom:1px solid #f4f2ec2e}
.lp-terms dt{font-weight:600;font-size:1.05rem;letter-spacing:-.02em;color:#f4f2ec}.lp-terms dd{margin:0;color:#dadfd3;line-height:1.6}
.lp-terms a{color:inherit}
.lp-h2{font-size:clamp(2.4rem,4.4vw,4rem);line-height:1;letter-spacing:-.055em;font-weight:600;margin-bottom:32px}
.lp-more{padding-block:96px;background:var(--coast-paper)}
.lp-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.lp-tile{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;aspect-ratio:4/3;padding:18px;border-radius:4px;color:#f4f2ec;text-decoration:none;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.lp-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.lp-tile::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#12161426 30%,#121614d9 100%)}
.lp-tile:hover>img{transform:scale(1.06)}
.lp-close .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:48px 72px;align-items:center}
.lp-close .form{color:var(--ink);background:#f4f2ec;border-radius:6px;scroll-margin-top:110px}.lp-close .form h3{color:inherit}.lp-close .form p{margin:0}
.lp-close:before{background:linear-gradient(90deg,#15241ee6,#15241e66)}
@media(max-width:900px){
 .lp-paths .paths-head{padding:64px 24px 28px}
 .lp-cards{grid-template-columns:1fr 1fr;min-height:0}.lp-cards .path{min-height:300px;padding:24px 20px;border-left:0}
 .lp-what{padding-block:72px}.lp-what .wrap{grid-template-columns:1fr}.lp-what h2{position:static}
 .lp-tiles{grid-template-columns:1fr 1fr}.lp-more{padding-block:64px}
 .lp-close .wrap{grid-template-columns:1fr}
}
@media(max-width:560px){.lp-cards{grid-template-columns:1fr}.lp-cards .path{min-height:240px}.lp-terms>div{grid-template-columns:1fr}.lp-tile{padding:12px;font-size:.9rem}}


/* Homepage, story first (12 Nov 2026): Jamie's story in three chapters, then the split into Playbooks or Consulting. */
.hp-hero{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;align-items:flex-end;color:#f4f2ec;padding-block:150px clamp(56px,8vw,110px);background:#121614}
.hp-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.8) brightness(.8)}
.hp-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#12161466 0%,#12161433 35%,#121614e6 100%)}
.hp-hero .wrap{width:100%}
.hp-hero h1{font-size:clamp(3rem,7.4vw,7.6rem);line-height:.94;letter-spacing:-.07em;font-weight:500;color:inherit}
.hp-hero p{margin-top:28px;font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:34ch;color:#e6e9e1}
.hp-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:30px}
.hp-hero-actions .paths-quiz{margin-top:0}
.hp-hero-link{color:inherit;font-size:.92rem;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
@media(prefers-reduced-motion:reduce){.hp-hero .wrap>*{animation:none!important}}
.hp-story{background:var(--coast-paper);padding-block:clamp(80px,10vw,150px) clamp(40px,6vw,90px)}
.hp-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,7vw,120px);align-items:center}
.hp-chapter+.hp-chapter{margin-top:clamp(70px,10vw,150px)}
.hp-chapter>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;border-radius:3px;filter:saturate(.85)}
.hp-chapter-flip>img{order:2}
.hp-chapter h2{font-size:clamp(2.8rem,5.4vw,5.4rem);font-weight:500;line-height:.98;letter-spacing:-.065em}
.hp-chapter p{font-size:1.12rem;line-height:1.75;max-width:40ch;margin-top:26px}.hp-chapter p+p{margin-top:20px}
.hp-chapter a{margin-top:26px;margin-right:18px;font-size:.82rem}
.hp-split .paths-head{padding-top:clamp(64px,7vw,100px);padding-bottom:36px}
.hp-split .paths-grid{grid-template-columns:repeat(2,1fr);min-height:min(74svh,720px)}
.hp-split .path{grid-template-columns:minmax(0,1fr);padding-inline:clamp(24px,4vw,72px)}
@media(max-width:900px){
 .paths-grid .path{align-items:flex-start}
 .hp-hero{padding-block:120px 48px}
 .hp-chapter{grid-template-columns:minmax(0,1fr);gap:28px}.hp-chapter-flip>img{order:0}.hp-chapter>img{aspect-ratio:4/3}
 .hp-chapter p{font-size:1rem}
 .hp-split .paths-grid{grid-template-columns:1fr;min-height:0}
}

/* Consulting hub (12 Nov 2026): every consulting service page, grouped, in the homepage's look. */
.cs-hero{min-height:82svh}
.cs-services{background:var(--coast-paper);padding-block:clamp(70px,9vw,130px)}
.cs-group{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px clamp(40px,7vw,110px);padding-block:clamp(44px,5vw,70px);border-top:1px solid #25312e26}
.cs-group:first-child{border-top:0;padding-top:0}
.cs-group h2{font-size:clamp(2.4rem,4.4vw,4.2rem);font-weight:500;line-height:1;letter-spacing:-.06em}
.cs-group>div>p{margin-top:18px;font-size:1rem;line-height:1.65;color:#4a534e;max-width:32ch}
.cs-list{list-style:none;margin:0;padding:0;border-top:1px solid #25312e26}
.cs-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 24px;padding:20px 0;border-bottom:1px solid #25312e26;color:inherit;text-decoration:none}
.cs-list strong{font-size:1.3rem;font-weight:500;letter-spacing:-.03em}
.cs-list span{grid-column:1;font-size:.92rem;color:#4a534e;line-height:1.55}
.cs-list i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;transition:transform .2s}
.cs-list a:hover i{transform:translateX(6px)}.cs-list a:hover strong{text-decoration:underline;text-underline-offset:5px}
.cs-es-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.cs-es-list a{display:inline-flex;min-height:44px;align-items:center;padding:8px 16px;border:1px solid #25312e40;border-radius:3px;color:inherit;text-decoration:none;font-size:.9rem}
.cs-es-list a:hover{background:#25312e;color:#f4f2ec}
.cs-prices .coast-programme-heading{margin-bottom:40px}
@media(max-width:900px){.cs-group{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.hp-hero h1 br{display:none}}

/* Homepage: the three playbooks, straight after the opening (12 Nov 2026 sales audit). */
.hp-books{background:var(--coast-paper);padding-block:clamp(60px,7vw,100px) 0}
.hp-books .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px clamp(40px,7vw,110px);align-items:start}
.hp-books h2{font-size:clamp(2.4rem,4.4vw,4.2rem);font-weight:500;line-height:1;letter-spacing:-.06em}
.hp-books-head p{margin-top:18px;font-size:1rem;line-height:1.65;color:#4a534e;max-width:32ch}
@media(max-width:900px){.hp-books .wrap{grid-template-columns:minmax(0,1fr)}}
.hp-books-free{margin-top:14px;font-size:.92rem;color:#4a534e}.hp-books-free a{color:inherit;font-weight:600}
.cs-time{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px 80px;align-items:end;margin-top:70px;padding-top:40px;border-top:1px solid #ffffff30}
.cs-time h3{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:500;letter-spacing:-.05em;color:inherit}.cs-time p{margin-top:14px;color:#c5cdc4;max-width:46ch;line-height:1.65}
@media(max-width:900px){.cs-time{grid-template-columns:minmax(0,1fr)}}

/* ==================================================================================================================
   One site (13 Nov 2026 design pass). Every public page now carries .page-home and this stylesheet, so the homepage's
   paper, type, bar and footer are the whole site's. A page that opens on paper (not a photograph or dark panel) also
   carries .bar-solid. The playbook sales pages keep their own bold look inside .ryr.
   ================================================================================================================== */
.page-home.public{--bg:#e9e8e1;--bg-2:#f4f2ec;--ink:#232c2b;--soft:#3d4540;--muted:#575f5a;--line:#25312e24;--crema:#25312e;--crema-ink:#f4f2ec}
html:has(body.page-home.public){background:#e9e8e1}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.26s}

/* Type: lighter, tighter headings everywhere; components that set their own weight keep it. */
:where(.page-home.public) :is(h1,h2){font-weight:500;letter-spacing:-.058em;line-height:1}
:where(.page-home.public) h3{font-weight:500;letter-spacing:-.03em}
:where(.page-home.public) p{text-wrap:pretty}
.page-home.public .lede{font-size:clamp(1.08rem,1.35vw,1.24rem);line-height:1.6;color:var(--soft)}
.page-home.public strong{font-weight:600}

/* The bar: over a photograph it is clear; on paper, and once the page moves, it is paper with a hairline. */
.page-home.public .bar{z-index:40}
.page-home.public.bar-solid .bar{position:sticky;top:0}
.js .page-home.public.bar-solid:not(.coast-scrolled) .bar:not(.menu-open){background:#e9e8e1;color:var(--coast-ink)}
.js .page-home.public.bar-solid:not(.coast-scrolled) .bar:not(.menu-open) .btn{background:var(--coast-ink);color:#f4f2ec}
.page-home.public.coast-scrolled .bar:not(.menu-open){background:#e9e8e1e8;-webkit-backdrop-filter:saturate(1.3) blur(16px);backdrop-filter:saturate(1.3) blur(16px);border-bottom-color:#25312e1f}
.page-home.public .bar .btn{border-radius:999px;padding:10px 20px;font-weight:600;letter-spacing:-.01em;transition:background .2s,color .2s,transform .2s}
.page-home.public .bar .btn:hover{transform:translateY(-1px)}
.page-home.public .bar .nav a{text-decoration:none;opacity:.86;transition:opacity .15s}
.page-home.public .bar .nav a:hover{opacity:1;text-decoration:none}
.page-home.public .bar .nav a[aria-current="page"]{opacity:1;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:8px}
.page-home.public .bar .right .plain{opacity:.86}.page-home.public .bar .right .plain:hover{opacity:1}
.page-home.public [id]{scroll-margin-top:104px}

/* Controls: one shape. */
.page-home.public .coast-button{border-radius:999px;min-height:52px;padding:14px 26px;font-weight:600;font-size:.92rem;letter-spacing:-.01em}
.page-home.public .btn{font-weight:600;letter-spacing:-.01em;transition:background .18s,color .18s,transform .18s,box-shadow .18s}
.page-home.public .btn:hover{transform:translateY(-1px)}
.page-home.public .btn-line{background:transparent;box-shadow:inset 0 0 0 1.5px #25312e3d}
.page-home.public .btn-line:hover{background:#25312e0f}
.page-home.public .text-link{font-weight:600;text-decoration-thickness:1.5px}

/* Paper pages: the plain opening (legal pages, thank-you pages and the like). */
.page-home.public .hero{padding-block:clamp(56px,7vw,104px) clamp(44px,5vw,72px)}
.page-home.public .hero-sm h1{font-size:clamp(3rem,6.6vw,6.4rem);line-height:.94;letter-spacing:-.066em;max-width:15ch}
.page-home.public .rule{border-top-color:var(--line)}
.page-home.public .story-head{max-width:none;margin-bottom:clamp(32px,4vw,56px)}
.page-home.public .story-head h2{font-size:clamp(2.6rem,5vw,4.6rem);line-height:.98;margin-bottom:16px}
.page-home.public .story-head p{font-size:1.05rem;max-width:52ch}

/* An interior page's photograph opening: the homepage's, shorter. */
.ph{min-height:min(76svh,700px)}
.ph h1{font-size:clamp(3.4rem,8vw,8rem)}
.hp-hero>img{animation:hero-settle 2.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes hero-settle{from{transform:scale(1.07)}}
.ph .wrap>*,.cs-hero .wrap>*{animation:door-in .9s cubic-bezier(.2,.7,.2,1) both}
.ph .wrap>:nth-child(2),.cs-hero .wrap>:nth-child(2){animation-delay:.1s}.ph .wrap>:nth-child(3),.cs-hero .wrap>:nth-child(3){animation-delay:.2s}

/* Sections that arrive as they are scrolled to (nine-bar.js adds .rv to what is below the first screen). */
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.rv-in{opacity:1;transform:none}

/* The record, in numbers. */
.page-home.public .record{gap:clamp(28px,3vw,44px) clamp(24px,3vw,48px);padding-top:clamp(28px,3vw,44px)}
.page-home.public .record p{font-size:.92rem;line-height:1.5}
.page-home.public .record strong{font-size:clamp(2.6rem,4.8vw,4.6rem);font-weight:500;letter-spacing:-.07em;line-height:.95;margin-bottom:12px}

/* What people said: the named ones large, the rest beneath, no boxes. */
.page-home.public .voices{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(24px,3vw,56px)}
.page-home.public .voice{grid-column:span 3;background:none;border-radius:0;padding:26px 0 40px;border-top:1px solid var(--line);justify-content:flex-start;gap:16px}
.page-home.public .voice blockquote p{font-size:1.04rem;line-height:1.5;letter-spacing:-.01em}
.page-home.public .voice figcaption{border:0;padding:0;font-size:.84rem}
.page-home.public .voice-named{grid-column:span 6;padding:30px 0 64px;gap:22px}
.page-home.public .voice-named blockquote p{font-size:clamp(1.7rem,3vw,2.9rem);line-height:1.08;letter-spacing:-.05em;font-weight:500;text-wrap:balance}
.page-home.public .voice-named figcaption{font-size:.95rem;color:var(--ink);font-weight:600}
.page-home.public .voices:has(>.voice:only-child) .voice{grid-column:1/-1;max-width:900px}
@media(max-width:1000px){.page-home.public .voice{grid-column:span 6}.page-home.public .voice-named{grid-column:1/-1;padding-bottom:44px}}
@media(max-width:560px){.page-home.public .voice{grid-column:1/-1;padding-bottom:30px}}

/* The quote and proof band. */
.page-home.public .door-band{padding-block:clamp(44px,5vw,72px);border-block:1px solid var(--line);border-bottom-color:transparent}
.page-home.public .door-band .wrap{gap:28px clamp(32px,5vw,80px)}
.page-home.public .door-band img{width:96px;height:96px;filter:none}
.page-home.public .door-band blockquote p{font-size:clamp(1.5rem,2.5vw,2.3rem);line-height:1.12;letter-spacing:-.045em;max-width:26ch}
.page-home.public .door-band blockquote footer{font-size:.9rem;margin-top:14px}
.page-home.public .door-proof{gap:clamp(28px,3vw,52px)}
.page-home.public .door-proof strong{font-size:clamp(1.8rem,2.6vw,2.6rem);letter-spacing:-.06em;line-height:1;margin-bottom:6px}

/* The £20 playbook band on story, guide and article pages: flat and sharp, in the playbook's colour. */
.page-home.public .pb-band{border-radius:4px;padding:clamp(28px,3.4vw,48px);margin:0;gap:24px clamp(32px,5vw,80px)}
.page-home.public .pb-band-round{background:#0a3530}.page-home.public .pb-band-grow{background:#0b1f3a}
.page-home.public .pb-band h2{font-size:clamp(2rem,3.6vw,3.2rem);font-weight:500;letter-spacing:-.055em;margin-bottom:14px}
.page-home.public .pb-band p{font-size:1.02rem}
.page-home.public .pb-band-buy strong{font-size:clamp(2.4rem,3.4vw,3.2rem);font-weight:500;letter-spacing:-.06em}
.page-home.public .pb-band-btn{font-weight:600;transition:transform .18s}.page-home.public .pb-band-btn:hover{transform:translateY(-2px)}

/* Raised surfaces on paper: forms, the quiz, notes. */
.page-home.public .form{border-radius:6px;background:#f4f2ec;box-shadow:0 1px 0 #25312e14,0 24px 48px -28px #25312e40}
.page-home.public .form input,.page-home.public .form select,.page-home.public .form textarea{background:#fff;border-color:#25312e59;border-radius:4px}
.page-home.public .find .tri{background:#f4f2ec;border-radius:6px;box-shadow:0 1px 0 #25312e14,0 24px 48px -28px #25312e40}
.page-home.public .article-next{border-radius:4px;background:#f4f2ec}
.page-home.public .faq-item summary{font-weight:600;font-size:1.15rem;letter-spacing:-.025em;padding:24px 0}
.page-home.public .ideas h3{font-size:1.5rem;letter-spacing:-.04em}
.page-home.public .prose{color:var(--soft)}
.page-home.public .prose h2{font-size:clamp(1.7rem,2.6vw,2.2rem);letter-spacing:-.045em}

/* The footer: the name large, then four columns, each led by the page it belongs to. */
.page-home.public footer{background:#1b2521;color:#aebcaf;padding-block:clamp(60px,7vw,104px) 30px}
.page-home.public footer>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:56px clamp(40px,6vw,110px);align-items:start}
.page-home.public footer .footer-brand{gap:16px}
.page-home.public footer .footer-brand .mark{font-size:clamp(3rem,5.6vw,5.2rem);letter-spacing:-.085em;line-height:.86;color:#f4f2ec}
.page-home.public footer .footer-brand span{font-size:1rem;color:#aebcaf}
.page-home.public footer nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 28px;font-size:.92rem}
.page-home.public footer nav div{display:grid;gap:2px;align-content:start}
.page-home.public footer nav a{color:#b9c4ba;min-height:34px;transition:color .15s}
.page-home.public footer nav a:hover{color:#fff}
.page-home.public footer nav div a:first-child{color:#f4f2ec;font-weight:600;font-size:1rem;margin-bottom:10px}
.page-home.public footer .footer-bottom,.page-home.public footer .photo-credit{grid-column:1/-1}
.page-home.public footer .footer-bottom{margin-top:clamp(8px,2vw,28px);border-color:#ffffff24;color:#93a094}
.page-home.public footer .footer-bottom a{color:inherit}.page-home.public footer .footer-bottom a:hover{color:#fff}
.page-home.public footer .photo-credit{color:#7f8c80;margin-top:-28px}
@media(max-width:1000px){.page-home.public footer>.wrap{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.page-home.public footer nav{grid-template-columns:repeat(2,minmax(0,1fr))}.page-home.public footer .footer-bottom{flex-direction:column}}

/* The menu on a phone: the whole screen, in large type. */
@media(max-width:980px){
 html:has(.bar.menu-open){overflow:hidden}
 .page-home.public .bar.menu-open{position:fixed;inset:0;height:100dvh;overflow:auto;background:#e9e8e1;color:var(--coast-ink);-webkit-backdrop-filter:none;backdrop-filter:none}
 .page-home.public .bar.menu-open .wrap{align-content:start}
 .page-home.public .bar.menu-open .btn{background:var(--coast-ink);color:#f4f2ec}
 .js .page-home.public .menu-open .nav{flex-direction:column;flex-wrap:nowrap;gap:0;padding-block:18px 40px}
 .page-home.public .menu-open .nav a{font-size:clamp(2.3rem,10vw,3.4rem);font-weight:500;letter-spacing:-.055em;line-height:1.05;padding:16px 0;border-bottom:1px solid #25312e24;opacity:1;animation:door-in .5s cubic-bezier(.2,.7,.2,1) both}
 .page-home.public .menu-open .nav a:nth-child(2){animation-delay:.04s}.page-home.public .menu-open .nav a:nth-child(3){animation-delay:.08s}
 .page-home.public .menu-open .nav a:nth-child(4){animation-delay:.12s}.page-home.public .menu-open .nav a:nth-child(5){animation-delay:.16s}
 .page-home.public .menu-open .nav a[aria-current="page"]{text-decoration:none}
 .page-home.public .menu-open .nav .mobile-members{font-size:1rem;font-weight:500;letter-spacing:0;border:0;padding-top:26px;color:#4a534e}
}

/* The playbook sales pages keep their own colours and width under the shared bar and footer. */
.ryr{background:#f4f2ec;--bg:#f4f2ec;--bg-2:#e9e8e1;--line:#d6d5cc}
.ryr :is(h1,h2,h3){font-weight:650}
.page-home.public .ryr .wrap:not(.narrow){max-width:1120px;padding-inline:clamp(24px,4.4vw,60px)}
.page-home.public:has(.ryr) .bar .wrap{max-width:1120px;padding-inline:clamp(24px,4.4vw,60px)}
.page-home .ryr-hero{padding-top:calc(88px + clamp(36px,5vw,72px))}
.page-home.public .ryr .voice-named blockquote p{font-weight:650;letter-spacing:-.035em}
@media(max-width:700px){.page-home .ryr-hero{padding-top:calc(72px + 28px)}}

/* ---- Page parts added in the 13 Nov 2026 design pass ---- */
body.page-home.public>footer{}   /* (the footer rules above are for the page footer only: see the next line) */
.page-home.public blockquote footer,.page-home.public article footer{background:none;padding:0;color:inherit}
details.offer{display:block}
.page-home.public .offer>summary b,.page-home.public .offer-link b{font-weight:600;font-size:1.35rem;letter-spacing:-.035em}
.page-home.public .offer>summary,.page-home.public .offer-link{padding:24px 0;border-radius:0}
.page-home.public .offer>summary:hover,.page-home.public .offer-link:hover{background:none}
.page-home.public .offer>summary:hover b,.page-home.public .offer-link:hover b{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}

/* A heading on the left, its content on the right: the interior pages' standard row. */
.split-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px clamp(40px,7vw,110px);align-items:start}
.split-head{position:sticky;top:120px}
.split-head h2{font-size:clamp(2.4rem,4.4vw,4.2rem);line-height:1}
.split-head p{margin-top:18px;color:#4a534e;max-width:32ch;line-height:1.65}
.page-home.public .find{padding-block:clamp(64px,8vw,112px)}
.page-home.public .find .tri{max-width:none}
@media(max-width:900px){.split-row{grid-template-columns:minmax(0,1fr)}.split-head{position:static}}

/* Columns under a hairline. */
.cols4,.cols3{display:grid;gap:clamp(28px,3vw,48px);border-top:1px solid var(--line);padding-top:clamp(24px,3vw,36px)}
.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cols4 h3,.cols3 h3{font-size:clamp(1.3rem,1.8vw,1.6rem);letter-spacing:-.04em;line-height:1.1;margin-bottom:12px}
.cols4 p,.cols3 p{color:var(--soft);line-height:1.65;font-size:.98rem}
@media(max-width:1000px){.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cols4,.cols3{grid-template-columns:minmax(0,1fr)}}

/* Playbooks page: each playbook is its cover and what it does, side by side. */
.pbk-list{padding-block:clamp(64px,8vw,120px) clamp(48px,6vw,88px)}
.pbk{--pbk:#25312e;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:32px clamp(36px,6vw,104px);align-items:center;padding-block:clamp(40px,5vw,76px);border-top:1px solid var(--line)}
.pbk:first-child{border-top:0;padding-top:0}
.pbk-round{--pbk:#0a3530}.pbk-grow{--pbk:#0b1f3a}.pbk-strength{--pbk:#2a1634}.pbk-audience{--pbk:#3b0d1a}.pbk-save{--pbk:#3a1607}.pbk-start{--pbk:#0f3a30}.pbk-app{--pbk:#1c1748}
.pbk-flip .pbk-cover{order:2}
.pbk-cover{display:block;overflow:hidden;border-radius:4px;box-shadow:0 40px 70px -40px #1b2521b3}
.pbk-cover img{display:block;width:100%;height:auto;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.pbk-cover:hover img{transform:scale(1.035)}
.pbk h2{font-size:clamp(2.6rem,4.8vw,4.6rem);line-height:.96}
.pbk-for{margin-top:16px;font-size:1.2rem;font-weight:600;letter-spacing:-.02em;color:var(--pbk)}
.pbk-lede{margin-top:16px;font-size:1.08rem;line-height:1.62;color:var(--soft);max-width:46ch}
.pbk-points{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--line);max-width:560px}
.pbk-points li{padding:12px 0;border-bottom:1px solid var(--line);font-size:.97rem;line-height:1.45}
.pbk-price{margin-top:28px;color:var(--muted);font-size:.95rem}
.pbk-price strong{font-size:clamp(2.8rem,3.8vw,3.6rem);font-weight:500;letter-spacing:-.065em;color:var(--ink);margin-right:8px}
.pbk-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:18px}
.pbk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px 32px;border-radius:999px;background:var(--pbk,#25312e);color:#fff;font-weight:600;letter-spacing:-.01em;text-decoration:none;transition:transform .18s,box-shadow .18s}
.pbk-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -14px var(--pbk,#25312e)}
.pbk-bundle{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr) auto auto;gap:20px clamp(24px,3.4vw,56px);align-items:center;padding:clamp(18px,2vw,28px);margin-bottom:clamp(40px,5vw,76px);background:#1b2521;color:#f4f2ec;border-radius:4px}
.pbk-bundle img{display:block;width:100%;height:auto;border-radius:3px}
.pbk-bundle h2{font-size:clamp(1.7rem,2.6vw,2.4rem);color:inherit}
.pbk-bundle>div p{color:#c5cdc4;margin-top:8px;max-width:48ch;line-height:1.55}
.pbk-bundle .pbk-price{margin:0;color:#c5cdc4;white-space:nowrap}.pbk-bundle .pbk-price strong{color:#f4f2ec}
.pbk-bundle .pbk-btn{background:#f4f2ec;color:#1b2521;white-space:nowrap}
.pbk-free{margin-top:clamp(8px,2vw,24px);padding-top:28px;border-top:1px solid var(--line);color:var(--soft)}.pbk-free a{color:inherit;font-weight:600}
@media(max-width:1100px){.pbk-bundle{grid-template-columns:minmax(0,200px) minmax(0,1fr)}.pbk-bundle .pbk-price{grid-column:1}.pbk-bundle .pbk-btn{justify-self:start}}
@media(max-width:900px){.pbk{grid-template-columns:minmax(0,1fr)}.pbk-flip .pbk-cover{order:0}.pbk-bundle{grid-template-columns:minmax(0,1fr)}.pbk-bundle img{max-width:300px}}

/* Free guides page: the covers and the form first, then what is in each. */
.fg-top{padding-block:clamp(48px,6vw,96px) clamp(56px,7vw,104px)}
.fg-top .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px clamp(40px,7vw,120px);align-items:start}
.fg-intro h1{font-size:clamp(3rem,6.6vw,6.4rem);line-height:.94;letter-spacing:-.066em}
.fg-intro .lede{margin-top:26px;max-width:42ch}
.fg-covers{display:flex;align-items:flex-start;margin-top:clamp(36px,4vw,60px);padding-left:2%;max-width:640px}
.fg-covers img{display:block;width:36%;height:auto;border-radius:3px;box-shadow:0 30px 50px -24px #1b2521a6;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.fg-covers img:nth-child(1){rotate:-5deg}
.fg-covers img:nth-child(2){rotate:1deg;margin-left:-7%;translate:0 -14px;z-index:1}
.fg-covers img:nth-child(3){rotate:6deg;margin-left:-7%}
.fg-covers:hover img:nth-child(1){transform:translate(-10px,-6px)}.fg-covers:hover img:nth-child(3){transform:translate(10px,-6px)}
.fg-top .form{position:sticky;top:120px}
.fg h2{font-size:clamp(1.6rem,2.3vw,2.1rem);letter-spacing:-.045em;line-height:1.05}
.fg-for{margin-top:10px;color:var(--muted);font-size:.92rem}
.fg .pbk-points{margin-top:18px}
.fg .text-link{margin-top:14px}
.fg-more{margin-top:clamp(36px,4vw,56px);color:var(--soft)}.fg-more a{color:inherit;font-weight:600}
@media(max-width:900px){.fg-top .wrap{grid-template-columns:minmax(0,1fr)}.fg-top .form{position:static}}

/* Insights: each subject is a heading and its articles, as on Consulting. */
.ins-group>div>p{color:var(--muted)}
.article-meta a{text-underline-offset:4px}
.page-home.public .narrow .pb-band{grid-template-columns:minmax(0,1fr);margin-top:48px}
.page-home.public .article-next{margin-top:20px}

/* About: the portrait and timeline beside the story. */
.about-story{padding-block:clamp(64px,8vw,120px)}
.page-home.public .about-portrait{border-radius:4px}

/* Questions: the heading on the left, the answers on the right, as the other interior rows (not on the playbook sales pages). */
main>section#faq>.wrap.narrow{max-width:1440px;padding-inline:clamp(24px,4vw,72px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px clamp(40px,7vw,110px);align-items:start}
main>section#faq>.wrap.narrow>h2{font-size:clamp(2.4rem,4.4vw,4.2rem)!important;line-height:1;margin:0!important;text-align:left}
main>section#faq>.wrap.narrow>:not(h2){grid-column:2}
@media(max-width:900px){main>section#faq>.wrap.narrow{grid-template-columns:minmax(0,1fr)}main>section#faq>.wrap.narrow>:not(h2){grid-column:1}}
@media(max-width:700px){.coast-invitation p br,.coast-invitation h2 br,.split-head h2 br{display:none}}
.page-home.public .coast-invitation p{max-width:60ch;font-size:1.08rem;line-height:1.6}
.page-home.public #start .form{max-width:560px}
.page-home.public .checkout-inclusions{margin:0;padding:0}
.page-home.public .hero-photo .lede{color:#e9ece4}
.page-home.public .hero-photo{padding-top:calc(88px + clamp(56px,7vw,104px))}
/* The cookie note sits on the right, clear of each page's first button; on a phone it sits above the buy bar. */
.page-home.public .nb-consent{left:auto;right:20px;bottom:20px;background:#f4f2ec;border-radius:6px;border-color:#25312e24}
@media(max-width:700px){.page-home.public .nb-consent{left:12px;right:12px;max-width:none;bottom:12px}body:has(.nb-sticky) .nb-consent,body:has(.ryr-sticky) .nb-consent{bottom:80px}}

/* Consulting, made visual (13 Nov 2026; Jamie: "the long lists ... so boring"). Each group is led by a photograph card,
   the other services are tiles with an icon and the figure that matters, and every price is a card of its own. */
.cv{background:var(--coast-paper);padding-block:clamp(64px,8vw,120px)}
.cv-group{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);padding-block:clamp(48px,6vw,88px);border-top:1px solid #25312e26}
.cv-group:first-child{border-top:0;padding-top:0}
.cv-head{grid-column:1/span 5;grid-row:1;align-self:start;padding:4px clamp(16px,3vw,48px) clamp(24px,3vw,48px) 0}
.cv-head h2{font-size:clamp(2.6rem,4.8vw,4.6rem);font-weight:500;line-height:.98;letter-spacing:-.06em}
.cv-head p{margin-top:18px;font-size:1.02rem;line-height:1.6;color:#4a534e;max-width:30ch}
.cv-lead{grid-column:6/span 7;grid-row:1/span 2}
.cv-side{grid-column:1/span 5}
.cv-tile:not(.cv-side){grid-column:span 4}
.cv-flip .cv-head{grid-column:8/span 5;padding:4px 0 clamp(24px,3vw,48px) clamp(16px,3vw,48px)}
.cv-flip .cv-lead{grid-column:1/span 7}
.cv-flip .cv-side{grid-column:8/span 5}
.cv-three .cv-lead{grid-row:1/span 3}
.cv-tile,.cv-lead{position:relative;display:flex;flex-direction:column;gap:8px;border-radius:6px;color:inherit;text-decoration:none;overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,background .3s}
.cv-tile{background:#f4f2ec;padding:clamp(20px,2vw,28px);min-height:216px;box-shadow:0 1px 0 #25312e14}
.cv-tile:hover{transform:translateY(-4px);background:#fff;box-shadow:0 1px 0 #25312e14,0 28px 44px -30px #25312e73}
.cv-ico{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:#25312e12;color:#25312e}
.cv-ico svg{width:24px;height:24px;fill:currentColor}
.cv-tile strong,.cv-lead strong{margin-top:auto;padding-top:22px;font-size:1.36rem;font-weight:500;letter-spacing:-.035em;line-height:1.1}
.cv-tile>span:not(.cv-ico),.cv-lead>span:not(.cv-ico){font-size:.93rem;line-height:1.5;color:#4a534e;max-width:36ch}
.cv-fig{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;margin-top:12px;padding-top:14px;border-top:1px solid #25312e1f;font-size:clamp(1.7rem,2.3vw,2.3rem);font-weight:500;letter-spacing:-.06em;line-height:1}
.cv-fig small{font-size:.84rem;font-weight:400;letter-spacing:0;line-height:1.3;color:#4a534e}
.cv-tile i,.cv-lead i,.cv-prices i{position:absolute;top:clamp(20px,2vw,28px);right:clamp(20px,2vw,28px);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #25312e33;font-style:normal;transition:background .25s,color .25s,transform .25s,border-color .25s}
.cv-tile:hover i{background:#25312e;border-color:#25312e;color:#f4f2ec;transform:translateX(3px)}
.cv-lead{isolation:isolate;justify-content:flex-end;min-height:clamp(420px,38vw,560px);padding:clamp(24px,2.6vw,40px);color:#f4f2ec;background:#1b2521}
.cv-lead img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.cv-lead::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#1b252147 0%,#1b25210d 30%,#1b2521a6 64%,#1b2521eb 100%)}
.cv-lead:hover img{transform:scale(1.04)}
.cv-lead .cv-ico{position:absolute;top:clamp(24px,2.6vw,40px);left:clamp(24px,2.6vw,40px);background:#f4f2ec2e;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cv-lead i{top:clamp(24px,2.6vw,40px);right:clamp(24px,2.6vw,40px);border-color:#f4f2ec80}
.cv-lead:hover i{background:#f4f2ec;border-color:#f4f2ec;color:#1b2521;transform:translateX(3px)}
.cv-lead strong{font-size:clamp(2rem,3.2vw,3.2rem);letter-spacing:-.055em;line-height:1}
.cv-lead>span:not(.cv-ico){font-size:1.05rem;color:#e6eae1;max-width:38ch}
.cv-lead .cv-fig{border-top-color:#f4f2ec4d;font-size:clamp(2.4rem,3.6vw,3.6rem);margin-top:16px;padding-top:18px}
.cv-lead .cv-fig small{font-size:.95rem;color:#e0e5dc}
.cv .cs-es{align-items:start}
.cv .cs-es-list a{border-radius:999px;padding:8px 18px}
.cv .rv{transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
/* Every price, as a card. The £20 one is the light one: it is where most people start. */
.cv-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.cv-prices a{position:relative;display:flex;flex-direction:column;gap:8px;min-height:250px;padding:clamp(22px,2.2vw,32px);border-radius:6px;border:1px solid #f4f2ec33;color:#f4f2ec;text-decoration:none;transition:background .3s,color .3s,transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s}
.cv-prices b{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px;padding-right:48px;font-size:clamp(2.7rem,4.4vw,4.2rem);font-weight:500;letter-spacing:-.065em;line-height:.95}
.cv-prices b small{font-size:1rem;font-weight:400;letter-spacing:0;opacity:.78}
.cv-prices strong{margin-top:auto;padding-top:28px;font-size:1.3rem;font-weight:500;letter-spacing:-.035em;line-height:1.1}
.cv-prices span{font-size:.93rem;line-height:1.5;opacity:.8;max-width:36ch}
.cv-prices i{border-color:#f4f2ec59}
.cv-prices a:first-child,.cv-prices a:hover{background:#f4f2ec;border-color:#f4f2ec;color:#1b2521}
.cv-prices a:hover{transform:translateY(-4px)}
.cv-prices a:first-child i,.cv-prices a:hover i{border-color:#1b252159}
.cv-prices a:hover i{background:#1b2521;color:#f4f2ec;transform:translateX(3px)}
.cs-prices .cs-time{margin-top:clamp(44px,5vw,72px)}
@media(max-width:1000px){
 .cv-head,.cv-flip .cv-head{grid-column:1/-1;padding:0 0 12px}
 .cv-lead,.cv-flip .cv-lead{grid-column:1/-1;grid-row:auto;min-height:clamp(340px,52vw,460px)}
 .cv-tile,.cv-tile:not(.cv-side),.cv-flip .cv-side{grid-column:span 6}
 .cv-prices{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .cv-tile,.cv-tile:not(.cv-side),.cv-flip .cv-side{grid-column:1/-1;display:grid;grid-template-columns:46px minmax(0,1fr);gap:4px 16px;min-height:0;padding:18px 62px 18px 18px}
 .cv-tile .cv-ico{grid-row:1/span 3;align-self:start}
 .cv-tile strong{grid-column:2;margin:0;padding:0;font-size:1.18rem}
 .cv-tile>span:not(.cv-ico){grid-column:2}
 .cv-tile .cv-fig{grid-column:2;margin-top:8px;padding-top:10px;font-size:1.6rem}
 .cv-tile i{top:50%;right:16px;margin-top:-18px;width:36px;height:36px}
 .cv-prices{grid-template-columns:minmax(0,1fr)}
 .cv-prices a{min-height:0}
 .cv-prices strong{padding-top:18px}
}
@media(prefers-reduced-motion:reduce){.cv-tile,.cv-lead,.cv-lead img,.cv-prices a{transition:none}}

/* Offers: every offer is a card with its icon and its price in view before it is opened (13 Nov 2026). */
.page-home.public .offer-list{border-top:0;display:grid;gap:clamp(10px,1.1vw,14px)}
.page-home.public details.offer,.page-home.public .offer-link{border:0;border-radius:6px;background:#f4f2ec;box-shadow:0 1px 0 #25312e14;transition:background .3s,box-shadow .3s,transform .3s cubic-bezier(.2,.7,.2,1)}
.page-home.public details.offer:not([open]):hover,.page-home.public .offer-link:hover{background:#fff;transform:translateY(-2px);box-shadow:0 1px 0 #25312e14,0 22px 40px -30px #25312e73}
.page-home.public details.offer[open]{background:#f4f2ec;box-shadow:0 1px 0 #25312e14,0 30px 60px -40px #25312e66}
.page-home.public .offer>summary,.page-home.public .offer-link{grid-template-columns:46px minmax(0,1fr) auto 28px;gap:2px 20px;align-items:center;padding:20px clamp(18px,2vw,28px)}
.page-home.public .offer>summary .cv-ico,.page-home.public .offer-link .cv-ico{grid-column:1;grid-row:1/span 2}
.page-home.public .offer>summary b,.page-home.public .offer-link b{grid-column:2;font-weight:500;font-size:1.36rem;letter-spacing:-.035em;line-height:1.15}
.page-home.public .offer>summary>span:not(.cv-ico),.page-home.public .offer-link>span:not(.cv-ico){grid-column:2;color:#4a534e}
.page-home.public .offer>summary:hover b,.page-home.public .offer-link:hover b{text-decoration:none}
.offer-fig{grid-column:3;grid-row:1/span 2;display:grid;justify-items:end;font-size:clamp(1.6rem,2.3vw,2.3rem);font-weight:500;letter-spacing:-.06em;line-height:1}
.offer-fig small{margin-top:5px;font-size:.8rem;font-weight:400;letter-spacing:0;color:#4a534e}
.page-home.public .offer>summary::after,.page-home.public .offer-link::after{grid-column:4;justify-self:end}
.page-home.public .offer-body{padding:8px clamp(18px,2vw,28px) 32px}
.page-home.public .offer-body .form{background:#fff;box-shadow:none;border:1px solid #25312e1f}
.page-home.public details.offer>.note{margin-inline:clamp(18px,2vw,28px)!important}
@media(max-width:640px){
 .page-home.public .offer>summary,.page-home.public .offer-link{grid-template-columns:40px minmax(0,1fr) 20px;gap:2px 14px;padding:16px}
 .page-home.public .offer>summary .cv-ico,.page-home.public .offer-link .cv-ico{width:40px;height:40px;grid-row:1/span 3;align-self:start}
 .offer-fig{grid-column:2;grid-row:auto;justify-items:start;display:flex;align-items:baseline;gap:8px;margin-top:6px;font-size:1.5rem}
 .offer-fig small{margin:0}
 .page-home.public .offer>summary::after,.page-home.public .offer-link::after{grid-column:3;grid-row:1/span 3}
}
.cv .cs-es{padding-bottom:0}

/* Insights uses the same cards: the first article of each subject on a photograph, the rest as text cards. */
.cv-text{min-height:190px}
.cv-text strong,.cv-lead:not(:has(.cv-ico)) strong{margin-top:0;padding-top:0}
.cv-text strong{padding-right:54px;font-size:1.22rem;line-height:1.16;text-wrap:balance}
.cv-min{margin-top:auto;padding-top:16px;font-size:.8rem;color:#67706a}
.cv-lead .cv-min{margin-top:14px;padding-top:0;color:#dfe4dc}
.cv-lead:not(:has(.cv-ico)) strong{font-size:clamp(1.8rem,2.8vw,2.7rem);line-height:1.04;max-width:20ch;text-wrap:balance}
.cv-tile.cv-w6{grid-column:span 6}
.cv-tile.cv-w12{grid-column:1/-1;min-height:0}
.ins-list .cv-head p{color:#67706a}
@media(min-width:901px){.page-home.public #all .split-head{position:sticky;top:112px;align-self:start}}
@media(max-width:640px){
 .cv-tile.cv-text{display:flex;padding:18px 62px 18px 18px}
 .cv-text strong{padding-right:0}
 .cv-text .cv-min{margin-top:8px;padding-top:0}
}
.page-home.public .offer-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,1.6vw,22px)}
.page-home.public .offer-body .form{padding:clamp(22px,2.2vw,30px)}
@media(max-width:900px){.page-home.public .offer-body{grid-template-columns:minmax(0,1fr)}}

/* ==================================================================================================================
   The entrance and the homepage's motion (13 Nov 2026; Jamie: "landing page is boring, the loading page basic").

   The entrance. On paper, a numeral the height of the screen counts to nine bar while "Pressure is a privilege" rises
   and a scale runs along the foot. At nine the numeral becomes a window onto the opening photograph, and the page is
   entered through it. How the window works: .lo-knock is a sheet of paper with black type, blended "lighten" over
   what lies beneath. Over the ink plate, black type shows as ink; when the plate fades, the same type shows the
   photograph. home.js measures the nine and flies through its stroke. It plays once per visit, any press or scroll
   skips it, and it is never shown without script or with reduced motion (the <head> script adds .lo-on only then).
   ================================================================================================================== */
.lo{display:none}
.lo-on .lo{display:block;position:fixed;inset:0;z-index:200;isolation:isolate;overflow:hidden;background:#121614;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none}
.lo-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;scale:1.05;filter:saturate(1) brightness(.86)}   /* scale: as the opening photograph's, so the two are one picture */
.lo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#12161466 0%,#12161433 35%,#121614e6 100%);opacity:0}
.lo-plate{position:absolute;inset:0;background:#232c2b}
.lo-knock{position:absolute;inset:0;overflow:hidden;background:#e9e8e1;mix-blend-mode:lighten}
.lo-mark{position:absolute;top:28px;left:clamp(24px,4.4vw,60px);font-weight:750;font-size:1.85rem;letter-spacing:-.07em;line-height:1;white-space:nowrap}
.lo-skip{position:absolute;top:34px;right:clamp(24px,4.4vw,60px);font-size:.86rem;font-weight:500;line-height:1;color:#0000008c}
.lo-stage{position:absolute;left:50%;top:45%;font-size:min(86vh,118vw);transform:translate(-50%,-50%)}
.lo-on:not(.lo-play) .lo-stage{opacity:0}
.lo-read{display:block;width:.64em;height:1em;overflow:hidden;font-weight:750;line-height:1;letter-spacing:0;text-align:center;font-variant-numeric:tabular-nums;will-change:transform}
.lo-roll{display:block}
.lo-unit{position:absolute;left:100%;bottom:.14em;padding-left:.015em}
.lo-unit b{display:block;font-size:clamp(1rem,1.5vw,1.4rem);font-weight:500;letter-spacing:-.02em;line-height:1}
.lo-line{position:absolute;left:clamp(24px,4.4vw,60px);bottom:calc(clamp(22px,4vh,40px) + 52px);margin:0;font-size:clamp(1.25rem,2.1vw,2rem);font-weight:500;letter-spacing:-.045em;line-height:1.1}
.lo-line span{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.12em}
.lo-line i{display:inline-block;font-style:normal;transform:translateY(120%)}
.lo-scale{position:absolute;left:clamp(24px,4.4vw,60px);right:clamp(24px,4.4vw,60px);bottom:clamp(22px,4vh,40px)}
.lo-scale ol{display:flex;justify-content:space-between;margin:0;padding:12px 0 0;list-style:none;border-top:1px solid;font-size:.86rem;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;color:#00000038}
.lo-scale .lo-scale-on{position:absolute;inset:0;color:#000;clip-path:inset(-2px calc(100% - 1.1em) -2px 0)}
.lo-play .lo-stage{animation:lo-in .3s ease both}
.lo-play .lo-roll{animation:lo-roll 1.6s cubic-bezier(.62,.02,.16,1) .15s forwards}
.lo-play .lo-scale-on{animation:lo-scale 1.6s cubic-bezier(.62,.02,.16,1) .15s forwards}
.lo-play .lo-line i{animation:lo-rise .8s cubic-bezier(.2,.7,.2,1) forwards}
.lo-play .lo-line span:nth-child(1) i{animation-delay:.3s}.lo-play .lo-line span:nth-child(2) i{animation-delay:.7s}.lo-play .lo-line span:nth-child(3) i{animation-delay:1.1s}
.lo-play .lo-mark,.lo-play .lo-skip,.lo-play .lo-unit,.lo-play .lo-line,.lo-play .lo-scale{animation:lo-out .32s ease 1.74s forwards}
.lo-play .lo-plate{animation:lo-out .44s ease 1.8s forwards}
.lo-play .lo-photo{animation:hero-drift 4.4s cubic-bezier(.16,.7,.2,1) 1.6s both,lo-grade .9s ease 2.3s forwards}
.lo-play .lo-shade{animation:lo-in .9s ease 2.3s forwards}
.lo-play .lo{animation:lo-end .4s ease 3.02s forwards}
@keyframes lo-roll{to{transform:translateY(-90%)}}
@keyframes lo-scale{to{clip-path:inset(-2px 0 -2px 0)}}
@keyframes lo-rise{to{transform:none}}
@keyframes lo-out{to{opacity:0}}
@keyframes lo-in{from{opacity:0}to{opacity:1}}
@keyframes lo-grade{to{filter:saturate(.8) brightness(.8)}}
@keyframes lo-end{to{opacity:0;visibility:hidden}}
@keyframes hero-drift{from{transform:scale(1.16)}to{transform:none}}
.lo-done .lo,.splash-seen .lo{display:none}
@media(max-height:560px){.lo-stage{top:44%;font-size:min(64vh,118vw)}.lo-line{bottom:calc(clamp(22px,4vh,40px) + 40px);font-size:1.05rem}}
.lo-skip-now .lo{opacity:0;pointer-events:none;transition:opacity .35s ease}

/* The opening behind it: the same photograph, moving with the entrance's, then the headline rises line by line. */
.ln{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.ln>span{display:block}
.hp-hero[data-top]>img{animation:none;scale:1.05;translate:calc(var(--px,0) * -16px) calc(var(--hs,0) * 12% + var(--py,0) * -10px)}
.hp-hero[data-top] .wrap{translate:0 calc(var(--hs,0) * -70px);opacity:calc(1 - var(--hs,0) * 1.5)}
.lo-on .hp-hero[data-top] .ln>span{transform:translateY(118%)}
.lo-on .hp-hero[data-top] .hp-fade,.lo-on .bar{opacity:0}
.lo-play .hp-hero[data-top]>img{animation:hero-drift 4.4s cubic-bezier(.16,.7,.2,1) 1.6s both}
.lo-play .hp-hero[data-top] .ln>span{animation:ln-up 1.1s cubic-bezier(.16,1,.3,1) 3s both}
.lo-play .hp-hero[data-top] .ln:nth-child(2)>span{animation-delay:3.3s}.lo-play .hp-hero[data-top] .ln:nth-child(3)>span{animation-delay:3.44s}
.lo-play .hp-hero[data-top] .hp-fade{animation:hp-fade-up .9s cubic-bezier(.2,.7,.2,1) 3.82s both}
.lo-play .hp-hero[data-top] .hp-hero-actions{animation-delay:3.94s}
.lo-play .hp-hero[data-top] .hp-cue{animation-delay:4.4s}
.lo-play .bar{animation:hp-bar-in .8s cubic-bezier(.2,.7,.2,1) 3.2s both}
.lo-quick .hp-hero[data-top]>img{animation:hero-drift 2.6s cubic-bezier(.16,.7,.2,1) both}
.lo-quick .hp-hero[data-top] .ln>span{animation:ln-up 1.1s cubic-bezier(.16,1,.3,1) .12s both}
.lo-quick .hp-hero[data-top] .ln:nth-child(2)>span{animation-delay:.42s}.lo-quick .hp-hero[data-top] .ln:nth-child(3)>span{animation-delay:.56s}
.lo-quick .hp-hero[data-top] .hp-fade{animation:hp-fade-up .9s cubic-bezier(.2,.7,.2,1) .95s both}
.lo-quick .hp-hero[data-top] .hp-hero-actions{animation-delay:1.07s}
.lo-quick .hp-hero[data-top] .hp-cue{animation-delay:1.5s}
@keyframes ln-up{from{transform:translateY(118%)}to{transform:none}}
@keyframes hp-fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes hp-bar-in{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.lo-skip-now .hp-hero[data-top] .ln>span,.lo-skip-now .hp-hero[data-top] .hp-fade,.lo-skip-now .bar,.lo-skip-now .hp-hero[data-top]>img{animation:none!important;transform:none!important;opacity:1!important}
.hp-cue{position:absolute;left:50%;bottom:14px;display:grid;place-items:end center;width:44px;height:60px;margin-left:-22px}
.hp-cue i{position:relative;display:block;width:1px;height:48px;overflow:hidden;background:#f4f2ec4d}
.hp-cue i::after{content:"";position:absolute;inset:0;background:#f4f2ec;transform:translateY(-100%);animation:hp-cue 2.4s cubic-bezier(.6,0,.3,1) infinite}
@keyframes hp-cue{0%{transform:translateY(-100%)}55%{transform:none}100%{transform:translateY(100%)}}
@media(max-width:900px){.hp-cue{display:none}.hp-hero[data-top]{padding-bottom:104px}}

/* The opening says it in the largest type on the page: the sentence leads, then the two things, each on its own
   line. As the page moves, the two lines pass each other. */
.hp-hero[data-top] h1{font-size:clamp(3.1rem,11.4vw,13rem);line-height:.93;letter-spacing:-.075em}
.hp-hero[data-top] .hp-lead{margin-bottom:.3em;padding-bottom:.16em;font-size:clamp(1.3rem,2.8vw,2.8rem);line-height:1.12;letter-spacing:-.048em}
.hp-hero[data-top] .hp-big{white-space:nowrap;will-change:translate}
.hp-hero[data-top] .hp-big:nth-child(2){translate:calc(var(--hs,0) * 11vw) 0}
.hp-hero[data-top] .hp-big:nth-child(3){translate:calc(8.6vw - var(--hs,0) * 9vw) 0}
.hp-foot{display:grid;gap:clamp(18px,2vw,28px);justify-items:start;margin-top:clamp(22px,2.6vw,40px)}   /* on the left: the cookie note sits bottom right */
.hp-hero[data-top] .hp-foot p{margin:0;max-width:56ch}
.hp-foot .hp-hero-actions{margin-top:0}
@media(max-width:700px){
 .hp-hero[data-top] h1{font-size:13.2vw}
 .hp-hero[data-top] .hp-lead{font-size:1.32rem;margin-bottom:.5em}
 .hp-hero[data-top] .hp-big:nth-child(2){translate:calc(var(--hs,0) * 5vw) 0}
 .hp-hero[data-top] .hp-big:nth-child(3){translate:calc(4vw - var(--hs,0) * 4vw) 0}
}

/* The playbooks as three cards that are dealt onto the page and tilt under the pointer. */
.hp-books{padding-block:clamp(56px,7vw,110px) clamp(48px,6vw,96px)}
.hp-books .wrap{display:block}
.hp-books-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px clamp(40px,7vw,110px);align-items:end;margin-bottom:clamp(28px,3.6vw,56px)}
.hp-books h2{font-size:clamp(2.8rem,6.2vw,6.4rem);line-height:.95;letter-spacing:-.066em}
.hp-books-head p{margin-top:0;max-width:44ch;font-size:1.05rem}
.hp-books-head .hp-books-free{margin-top:12px;font-size:.95rem}
.hp-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,22px)}
.hp-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px 14px 24px;border-radius:8px;background:#f4f2ec;box-shadow:0 1px 0 #25312e14;color:inherit;text-decoration:none;transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .5s,background .3s}
.hp-card-art{display:block;overflow:hidden;margin-bottom:14px;border-radius:5px;aspect-ratio:16/10;background:#1b2521}
.hp-card-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.hp-card strong{padding-inline:8px;font-size:clamp(1.5rem,2.3vw,2.1rem);font-weight:500;letter-spacing:-.045em;line-height:1.05}
.hp-card>span:not(.hp-card-art){padding-inline:8px;font-size:1rem;color:#4a534e}
.hp-card b{display:flex;align-items:baseline;gap:10px;margin-top:auto;padding:24px 8px 0;font-size:clamp(2rem,3vw,2.8rem);font-weight:500;letter-spacing:-.06em;line-height:1}
.hp-card b small{font-size:.86rem;font-weight:400;letter-spacing:0;color:#4a534e}
.hp-card i{position:absolute;right:22px;bottom:22px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #25312e33;font-style:normal;transition:background .25s,color .25s,transform .25s,border-color .25s}
.hp-card:hover,.hp-card:focus-visible{background:#fff;box-shadow:0 1px 0 #25312e14,0 44px 64px -40px #25312e8c}
.hp-card:hover .hp-card-art img{transform:scale(1.05)}
.hp-card:hover i{background:#25312e;border-color:#25312e;color:#f4f2ec;transform:translateX(3px)}
.hp-deck.deal .hp-card{opacity:0;transform:translateY(80px) rotate(var(--r,0deg));transition:none}
.hp-deck.deal .hp-card:nth-child(1){--r:-5deg}.hp-deck.deal .hp-card:nth-child(3){--r:5deg}
.hp-deck.deal.in .hp-card{opacity:1;transform:none;transition:opacity .8s ease,transform 1.15s cubic-bezier(.16,1,.3,1)}
.hp-deck.deal.in .hp-card:nth-child(2){transition-delay:.12s}.hp-deck.deal.in .hp-card:nth-child(3){transition-delay:.24s}.hp-deck.deal.in .hp-card:nth-child(4){transition-delay:.36s}.hp-deck.deal.in .hp-card:nth-child(5){transition-delay:.48s}.hp-deck.deal.in .hp-card:nth-child(6){transition-delay:.6s}.hp-deck.deal.in .hp-card:nth-child(7){transition-delay:.72s}
@media(min-width:761px){.hp-card-wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:auto auto 1fr;column-gap:28px;align-items:start}.hp-card-wide .hp-card-art{grid-row:1/4;margin-bottom:0}.hp-card-wide strong{padding-top:18px}.hp-card-wide b{align-self:end;padding-bottom:6px}}
@media(max-width:900px){.hp-books-head{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){
 .hp-deck{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-24px;padding:4px 24px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .hp-deck::-webkit-scrollbar{display:none}
 .hp-card{flex:0 0 84%;scroll-snap-align:center}
 .hp-deck.deal .hp-card{transform:translateX(60px)}
}

/* The story: on a wide screen the year and the photograph stay put while the chapters pass (home.js builds the stage). */
@media(min-width:1001px){
 .hp-story.is-live{padding-block:0}
 .hp-story.is-live>.wrap{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:0 clamp(48px,8vw,130px);align-items:start}
 .hp-stage{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;gap:20px;height:100vh;padding-top:56px}
 .hp-stage-year{display:flex;height:.86em;overflow:hidden;margin-left:-.035em;font-size:clamp(5.5rem,10.4vw,11rem);font-weight:500;line-height:.86;letter-spacing:0;font-variant-numeric:tabular-nums}
 .hp-stage-year span{display:block;width:.56em;text-align:center}
 .hp-stage-year i{display:block;font-style:normal;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
 .hp-stage-year span:nth-child(2) i{transition-delay:.05s}.hp-stage-year span:nth-child(3) i{transition-delay:.1s}.hp-stage-year span:nth-child(4) i{transition-delay:.15s}
 .hp-stage-frame{position:relative;height:min(54vh,600px);aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:#d6d5cc}
 .hp-stage-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;opacity:0;transform:scale(1.1);filter:saturate(.85);transition:opacity .9s ease,transform 1.8s cubic-bezier(.2,.7,.2,1)}
 .hp-stage-frame img.on{opacity:1;transform:none}
 .hp-stage-ticks{display:flex;gap:26px;margin:0;padding:0;list-style:none;font-size:.84rem;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;color:#25312ea8}
 .hp-stage-ticks li{position:relative;padding-top:14px;transition:color .5s}
 .hp-stage-ticks li::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:#25312e2e}
 .hp-stage-ticks li::after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:#232c2b;transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
 .hp-stage-ticks li.on,.hp-stage-ticks li.was{color:#232c2b}
 .hp-stage-ticks li.on::after,.hp-stage-ticks li.was::after{transform:none}
 .is-live .hp-chapters{padding-block:11vh}
 .is-live .hp-chapter{display:flex;align-items:center;min-height:78vh;margin:0!important;opacity:.16;transition:opacity .7s ease}
 .is-live .hp-chapter.on{opacity:1}
 .is-live .hp-chapter>img{display:none}
 .is-live .hp-chapter h2 .yr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .is-live .hp-chapter h2 .yr+br{display:none}
 .is-live .hp-chapter h2{font-size:clamp(2.6rem,4.6vw,4.8rem)}
}

/* The line Jamie lives by, on ink: each word lights as the page reaches it; the three figures count up beneath. */
.hp-quote{background:#1b2521;color:#f4f2ec;padding-block:clamp(90px,13vw,210px) clamp(70px,9vw,140px)}
.hp-quote blockquote{margin:0}
.hp-lit{max-width:15ch;font-size:clamp(2.3rem,6.7vw,7.2rem);font-weight:500;letter-spacing:-.062em;line-height:1}
.hp-lit .w{opacity:.17;transition:opacity .55s ease}
.hp-lit .w.lit{opacity:1}
.hp-quote blockquote footer{display:flex;align-items:center;gap:16px;margin-top:clamp(32px,4vw,56px);font-size:.95rem;line-height:1.45}
.hp-quote blockquote footer img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.hp-quote blockquote footer span{color:#aebcaf}
.hp-quote blockquote footer a{color:#f4f2ec;font-weight:600;text-decoration:none}
.hp-quote blockquote footer a:hover{text-decoration:underline;text-underline-offset:4px}
.hp-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px clamp(24px,4vw,64px);margin-top:clamp(56px,8vw,120px);padding-top:30px;border-top:1px solid #f4f2ec2e}
.hp-proof p{font-size:.95rem;color:#aebcaf}
.hp-proof strong{display:block;margin-bottom:12px;font-size:clamp(2.6rem,6vw,6rem);font-weight:500;letter-spacing:-.07em;line-height:.95;color:#f4f2ec;font-variant-numeric:tabular-nums}
.hp-proof a{color:inherit;text-decoration:none}
@media(max-width:700px){.hp-proof{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.hp-record .record strong{font-variant-numeric:tabular-nums}

/* Playbooks or Consulting: the panel under the pointer takes more of the screen. (The panels' share is set outside the
   media query, where a grid ignores it, so that nothing animates from nothing when the query starts to apply.) */
.hp-split .paths-grid .path{flex:1 1 0;min-width:0}
@media(min-width:901px) and (hover:hover){
 .hp-split .paths-grid{display:flex}
 .hp-split .paths-grid .path{align-content:end;transition:flex-grow .9s cubic-bezier(.2,.7,.2,1)}
 .hp-split .paths-grid:hover .path:not(:hover)>img{filter:saturate(.5) brightness(.55)}
 .hp-split .paths-grid .path:hover{flex-grow:1.5}
}

/* Headings that rise line by line as they are reached (home.js adds .lns only below the first screen). */
.lns .ln>span{transform:translateY(118%);transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.lns .ln:nth-child(2)>span{transition-delay:.1s}.lns .ln:nth-child(3)>span{transition-delay:.2s}
.lns.in .ln>span{transform:none}
.hp-close>img{scale:1.14;translate:0 calc((var(--cp,.5) - .5) * -10%)}
@media(prefers-reduced-motion:reduce){
 .hp-hero[data-top]>img,.hp-hero[data-top] .wrap,.hp-hero[data-top] .hp-big,.hp-close>img{translate:none;animation:none}
 .hp-hero[data-top] .wrap{opacity:1}.hp-close>img,.hp-hero[data-top]>img{scale:none}
 .hp-cue i::after{animation:none}.hp-card,.hp-card-art img{transition:none}
}

/* Playbooks page: the "where are you right now" chooser (13 Nov 2026 sales pass) and the bundle up top */
.pbk-choose{margin-bottom:clamp(28px,3.4vw,48px)}
.pbk-choose h2{font-size:clamp(1.5rem,2.4vw,2.1rem);margin-bottom:16px}
.pbk-choose-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.pbk-choose-grid a{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #d9d6cc;border-radius:4px;background:#fff;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}
.pbk-choose-grid a:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1b252114}
.pbk-choose-grid strong{font-size:1.05rem;line-height:1.2}
.pbk-choose-grid span:last-child{font-size:.86rem;color:#5d665f;line-height:1.35}
.pbk-choose-grid .cv-ico{margin-bottom:6px}
.pbk [id],.pbk[id],.pbk-bundle[id]{scroll-margin-top:96px}
@media (max-width:900px){.pbk-choose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pbk-choose-grid a:last-child{grid-column:1/-1}}
.hp-books-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hp-books-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid #c9ccc4;border-radius:999px;font-size:.95rem;font-weight:600;color:var(--coast-ink,#1f2723);text-decoration:none;background:#fff}
.hp-books-links a::after{content:"\2192";margin-left:8px;opacity:.6}
.hp-books-links a:first-child{background:var(--coast-ink,#1f2723);border-color:var(--coast-ink,#1f2723);color:#fff}
.hp-books-proof{margin:22px 0 0;padding-left:14px;border-left:2px solid #c9ccc4;max-width:40ch}
.hp-books-proof p{margin:0;font-size:.98rem;line-height:1.5;color:#3d4641;font-style:italic}
.hp-books-proof cite{display:block;margin-top:6px;font-style:normal;font-size:.85rem;font-weight:600;color:#575f5a}
@media(max-width:600px){.hp-books-head p{font-size:1rem;line-height:1.55}.hp-books-links{margin-top:14px}.hp-books-proof{margin-top:18px}}
/* The any-three chooser and the top-up card (off until their Stripe links exist) */
.pk-pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.pk-pick{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid #d9d6cc;border-radius:4px;background:#fff;cursor:pointer;position:relative}
.pk-pick img{width:100%;height:auto;border-radius:3px}.pk-pick span{font-size:.86rem;color:#5d665f}
.pk-pick input{position:absolute;top:18px;left:18px;width:22px;height:22px}
.pk-pick:has(input:checked){border-color:#1b2521;box-shadow:0 0 0 2px #1b2521}
@media (max-width:700px){.pk-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mp-topup{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding:20px 24px;margin:8px 0 28px;background:#1b2521;color:#f4f2ec;border-radius:4px}
.mp-topup h2{color:inherit;font-size:1.4rem}.mp-topup p{color:#c5cdc4;margin:4px 0 0}
/* The download page on a phone: the booklet first, the zip second */
.dl-phone{display:none}
@media (max-width:700px){.dl-phone{display:block}.dl-desk{display:none}.dl-ctas{display:flex;flex-direction:column}.dl-ctas .dl-pdf{order:-1}}
.pbk-three{color:#c5cdc4;font-size:.92rem;grid-column:1/-1;justify-self:end}
.tri-diy-buy{display:inline-block;margin-left:6px;padding:6px 12px;border-radius:999px;background:#1b2521;color:#f4f2ec;text-decoration:none;font-weight:600;font-size:.88rem;white-space:nowrap}

/* Design pass, 14 Nov 2026: homepage */
@media(min-width:761px){.hp-card-wide.hp-card-bundle{grid-column:span 2}}
.hp-swipe{display:none}
@media(max-width:760px){.hp-swipe{display:block;margin:10px 0 0;font-size:.88rem;color:var(--muted)}.hp-swipe::after{content:" →"}}
.hp-chapter img[src*="story-1990"],.hp-stage-frame img[src*="story-1990"]{object-position:50% 45%}
.hp-chapter img[src*="story-2012"],.hp-stage-frame img[src*="story-2012"]{object-position:50% 12%}
.hp-chapter img[src*="story-2015"],.hp-stage-frame img[src*="story-2015"]{object-position:50% 55%}
.hp-chapter img[src*="story-2018"],.hp-stage-frame img[src*="story-2018"]{object-position:50% 18%}
.hp-chapter img[src*="story-2025"],.hp-stage-frame img[src*="story-2025"]{object-position:50% 22%}
/* Design pass, 14 Nov 2026: tap targets and small type */
.footer-bottom a{display:inline-flex;align-items:center;min-height:44px;padding-inline:2px}
.bar .mark{min-height:44px}
.page-home .photo-credit,.page-home .hp-credit{font-size:12px}
/* Design pass, 14 Nov 2026: Work with Jamie as tiles, not a long list */
#all .split-row{display:block}#all .split-head{margin-bottom:28px;max-width:62ch}
#all .offer-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;border:0}
#all .offer,#all .offer-link{border:0;background:#f4f2ec;border-radius:8px;box-shadow:0 1px 0 #25312e14;transition:transform .25s,box-shadow .25s,background .25s}
#all .offer:not([open]):hover,#all .offer-link:hover{transform:translateY(-3px);background:#fff;box-shadow:0 1px 0 #25312e14,0 24px 40px -30px #25312e73}
#all .offer>summary,#all .offer-link{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:176px;padding:22px 48px 22px 22px}
#all .offer>summary:hover{background:transparent}
#all .offer>summary::after,#all .offer-link::after{position:absolute;top:18px;right:20px}
#all .offer>summary span:not(.cv-ico),#all .offer-link span:not(.cv-ico){font-size:.95rem;line-height:1.4}
#all .offer[open]{grid-column:1/-1;background:#fff}
#all .offer-body{padding:0 22px 32px}
@media(min-width:900px){#all .offer-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Design pass, 14 Nov 2026: consulting band, four across, lengths not read as prices */
@media(min-width:1100px){.cv-prices{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1099px){.cv-prices{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cv-prices a:not(:first-child) b{font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:-.03em}
@media(min-width:1101px){.pbk-bundle{grid-template-columns:minmax(0,380px) minmax(0,1fr) auto auto}}
.pbk-quote{margin:14px 0 0;color:#f4f2ec;font-size:1rem;line-height:1.45;max-width:48ch}.pbk-quote span{display:block;margin-top:4px;color:#c5cdc4;font-size:.88rem}
.hero-photo .article-meta,.hero-photo .article-meta a{color:#dfe3da}

/* Mobile pass, 14 Nov 2026: on a phone the chooser is a compact list, icon beside the words, one tap per row. */
@media (max-width:600px){.pbk-choose-grid{grid-template-columns:1fr;gap:8px}.pbk-choose-grid a{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:2px;align-items:center;padding:12px 14px;min-height:64px}.pbk-choose-grid a:last-child{grid-column:auto}.pbk-choose-grid .cv-ico{grid-row:1/3;margin:0;width:40px;height:40px}.pbk-choose-grid strong{font-size:1rem}.pbk-choose-grid span:last-child{font-size:.88rem}}

/* Mobile pass, 14 Nov 2026: the 1990 print and the Ferrari sit on soft bands, so on a phone they show whole (4:5) rather than cropped to 4:3. */
@media (max-width:900px){.hp-chapter>img[src*="story-1990"],.hp-chapter>img[src*="story-2015"]{aspect-ratio:4/5;object-position:50% 50%}}

/* Mobile pass, 14 Nov 2026: the open menu marks the page you are on. */
@media (max-width:980px){.page-home.public .menu-open .nav a[aria-current]{display:flex;align-items:center;gap:14px}.page-home.public .menu-open .nav a[aria-current]::after{content:"";width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.5}}

/* Mobile pass, 14 Nov 2026: covers on the homepage come as WebP inside a picture element. */
.hp-card-art picture{display:block;width:100%;height:100%}

/* Mobile pass, 14 Nov 2026: the footer small print is readable on a phone (it was 10.9px), and footer links are full-size taps. */
@media (max-width:760px){.footer-bottom{font-size:.8rem!important}.page-home.public footer nav a{min-height:44px}}
.hp-books-head .hp-books-links{margin-top:18px}
.hp-books-head .hp-books-proof p{margin:0;max-width:none}

/* 14 Nov 2026: Build Your Strength, out of the business deck and in view (Jamie: "too buried") */
.hp-deck .hp-card-wide.hp-card-bundle{grid-column:1/-1}
.hp-health{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(18px,3vw,40px);align-items:center;margin:0 0 clamp(20px,2.4vw,32px);padding:clamp(16px,2vw,24px);border-radius:22px;background:#2a1634;color:#f6eee6;text-decoration:none;box-shadow:0 18px 40px rgba(42,22,52,.18);transition:transform .3s ease,box-shadow .3s ease}
.hp-health:hover{transform:translateY(-3px);box-shadow:0 24px 48px rgba(42,22,52,.26)}
.hp-health-art{display:block;border-radius:14px;overflow:hidden;aspect-ratio:16/10}
.hp-health-art img{width:100%;height:100%;object-fit:cover;display:block}
.hp-health-copy{display:flex;flex-direction:column;gap:10px}
.hp-health-copy strong{font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:500;letter-spacing:-.045em;line-height:1.02;color:#fff}
.hp-health-copy span{font-size:1rem;line-height:1.6;color:#e6d9e8;max-width:46ch}
.hp-health-copy b{margin-top:6px;font-weight:600;color:#ffc27a}
@media(max-width:760px){.hp-health{grid-template-columns:minmax(0,1fr);gap:14px;padding:14px}.hp-health-copy span{font-size:.95rem}}
.pbk-health-strip .hp-health{margin:0}
.hp-chapter-health{display:block;margin-top:22px;padding:16px 18px;border-radius:14px;background:#2a1634;color:#f6eee6;text-decoration:none;max-width:44ch}
.hp-chapter-health strong{display:block;font-size:1.05rem;color:#fff;margin-bottom:4px}
.hp-chapter-health span{display:block;font-size:.94rem;line-height:1.55;color:#e6d9e8}
.hp-chapter-health b{display:inline-block;margin-top:10px;font-weight:600;color:#ffc27a}
.pbk-section-title{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:500;letter-spacing:-.05em;line-height:1;margin:clamp(36px,5vw,64px) 0 clamp(16px,2vw,24px)}
.pbk-health{margin-top:clamp(28px,4vw,48px);padding:clamp(18px,2.6vw,36px);border-radius:24px;background:#2a1634;color:#f6eee6}
.pbk-health .pbk-section-title{margin-top:0;color:#fff}
.pbk-health .pbk{margin:0;border:0;background:transparent}
.pbk-health .pbk h2,.pbk-health .pbk-for{color:#fff}
.pbk-health .pbk-lede,.pbk-health .pbk-points,.pbk-health .pbk-price{color:#e6d9e8}
.pbk-health .pbk-price strong{color:#ffc27a}
.pbk-health .text-link{color:#ffc27a}
.pbk-health .pbk-btn{background:#ffc27a;color:#2a1634}
@media(min-width:900px){.pbk-choose-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pbk-health .pbk-cover{align-self:center}
@media(max-width:900px){.pbk-choose-grid a:last-child{grid-column:auto}}
.pbk-health .pbk-cover img{border-radius:14px;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 24px 50px rgba(0,0,0,.4)}
.pbk-health-voice{display:flex;align-items:center;gap:16px;margin:0 0 clamp(18px,2.4vw,28px)}
.pbk-health-voice img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 30%;flex:none;box-shadow:0 0 0 2px #ffc27a}
.pbk-health-voice blockquote{margin:0}
.pbk-health-voice blockquote p{margin:0;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.4;color:#fff;font-style:italic;max-width:48ch}
.pbk-health-voice span{display:block;margin-top:6px;font-size:.88rem;color:#e6d9e8}
.pbk-health-voice a{color:#ffc27a}

.hp-topbundle{background:var(--coast-ink,#1f2723)}
.hp-topbundle .hp-health-copy b{color:#e9c46a}
.hp-card-popular{position:relative}
.hp-popular{display:inline-block;align-self:flex-start;margin:0 0 6px;padding:3px 10px;border-radius:999px;background:#e9c46a;color:#1f2723;font-style:normal;font-size:.78rem;font-weight:650;letter-spacing:.01em}
.hp-books-links a.hp-books-free-link{background:#fff;border-color:#c9ccc4;color:var(--coast-ink,#1f2723)}
.hp-card>span.hp-popular{display:inline-block;align-self:flex-start;margin:6px 8px 0;padding:3px 10px;border-radius:999px;background:#e9c46a;color:#1f2723;font-size:.78rem;font-weight:650;line-height:1.4}
.hp-card b{padding-right:64px;flex-wrap:wrap;row-gap:4px}
.hp-card b small{line-height:1.3}
.pbk-popular{display:inline-block;margin:0 0 10px;padding:4px 12px;border-radius:999px;background:#e9c46a;color:#1f2723;font-size:.8rem;font-weight:650;line-height:1.4}
.pbk-health{margin-top:clamp(40px,6vw,80px)}

/* Playbooks page on phones: compact cards, lists behind "What you get" (14 Nov 2026) */
.pbk-more>summary{list-style:none;cursor:pointer}
.pbk-more>summary::-webkit-details-marker{display:none}
@media(min-width:761px){.pbk-more>summary{display:none}}
@media(max-width:760px){
 .pbk{gap:14px;margin:0 0 16px;padding:14px 14px 20px;border-radius:16px;background:#f4f2ec;box-shadow:0 1px 0 #25312e14}
 .pbk-cover{border-radius:10px;box-shadow:none}
 .pbk h2{font-size:1.9rem;line-height:1.02}
 .pbk-copy{padding-inline:4px}
 .pbk-for{margin-top:8px;font-size:1.05rem}
 .pbk-lede{display:none}
 .pbk-more{margin-top:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
 .pbk-more>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:1rem;font-weight:600}
 .pbk-more>summary::after{content:"+";font-size:1.4rem;font-weight:400;line-height:1}
 .pbk-more[open]>summary::after{content:"\2212"}
 .pbk-more .pbk-points{margin:0 0 6px;border-top:0}
 .pbk-more .pbk-points li{padding:9px 0;font-size:.95rem}
 .pbk-more .pbk-points li:last-child{border-bottom:0}
 .pbk-price{margin-top:14px}
 .pbk-price strong{font-size:2.3rem}
 .pbk-cta{margin-top:12px}
 .pbk-health .pbk{background:transparent;padding-inline:0}
}