@charset "UTF-8";
:root{
  --serif:"Iowan Old Style",Baskerville,"Palatino Linotype",Georgia,serif;
  --sans:"Avenir Next",Avenir,"Segoe UI",Helvetica,Arial,sans-serif;
  --ink:#0d1230;--cream:#fff5e5;--gold:#ffc875;--rose:#f7a28d;
  --ease:cubic-bezier(.2,.73,.17,1);--header-h:86px;
}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;color:var(--cream);background:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
:focus-visible{outline:2px solid currentColor;outline-offset:5px}
::selection{background:#f7bf82;color:#151530}
.skip-link{position:fixed;z-index:1000;left:14px;top:-100px;padding:16px 20px;background:white;color:#11172d;transition:top .2s}
.skip-link:focus{top:14px}
.route-veil{position:fixed;inset:var(--header-h) 0 0;z-index:45;pointer-events:none;background:radial-gradient(ellipse 75% 80% at 67% 47%,#242343 0%,#10152c 77%);opacity:0;transition:opacity 260ms var(--ease)}
.route-veil.is-active{opacity:1}
.page-frame{width:min(100%,1550px);margin-inline:auto;padding-inline:clamp(26px,6.15vw,106px)}
.eyebrow{text-transform:uppercase;font:750 10px/1.5 var(--sans);letter-spacing:.18em}
.eyebrow.warm{color:#ffd5a1}
.scene{position:relative;isolation:isolate;min-height:100svh;scroll-margin-top:0;padding-block:clamp(120px,12vw,170px) clamp(102px,9vw,150px);overflow-x:clip}
.scene h2{font:400 clamp(54px,6vw,98px)/1.04 var(--serif);letter-spacing:-.065em;margin:22px 0 30px}
.scene h2 em{font-weight:400}
.scene-lead{font:400 clamp(21px,2.05vw,31px)/1.4 var(--serif);max-width:660px;margin:0}
.reveal{opacity:1;transform:none}
.js-motion .reveal:not(.visible){opacity:.42;transform:translateY(12px)}
.js-motion .reveal{transition:opacity 570ms var(--ease),transform 720ms var(--ease)}
.js-motion .reveal.visible{opacity:1;transform:none}
.action-row{display:flex;align-items:center;gap:31px;flex-wrap:wrap}
.action{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:17px 29px;border:1px solid transparent;border-radius:999px;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font:800 10px/1.4 var(--sans);text-align:center;transition:transform .35s var(--ease),background .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease)}
.action:hover{transform:translateY(-3px)}
.action-gold{background:var(--gold);border-color:var(--gold);color:#1c1b30}
.action-gold:hover{background:#ffe2a7;border-color:#ffe2a7;box-shadow:0 8px 25px rgba(255,200,117,.18)}
.action-outline{background:transparent;color:var(--cream);border-color:rgba(255,245,229,.68)}
.action-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,245,229,.92)}
.text-action{font:800 10px/1.5 var(--sans);letter-spacing:.15em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:8px;transition:opacity .3s var(--ease)}
.text-action:hover{opacity:.67}

/* A persistent, restrained navigation identity. */
.site-header{position:fixed;z-index:50;inset:0 0 auto;min-height:var(--header-h);padding:22px clamp(24px,5.6vw,99px);display:flex;align-items:center;gap:30px;justify-content:space-between;background:linear-gradient(180deg,rgba(12,14,38,.91),rgba(12,14,38,.66));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.095)}
.colour-mark{display:block;flex:none;width:32px;height:32px;border-radius:50%;background:conic-gradient(from 25deg,#edb84d,#f07866,#ad55a9,#444aa1,#329acc,#d4d64f,#edb84d);box-shadow:0 0 0 5px rgba(255,255,255,.07),0 0 18px rgba(229,125,157,.12)}
.brand{display:flex;align-items:center;gap:17px;text-decoration:none;color:#f8f3ec}
.brand-name{text-transform:uppercase;letter-spacing:.16em;font:800 10px/1.35 var(--sans)}
.desktop-nav{display:flex;align-items:center;gap:clamp(23px,3.2vw,54px)}
.desktop-nav a{position:relative;text-decoration:none;color:#f2eae6;font:780 10px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.155em;padding-block:8px;white-space:nowrap}
.desktop-nav a::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#ffd0a0;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{transform:scaleX(1)}
.desktop-nav .nav-accent{color:#ffd19b}
.mobile-menu-toggle,.mobile-nav{display:none}

/* Movement 01 */
.hero{padding-block:0;background:radial-gradient(ellipse 48% 65% at 78% 53%,rgba(91,69,157,.33),transparent 74%),radial-gradient(ellipse 35% 58% at 5% 95%,rgba(185,81,98,.2),transparent 78%),linear-gradient(120deg,#090f25 7%,#111531 52%,#201633 100%)}
.hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ffbd64,#ef816a,#9158bc,#347db2)}
.hero-halo{pointer-events:none;position:absolute;width:78vw;aspect-ratio:1;border:1px solid rgba(255,220,166,.055);border-radius:50%;right:-25vw;bottom:-55vw;box-shadow:0 0 0 12vw rgba(221,169,222,.018),0 0 0 24vw rgba(255,255,255,.008)}
.hero-layout{position:relative;z-index:2;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(35px,6.2vw,112px);align-items:center;padding-block:145px 108px}
.hero-prose{max-width:800px}
.with-rule{display:flex;align-items:center;gap:17px;color:#e7bfa7;margin:0 0 26px}
.with-rule::before{content:"";display:block;width:33px;height:1px;background:currentColor}
.hero h1{font:400 clamp(60px,6.8vw,113px)/.94 var(--serif);letter-spacing:-.069em;margin:0 0 31px;max-width:850px}
.hero h1 span,.hero h1 em{display:block}
.hero h1 em{font-weight:400;color:var(--gold)}
.hero-deck{font:400 clamp(22px,2.12vw,31px)/1.35 var(--serif);color:#e4dce2;max-width:570px;margin:0 0 36px}
.hero-footnote{display:flex;gap:14px;align-items:center;color:#e5b98d;margin:41px 0 0}
.hero-footnote span+span::before{content:"";display:inline-block;margin-right:14px;width:5px;height:5px;border-radius:50%;vertical-align:middle;background:#dba47e}
.hero-book-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
.physical-book{display:block;position:relative;isolation:isolate;margin:0;aspect-ratio:1365/2048;background:#f8eddb;box-shadow:22px 29px 46px rgba(0,0,0,.27),-4px 4px 10px rgba(0,0,0,.11);transform:perspective(1500px) rotateY(-2deg) rotateZ(-.6deg)}
.physical-book img{width:100%;height:100%;object-fit:cover}
.physical-book::before{content:"";position:absolute;z-index:2;top:0;bottom:0;left:0;width:2.5%;background:linear-gradient(90deg,rgba(20,12,29,.27),rgba(255,255,255,.19) 40%,rgba(12,12,25,.10) 73%,transparent);pointer-events:none}
.physical-book::after{content:"";position:absolute;z-index:-1;right:-1.25%;top:1%;bottom:1%;width:1.8%;background:#ddd0bf;box-shadow:4px 5px 12px rgba(0,0,0,.17);pointer-events:none}
.hero-book{width:min(100%,423px)}
.book-footprint{align-self:flex-end;color:#c0a4bd;margin:27px 7% 0 0}
.scene-cue{position:absolute;bottom:33px;left:clamp(26px,6.15vw,106px);z-index:4;color:#b6a5b2;text-decoration:none;display:flex;align-items:center;gap:13px;transition:color .2s}
.scene-cue:hover{color:white}
.cue-rule{width:50px;height:1px;background:currentColor;display:inline-block}

/* Movement 02 */
.nascence{background:radial-gradient(ellipse 65% 85% at 89% 84%,rgba(247,166,130,.33),transparent 71%),linear-gradient(138deg,#132345,#3e397d 52%,#905f91 100%)}
.nascence{display:flex;align-items:center;padding-block:calc(var(--header-h) + 42px) 65px}
.nascence-orbit{position:absolute;pointer-events:none;top:14%;left:-33%;width:85vw;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,234,217,.13);box-shadow:0 0 0 10vw rgba(255,255,255,.019)}
.threshold-layout{display:grid;width:100%;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(45px,5vw,100px);align-items:center}
.threshold-copy h2{max-width:680px;font-size:clamp(57px,4.9vw,79px);line-height:1.055;margin:13px 0 19px}
.threshold-copy h2 em{color:#ffdfa0}
.threshold-copy .scene-lead{max-width:605px;font-size:clamp(20px,1.75vw,26px);line-height:1.38}
.author-origin{border-left:1px solid rgba(255,225,192,.7);padding-left:23px;margin:25px 0 0;max-width:610px;color:#ffeed8;font:italic 400 clamp(18px,1.5vw,22px)/1.38 var(--serif)}
.author-origin span{display:block;text-transform:uppercase;letter-spacing:.12em;font:750 9px/1.4 var(--sans);margin-top:17px;color:#ffd6ad}
.passage-card{background:linear-gradient(140deg,#fff7e8,#f1dec9);color:#38283f;padding:clamp(33px,3.6vw,55px);position:relative;box-shadow:0 23px 55px rgba(16,17,43,.22);border:1px solid rgba(255,255,255,.65)}
.passage-meta{display:flex;justify-content:space-between;gap:15px;color:#a5605a;border-bottom:1px solid rgba(63,36,43,.2);padding-bottom:23px}
.passage-card blockquote{font:400 clamp(30px,2.85vw,44px)/1.2 var(--serif);letter-spacing:-.027em;margin:32px 0 36px}
.passage-end{border-top:1px solid rgba(63,36,43,.2);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#80535d}
.underlined-button{background:transparent;color:#8d4d55;border:0;border-bottom:1px solid currentColor;padding:0 0 6px;text-transform:uppercase;letter-spacing:.1em;font:800 10px/1.4 var(--sans);text-align:left}
.underlined-button:hover{color:#3d2b48}
.expanded-text{padding-top:14px;font:400 19px/1.5 var(--serif);color:#4a3747}
.expanded-text p:last-child{font:650 11px/1.5 var(--sans);color:#886671}
.thin-rule{height:1px;background:#c7aaa5;margin:18px 0}

/* Movement 03 */
.three-parts{background:radial-gradient(ellipse 45% 70% at 90% 7%,rgba(124,76,134,.2),transparent 73%),linear-gradient(153deg,#181b3b,#271d45 63%,#361f4a)}
.section-intro{max-width:990px;margin:0 auto 65px}
.section-intro.centered{text-align:center}
.section-intro h2 em{color:#ffd094}
.section-intro>p:last-child{margin:0 auto;max-width:750px;font:400 clamp(20px,2vw,29px)/1.45 var(--serif);color:#dfd1dc}
.parts-inspector{display:grid;grid-template-columns:minmax(235px,.30fr) minmax(0,1fr);align-items:stretch;gap:clamp(30px,4vw,70px);margin-top:50px}
.part-rail{display:flex;flex-direction:column;justify-content:center;gap:4px;border-left:1px solid rgba(255,224,187,.21)}
.part-tab{background:transparent;border:0;border-left:2px solid transparent;margin-left:-1px;text-align:left;color:#bdb0c9;padding:23px 22px 23px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;transition:color .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease)}
.part-tab:hover,.part-tab:focus-visible{color:var(--cream);background:linear-gradient(90deg,rgba(253,195,142,.08),transparent)}
.part-tab[aria-selected="true"]{border-color:#ffd19b;color:#fff2e5;background:linear-gradient(90deg,rgba(247,181,145,.10),transparent)}
.part-tab-index{font:800 9px/1.4 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:#d5a5bc}
.part-tab[aria-selected="true"] .part-tab-index{color:#ffd19b}
.part-tab strong{font:400 clamp(25px,2vw,33px)/1.07 var(--serif);letter-spacing:-.045em}
.part-tab small{font:600 11px/1.35 var(--sans);color:#b5a7bc}
.part-rail-hint{color:#b7a5b8;margin:25px 0 0 26px;font-size:9px;max-width:215px}
.part-stage{position:relative;border:1px solid rgba(255,225,193,.22);border-radius:30px;background:radial-gradient(ellipse 65% 76% at 94% 15%,rgba(227,145,143,.15),transparent 80%),linear-gradient(141deg,rgba(255,255,255,.069),rgba(255,255,255,.014));box-shadow:0 22px 60px rgba(11,11,35,.19);overflow:hidden;transition:background .55s var(--ease),border-color .55s var(--ease)}
.parts-inspector[data-active="transformation"] .part-stage{background:radial-gradient(ellipse 72% 88% at 90% 9%,rgba(168,112,213,.19),transparent 78%),linear-gradient(140deg,rgba(255,255,255,.065),rgba(255,255,255,.015))}
.parts-inspector[data-active="practice"] .part-stage{background:radial-gradient(ellipse 76% 86% at 94% 6%,rgba(114,174,222,.21),transparent 80%),linear-gradient(140deg,rgba(255,255,255,.057),rgba(255,255,255,.012))}
.part-stage::before{content:"";position:absolute;width:440px;height:440px;right:-265px;top:-225px;border:1px solid rgba(255,241,212,.09);border-radius:50%;pointer-events:none;box-shadow:0 0 0 105px rgba(255,255,255,.009)}
.part-world{position:relative;z-index:1;padding:clamp(36px,4.2vw,65px);min-height:475px;display:flex;flex-direction:column;animation:part-arrival .52s var(--ease) both}
@keyframes part-arrival{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}
.part-world-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;color:#f4c1b2}
.part-world-heading .eyebrow{margin:0}
.part-world-roman{font:italic 400 40px/1 var(--serif);color:rgba(255,231,216,.35)}
.part-world h3{font:400 clamp(54px,5.1vw,78px)/1.02 var(--serif);letter-spacing:-.065em;margin:2px 0 21px}
.part-world-invitation{font:italic 400 clamp(25px,2.5vw,38px)/1.23 var(--serif);color:#ffe0ba;letter-spacing:-.025em;max-width:730px;margin:0 0 19px}
.parts-inspector[data-active="transformation"] .part-world-invitation{color:#f1cee9}
.parts-inspector[data-active="practice"] .part-world-invitation{color:#b9dafa}
.part-world-narrative{font:400 clamp(18px,1.46vw,22px)/1.48 var(--serif);color:#e6dce5;max-width:730px;margin:0 0 28px}
.part-world-bottom{margin-top:auto;display:flex;gap:22px;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,225,200,.22);padding-top:25px}
.part-world-bottom p{max-width:340px;font:400 17px/1.38 var(--serif);color:#e3c9da;margin:0}
.part-world-bottom p .eyebrow{font-size:9px;color:#ffcd9b;display:block;margin-bottom:5px}
.part-world-bottom .action{flex:none;min-height:47px;padding:12px 21px;font-size:9px}

@media(min-width:881px){
  .three-parts{padding-block:123px 86px}
  .three-parts .section-intro{margin-bottom:32px}
  .three-parts .section-intro h2{font-size:clamp(56px,5vw,75px);margin:14px 0 19px}
  .three-parts .section-intro>p:last-child{font-size:clamp(20px,1.7vw,25px);line-height:1.35}
}

/* Movement 04 */
.mirror{background:radial-gradient(ellipse 50% 66% at 78% 49%,rgba(78,113,185,.2),transparent 80%),linear-gradient(135deg,#0c1932,#182b53 55%,#282253)}
.mirror-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(25px,6vw,100px);align-items:center}
.mirror-copy h2 em{color:#a6cbf8}
.fiction-note{margin:24px 0 29px;color:#bdcce7;font:650 12px/1.6 var(--sans);max-width:540px}
.mirror-art{position:relative;min-height:545px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:34px 0}
.mirror-art::before{content:"";position:absolute;width:min(100%,530px);aspect-ratio:1;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid rgba(167,208,249,.14);border-radius:50%;pointer-events:none}
.mirror-pair{position:relative;display:flex;align-items:center;justify-content:center;gap:0;z-index:1}
.mirror-pole{z-index:1;min-width:0;flex:1;display:flex;align-items:center;flex-direction:column;gap:11px;text-align:center}
.mirror-pole .eyebrow{color:#d0d8ee;text-align:center;margin:4px 0 0}
.mirror-pole>span{font:400 14px/1.38 var(--serif);color:#afbddd;max-width:170px}
.mirror-nucleus{position:relative;border-radius:50%;width:min(15vw,194px);aspect-ratio:1;background:radial-gradient(circle at 40% 37%,rgba(253,217,171,.9),rgba(230,121,165,.45) 17%,rgba(74,73,155,.20) 59%,transparent 70%);box-shadow:0 0 60px rgba(217,140,219,.13);transition:transform 1s var(--ease)}
.mirror-machine .mirror-nucleus{background:radial-gradient(circle at 62% 42%,rgba(203,236,250,.9),rgba(96,146,206,.52) 17%,rgba(32,78,153,.19) 61%,transparent 70%);box-shadow:0 0 70px rgba(124,194,247,.16)}
.mirror-nucleus::after{content:"";position:absolute;inset:13%;border:1px solid rgba(255,255,255,.3);border-radius:50%}
.mirror-connection{width:clamp(45px,5vw,95px);align-self:flex-start;height:1px;margin-top:clamp(80px,7.5vw,98px);flex:none;background:linear-gradient(90deg,rgba(246,183,193,.4),#e2c4ef,rgba(164,210,251,.4));display:flex;justify-content:space-around;align-items:center}
.mirror-connection i{display:block;width:5px;height:5px;background:#f1d6e5;border-radius:50%;box-shadow:0 0 12px rgba(252,212,234,.45)}
.mirror-inheritance{z-index:1;position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;margin-top:23px;max-width:420px;align-self:center}
.mirror-inheritance-stem{width:1px;height:42px;background:linear-gradient(rgba(193,213,248,.18),rgba(193,213,248,.65));display:block;margin-bottom:14px}
.mirror-inheritance .eyebrow{color:#a9c8ee;margin:0 0 9px}
.mirror-inheritance>p:last-child{font:italic 400 22px/1.3 var(--serif);color:#e4e8fc;margin:0}
.mirror-art.is-question-open .mirror-nucleus{transform:scale(1.045)}
.mirror-art.is-question-open .mirror-connection i{box-shadow:0 0 18px rgba(251,222,244,.85)}
.mirror-question{z-index:1;position:relative;align-self:center;text-align:center;border-top:1px solid rgba(192,221,251,.33);margin-top:27px;padding:24px 15px 0;max-width:515px;width:100%;animation:part-arrival .5s var(--ease) both}
.mirror-question .eyebrow{color:#a9c8ee;font-size:9px;margin:0 0 13px}
.mirror-question p:not(.eyebrow){font:400 clamp(22px,2vw,30px)/1.25 var(--serif);margin:0 0 10px}
.mirror-question p:last-child{color:#a7cbed;margin:0}

/* Movement 05 */
.return{color:#332638;background:radial-gradient(ellipse 48% 57% at 92% 22%,rgba(255,223,174,.66),transparent 75%),linear-gradient(135deg,#efb79e,#f6d6b6 58%,#e6a7ad)}
.return .eyebrow{color:#8c4a58}
.return-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px clamp(55px,9vw,155px);align-items:start}
.return-intro h2{max-width:630px}
.return-intro h2 em{color:#a44352}
.return .scene-lead{color:#614352}
.source-note{margin:25px 0 0;font:750 10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:#895b62}
.return-threads{border-top:1px solid rgba(90,45,59,.32)}
.thread{border-bottom:1px solid rgba(90,45,59,.32)}
.thread button{display:grid;grid-template-columns:42px 1fr auto;gap:15px;align-items:center;text-align:left;width:100%;padding:27px 0;background:transparent;border:0;color:#3d283d}
.thread button span{font:750 10px/1.4 var(--sans);letter-spacing:.14em;color:#af6871}
.thread button strong{font:400 clamp(27px,2.5vw,40px)/1.1 var(--serif);letter-spacing:-.045em}
.thread button small{font:800 9px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#80515c;border-bottom:1px solid currentColor;padding-bottom:6px}
.thread button:hover strong{color:#a34458}
.thread-body{padding:0 0 25px 57px;color:#614451}
.thread-body p:first-child{font:400 19px/1.4 var(--serif);max-width:500px;margin:0 0 17px}
.thread-body .eyebrow{margin:0}
.reader-pause{grid-column:1/-1;border:1px solid rgba(64,35,54,.22);padding:clamp(30px,5vw,65px);margin-top:45px;background:linear-gradient(115deg,rgba(255,247,231,.45),rgba(255,255,255,.13));text-align:center}
.reader-pause h3{font:400 clamp(36px,4vw,64px)/1.17 var(--serif);letter-spacing:-.045em;max-width:900px;margin:20px auto 33px}
.reflection-choices{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.reflection-choice{background:transparent;border:1px solid rgba(92,53,69,.45);border-radius:999px;color:#543549;min-height:44px;padding:12px 19px;font:800 10px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.10em;transition:background .3s,color .3s}
.reflection-choice:hover,.reflection-choice[aria-pressed="true"]{background:#55364e;color:#fff7e8}
.reflection-result{max-width:620px;min-height:60px;margin:23px auto 0;font:400 20px/1.45 var(--serif);color:#6f4a58}

/* Movement 06 */
.echo{background:radial-gradient(ellipse 60% 56% at 55% 96%,rgba(222,116,123,.19),transparent 70%),linear-gradient(145deg,#261633,#3b2453 62%,#6a365e)}
.correspondence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;position:relative;margin-top:80px}
.correspondence::before{content:"";position:absolute;left:16%;right:16%;height:1px;top:57px;background:linear-gradient(90deg,transparent,rgba(255,218,183,.45),transparent);z-index:-1}
.correspondence-item{min-height:270px;display:flex;align-items:center;flex-direction:column;text-align:center;border:1px solid rgba(255,223,206,.21);border-radius:999px;background:rgba(255,255,255,.035);padding:30px 20px;color:#eadddf;transition:border-color .35s,background .35s,transform .35s var(--ease)}
.correspondence-item:hover,.correspondence-item[aria-pressed="true"]{border-color:rgba(255,217,179,.7);background:rgba(255,255,255,.095);transform:translateY(-5px)}
.resonance{width:58px;height:58px;border-radius:50%;margin-bottom:30px;border:1px solid rgba(255,208,160,.5);background:radial-gradient(circle at 45% 45%,rgba(255,216,167,.52),rgba(168,97,159,.28) 34%,transparent 70%);box-shadow:0 0 0 10px rgba(235,158,199,.035);transition:box-shadow .4s}
.correspondence-item[aria-pressed="true"] .resonance{box-shadow:0 0 0 14px rgba(235,158,199,.08),0 0 37px rgba(249,190,154,.2)}
.correspondence-item .eyebrow{color:#eabca7;margin-bottom:14px}
.correspondence-item strong{font:400 clamp(24px,2.7vw,40px)/1.12 var(--serif);letter-spacing:-.04em}
.echo-response{font:italic 400 clamp(23px,3.1vw,42px)/1.3 var(--serif);text-align:center;max-width:910px;min-height:100px;margin:60px auto 0;color:#ffe4c5}
.echo-postscript{text-align:center;color:#d0b9c5;margin-top:20px}

/* Movement 07 */
.invitation{background:radial-gradient(ellipse 48% 65% at 23% 53%,rgba(96,64,153,.24),transparent 70%),linear-gradient(133deg,#12152f,#1c1738 69%,#221638)}
.invitation-layout{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(55px,8vw,140px);align-items:center}
.invitation-book{display:flex;align-items:center;justify-content:center}
.closing-book{width:min(100%,344px)}
.invitation-copy h2 em{color:#ffcb83}
.invitation .scene-lead{margin-bottom:37px;max-width:630px;color:#e2d7df}
.availability-note{max-width:440px;font:620 11px/1.65 var(--sans);color:#c1abba;letter-spacing:.03em;margin:27px 0 0}

/* The author estate is typographically calm and intentionally subordinate. */
.secondary-estate{background:#f5eee3;color:#342c36;padding:130px 0 110px;scroll-margin-top:0}
.secondary-frame{max-width:1480px}
.author-chapter{display:block;border-top:1px solid #c9bcaf;padding:45px 0 94px}
.author-chapter-label{display:flex;justify-content:space-between;align-items:center;color:#a86f61;margin-bottom:20px}
.author-chapter-main h2{font:400 clamp(49px,7vw,105px)/1.02 var(--serif);letter-spacing:-.065em;white-space:nowrap;margin:0 auto 38px;text-align:center}
.author-prose{max-width:1050px;margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px}
.author-prose p{font:400 clamp(18px,1.7vw,24px)/1.5 var(--serif);color:#594e56;margin:0}
.twin-interests{display:grid;grid-template-columns:1fr 1fr;gap:25px;scroll-margin-top:105px}
.interest{border:1px solid #d6cabc;background:#f9f5ed;padding:clamp(34px,4vw,60px);min-height:360px}
.interest .eyebrow{color:#b16e60}
.interest h3{font:400 clamp(50px,5.2vw,77px)/1 var(--serif);letter-spacing:-.06em;margin:19px 0 30px}
.interest p:last-child{font:400 clamp(18px,1.7vw,24px)/1.48 var(--serif);color:#5b4f56;max-width:620px;margin:0}
.speaking-chapter{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px);margin-top:75px;border-top:1px solid #c9bcaf;padding-top:53px;scroll-margin-top:105px}
.speaking-chapter .eyebrow{color:#a76c63}
.speaking-chapter h3{font:400 clamp(39px,4vw,60px)/1.08 var(--serif);letter-spacing:-.048em;max-width:690px;margin:23px 0 0}
.speaking-chapter p:not(.eyebrow){font:400 clamp(18px,1.6vw,24px)/1.5 var(--serif);color:#5b4f56;margin:0}
.speaking-links{display:flex;gap:23px;flex-wrap:wrap;margin-top:27px}
.speaking-links a{font:800 10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.1em;text-decoration:none;padding-bottom:8px;border-bottom:1px solid #ab665e;color:#8a4e57}
.speaking-links a:hover{color:#46304c}
.site-footer{background:#0a1025;color:#e6dce6;padding:38px 0}
.footer-layout{display:flex;align-items:center;justify-content:space-between;gap:25px}
.footer-brand{display:flex;align-items:center;gap:14px;text-decoration:none;font:800 10px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.13em}
.footer-brand .colour-mark{width:25px;height:25px}
.site-footer p{font:400 15px/1.5 var(--serif);color:#aeadc3}
.site-footer nav{display:flex;gap:22px;flex-wrap:wrap}
.site-footer nav a{font:800 9px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.1em;text-decoration:none}
.site-footer nav a:hover{text-decoration:underline}

@media(max-width:1120px){
  .hero-layout{gap:36px;grid-template-columns:1.05fr .95fr}
  .hero h1{font-size:clamp(57px,6.3vw,82px)}
  .threshold-layout{gap:40px}
  .parts-inspector{gap:32px;grid-template-columns:minmax(205px,.30fr) minmax(0,1fr)}
  .part-world-bottom{align-items:flex-start;flex-direction:column}
  .author-prose{gap:45px}
}
@media(max-width:880px){
  :root{--header-h:78px}
  .desktop-nav{display:none}
  .mobile-menu-toggle{display:flex;align-items:center;gap:18px;background:transparent;border:1px solid rgba(255,237,214,.3);border-radius:999px;padding:13px 19px;color:#fff1e6;text-transform:uppercase;font:800 10px/1 var(--sans);letter-spacing:.14em}
  .menu-lines{display:flex;flex-direction:column;gap:5px}
  .menu-lines i{height:1px;width:22px;display:block;background:currentColor;transition:transform .25s}
  .mobile-menu-toggle[aria-expanded="true"] .menu-lines i:first-child{transform:translateY(3px) rotate(45deg)}
  .mobile-menu-toggle[aria-expanded="true"] .menu-lines i:last-child{transform:translateY(-3px) rotate(-45deg)}
  .mobile-nav:not([hidden]){display:flex;position:absolute;inset:100% 0 auto;flex-direction:column;background:rgba(12,17,42,.985);padding:22px 28px 35px;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 15px 45px rgba(0,0,0,.26)}
  .mobile-nav a{display:block;padding:16px 10px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff1e4;text-transform:uppercase;letter-spacing:.13em;font:800 11px/1.3 var(--sans);text-decoration:none}
  .hero-layout{grid-template-columns:1fr;gap:45px;padding-block:140px 80px;max-width:690px}
  .hero h1{font-size:clamp(58px,9vw,85px)}
  .hero-book{width:min(57vw,335px)}
  .scene-cue{display:none}
  .threshold-layout,.mirror-layout,.return-layout,.invitation-layout{grid-template-columns:1fr}
  .passage-card{max-width:680px}
  .nascence{padding-block:calc(var(--header-h) + 45px) 95px}
  .parts-inspector{grid-template-columns:1fr;gap:25px}
  .part-rail{flex-direction:row;gap:8px;border:0;justify-content:stretch}
  .part-tab{flex:1;min-width:0;padding:17px 15px;border:1px solid rgba(255,224,187,.2);border-radius:999px;margin:0;gap:8px}
  .part-tab[aria-selected="true"]{border-color:#ffcd9c;background:rgba(247,181,145,.09)}
  .part-tab strong{font-size:27px}
  .part-rail-hint{display:none}
  .part-world{min-height:0}
  .mirror-art{max-width:690px;width:100%;margin:auto}
  .mirror-nucleus{width:min(23vw,210px)}
  .reader-pause{margin-top:25px}
  .invitation-book{order:1}
  .closing-book{width:min(55vw,280px)}
  .author-chapter-label{display:flex;flex-direction:row;justify-content:space-between}
  .author-chapter-main h2{margin-top:33px}
  .secondary-estate{padding-top:90px}
}
@media(max-width:620px){
  .page-frame{padding-inline:27px}
  .scene{padding-block:112px 95px}
  .scene h2{font-size:clamp(47px,10vw,67px);line-height:1.05}
  .scene-lead{font-size:22px}
  .site-header{padding:20px 24px}
  .brand-name{font-size:8px;letter-spacing:.13em}
  .colour-mark{width:28px;height:28px}
  .hero{padding:0}
  .hero-layout{padding-block:119px 72px;gap:20px;max-width:none}
  .hero h1{font-size:clamp(49px,11.9vw,67px);letter-spacing:-.068em;line-height:.97;margin-bottom:21px}
  .with-rule{margin-bottom:20px}
  .hero-deck{font-size:21px;line-height:1.38;margin-bottom:24px}
  .action-row{gap:20px}
  .action{min-height:50px;padding:15px 20px;font-size:9px}
  .text-action{font-size:9px}
  .hero-footnote{display:none}
  .hero-footnote span+span::before{margin-right:9px}
  .hero-book{width:min(59vw,248px)}
  .book-footprint{font-size:8px;margin-top:20px;margin-right:10%}
  .threshold-copy h2{max-width:600px;font-size:clamp(47px,9.4vw,67px)}
  .author-origin{font-size:20px}
  .passage-card{padding:31px}
  .passage-meta{font-size:8px}
  .passage-card blockquote{font-size:clamp(29px,7.3vw,41px)}
  .parts-inspector{margin-top:33px}
  .part-rail{display:grid;grid-template-columns:1fr;gap:0;border-left:1px solid rgba(255,224,187,.21)}
  .part-tab{display:grid;grid-template-columns:78px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;text-align:left;padding:14px 16px;border:0;border-left:2px solid transparent;border-radius:0;margin-left:-1px}
  .part-tab[aria-selected="true"]{border-color:#ffd19b;background:linear-gradient(90deg,rgba(247,181,145,.10),transparent)}
  .part-tab-index{font-size:8px;grid-row:1/3}
  .part-tab strong{font-size:clamp(25px,7vw,30px)}
  .part-tab small{font-size:10px;grid-column:2}
  .part-world{padding:32px 28px}
  .part-world h3{font-size:clamp(46px,10vw,64px)}
  .part-world-invitation{font-size:clamp(25px,6vw,34px)}
  .part-world-narrative{font-size:19px}
  .part-world-bottom p{font-size:17px}
  .section-intro{margin-bottom:43px}
  .section-intro>p:last-child{font-size:21px}
  .mirror-art{min-height:390px;padding:20px 0}
  .mirror-art::before{width:min(95%,380px);top:41%}
  .mirror-nucleus{width:min(33vw,155px)}
  .mirror-connection{width:clamp(25px,8vw,55px);margin-top:clamp(55px,15vw,77px)}
  .mirror-pole .eyebrow{font-size:8px}
  .mirror-pole>span{font-size:12px}
  .mirror-inheritance>p:last-child{font-size:19px}
  .mirror-question p:not(.eyebrow){font-size:23px}
  .thread button{grid-template-columns:27px 1fr;gap:7px 13px;padding:24px 0}
  .thread button strong{font-size:31px}
  .thread button small{grid-column:2;justify-self:start}
  .thread-body{padding-left:40px}
  .reader-pause{padding:29px 19px}
  .reader-pause h3{font-size:clamp(32px,8vw,48px)}
  .reflection-choice{padding:10px 12px;font-size:9px}
  .correspondence{display:flex;flex-direction:column;gap:15px;margin-top:45px}
  .correspondence::before{left:30px;right:auto;top:10%;bottom:10%;height:auto;width:1px}
  .correspondence-item{flex-direction:row;text-align:left;min-height:120px;padding:20px;gap:18px;align-items:center;flex-wrap:wrap}
  .resonance{width:47px;height:47px;margin:0}
  .correspondence-item .eyebrow{margin:0;flex:1}
  .correspondence-item strong{width:100%;padding-left:65px;font-size:29px}
  .echo-response{min-height:75px;margin-top:37px;font-size:26px}
  .invitation-layout{gap:48px}
  .invitation-book{order:0}
  .invitation-copy{order:1}
  .closing-book{width:min(55vw,245px)}
  .secondary-estate{padding-block:85px}
  .author-chapter{padding-bottom:50px}
  .author-chapter-main h2{font-size:clamp(45px,11vw,62px)}
  .author-prose,.twin-interests,.speaking-chapter{grid-template-columns:1fr}
  .author-prose{gap:20px}
  .interest{min-height:0;padding:32px}
  .interest h3{font-size:58px}
  .speaking-chapter{gap:23px}
  .footer-layout{flex-direction:column;align-items:flex-start}
}
@media(max-width:420px){
  .hero h1{font-size:clamp(46px,11.7vw,55px)}
  .hero h1{margin-bottom:16px}
  .hero-deck{font-size:20px;margin-bottom:13px}
  .hero-layout{padding-top:113px;gap:14px}
  .action-row{align-items:flex-start}
  .hero-book{width:min(59vw,230px)}
  .mobile-menu-toggle{padding:11px}
  .mobile-menu-toggle .menu-lines i{width:18px}
  .mirror-art{min-height:320px}
  .mirror-nucleus{width:35vw}
}
@media(max-width:360px){
  .scene h2{font-size:clamp(36px,11.3vw,44px)}
  .part-tab{grid-template-columns:71px 1fr;padding:13px 10px}
  .part-tab strong{font-size:24px}
  .part-tab small{font-size:9px}
  .part-world{padding:27px 22px}
  .part-world h3{font-size:45px}
  .author-chapter-main h2{font-size:43px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js-motion .reveal:not(.visible){opacity:1;transform:none}
}

/* PRIVATE v1.2 · A complete thought in each viewport. The opening scene stays frozen. */
@media(min-width:881px){
  .three-parts{display:flex;align-items:center;min-height:100svh;padding-block:calc(var(--header-h) + 12px) 38px}
  .three-parts>.page-frame{width:min(100%,1550px)}
  .three-parts .section-intro{max-width:880px;margin-bottom:25px}
  .three-parts .section-intro h2{font-size:clamp(54px,4.4vw,70px);margin:9px 0 12px}
  .three-parts .section-intro>p:last-child{font-size:clamp(18px,1.35vw,22px);line-height:1.3}
  .three-parts .parts-inspector{margin-top:24px;gap:clamp(20px,3vw,48px)}
  .three-parts .part-tab{padding-block:15px;gap:4px}
  .three-parts .part-tab strong{font-size:clamp(25px,1.8vw,30px)}
  .three-parts .part-rail-hint{margin-top:14px}
  .three-parts .part-world{min-height:420px;padding:clamp(29px,2.5vw,39px)}
  .three-parts .part-world h3{font-size:clamp(49px,3.7vw,63px);margin:0 0 10px}
  .three-parts .part-world-invitation{font-size:clamp(24px,2vw,33px);margin-bottom:13px}
  .three-parts .part-world-narrative{font-size:clamp(17px,1.25vw,20px);line-height:1.37;margin-bottom:16px}
  .three-parts .part-world-bottom{padding-top:18px;gap:15px}
}
/* A page coming gently into focus: the panel remains anchored, so the text never jumps. */
.part-world{animation:world-focus .62s cubic-bezier(.18,.79,.2,1) both}
.part-world>h3,.part-world>.part-world-invitation,.part-world>.part-world-narrative,.part-world>.part-world-bottom{animation:world-ink .56s var(--ease) both}
.part-world>h3{animation-delay:.055s}
.part-world>.part-world-invitation{animation-delay:.11s}
.part-world>.part-world-narrative{animation-delay:.16s}
.part-world>.part-world-bottom{animation-delay:.21s}
@keyframes world-focus{0%{opacity:.15;filter:blur(5px);transform:translateY(10px) scale(.991)}100%{opacity:1;filter:blur(0);transform:none}}
@keyframes world-ink{0%{opacity:.3;transform:translateY(7px)}100%{opacity:1;transform:none}}
.part-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(122deg,transparent 22%,rgba(255,234,208,.06) 52%,transparent 80%);opacity:.35;z-index:0}

/* The question is physically and narratively attached to the preceding inheritance. */
.mirror-question{max-width:545px;margin-top:35px;padding:23px 25px 25px;background:linear-gradient(145deg,rgba(195,217,254,.15),rgba(245,191,220,.07));border:1px solid rgba(200,228,252,.32);border-radius:31px;box-shadow:0 18px 48px rgba(2,13,42,.22),inset 0 1px 0 rgba(246,250,255,.19);backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);animation:question-arrival .7s cubic-bezier(.16,.82,.22,1) both}
.mirror-question::before{content:"";width:1px;height:29px;position:absolute;bottom:100%;left:50%;background:linear-gradient(transparent,rgba(199,223,251,.65));transform:translateX(-50%)}
.mirror-question .eyebrow{margin:0 0 13px}
.mirror-question p:not(.eyebrow){font-size:clamp(21px,1.67vw,27px);line-height:1.24}
.mirror-art.is-question-open .mirror-inheritance>p:last-child{color:#fff2e6}
@keyframes question-arrival{0%{opacity:0;transform:translateY(15px) scale(.985);filter:blur(5px)}55%{filter:blur(1px)}100%{opacity:1;transform:none;filter:blur(0)}}

/* The Return · three inspectable states, one foreground and two legible echoes. */
.return{display:flex;align-items:center;min-height:100svh;padding-block:calc(var(--header-h) + 34px) 60px}
.return-layout{width:min(100%,1550px);grid-template-columns:minmax(0,.70fr) minmax(0,1.3fr);gap:clamp(30px,5vw,83px);align-items:center}
.return-intro h2{font-size:clamp(55px,5vw,82px);margin:15px 0 27px}
.return .scene-lead{font-size:clamp(20px,1.72vw,27px);line-height:1.35}
.practice-inspector-label{margin:0 0 22px;color:#7e455b!important}
.practice-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.practice-option{display:flex;flex-direction:column;gap:15px;min-width:0}
.practice-pane{flex:1;min-height:360px;border:1px solid rgba(90,50,71,.25);border-radius:28px;background:linear-gradient(145deg,rgba(111,65,86,.1),rgba(247,230,214,.23));padding:25px 21px;display:flex;flex-direction:column;align-items:flex-start;opacity:.59;filter:saturate(.58);transform:scale(.979);transition:opacity .55s var(--ease),filter .55s var(--ease),transform .55s var(--ease),background .55s var(--ease),box-shadow .55s var(--ease),border-color .55s var(--ease)}
.practice-option.active .practice-pane{opacity:1;filter:none;transform:none;border-color:rgba(134,61,86,.6);background:linear-gradient(148deg,rgba(255,248,232,.95),rgba(248,221,215,.76));box-shadow:0 15px 36px rgba(102,55,69,.13),inset 0 1px 0 rgba(255,255,255,.85)}
.practice-index{color:#894d63;font-size:9px;letter-spacing:.125em}
.practice-emblem{position:relative;display:block;width:76px;height:76px;border-radius:50%;margin:22px 0 21px;background:radial-gradient(circle at 40% 40%,rgba(255,244,225,.92),rgba(190,97,123,.28) 42%,rgba(133,76,113,.05) 75%);border:1px solid rgba(137,66,93,.18)}
.practice-emblem::before,.practice-emblem::after{content:"";position:absolute;border:1px solid rgba(132,66,98,.45);border-radius:50%;inset:19%;transform:scale(.75)}
.practice-emblem::after{inset:33%;background:rgba(150,71,104,.45);border:0;box-shadow:0 0 23px rgba(177,83,101,.25)}
.emblem-vision::before{inset:21% 10%;transform:rotate(-32deg);border-radius:50%}
.emblem-vision::after{inset:26%;background:rgba(159,89,165,.43)}
.emblem-reflect::before{inset:14%;border-style:dashed;transform:none}
.emblem-reflect::after{inset:30%;background:rgba(131,92,149,.5)}
.practice-pane h3{font:400 clamp(26px,2.02vw,34px)/1.08 var(--serif);letter-spacing:-.04em;margin:0 0 10px;overflow-wrap:break-word}
.practice-pane p{font:400 clamp(16px,1.14vw,19px)/1.38 var(--serif);color:#654c60;margin:0 0 16px}
.practice-reference{font-size:8px;margin-top:auto;color:#9b6d79}
.practice-select{display:block;width:100%;padding:12px 8px;min-height:46px;border:1px solid rgba(107,59,82,.47);border-radius:999px;color:#64415a;background:transparent;text-transform:uppercase;letter-spacing:.065em;font:800 9px/1.3 var(--sans);transition:background .35s,color .35s,border-color .35s,box-shadow .35s}
.practice-select:hover{border-color:#673450;background:rgba(255,249,241,.4)}
.practice-select[aria-pressed="true"]{background:#603d56;color:#fff6ed;border-color:#603d56;box-shadow:0 7px 22px rgba(109,63,82,.17)}
.practice-footnote{font:italic 400 15px/1.3 var(--serif);text-align:center;color:#835f69;margin:19px 0 0}

/* The interlude now owns its own horizon, uninterrupted by another section. */
.reader-interlude{min-height:78svh;padding-block:115px 95px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 38% 65% at 49% 49%,rgba(255,249,219,.56),transparent 87%),linear-gradient(150deg,#e9a6a8,#f4d5b7 54%,#ebbbb0);color:#402c43}
.interlude-frame{position:relative;isolation:isolate;max-width:1100px;text-align:center}
.interlude-halo{position:absolute;z-index:-1;width:min(76vw,830px);aspect-ratio:1;border:1px solid rgba(109,55,78,.13);box-shadow:0 0 0 85px rgba(255,255,255,.035);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.interlude-frame>.eyebrow{color:#8e5364}
.interlude-frame h2{font-size:clamp(51px,5.25vw,82px);line-height:1.1;margin:22px auto 17px;max-width:1020px}
.interlude-frame h2 em{color:#a34c5a}
.interlude-lead{font:italic 400 clamp(20px,1.95vw,27px)/1.34 var(--serif);color:#704e63;margin:0 auto 34px}
.reader-interlude .reflection-choice{border-color:rgba(87,44,67,.45);background:rgba(255,249,235,.21)}
.reader-interlude .reflection-choice[aria-pressed="true"]{background:#57374e;color:#fff7e8}
.reader-interlude .reflection-result{max-width:710px;margin:28px auto 0;min-height:50px;color:#69485a;font-size:clamp(19px,1.7vw,24px)}

/* The Human Echo · a luminous meeting, rather than three unrelated capsules. */
.echo{display:flex;align-items:center;padding-block:calc(var(--header-h) + 36px) 70px}
.echo-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,110px);align-items:center;width:min(100%,1550px)}
.echo-copy h2{font-size:clamp(54px,5.5vw,91px);max-width:650px;line-height:1.06;margin:19px 0 30px}
.echo-copy h2 em{color:#ffd4b1}
.echo-copy .scene-lead{font-size:clamp(22px,1.9vw,29px);color:#e1cddd;line-height:1.42;max-width:540px}
.echo-copy .echo-postscript{font:750 10px/1.7 var(--sans);letter-spacing:.115em;text-transform:uppercase;color:#dfaaad;margin-top:29px;max-width:420px}
.echo-experience{border:1px solid rgba(247,214,225,.24);border-radius:34px;padding:26px 26px 29px;background:linear-gradient(143deg,rgba(255,244,229,.08),rgba(255,255,255,.015));box-shadow:0 28px 70px rgba(25,11,37,.17),inset 0 1px 0 rgba(255,255,255,.1);text-align:center;min-width:0}
.echo-field-label{margin:0;color:#eebcb5}
.echo-field{position:relative;width:min(100%,430px);height:330px;margin:0 auto;isolation:isolate}
.echo-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(247,195,207,.28);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;transition:box-shadow .55s var(--ease),border-color .55s var(--ease),transform .55s var(--ease)}
.echo-ring-outer{width:80%;aspect-ratio:1;border-color:rgba(247,195,207,.20)}
.echo-ring-middle{width:58%;aspect-ratio:1;border-color:rgba(255,215,203,.37);box-shadow:0 0 0 40px rgba(235,140,170,.025)}
.echo-ring-inner{width:35%;aspect-ratio:1;border-color:rgba(255,227,214,.44);box-shadow:0 0 29px rgba(246,169,158,.11)}
.echo-heart{position:absolute;left:50%;top:50%;width:102px;height:102px;border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 34%,rgba(255,236,201,.88),rgba(233,143,163,.56) 43%,rgba(144,81,147,.28) 76%);box-shadow:0 0 52px rgba(248,184,169,.23);transition:box-shadow .6s,transform .6s var(--ease)}
.echo-heart span{color:#35253d;text-transform:uppercase;letter-spacing:.16em;font:800 10px/1.5 var(--sans)}
.echo-signal{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffd9c4;box-shadow:0 0 24px rgba(255,210,190,.66);z-index:2}
.echo-signal-one{left:22%;top:36%}
.echo-signal-two{right:20%;top:63%}
.echo-field-word{position:absolute;color:#dfb7cb;font:italic 400 18px/1.2 var(--serif);white-space:nowrap}
.echo-word-one{top:12%;left:4%}
.echo-word-two{top:25%;right:0}
.echo-word-three{bottom:13%;left:4%}
.echo-experience[data-echo-active="book"] .echo-ring-outer{border-color:rgba(255,221,181,.65);box-shadow:0 0 32px rgba(255,212,176,.10)}
.echo-experience[data-echo-active="reader"] .echo-heart{box-shadow:0 0 0 20px rgba(245,178,173,.07),0 0 63px rgba(255,195,186,.4);transform:translate(-50%,-50%) scale(1.055)}
.echo-experience[data-echo-active="conversation"] .echo-ring-middle{border-color:rgba(255,207,189,.72);box-shadow:0 0 0 48px rgba(235,140,170,.06),0 0 55px rgba(247,176,184,.22)}
.echo-meaning{border-top:1px solid rgba(251,223,221,.17);padding-top:19px}
.echo-response{font:italic 400 clamp(21px,1.6vw,26px)/1.27 var(--serif);color:#ffe4cc;max-width:490px;min-height:66px;margin:0 auto 22px;animation:world-ink .48s var(--ease) both}
.echo-controls{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.echo-control{border:1px solid rgba(255,223,204,.35);background:rgba(255,255,255,.015);color:#dcc6d3;border-radius:999px;padding:12px 17px;min-height:43px;font:800 9px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;transition:background .35s,color .35s,border-color .35s}
.echo-control[aria-pressed="true"]{border-color:#ffd7b4;background:rgba(255,216,178,.19);color:#fff1dd}
.echo-control:hover{color:#fff4e6;border-color:rgba(255,220,191,.74)}

/* Beyond the book · an author introduced, then two equally considered arts. */
.secondary-estate{padding:0;background:#f7f0e6;scroll-margin-top:0}
.author-chapter{border:0;min-height:75svh;padding:0;display:flex;align-items:center;background:linear-gradient(132deg,#f8f1e8,#eee1d9)}
.author-layout{width:min(100%,1550px);padding-block:calc(var(--header-h) + 50px) 80px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(50px,8vw,155px);align-items:center}
.author-signature .eyebrow{color:#ad746a}
.author-signature h2{font:400 clamp(47px,4.5vw,70px)/1.08 var(--serif);white-space:nowrap;letter-spacing:-.055em;margin:18px 0 19px;color:#342a36}
.author-rule{display:block;width:86px;height:2px;background:linear-gradient(90deg,#c16f66,#bfa385);margin-bottom:24px}
.author-quiet{font:italic 400 clamp(21px,1.7vw,27px)/1.35 var(--serif);color:#785d67;max-width:470px;margin:0}
.author-prose{display:flex;flex-direction:column;gap:22px;max-width:710px}
.author-prose p{font:400 clamp(20px,1.65vw,25px)/1.43 var(--serif);color:#554650;margin:0}
.author-interests{min-height:100svh;padding-block:calc(var(--header-h) + 42px) 75px;background:radial-gradient(ellipse 43% 65% at 76% 54%,rgba(221,166,175,.16),transparent 80%),#eee2dd;scroll-margin-top:0}
.interests-intro{display:grid;grid-template-columns:.4fr 1fr;gap:40px;align-items:end;margin:0 0 38px}
.interests-intro .eyebrow{color:#a66c67;margin-bottom:5px}
.interests-intro h2{font:400 clamp(47px,4.15vw,68px)/1.09 var(--serif);letter-spacing:-.055em;color:#332737;margin:0;max-width:800px}
.interests-intro h2 em{color:#9f627b}
.twin-interests{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;scroll-margin-top:0}
.interest{min-height:465px;border:1px solid #cfbec2;border-radius:28px;padding:31px clamp(27px,3vw,45px) 36px;background:linear-gradient(137deg,#f8f2e9,#f6e9df);display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(89,56,75,.045);overflow:hidden}
.interest-music{background:linear-gradient(140deg,#f3e7e5,#f8eee4)}
.interest-art{position:relative;height:116px;margin-bottom:9px;flex:none}
.interest-art-ideas::before{content:"";position:absolute;top:18px;left:12px;width:83%;height:62px;background:linear-gradient(25deg,transparent calc(50% - .5px),rgba(131,83,111,.27) 50%,transparent calc(50% + .5px)),linear-gradient(154deg,transparent calc(50% - .5px),rgba(131,83,111,.18) 50%,transparent calc(50% + .5px));opacity:.9}
.interest-art-ideas i{position:absolute;width:42px;height:42px;border:1px solid rgba(136,88,121,.35);border-radius:50%;background:radial-gradient(circle at 42% 35%,#efbfac,#c886a8 33%,rgba(179,115,158,.05) 70%)}
.interest-art-ideas i:nth-of-type(1){top:11px;left:5%}
.interest-art-ideas i:nth-of-type(2){top:59px;left:43%;width:30px;height:30px}
.interest-art-ideas i:nth-of-type(3){top:4px;left:84%;width:53px;height:53px}
.interest-art-music::before{content:"";position:absolute;left:6%;top:13px;width:83%;height:74px;background:repeating-linear-gradient(0deg,transparent 0,transparent 16px,rgba(133,87,110,.3) 17px,transparent 18px);transform:skewY(-5deg)}
.interest-art-music i{position:absolute;background:radial-gradient(circle at 35% 30%,#f9d0a9,#bb7899 60%,#a76d91);border-radius:50% 50% 49% 49%;width:17px;height:13px;transform:rotate(-20deg)}
.interest-art-music i::after{content:"";position:absolute;width:1px;height:43px;background:#a7708f;left:15px;bottom:7px;transform:rotate(17deg)}
.interest-art-music i:nth-of-type(1){top:48px;left:25%}
.interest-art-music i:nth-of-type(2){top:69px;left:52%}
.interest-art-music i:nth-of-type(3){top:30px;left:76%}
.interest-copy .eyebrow{color:#a56572;margin:0 0 15px}
.interest-copy h3{font:400 clamp(40px,3.15vw,52px)/1.09 var(--serif);letter-spacing:-.05em;margin:0 0 18px;color:#362b3a}
.interest-copy h3 em{color:#9d6681}
.interest-copy p:last-child{font:400 clamp(17px,1.27vw,20px)/1.45 var(--serif);color:#594b55;margin:0;max-width:620px}

/* Speaking is now a real destination with three offerable conversation themes. */
.speaker-estate{min-height:100svh;background:radial-gradient(ellipse 70% 60% at 90% 12%,rgba(175,105,147,.16),transparent 72%),linear-gradient(135deg,#17182e,#27203c 62%,#39233d);padding-block:calc(var(--header-h) + 46px) 79px;color:#fff0e7;scroll-margin-top:0}
.speaker-opening{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(38px,7vw,110px);align-items:end;margin-bottom:39px}
.speaker-opening h2{font:400 clamp(53px,4.75vw,76px)/1.06 var(--serif);letter-spacing:-.057em;margin:17px 0 0;max-width:810px}
.speaker-opening h2 em{color:#ffcfb0}
.speaker-opening>p{font:400 clamp(20px,1.65vw,26px)/1.4 var(--serif);color:#dcd0df;margin:0 0 3px;max-width:590px}
.speaker-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.speaker-theme{min-height:325px;border:1px solid rgba(255,216,207,.23);border-radius:25px;padding:29px clamp(23px,2.6vw,38px);background:linear-gradient(151deg,rgba(255,252,243,.07),rgba(255,255,255,.014));display:flex;flex-direction:column;transition:background .3s,border-color .3s,transform .3s var(--ease)}
.speaker-theme:hover{border-color:rgba(255,214,187,.5);background:rgba(255,244,229,.10);transform:translateY(-3px)}
.speaker-number{font:700 11px/1.5 var(--sans);letter-spacing:.15em;color:#efb7ab;margin-bottom:22px}
.speaker-theme h3{font:400 clamp(26px,2.1vw,37px)/1.12 var(--serif);letter-spacing:-.035em;margin:0 0 18px;color:#fff4eb}
.speaker-theme p{font:400 clamp(17px,1.31vw,21px)/1.4 var(--serif);color:#d8cbd9;margin:0 0 28px}
.speaker-theme-tag{font:800 9px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#ffcbac;margin-top:auto}
.speaker-foundation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;border-top:1px solid rgba(255,223,211,.24);margin-top:35px;padding-top:22px}
.speaker-foundation .eyebrow{color:#e5b6b4;margin:0 0 10px}
.speaker-foundation p:not(.eyebrow){max-width:760px;font:400 17px/1.45 var(--serif);margin:0;color:#cfc0d0}
.speaker-links{display:flex;flex-wrap:wrap;gap:10px}
.speaker-links a{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,216,193,.51);border-radius:999px;padding:12px 18px;min-height:45px;color:#ffdbbc;text-decoration:none;font:800 9px/1.35 var(--sans);letter-spacing:.075em;text-transform:uppercase;transition:background .3s,color .3s}
.speaker-links a:hover{background:rgba(255,210,169,.14);color:#fff4df}

@media(max-width:1120px){
  .return-layout{grid-template-columns:minmax(0,.57fr) minmax(0,1.43fr);gap:28px}
  .practice-options{gap:9px}
  .practice-pane{padding:19px 15px;min-height:335px}
  .practice-pane h3{font-size:26px}
  .practice-pane p{font-size:16px}
  .practice-select{font-size:8px;letter-spacing:.025em}
  .echo-layout{gap:35px}
  .echo-copy h2{font-size:clamp(52px,5.4vw,69px)}
  .author-layout{gap:50px}
}
@media(max-width:880px){
  .three-parts{padding-block:calc(var(--header-h) + 43px) 80px}
  .three-parts .section-intro{margin-bottom:27px}
  .three-parts .parts-inspector{margin-top:27px}
  .return{padding-block:calc(var(--header-h) + 55px) 100px}
  .return-layout{grid-template-columns:1fr;gap:40px}
  .return-intro h2{max-width:760px;margin-bottom:19px}
  .return-intro .scene-lead{max-width:700px}
  .practice-inspector{width:100%}
  .practice-pane{min-height:365px;padding:25px 20px}
  .practice-pane h3{font-size:30px}
  .practice-pane p{font-size:18px}
  .practice-select{font-size:9px}
  .echo{padding-block:calc(var(--header-h) + 45px) 90px}
  .echo-layout{grid-template-columns:1fr;gap:40px}
  .echo-copy h2{max-width:780px}
  .echo-experience{max-width:710px;width:100%;margin-inline:auto}
  .author-layout{grid-template-columns:1fr;gap:30px;padding-block:calc(var(--header-h) + 35px) 85px}
  .author-chapter{min-height:0}
  .author-quiet{max-width:680px}
  .author-prose{max-width:770px}
  .interests-intro{grid-template-columns:1fr;gap:5px}
  .interest{min-height:440px;padding:25px}
  .interest-art{height:105px}
  .interest-copy h3{font-size:clamp(34px,4.4vw,44px)}
  .speaker-opening{grid-template-columns:1fr;gap:25px}
  .speaker-opening h2{max-width:750px}
  .speaker-opening>p{max-width:800px}
  .speaker-themes{grid-template-columns:1fr}
  .speaker-theme{min-height:0;padding:27px 32px}
  .speaker-theme h3{font-size:clamp(31px,5vw,39px)}
  .speaker-theme p{font-size:20px;max-width:620px}
  .speaker-foundation{grid-template-columns:1fr;gap:23px}
}
@media(max-width:620px){
  .three-parts .section-intro h2{font-size:clamp(43px,9.4vw,61px)}
  .three-parts .section-intro>p:last-child{font-size:19px}
  .mirror-question{padding:20px 18px 22px;border-radius:24px;max-width:400px}
  .mirror-question p:not(.eyebrow){font-size:21px}
  .return{padding-block:calc(var(--header-h) + 38px) 75px}
  .return-intro h2{font-size:clamp(47px,9vw,63px)}
  .practice-options{grid-template-columns:1fr;gap:14px}
  .practice-option{display:grid;grid-template-columns:1fr;gap:9px}
  .practice-pane{min-height:0;padding:17px 21px 19px;display:grid;grid-template-columns:66px 1fr;align-items:center;gap:5px 16px;opacity:.71;transform:none}
  .practice-index{grid-column:1/-1}
  .practice-emblem{grid-column:1;grid-row:2/4;width:57px;height:57px;margin:0}
  .practice-pane h3{grid-column:2;grid-row:2;font-size:31px;margin:0}
  .practice-pane p{grid-column:2;grid-row:3;font-size:17px;margin:2px 0 0}
  .practice-reference{grid-column:2;grid-row:4;margin-top:4px}
  .practice-select{min-height:44px;font-size:9px}
  .practice-footnote{font-size:15px}
  .reader-interlude{padding-block:calc(var(--header-h) + 45px) 85px;min-height:0}
  .interlude-frame h2{font-size:clamp(43px,9.3vw,62px)}
  .interlude-lead{font-size:21px}
  .reflection-choices{gap:9px}
  .reflection-choice{font-size:9px;padding:11px 15px}
  .echo{padding-block:calc(var(--header-h) + 38px) 75px}
  .echo-copy h2{font-size:clamp(47px,9.5vw,64px)}
  .echo-copy .scene-lead{font-size:22px}
  .echo-experience{padding:22px 17px 24px;border-radius:26px}
  .echo-field{height:290px;width:min(100%,350px)}
  .echo-heart{width:83px;height:83px}
  .echo-heart span{font-size:9px}
  .echo-field-word{font-size:15px}
  .echo-word-one{top:9%;left:2%}
  .echo-word-two{top:21%;right:-2%}
  .echo-word-three{bottom:9%;left:2%}
  .echo-response{font-size:23px;margin-bottom:18px}
  .echo-control{padding:11px 12px;font-size:8px}
  .author-layout{padding-block:calc(var(--header-h) + 34px) 65px}
  .author-signature h2{font-size:clamp(43px,10.5vw,59px)}
  .author-prose p{font-size:21px}
  .author-quiet{font-size:22px}
  .author-interests{padding-block:calc(var(--header-h) + 38px) 69px}
  .interests-intro{margin-bottom:28px}
  .interests-intro h2{font-size:clamp(42px,9.1vw,59px)}
  .twin-interests{grid-template-columns:1fr;gap:18px}
  .interest{min-height:0;padding:26px 27px 31px}
  .interest-art{height:110px}
  .interest-copy h3{font-size:42px}
  .interest-copy p:last-child{font-size:19px}
  .speaker-estate{padding-block:calc(var(--header-h) + 38px) 70px}
  .speaker-opening h2{font-size:clamp(45px,9.5vw,64px)}
  .speaker-opening>p{font-size:21px}
  .speaker-theme{padding:26px}
  .speaker-theme p{font-size:19px}
  .speaker-links{gap:10px}
}
@media(max-width:360px){
  .practice-pane{grid-template-columns:55px 1fr;gap:5px 11px;padding:17px}
  .practice-pane h3{font-size:27px}
  .practice-pane p{font-size:16px}
  .echo-control{font-size:8px;padding:10px}
  .interest{padding:21px}
  .interest-copy h3{font-size:38px}
  .author-signature h2{font-size:37px;letter-spacing:-.062em}
}

/* PRIVATE v1.3 · A coherent spectrum rooted in the actual published cover.
   The approved hero is unchanged. Its new mark is a small crop of the
   photographic cover-background motif, not an invented rainbow emblem. */
.colour-mark{
  background:#28203c url("book-motif-source.jpg") center center/cover no-repeat;
  border:1px solid rgba(255,226,203,.42);
  box-shadow:0 0 0 5px rgba(255,255,255,.065),0 0 19px rgba(229,125,157,.14);
}

/* The passage is one typographic object: dark ink, one restrained secondary tone. */
.passage-meta,.passage-end,.passage-end .eyebrow{color:#6d5860}
.passage-meta{border-bottom-color:rgba(63,36,43,.18)}
.underlined-button{color:#6d5860}
.underlined-button:hover{color:#33283b}

/* The book's three worlds share their deep plum family with The Human Echo. */
.three-parts{
  background:radial-gradient(ellipse 60% 60% at 75% 94%,rgba(222,116,123,.17),transparent 72%),
    radial-gradient(ellipse 42% 60% at 85% 0%,rgba(145,78,152,.13),transparent 74%),
    linear-gradient(145deg,#261633,#3b2453 62%,#63345c);
}
.part-stage{border-color:rgba(255,225,208,.26)}
.part-rail{border-left-color:rgba(255,224,187,.27)}

/* The Unexpected returns to the Threshold's blue-violet horizon, now lighter. */
.mirror{
  background:radial-gradient(ellipse 60% 65% at 90% 78%,rgba(243,162,142,.24),transparent 78%),
    linear-gradient(135deg,#24375e,#4c4b87 55%,#88658e);
}
.mirror-copy h2 em{color:#ffe0aa}
.fiction-note{color:#dcd2e6}
.mirror-art::before{border-color:rgba(255,227,218,.22)}
.mirror-pole .eyebrow{color:#f5e6e4}
.mirror-pole>span{color:#e2d9ed}
.mirror-inheritance .eyebrow,.mirror-question .eyebrow{color:#f9d6c3}
.mirror-inheritance>p:last-child{color:#fff0e4}
.mirror-inheritance-stem{background:linear-gradient(rgba(255,222,193,.22),rgba(255,222,193,.77))}
.mirror-question{
  border-color:rgba(255,225,225,.45);
  background:linear-gradient(145deg,rgba(255,247,239,.20),rgba(231,189,234,.13));
  box-shadow:0 20px 50px rgba(28,27,68,.21),inset 0 1px 0 rgba(255,255,255,.2);
}
.mirror-question p:last-child{color:#f8dcda}

/* The closing invitation is kin to the opening: midnight, one quiet aureole. */
.invitation{
  background:radial-gradient(ellipse 51% 70% at 78% 37%,rgba(91,69,157,.31),transparent 73%),
    radial-gradient(ellipse 36% 56% at 5% 94%,rgba(185,81,98,.13),transparent 80%),
    linear-gradient(120deg,#090f25 7%,#111531 52%,#201633 100%);
}
.invitation::before{content:"";position:absolute;width:72vw;aspect-ratio:1;right:-31vw;top:-39vw;border:1px solid rgba(255,230,201,.075);border-radius:50%;box-shadow:0 0 0 12vw rgba(244,193,217,.014);pointer-events:none}

/* Every intentional page-turn owns a complete viewport, including the pause. */
.reader-interlude{min-height:100svh}
@media(min-width:881px){
  .mirror{padding-block:calc(var(--header-h) + 25px) 61px}
}

/* Beyond the Book is an authored second act, not a detached beige appendix. */
.secondary-estate{background:#161a38;color:#fff1e4}
.author-chapter{
  position:relative;isolation:isolate;overflow:hidden;min-height:100svh;
  background:radial-gradient(ellipse 57% 77% at 86% 87%,rgba(136,77,134,.28),transparent 77%),
    linear-gradient(134deg,#121b39 1%,#262744 51%,#38253f 100%);
}
.author-chapter::before{content:"";position:absolute;z-index:-1;width:72vw;aspect-ratio:1;border:1px solid rgba(249,217,203,.085);border-radius:50%;right:-38vw;top:5%;box-shadow:0 0 0 13vw rgba(248,227,207,.014);pointer-events:none}
.author-layout{padding-block:calc(var(--header-h) + 35px) 68px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(55px,7vw,126px)}
.author-signature .eyebrow{color:#e9b6af}
.author-signature h2{font-size:clamp(55px,5.5vw,88px);line-height:1.045;white-space:normal;letter-spacing:-.065em;color:#fff3e7;max-width:650px;margin:20px 0 30px}
.author-signature h2 em{color:#ffd4aa;font-weight:400}
.author-rule{width:96px;height:1px;background:linear-gradient(90deg,#f4c6a8,rgba(240,194,173,.22));margin:0 0 22px}
.author-name{font:750 14px/1.4 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:#f4d7d0;margin:0;white-space:nowrap}
.author-prose{gap:22px;max-width:690px;border-left:1px solid rgba(255,228,212,.22);padding-left:clamp(29px,3.5vw,55px)}
.author-prose p{font:400 clamp(21px,1.69vw,27px)/1.46 var(--serif);color:#e5dbe5}

/* Ideas and music: equal, distinct editorial windows on one lived curiosity.
   The texture is actual cover-background photography, not invented diagrams. */
.author-interests{
  min-height:100svh;padding-block:calc(var(--header-h) + 36px) 72px;
  background:radial-gradient(ellipse 47% 63% at 80% 75%,rgba(169,100,139,.22),transparent 78%),
    linear-gradient(142deg,#251a36 0%,#3a294b 64%,#4f3047 100%);
}
.interests-intro{grid-template-columns:.36fr 1fr;gap:40px;align-items:end;margin-bottom:36px}
.interests-intro .eyebrow{color:#eab7b0}
.interests-intro h2{color:#fff2e5;font-size:clamp(53px,4.4vw,72px);max-width:820px;line-height:1.08}
.interests-intro h2 em{color:#ffcfab}
.twin-interests{gap:22px}
.interest{
  position:relative;isolation:isolate;min-height:430px;overflow:hidden;
  border:1px solid rgba(255,227,219,.30);border-radius:28px;
  padding:clamp(31px,3.35vw,52px);background:linear-gradient(143deg,#322742,#4b304b);
  box-shadow:0 25px 48px rgba(16,11,35,.17);justify-content:space-between;
}
.interest-music{background:linear-gradient(143deg,#262c49,#41324e)}
.interest::before{
  content:"";position:absolute;z-index:-2;inset:0;
  background:url("book-motif-source.jpg") 16% center / cover no-repeat;
  opacity:.16;filter:saturate(.8) blur(2px);transform:scale(1.04);
}
.interest-music::before{background-position:83% center;opacity:.15}
.interest::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(174deg,rgba(23,20,42,.17),rgba(31,20,47,.76) 78%);pointer-events:none}
.interest-opening{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 39px;padding-bottom:19px;border-bottom:1px solid rgba(255,225,212,.23)}
.interest-number{font:italic 400 clamp(69px,6.1vw,105px)/.78 var(--serif);letter-spacing:-.07em;color:rgba(255,221,201,.74)}
.interest-opening .eyebrow{color:#f4c9b5;max-width:200px;text-align:right;line-height:1.7;margin:0}
.interest-copy .eyebrow{color:#f4c5af}
.interest-copy h3{color:#fff5e9;font-size:clamp(39px,3vw,52px);margin:0 0 20px;line-height:1.04;max-width:520px}
.interest-copy h3 em{color:#ffcbad}
.interest-copy p:last-child{font-size:clamp(17px,1.25vw,20px);color:#f1e1e4;max-width:590px;line-height:1.49}

@media(max-width:880px){
  .author-chapter{min-height:0}
  .author-layout{grid-template-columns:1fr;gap:34px;padding-block:calc(var(--header-h) + 48px) 88px}
  .author-signature h2{font-size:clamp(52px,9vw,80px);max-width:700px}
  .author-prose{max-width:760px}
  .author-interests{padding-block:calc(var(--header-h) + 38px) 83px}
  .interests-intro{grid-template-columns:1fr;gap:12px}
  .interest{min-height:425px;padding:35px}
  .interest-copy h3{font-size:clamp(39px,5vw,49px)}
}
@media(max-width:620px){
  .author-layout{padding-block:calc(var(--header-h) + 38px) 70px}
  .author-signature h2{font-size:clamp(49px,10.3vw,67px)}
  .author-name{font-size:12px}
  .author-prose{gap:20px;padding-left:21px}
  .author-prose p{font-size:21px}
  .interests-intro h2{font-size:clamp(48px,9.1vw,62px)}
  .twin-interests{grid-template-columns:1fr;gap:17px}
  .interest{min-height:365px;padding:31px 26px}
  .interest-opening{margin-bottom:38px}
  .interest-number{font-size:82px}
  .interest-copy h3{font-size:clamp(40px,9vw,49px)}
  .interest-copy p:last-child{font-size:19px}
}

/* PRIVATE v1.4 · Composition, interaction and final colour continuity.
   All work is confined to the six review observations. */

/* A true optical circle: the image itself is separately clipped, with a
   complete circular rim visible even where the photograph is light at top. */
.colour-mark{
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:50%;background:#1c1937;
  border:1px solid rgba(255,228,205,.45);
  box-shadow:0 0 0 5px rgba(255,255,255,.065),0 0 19px rgba(229,125,157,.15);
}
.colour-mark::before{
  content:"";position:absolute;inset:1px;border-radius:50%;
  background:url("book-motif-source.jpg") center center/cover no-repeat;
  clip-path:circle(50% at 50% 50%);
}
.colour-mark::after{
  content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.35),inset 0 -2px 4px rgba(8,9,30,.34);
}

/* The Unexpected: its complete two-column thought is optically centred in
   the usable viewport below the fixed navigation, collapsed or expanded. */
.mirror{display:flex;align-items:center;padding-block:calc(var(--header-h) + 20px) 40px}
.mirror>.page-frame{width:min(100%,1550px)}

/* Return: the entire folio is an inspectable focus target, not merely its pill. */
.practice-pane{cursor:pointer}
.practice-pane:hover{opacity:.8;filter:saturate(.88);transform:scale(.992);border-color:rgba(116,62,85,.46)}
.practice-option.active .practice-pane:hover{opacity:1;filter:none;transform:none;border-color:rgba(134,61,86,.75)}
.practice-pane:focus-visible{outline:2px solid #633f57;outline-offset:5px}

/* Human Echo: separate the standing label, the complete orbital figure and
   the response rule with actual geometric clearances, never overlap. */
.echo-field{height:350px;margin:36px auto 40px}
.echo-ring-outer{width:74%}
.echo-ring-middle{width:55%}
.echo-ring-inner{width:34%}
.echo-meaning{position:relative}

/* Ideas & Music: centre the entire editorial composition vertically without
   pinning the content to an artificial fixed height on small devices. */
.author-interests{display:flex;align-items:center}
.author-interests>.page-frame{width:min(100%,1550px)}

/* Speaking restores the Return / Interlude's generous human warmth while
   retaining three credible, composed conversation propositions. */
.speaker-estate{
  color:#352a3c;
  background:radial-gradient(ellipse 52% 58% at 18% 90%,rgba(255,249,224,.46),transparent 77%),
    radial-gradient(ellipse 42% 65% at 87% 15%,rgba(239,166,170,.28),transparent 78%),
    linear-gradient(140deg,#f1c3a9,#f5d5b7 52%,#e8b0b3);
}
.speaker-estate .eyebrow.warm{color:#865064}
.speaker-opening h2{color:#382c40}
.speaker-opening h2 em{color:#a04462}
.speaker-opening>p{color:#624b5a}
.speaker-theme{
  border-color:rgba(112,62,83,.28);
  background:linear-gradient(148deg,rgba(255,248,234,.78),rgba(255,248,236,.36));
  box-shadow:0 17px 37px rgba(121,75,81,.065),inset 0 1px 0 rgba(255,255,255,.49);
}
.speaker-theme:hover{border-color:rgba(113,58,82,.56);background:rgba(255,249,239,.74)}
.speaker-number{color:#975266}
.speaker-theme h3{color:#382b3d}
.speaker-theme p{color:#664d5a}
.speaker-theme-tag{color:#96566a}
.speaker-foundation{border-top-color:rgba(103,57,78,.27)}
.speaker-foundation .eyebrow{color:#874e5d}
.speaker-foundation p:not(.eyebrow){color:#654e5c}
.speaker-links a{border-color:rgba(101,54,79,.52);color:#633b54}
.speaker-links a:hover{background:rgba(255,250,239,.55);color:#452b42}

@media(max-width:880px){
  .mirror{display:block;padding-block:calc(var(--header-h) + 45px) 90px}
  .author-interests{display:block}
}
@media(max-width:620px){
  .echo-field{height:315px;margin:30px auto 35px;width:min(100%,350px)}
  .echo-ring-outer{width:74%}
}

/* PRIVATE v1.5 · Literary positioning, legibility and a grounded buying path.
   The published cover, navigation mark, chapter mechanics and colour families
   remain unchanged. */

/* A lighter editorial folio, still within the Human Echo's plum family. Each
   selected world has its own subtle colour temperature and clear text ink. */
.part-stage{
  border-color:rgba(255,235,224,.42);
  background:radial-gradient(ellipse 78% 83% at 92% 8%,rgba(242,187,196,.22),transparent 75%),
    linear-gradient(137deg,#554363 0%,#675070 57%,#6b4a6e 100%);
  box-shadow:0 24px 62px rgba(14,10,36,.24),inset 0 1px 0 rgba(255,247,232,.15);
}
.parts-inspector[data-active="transformation"] .part-stage{
  background:radial-gradient(ellipse 76% 85% at 91% 9%,rgba(216,163,219,.22),transparent 76%),
    linear-gradient(137deg,#55416e,#68517a 58%,#71506e);
}
.parts-inspector[data-active="practice"] .part-stage{
  background:radial-gradient(ellipse 75% 82% at 93% 7%,rgba(160,204,236,.24),transparent 76%),
    linear-gradient(137deg,#44536f,#56637d 55%,#665777);
}
.part-world-narrative{color:#f2e9ef}
.part-world-bottom p{color:#f1d8e6}

/* The author question inherits the Unexpected's connected frosted-card grammar.
   Its brighter surface is intentional: the question is a dramatic destination. */
.author-prose{gap:18px}
.author-question{
  width:100%;position:relative;text-align:center;
  padding:24px clamp(21px,2.5vw,36px) 27px;
  border:1px solid rgba(255,220,215,.46);border-radius:31px;
  background:linear-gradient(145deg,rgba(255,248,235,.18),rgba(221,174,220,.12));
  box-shadow:0 21px 55px rgba(9,13,39,.18),inset 0 1px 0 rgba(255,255,255,.20);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.author-question .eyebrow{color:#ffcfb6;font-size:9px;margin:0 0 15px}
.author-question p:not(.eyebrow){
  font:400 clamp(22px,2vw,31px)/1.22 var(--serif);
  letter-spacing:-.025em;color:#fff2e9;margin:0 0 8px;
}
.author-question p:last-child{color:#f5cfd8;margin-bottom:0}

/* A choice to explore or acquire. Prices remain on retailer pages. */
.invitation .scene-lead{margin-bottom:28px}
.invitation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.invitation-actions .action{padding-inline:24px;min-height:54px}
.availability-note{max-width:570px;color:#d6bfd0;font-size:11px;line-height:1.75;margin-top:24px}
.availability-note a{color:#ffdbb1;text-underline-offset:5px;text-decoration-thickness:1px}
.availability-note a:hover{color:#fff2dc}

@media(max-width:1120px){
  .author-prose{gap:16px}
  .author-question{padding-block:21px 24px}
  .author-question p:not(.eyebrow){font-size:clamp(22px,2.3vw,28px)}
}
@media(max-width:880px){
  .author-question{max-width:690px}
}
@media(max-width:620px){
  .author-prose{gap:17px}
  .author-question{border-radius:25px;padding:23px 19px 25px}
  .author-question .eyebrow{font-size:9px}
  .author-question p:not(.eyebrow){font-size:clamp(22px,6.1vw,29px)}
  .invitation-actions{align-items:stretch;flex-direction:column;max-width:340px}
  .invitation-actions .action{width:100%;padding-inline:17px}
  .availability-note{font-size:12px}
}

/* PRIVATE v1.6 · Viewport balance, warm Practice, commerce/contact paths.
   The book cover and existing chapter-turn mechanics remain untouched. */

/* Disallow elastic overscroll at the document boundary while preserving
   native mouse, keyboard, trackpad and touch scrolling within the page. */
html,body{overscroll-behavior-y:none;overscroll-behavior-x:none}

/* Centre the entire hero composition in the viewport *below* the fixed
   header. Equal visual gutters on both sides of its reading area mean the
   bottom three-part signature has breathing room, including shorter screens. */
@media(min-width:881px){
  .hero-layout{
    padding-block:calc(var(--header-h) + clamp(46px,5vh,70px)) clamp(46px,5vh,70px);
    align-items:center;
  }
  .with-rule{margin-bottom:20px}
  .hero h1{font-size:clamp(58px,5.75vw,98px);line-height:.96;margin-bottom:24px}
  .hero-deck{font-size:clamp(21px,1.91vw,28px);line-height:1.32;margin-bottom:28px}
  .hero-footnote{margin-top:28px}
  .hero-book{width:min(100%,400px)}
  .book-footprint{margin-top:21px}
}
@media(min-width:881px) and (max-height:850px){
  .hero-layout{padding-block:calc(var(--header-h) + 35px) 35px}
  .hero h1{font-size:clamp(52px,5.1vw,82px);margin-bottom:19px}
  .hero-deck{font-size:clamp(19px,1.7vw,25px);margin-bottom:20px}
  .hero-footnote{margin-top:22px}
  .hero-book{width:min(100%,345px)}
}

/* Practice belongs to the site's plum/rose family, not a separate blue one. */
.parts-inspector[data-active="practice"] .part-stage{
  background:radial-gradient(ellipse 75% 82% at 93% 7%,rgba(242,186,215,.22),transparent 76%),
    linear-gradient(137deg,#4b3e5e,#5e4a6e 55%,#704d70);
}
.parts-inspector[data-active="practice"] .part-world-invitation{color:#ffdae7}

/* Direct author-order route without suggesting on-site purchasing. */
.bulk-orders-link{
  display:inline-flex;align-items:center;gap:11px;margin-top:23px;
  color:#ffdbb1;font:800 11px/1.5 var(--sans);letter-spacing:.12em;
  text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(255,219,177,.69);
  padding-bottom:8px;transition:color .2s,border-color .2s;
}
.bulk-orders-link:hover{color:#fff3df;border-color:currentColor}

/* More generous vertical rhythm for the expanded institutional-first bio. */
.author-prose{gap:clamp(21px,2.1vw,32px)}
.author-question{padding-block:30px 33px}

/* A warm and unambiguous enquiry route on the speaking destination. */
.speaker-contact{
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;
  gap:clamp(18px,2.4vw,38px);margin-top:26px;padding:23px 26px;
  background:rgba(255,248,234,.43);border:1px solid rgba(103,57,78,.27);border-radius:23px;
}
.speaker-contact .eyebrow{color:#874e5d;margin:0 0 6px}
.speaker-contact p:not(.eyebrow){font:400 clamp(16px,1.3vw,20px)/1.4 var(--serif);color:#654e5c;margin:0}
.speaker-contact-action{
  display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;
  border-radius:999px;background:#613a54;color:#fff5e8;text-decoration:none;
  padding:13px 19px;font:800 10px/1.5 var(--sans);letter-spacing:.09em;text-transform:uppercase;
  transition:background .25s,transform .25s;
}
.speaker-contact-action:hover{background:#84516d;transform:translateY(-2px)}
.speaker-email{font:700 12px/1.5 var(--sans);color:#633b54;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
.speaker-email:hover{color:#9e5068}
@media(max-width:1120px){
  .speaker-contact{grid-template-columns:minmax(0,1fr) auto}
  .speaker-email{grid-column:1/-1}
}
@media(max-width:620px){
  .speaker-contact{grid-template-columns:1fr;padding:22px;gap:17px}
  .speaker-email{grid-column:auto;font-size:12px}
  .speaker-contact-action{justify-self:start}
  .author-prose{gap:20px}
  .author-question{padding-block:23px 25px}
}

/* PRIVATE v1.7 · Full-chapter breathing and two-part speaking composition.
   The entire v1.6 hero, including its rainbow lower rule, is frozen. */

/* The Invitation is centred as one complete chapter beneath the fixed header;
   its top and bottom safety margins are optically equivalent. */
@media(min-width:881px){
  .invitation{padding-block:0;display:flex;align-items:center}
  .invitation-layout{
    width:100%;min-height:100svh;
    padding-block:calc(var(--header-h) + clamp(45px,5vh,70px)) clamp(45px,5vh,70px);
    align-items:center;
  }
}

/* The secondary estate no longer inserts obsolete gutters around independent
   full-bleed chapters. The author's paragraphs/card retain their typography,
   spacing and content while gaining line length and actual vertical air. */
.secondary-estate{padding:0}
@media(min-width:1180px){
  .author-layout{padding-block:calc(var(--header-h) + 65px) 94px}
  .author-prose{max-width:none;margin-right:clamp(-110px,-7vw,-45px)}
}
@media(min-width:881px) and (max-width:1179px){
  .author-layout{padding-block:calc(var(--header-h) + 42px) 72px}
  .author-prose{max-width:none;margin-right:-35px}
}

/* A substantial, continuous original excerpt now earns its disclosure.
   The short first line remains a distinct display quotation. */
.expanded-text p{margin:14px 0 0}
.expanded-text p:not(.excerpt-source-note){font:400 clamp(17px,1.2vw,19px)/1.48 var(--serif);color:#49384a}
.expanded-text .excerpt-source-note{margin-top:19px;font:750 10px/1.5 var(--sans);letter-spacing:.015em;color:#876577}

/* Speaking is a true two-chapter editorial sequence. First chapter: a calm
   left-side proposition and a vertical folio of three themes on the right. */
.speaker-estate{padding:0;display:flex;align-items:center}
.speaker-estate>.page-frame{
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(43px,6vw,98px);align-items:center;width:min(100%,1550px);
  min-height:100svh;
  padding-block:calc(var(--header-h) + clamp(42px,5vh,68px)) clamp(42px,5vh,68px);
}
.speaker-opening{display:flex;flex-direction:column;gap:25px;margin:0;align-items:stretch}
.speaker-opening h2{font-size:clamp(53px,4.45vw,74px);line-height:1.07;margin-top:20px}
.speaker-opening>p{font-size:clamp(21px,1.6vw,25px);line-height:1.43;max-width:560px}
.speaker-themes{display:grid;grid-template-columns:1fr;gap:13px;align-content:center}
.speaker-theme{
  display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto auto;
  column-gap:17px;min-height:0;padding:20px clamp(21px,2.4vw,34px);
  border-radius:23px;
}
.speaker-number{grid-column:1;grid-row:1/4;margin:2px 0 0}
.speaker-theme h3{grid-column:2;grid-row:1;font-size:clamp(25px,1.95vw,33px);margin:0 0 9px}
.speaker-theme p{grid-column:2;grid-row:2;font-size:clamp(16px,1.22vw,19px);line-height:1.36;margin:0 0 14px}
.speaker-theme-tag{grid-column:2;grid-row:3;margin:0;font-size:9px}

/* Second chapter: the invitation and the author's institutional work each
   have independent, constitutionally spaced reading areas. */
.speaker-conversation{
  position:relative;isolation:isolate;display:flex;align-items:center;
  min-height:100svh;scroll-margin-top:0;overflow:hidden;color:#352a3c;
  background:radial-gradient(ellipse 48% 65% at 86% 15%,rgba(239,172,184,.31),transparent 76%),
    radial-gradient(ellipse 52% 72% at 5% 94%,rgba(255,247,211,.44),transparent 76%),
    linear-gradient(140deg,#f3d8c0,#eac7c8 66%,#ddacbc);
}
.speaker-conversation-layout{
  display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
  gap:clamp(44px,7vw,116px);align-items:center;width:min(100%,1550px);
  min-height:100svh;
  padding-block:calc(var(--header-h) + clamp(48px,6vh,85px)) clamp(48px,6vh,85px);
}
.speaker-conversation-main{display:flex;flex-direction:column;align-items:flex-start}
.speaker-conversation-main>.eyebrow{color:#89506a;margin:0 0 20px}
.speaker-conversation-main h2{
  font:400 clamp(56px,5.1vw,83px)/1.05 var(--serif);
  letter-spacing:-.058em;max-width:660px;margin:22px 0 27px;color:#382b40;
}
.speaker-conversation-main h2 em{color:#a34b6c;font-weight:400}
.speaker-conversation-main>p:not(.eyebrow){font:400 clamp(21px,1.75vw,27px)/1.43 var(--serif);color:#634b5c;margin:0 0 31px;max-width:550px}
.speaker-conversation-main .speaker-contact-action{min-height:54px;padding:16px 27px}
.speaker-conversation-main .speaker-email{margin-top:23px;font-size:13px}
.speaker-institution{
  border:1px solid rgba(114,66,90,.33);border-radius:31px;
  background:linear-gradient(145deg,rgba(255,248,231,.77),rgba(255,241,234,.40));
  padding:clamp(36px,4.1vw,62px);box-shadow:0 27px 55px rgba(117,65,84,.09);
}
.speaker-institution .eyebrow{color:#95516b;margin:0 0 23px}
.speaker-institution h3{font:400 clamp(36px,3.5vw,54px)/1.11 var(--serif);letter-spacing:-.046em;margin:0 0 22px;color:#392d40}
.speaker-institution h3 em{color:#a04c6a;font-weight:400}
.speaker-institution>p:not(.eyebrow){font:400 clamp(19px,1.5vw,23px)/1.45 var(--serif);color:#644b5c;margin:0 0 32px}
.speaker-institution .speaker-links{gap:11px}
.speaker-institution .speaker-links a{padding:14px 18px;font-size:9px;min-height:47px}

@media(max-width:1120px) and (min-width:881px){
  .speaker-estate>.page-frame{gap:40px}
  .speaker-opening h2{font-size:clamp(47px,5.2vw,62px)}
  .speaker-theme{padding:17px 20px}
  .speaker-theme h3{font-size:clamp(23px,2.45vw,29px)}
  .speaker-theme p{font-size:16px}
  .speaker-conversation-layout{gap:48px}
  .speaker-conversation-main h2{font-size:clamp(50px,5vw,69px)}
}
@media(max-width:880px){
  .invitation{display:block}
  .invitation-layout{padding-block:calc(var(--header-h) + 44px) 80px}
  .author-prose{margin-right:0}
  .speaker-estate{display:block}
  .speaker-estate>.page-frame{grid-template-columns:1fr;gap:37px;min-height:0;padding-block:calc(var(--header-h) + 48px) 82px}
  .speaker-opening{gap:19px}
  .speaker-themes{gap:13px}
  .speaker-conversation{display:block;overflow:visible}
  .speaker-conversation-layout{grid-template-columns:1fr;gap:38px;min-height:0;padding-block:calc(var(--header-h) + 47px) 80px}
}
@media(max-width:620px){
  .speaker-opening h2{font-size:clamp(49px,10vw,62px)}
  .speaker-theme{grid-template-columns:26px minmax(0,1fr);gap:12px;padding:19px 17px}
  .speaker-theme h3{font-size:clamp(25px,6.7vw,33px)}
  .speaker-theme p{font-size:18px}
  .speaker-conversation-main h2{font-size:clamp(53px,10.6vw,69px)}
  .speaker-institution{padding:34px 27px;border-radius:25px}
  .speaker-institution h3{font-size:39px}
  .speaker-institution>p:not(.eyebrow){font-size:20px}
  .expanded-text p:not(.excerpt-source-note){font-size:18px}
}

/* PRIVATE v1.8 · A single excerpt state and restored author edge safety.
   No hero markup, styling or approved lower colour rule has changed. */

/* Fix the reading stage in place. The left editorial column is centred
   independently of the right card's varying height; changing the excerpt
   cannot push the left headline and author-origin statement downward. */
@media(min-width:881px){
  .nascence{padding-block:0}
  .threshold-layout{
    height:100svh;min-height:100svh;
    padding-block:calc(var(--header-h) + 58px) 58px;
    align-items:center;
  }
  .passage-card{
    max-height:calc(100svh - var(--header-h) - 116px);
    overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
  }
}

/* A quotation preview and a continuous reading extract are alternate states,
   never a stack of two large excerpts. Location and toggle stay at the foot. */
.passage-card blockquote{margin:32px 0 0}
.expanded-text{padding-top:26px}
.expanded-text p:not(.excerpt-source-note){margin:0 0 18px;font-size:clamp(17px,1.2vw,19px);line-height:1.45}
.expanded-text p:last-child{margin-bottom:0}
.passage-end{margin-top:29px}
.passage-card.is-expanded .passage-end{margin-top:27px}

/* The former negative margin pushed text and frosted card through the right
   page edge. Restore the page frame's real right safety gutter and contain
   the whole biography within its own column. */
@media(min-width:881px){
  .author-prose{
    width:100%;max-width:760px;min-width:0;
    margin-left:0;margin-right:0;
  }
  .author-question{max-width:100%}
}

@media(max-width:880px){
  .nascence{padding-block:calc(var(--header-h) + 38px) 75px}
  .threshold-layout{height:auto;min-height:0;padding-block:0}
  .passage-card{max-height:none;overflow:visible}
  .author-prose{margin-right:0}
}

/* PRIVATE v1.9.2 · Mobile-only constitutional rhythm and reading order.
   The frozen desktop hero, including the colourful lower border, is untouched. */
@media(max-width:620px){
  /* Give the introductory paragraph-to-action movement the same quiet pause
     as the approved eyebrow-to-heading movement. */
  .hero-deck{margin-bottom:clamp(30px,7vw,36px)}
  .hero .action-row{align-items:center;gap:clamp(14px,4vw,21px)}
  .hero .action-row .text-action{align-self:center;padding-bottom:6px}
  /* The book is the next deliberate movement, not an extension of the buttons. */
  .hero-layout{row-gap:clamp(36px,9vw,46px)}
  /* On phones, the invitation must establish meaning before showing the book. */
  .invitation-copy{order:0}
  .invitation-book{order:1}
}
@media(max-width:880px){
  /* After closing a long passage, retain enough trailing colour field to
     centre the compact reading card without exposing the next movement. */
  .nascence.is-preview-return{padding-bottom:max(200px,27svh)}
}
@media(max-width:420px){
  /* Override the earlier top-alignment and tight gaps for narrow phones. */
  .hero .action-row{align-items:center}
  .hero-deck{margin-bottom:32px}
  .hero-layout{row-gap:36px}
}

/* PRIVATE v1.9.4 · The returning colour signature and clear purchase path.
   The frozen hero and the approved desktop passage animation are unchanged. */
.invitation::after,.site-footer::before{
  content:"";position:absolute;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#ffbd64,#ef816a,#9158bc,#347db2);
  pointer-events:none;
}
.invitation::after{bottom:0;z-index:2}
.site-footer{position:relative}
.site-footer::before{top:0}
.desktop-nav .nav-buy{color:#ffd19b}

@media(min-width:881px) and (max-width:1150px){
  /* Keep the six-action navigation in a single balanced line on laptop widths. */
  .site-header{padding-inline:clamp(24px,3vw,40px);gap:16px}
  .desktop-nav{gap:clamp(12px,1.7vw,22px)}
  .desktop-nav a{font-size:9px;letter-spacing:.115em}
}
@media(max-width:880px){
  /* The mobile chapter previously combined .scene padding with separate
     inner-layout padding. One controlled gutter now matches the Threshold. */
  .invitation{padding-block:0}
  .invitation-layout{padding-block:calc(var(--header-h) + 38px) 75px}
  .mobile-nav .nav-buy{color:#ffd19b}
  /* Prevent Safari's scroll anchoring from fighting the same-frame return. */
  .nascence.is-preview-return{overflow-anchor:none}
}
@media(max-width:620px){
  .invitation-layout{padding-block:calc(var(--header-h) + 34px) 72px;gap:clamp(30px,8vw,42px)}
}