:root{
  --ink:#15191a;
  --night:#101a22;
  --paper:#f3efe7;
  --paper-deep:#e8e0d4;
  --mist:#dde5e5;
  --sky:#b9ced9;
  --blue:#1b354c;
  --blue-bright:#315b75;
  --clay:#b58d72;
  --copper:#a96f55;
  --electric:#6f9db6;
  --sand:#d9c5ad;
  --line:rgba(21,25,26,.17);
  --serif:"Bodoni 72",Didot,"Iowan Old Style",Baskerville,Georgia,serif;
  --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --scroll:0%;
  --scene-progress:0;
  --scene-shift:0px;
  --scene-shift-reverse:0px;
  --scene-lateral:0px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);overflow-x:hidden}
body:before{content:"";position:fixed;z-index:50;left:0;top:0;width:3px;height:var(--scroll);background:linear-gradient(var(--sky),var(--blue-bright),var(--clay));pointer-events:none}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary:focus-visible{outline:1px solid currentColor;outline-offset:7px}
::selection{background:var(--blue);color:var(--paper)}

.header{position:sticky;top:0;z-index:30;min-height:84px;padding:0 4.5vw;display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--line);background:rgba(243,239,231,.91);backdrop-filter:blur(18px);transition:min-height .45s cubic-bezier(.2,.8,.2,1),background .45s,box-shadow .45s}
.header.is-scrolled{min-height:70px;background:rgba(243,239,231,.83);box-shadow:0 16px 45px rgba(16,26,34,.08)}
.brand{font:1.45rem/1 var(--serif);letter-spacing:-.02em}
.nav{display:flex;gap:clamp(1.2rem,2.7vw,2.8rem)}
.nav a,.kicker,.micro{text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;font-weight:600}
.nav a{padding:.7rem 0;position:relative}
.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:.35rem;height:1px;background:currentColor;transition:right .35s}
.nav a:hover:after,.nav a[aria-current="page"]:after{right:0}
.menu{display:none}
.page{animation:enter .75s cubic-bezier(.2,.8,.2,1) both}
@keyframes enter{from{opacity:0;transform:translateY(10px)}}

[data-scene]{--scene-progress:0;position:relative;isolation:isolate;overflow:hidden}
[data-scene] > :not(.color-current){position:relative;z-index:2}
.color-current{position:absolute!important;z-index:1!important;left:-28vw;top:-28%;width:min(78vw,1050px);aspect-ratio:1;border-radius:50%;pointer-events:none;opacity:.44;filter:blur(2px);transform:translate3d(calc(var(--scene-progress) * 76vw),calc(var(--scene-progress) * 18vh),0) scale(calc(.92 + var(--scene-progress) * .18));background:radial-gradient(circle at 50% 50%,rgba(49,91,117,.34) 0,rgba(111,157,182,.18) 34%,transparent 70%);mix-blend-mode:multiply;will-change:transform}
[data-scene="night"] .color-current,[data-scene="blue"] .color-current{opacity:.5;background:radial-gradient(circle,rgba(185,206,217,.38),rgba(49,91,117,.18) 42%,transparent 72%);mix-blend-mode:screen}
[data-scene="warm"] .color-current{background:radial-gradient(circle,rgba(169,111,85,.3),rgba(217,197,173,.18) 44%,transparent 72%)}
[data-scene="paper"] .color-current{background:radial-gradient(circle,rgba(111,157,182,.28),rgba(185,206,217,.15) 44%,transparent 72%)}
[data-scene="editorial"] .color-current{left:20%;top:-42%;width:min(92vw,1280px);opacity:.36;background:radial-gradient(circle,rgba(111,157,182,.34),rgba(169,111,85,.15) 46%,transparent 72%)}

.hero{min-height:calc(100svh - 84px);display:grid;grid-template-columns:1.04fr .96fr;border-bottom:1px solid var(--line);overflow:hidden}
.hero-copy{position:relative;isolation:isolate;padding:clamp(3rem,6vw,7rem) 4.5vw;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(132deg,var(--paper) 0 63%,var(--mist) 63%)}
.hero-copy:before{content:"";position:absolute;z-index:-1;width:34vw;height:34vw;right:-11vw;top:-16vw;border-radius:50%;background:rgba(185,206,217,.62);box-shadow:0 0 0 5vw rgba(49,91,117,.06);transform:translate3d(calc(var(--scene-progress) * -6vw),calc(var(--scene-progress) * 8vh),0);will-change:transform}
.kicker{color:var(--blue)}
.hero h1,.page-hero h1,.chapter h2,.section-head h2,.display,.contact-main h1{font-family:var(--serif);font-weight:400;letter-spacing:-.052em;line-height:.92;margin:0}
.hero h1{font-size:clamp(3.7rem,6.4vw,7rem);max-width:1000px}
.hero h1 span{display:block;color:var(--blue);margin-left:7%;max-width:880px}
.hero-deck{display:grid;grid-template-columns:8rem minmax(250px,520px);gap:2rem;align-items:start}
.hero-deck p{font-size:clamp(1.05rem,1.45vw,1.27rem);margin:0}
.hero-actions{display:flex;gap:2rem;margin-top:2rem;flex-wrap:wrap}
.link{display:inline-flex;align-items:center;gap:.8rem;padding:.65rem 0;border-bottom:1px solid;text-transform:uppercase;letter-spacing:.15em;font-size:.67rem;font-weight:600}
.link span{transition:transform .3s}
.link:hover span{transform:translateX(5px)}
.arrow-external{position:relative;display:inline-block;width:.78rem;height:.78rem;flex:0 0 .78rem;color:currentColor;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.arrow-external:before{content:"";position:absolute;top:.06rem;right:.02rem;width:.42rem;height:.42rem;border-top:1px solid currentColor;border-right:1px solid currentColor}
.arrow-external:after{content:"";position:absolute;left:.07rem;bottom:.08rem;width:.82rem;height:1px;background:currentColor;transform:rotate(-45deg);transform-origin:left center}
.footer-social a{display:inline-flex;align-items:center;gap:.52rem}
.footer-social a:hover .arrow-external{transform:translate(3px,-3px)}
.hero-image{position:relative;background:var(--blue);overflow:hidden}
.hero-image img{width:calc(100% - 46px);height:100%;object-fit:cover;object-position:59% center;filter:saturate(1.02) contrast(1.055)}
.hero-image img{transform:none!important}
.hero-image:after{content:"";position:absolute;inset:0 46px 0 0;background:linear-gradient(180deg,rgba(12,27,39,.03) 42%,rgba(12,27,39,.34));pointer-events:none}
.rail{position:absolute;right:0;inset-block:0;width:46px;background:var(--paper);display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.2em;font-size:.55rem;color:var(--blue)}

.flow-section{position:relative;isolation:isolate}
.flow-section + .flow-section{margin-top:-1px}
.flow-section:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 0 48%,rgba(255,255,255,.1) 48.12%,transparent 48.24%);transform:translateX(calc((var(--scene-progress) - .5) * 10%));opacity:.65;will-change:transform}
.flow-section > *:not(.color-current){position:relative;z-index:2}
.section{padding:clamp(5rem,9vw,10rem) 4.5vw;border-bottom:1px solid var(--line);overflow:hidden}
.section:after{content:"";position:absolute;z-index:-1;right:-8vw;bottom:-16vw;width:34vw;height:34vw;border:1px solid rgba(21,25,26,.12);border-radius:50%}
.section.dark{color:var(--paper);background:linear-gradient(112deg,var(--night) 0 61%,#25465e 61%)}
.section.dark:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 73% 22%,rgba(109,151,176,.34),transparent 27%)}
.section.dark:after{border-color:rgba(243,239,231,.2)}
.section.cool{background:linear-gradient(112deg,#e5e9e6 0 63%,var(--sky) 63%)}
.section.warm{background:linear-gradient(112deg,#eee7dc 0 58%,var(--sand) 58%)}
.section-head{display:grid;grid-template-columns:minmax(140px,.3fr) 1fr;gap:clamp(2rem,7vw,8rem);margin-bottom:clamp(3.5rem,7vw,7rem)}
.section-head h2{font-size:clamp(3rem,6vw,6.7rem);max-width:1060px}
.section-head p{max-width:650px;font-size:clamp(1.03rem,1.4vw,1.22rem);margin-top:1.8rem}
.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid}
.principle{min-height:225px;padding:0 2.4rem .7rem 0;border-right:1px solid}
.principle+.principle{padding-left:2.4rem}
.principle:last-child{border:0}
.principle summary{min-height:205px;padding:1.55rem 0 1rem;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:1.5rem 1rem;align-items:end}
.principle .micro{align-self:start}
.principle-title{font:400 clamp(1.9rem,2.6vw,3rem)/1 var(--serif);align-self:end}
.principle p{opacity:.76;max-width:360px;margin:0}
.expandable{padding:0 0 1.25rem;animation:disclose .45s cubic-bezier(.2,.8,.2,1) both}
.disclosure{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;width:1.25rem;height:1.25rem;border:0;border-radius:0;font-size:0;opacity:.6;transform-origin:center;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s}
.disclosure:before{content:"";position:absolute;right:.02rem;top:50%;width:.86rem;height:1px;background:currentColor;transform:translateY(-50%)}
.disclosure:after{content:"";position:absolute;right:.02rem;top:50%;width:.38rem;height:.38rem;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg)}
summary:hover .disclosure,summary:focus-visible .disclosure,.is-reading .disclosure{opacity:1;transform:translateX(3px)}
details[open] .disclosure{transform:rotate(90deg);opacity:.9}
details[open].is-reading .disclosure{transform:rotate(90deg) translateX(2px)}
@keyframes disclose{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@supports (interpolate-size:allow-keywords){
  :root{interpolate-size:allow-keywords}
  details::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .52s cubic-bezier(.2,.8,.2,1),opacity .3s ease,content-visibility .52s allow-discrete}
  details[open]::details-content{block-size:auto;opacity:1}
}
.cards{border-top:1px solid var(--line)}
.card{padding:0;border-bottom:1px solid var(--line)}
.card{background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(185,206,217,.11)) no-repeat;background-size:0 100%;transition:background-size .6s cubic-bezier(.2,.8,.2,1)}
.card:hover,.card[open]{background-size:100% 100%}
.card summary{display:grid;grid-template-columns:3rem minmax(180px,.65fr) 1.35fr auto;gap:1.35rem;align-items:center;padding:1.08rem 0}
.card-title{font:400 clamp(1.75rem,2.55vw,3rem)/1 var(--serif)}
.card-line{max-width:620px;font-weight:600}
.card p{max-width:620px;margin:.3rem 0}
.card .micro{padding-top:.5rem}
.card-more{display:grid;grid-template-columns:minmax(180px,.65fr) 1.35fr auto;gap:1.35rem;padding:.05rem 0 1.35rem;margin-left:calc(3rem + 1.35rem);animation:disclose .55s cubic-bezier(.2,.8,.2,1) both}
.card-more p{grid-column:2}
.card-more .link{grid-column:3;align-self:end}
.card-title,.essay-title,.principle-title{transform-origin:left center;transition:transform .5s cubic-bezier(.2,.8,.2,1),color .4s}
.card.is-reading .card-title,.essay.is-reading .essay-title,.principle.is-reading .principle-title{transform:scale(1.018);color:var(--blue)}
.dark .principle.is-reading .principle-title{color:#d5e5ec}
.editorial{display:grid;grid-template-columns:.78fr 1.22fr;min-height:570px}
.quote-panel{background:linear-gradient(145deg,#0e171c 0 65%,#243d4c 65%);color:var(--paper);padding:4.5vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.quote-panel:after{content:"";position:absolute;width:30vw;height:30vw;border:1px solid rgba(185,206,217,.36);border-radius:50%;left:-13vw;bottom:-17vw}
.quote{font:400 clamp(2.35rem,3.7vw,4.45rem)/1 var(--serif);letter-spacing:-.04em;max-width:620px;position:relative;z-index:1}
.editorial-copy{padding:clamp(3rem,7vw,8rem);background:linear-gradient(125deg,var(--paper-deep) 0 72%,var(--sand) 72%);display:flex;flex-direction:column;justify-content:space-between}
.editorial-copy h2{font:400 clamp(4rem,6vw,7rem)/.87 var(--serif);letter-spacing:-.055em;margin:1rem 0}
.editorial-copy p{font-size:1.08rem;max-width:620px}

.page-hero{position:relative;isolation:isolate;min-height:68svh;padding:clamp(5rem,9vw,10rem) 4.5vw 4.5rem;display:grid;grid-template-columns:.28fr 1fr;gap:4rem;align-items:end;border-bottom:1px solid var(--line);overflow:hidden;background:linear-gradient(125deg,var(--paper) 0 69%,var(--mist) 69%)}
.page-hero:after{content:"";position:absolute;z-index:-1;right:-8vw;top:-13vw;width:36vw;height:36vw;border-radius:50%;background:rgba(49,91,117,.11);box-shadow:0 0 0 7vw rgba(185,206,217,.17);transform:translate3d(calc(var(--scene-progress) * -8vw),calc(var(--scene-progress) * 10vh),0);will-change:transform}
.page-hero--work{min-height:56svh;background:linear-gradient(122deg,var(--mist) 0 72%,var(--sky) 72%)}
.page-hero--writing{background:linear-gradient(122deg,var(--paper) 0 62%,var(--sand) 62%)}
.page-hero h1{font-size:clamp(4.25rem,8.2vw,9.1rem);max-width:1100px}
.page-hero .lead{font-size:clamp(1.12rem,1.6vw,1.4rem);max-width:760px;margin:2.4rem 0 0}

.about-opening{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,8vw,10rem);align-items:start}
.about-opening .display{font-size:clamp(3.2rem,5vw,5.9rem);position:sticky;top:130px}
.prose p{font:400 clamp(1.25rem,1.85vw,1.8rem)/1.48 var(--serif);letter-spacing:-.012em;margin:0 0 1.8rem}
.prose p:first-child:first-letter{float:left;color:var(--blue);font-size:4em;line-height:.76;padding:.03em .12em 0 0}
.evidence-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--night);color:var(--paper);border-bottom:1px solid rgba(243,239,231,.2)}
.evidence{min-height:210px;padding:2.2rem 2.4rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(243,239,231,.19)}
.evidence:last-child{border-right:0}
.evidence strong{font:400 clamp(2rem,3.2vw,3.6rem)/1 var(--serif);letter-spacing:-.035em;color:#d5e2e7}
.evidence p{margin:1.2rem 0 0;max-width:260px;opacity:.72}
.insight-band{padding:clamp(5rem,10vw,11rem) 4.5vw;background:linear-gradient(110deg,#274a62 0 62%,#b7ccd7 62%);color:var(--paper)}
.insight-band p{max-width:1150px;margin:0;font:400 clamp(3.2rem,6.3vw,7.2rem)/.94 var(--serif);letter-spacing:-.05em}
.insight-band em{font-style:normal;color:#ccdee5}
.timeline{position:relative}
.timeline:before{content:"";position:absolute;left:calc(4.5vw + 8px);top:0;bottom:0;width:1px;background:linear-gradient(var(--sky),var(--blue-bright),var(--clay),transparent)}
.chapter{padding:clamp(5rem,9vw,9rem) 4.5vw clamp(5rem,9vw,9rem) calc(4.5vw + 5rem);display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(3rem,8vw,10rem);position:relative;border-bottom:1px solid var(--line);overflow:hidden}
.chapter:before{content:"";position:absolute;left:calc(4.5vw + 4px);top:clamp(6rem,10vw,10rem);width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 8px rgba(27,53,76,.11)}
.chapter:after{content:attr(data-index);position:absolute;right:-.02em;bottom:-.23em;font:400 clamp(9rem,19vw,23rem)/1 var(--serif);letter-spacing:-.08em;color:rgba(27,53,76,.055);pointer-events:none}
.chapter--cool{background:linear-gradient(118deg,#edf0ec 0 61%,#cfdddf 61%)}
.chapter--warm{background:linear-gradient(118deg,#eee6db 0 64%,#d9c2a9 64%)}
.chapter--paper{background:linear-gradient(118deg,var(--paper) 0 68%,#d9e2e2 68%)}
.chapter h2{font-size:clamp(3rem,5vw,5.8rem);max-width:560px}
.chapter > h2{position:sticky;top:130px;align-self:start}
.chapter-copy{max-width:720px;position:relative;z-index:1}
.chapter-copy p{font-size:1.06rem;margin:0 0 1.3rem;max-width:690px}
.chapter-copy .accent{font:400 clamp(1.6rem,2.4vw,2.45rem)/1.28 var(--serif);letter-spacing:-.02em;color:var(--blue);margin-bottom:2rem}
.big-line{padding:clamp(6rem,11vw,12rem) 4.5vw;background:linear-gradient(112deg,var(--blue) 0 70%,#2f5870 70%);color:var(--paper);font:400 clamp(3.35rem,6.5vw,7.5rem)/.95 var(--serif);letter-spacing:-.05em}
.big-line>p{position:relative;z-index:2;margin:0}
.big-line span{color:#b8ced8}
.big-line--sequence{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(3rem,8vw,9rem);align-items:start;padding-top:clamp(5rem,8vw,8rem);padding-bottom:clamp(5rem,8vw,8rem)}
.big-line--sequence strong{font:inherit;font-size:.72em;color:var(--paper)}
.big-line--sequence span{display:block;font-size:.56em;line-height:1.12;letter-spacing:-.035em}

.work-block{position:relative;isolation:isolate;padding:clamp(2.25rem,3.25vw,3.5rem) 4.5vw;border-bottom:1px solid var(--line);display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2rem,4.2vw,5rem);overflow:hidden;transition:padding .55s cubic-bezier(.2,.8,.2,1)}
.work-block:after{content:attr(data-index);position:absolute;z-index:-1;left:-.03em;bottom:-.28em;font:400 clamp(11rem,22vw,27rem)/1 var(--serif);letter-spacing:-.08em;color:rgba(21,25,26,.045)}
.work-block--blue{background:linear-gradient(90deg,#e5ebea 0 88%,#b9ced9 88%)}
.work-block--paper{background:linear-gradient(90deg,var(--paper) 0 88%,#e4d6c4 88%)}
.work-block--ink{background:linear-gradient(90deg,#142330 0 88%,#294e65 88%);color:var(--paper)}
.work-block--mist{background:linear-gradient(90deg,#e9e9e2 0 88%,#c6d5d9 88%)}
.work-block h2{font:400 clamp(2.45rem,3.8vw,4.35rem)/.94 var(--serif);letter-spacing:-.045em;margin:.55rem 0}
.work-block > div:first-of-type{position:sticky;top:130px;align-self:start}
.work-block .copy{max-width:740px;position:relative;z-index:1}
.work-block h3{font:400 clamp(1.45rem,2vw,2.15rem)/1.2 var(--serif);letter-spacing:-.018em;margin:0 0 1.1rem}
.work-block p{font-size:1rem;max-width:650px}
.work-detail{border-top:1px solid currentColor;border-color:color-mix(in srgb,currentColor 28%,transparent);margin-top:.75rem}
.work-detail summary{padding:.56rem 0;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.18em;font-size:.55rem;font-weight:600}
.work-detail .disclosure{flex:0 0 auto}
.work-detail-body{padding:.05rem 0 .55rem;animation:disclose .55s cubic-bezier(.2,.8,.2,1) both}
.work-detail-body h3{margin-top:1rem}
.work-focus{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.35rem 0}
.work-focus span{padding:.45rem .68rem;border:1px solid currentColor;border-radius:999px;text-transform:uppercase;letter-spacing:.12em;font-size:.54rem;opacity:.72}
.method-entry{max-width:680px;margin:1.8rem 0 1.5rem;padding:1.35rem 0;border-top:1px solid color-mix(in srgb,currentColor 28%,transparent);border-bottom:1px solid color-mix(in srgb,currentColor 28%,transparent)}
.method-entry h4{font:400 clamp(1.7rem,2.5vw,2.65rem)/1.05 var(--serif);letter-spacing:-.025em;margin:.7rem 0 .85rem}
.method-entry p{margin:0 0 1rem}

.essay-list{border-top:1px solid var(--line)}
.essay{padding:0;border-bottom:1px solid var(--line)}
.essay summary,.essay--all{padding:1.12rem 0;display:grid;grid-template-columns:6rem 1fr auto;gap:1.35rem;align-items:center}
.essay-title,.essay h2{font:400 clamp(1.75rem,3.05vw,3.45rem)/1 var(--serif);margin:0}
.essay-intro{margin-left:7.35rem;padding:.05rem 4rem 1.4rem 0;animation:disclose .5s cubic-bezier(.2,.8,.2,1) both}
.essay-intro p{max-width:670px;margin:0 0 1.3rem;font-size:1.05rem}
.about-page .about-opening .prose,.about-page .chapter-copy{transform:translate3d(0,var(--scene-shift),0);transition:transform .08s linear;will-change:transform}
.about-page .chapter>h2{transform:translate3d(0,var(--scene-shift-reverse),0);transition:transform .08s linear;will-change:transform}
.about-page .insight-band p{transform:translate3d(var(--scene-shift-reverse),0,0);transition:transform .08s linear;will-change:transform}
.books-intro{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(3rem,7vw,8rem);padding:clamp(6rem,10vw,11rem) 4.5vw;background:linear-gradient(112deg,#c8d8de 0 54%,#dbc5aa 54%);border-bottom:1px solid var(--line)}
.books-intro h2{font:400 clamp(3rem,5.7vw,6.4rem)/.92 var(--serif);letter-spacing:-.055em;margin:.9rem 0 0;max-width:760px}
.books-intro p{font:400 clamp(1.35rem,2vw,2rem)/1.42 var(--serif);letter-spacing:-.018em;max-width:720px;margin:2.2rem 0 0}

.book-feature{min-height:820px;display:grid;grid-template-columns:.9fr 1.1fr;background:linear-gradient(118deg,#111b22 0 47%,#284b61 47%);color:var(--paper);border-bottom:1px solid rgba(243,239,231,.18)}
.book-cover-stage{position:relative;min-height:820px;padding:clamp(4rem,7vw,7rem);display:grid;place-items:center;overflow:hidden}
.book-cover-stage:before{content:"";position:absolute;inset:8% 12%;border:1px solid rgba(185,206,217,.22);transform:translate3d(calc((var(--scene-progress) - .5) * -3vw),calc((var(--scene-progress) - .5) * 3vh),0);will-change:transform}
.book-cover-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(transparent,rgba(5,12,17,.28));pointer-events:none}
.book-cover-stage img{position:relative;z-index:2;width:auto;height:min(68vw,600px);max-width:min(70%,420px);object-fit:contain;box-shadow:0 38px 75px rgba(3,8,12,.43),0 2px 0 rgba(255,255,255,.22);transform:none!important}
.book-orbit{position:absolute;width:min(40vw,590px);aspect-ratio:1;border:1px solid rgba(185,206,217,.3);border-radius:50%;transform:translate3d(calc((var(--scene-progress) - .5) * 7vw),calc((var(--scene-progress) - .5) * -5vh),0);will-change:transform}
.book-orbit:after{content:"";position:absolute;inset:14%;border:1px solid rgba(181,141,114,.28);border-radius:50%}
.book-spine-note{position:absolute;z-index:3;left:2.3rem;bottom:2.6rem;writing-mode:vertical-rl;transform:rotate(180deg);text-transform:uppercase;letter-spacing:.22em;font-size:.57rem;color:#c6d9e1}
.book-feature-copy{padding:clamp(4rem,8vw,9rem) clamp(4rem,8vw,9rem);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.book-feature-copy h2{font:400 clamp(4rem,7.3vw,8rem)/.86 var(--serif);letter-spacing:-.06em;margin:1.2rem 0 0;max-width:880px}
.book-subtitle{font:400 clamp(1.45rem,2.2vw,2.35rem)/1.2 var(--serif);letter-spacing:-.02em;color:#c9dce4;max-width:680px;margin:1.4rem 0 3.5rem}
.book-thesis{font:400 clamp(2.3rem,3.4vw,4rem)/1.02 var(--serif);letter-spacing:-.04em;margin:0 0 1.5rem;color:#e4cdb8}
.book-feature-copy>p:not(.book-subtitle):not(.book-thesis){max-width:680px;font-size:1.08rem;margin:0 0 1.3rem}
.book-series-note{padding-left:1.2rem;border-left:1px solid rgba(201,220,228,.48);color:rgba(243,239,231,.72)}
.book-feature-copy .link{margin-top:1.5rem}

.book-shelf{position:relative;padding:clamp(6rem,10vw,11rem) 4.5vw;background:linear-gradient(116deg,#eee9df 0 66%,#d8e1e1 66%);border-bottom:1px solid var(--line)}
.book-shelf-head{display:grid;grid-template-columns:.28fr 1fr;gap:clamp(3rem,8vw,9rem);align-items:end;margin-bottom:clamp(4rem,8vw,8rem)}
.book-shelf-head h2{font:400 clamp(3.6rem,6vw,7rem)/.9 var(--serif);letter-spacing:-.055em;margin:0}
.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3.4rem);align-items:start}
.book-card{min-width:0;border-top:1px solid var(--ink);padding-top:1.35rem}
.book-card-cover{min-height:clamp(410px,43vw,610px);padding:clamp(2rem,4vw,4.3rem);display:grid;place-items:center;background:linear-gradient(145deg,rgba(27,53,76,.12),rgba(185,206,217,.58));overflow:hidden;position:relative}
.book-card:nth-child(2) .book-card-cover{background:linear-gradient(145deg,#c9d9dd,#9db9c8)}
.book-card:nth-child(3) .book-card-cover{background:linear-gradient(145deg,#262b2e,#151a1d)}
.book-card-cover:after{content:"";position:absolute;inset:auto -18% -37% auto;width:70%;aspect-ratio:1;border:1px solid rgba(255,255,255,.28);border-radius:50%}
.book-card-cover img{position:relative;z-index:1;height:440px;max-width:86%;width:auto;object-fit:contain;box-shadow:0 25px 50px rgba(16,26,34,.25)}
.book-card--foodies .book-card-cover img{image-rendering:auto}
.book-card-copy{padding:2rem .2rem 0;display:flex;flex-direction:column;align-items:flex-start}
.book-card h3{font:400 clamp(2.25rem,3.2vw,3.7rem)/.95 var(--serif);letter-spacing:-.045em;margin:1.15rem 0 1.2rem}
.book-title-alt{display:block;color:#49687b;font-size:.62em;letter-spacing:-.025em;margin-top:.38rem}
.book-card p{margin:0 0 1.6rem;max-width:440px}
.book-card .link{margin-top:auto}
.book-signal{display:inline-block;padding:.65rem .8rem;margin:0 0 1.15rem;border-left:2px solid var(--copper);background:rgba(169,111,85,.1);font-size:.67rem;line-height:1.35;letter-spacing:.1em;text-transform:uppercase}
.book-links{display:flex;gap:1.35rem;flex-wrap:wrap}

.book-history{padding:clamp(6rem,10vw,11rem) 4.5vw;background:linear-gradient(118deg,#152632 0 61%,#315b75 61%);color:var(--paper);border-bottom:1px solid rgba(243,239,231,.18)}
.book-history-head{display:grid;grid-template-columns:.28fr 1fr;gap:clamp(3rem,8vw,9rem);margin-bottom:clamp(4rem,8vw,8rem)}
.book-history-head h2{font:400 clamp(3.3rem,5.8vw,6.5rem)/.91 var(--serif);letter-spacing:-.055em;margin:0;max-width:980px}
.book-history-head p{font-size:1.08rem;max-width:660px;margin:1.8rem 0 0;color:rgba(243,239,231,.73)}
.book-history-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(243,239,231,.25);border:1px solid rgba(243,239,231,.25)}
.book-history-card{display:grid;grid-template-columns:minmax(155px,.65fr) 1.35fr;gap:clamp(1.8rem,3vw,3.5rem);padding:clamp(2rem,3.5vw,4rem);background:rgba(15,25,32,.91);align-items:center;min-height:530px}
.book-history-card--dragon{background:rgba(34,62,77,.94)}
.book-history-card>a{display:grid;place-items:center;min-width:0}
.book-history-card img{display:block;width:min(100%,260px);height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;margin:auto;box-shadow:0 25px 55px rgba(0,0,0,.32)}
.book-history-card h3{font:400 clamp(2.35rem,3.6vw,4.25rem)/.94 var(--serif);letter-spacing:-.045em;margin:1rem 0 1.3rem}
.book-history-card p{max-width:470px;color:rgba(243,239,231,.74);margin:0 0 1.5rem}

.contact{display:grid;grid-template-columns:1.08fr .92fr;min-height:calc(100svh - 84px)}
.contact-main{position:relative;isolation:isolate;padding:clamp(4rem,8vw,8rem) 4.5vw;background:linear-gradient(130deg,var(--paper) 0 76%,var(--mist) 76%);overflow:hidden}
.contact-main:after{content:"";position:absolute;z-index:-1;right:-15vw;bottom:-17vw;width:36vw;height:36vw;border:1px solid rgba(27,53,76,.2);border-radius:50%}
.contact-main h1{font-size:clamp(4.5rem,8vw,9rem);margin:3rem 0}
.contact-main p{max-width:640px;font-size:1.12rem}
.contact-options{padding:clamp(3rem,6vw,6rem) 4.5vw;background:linear-gradient(155deg,#172b3c 0 64%,#315b75 64%);color:var(--paper)}
.contact-option{padding:1.8rem 0;border-bottom:1px solid rgba(243,239,231,.25);display:grid;grid-template-columns:2.5rem 1fr;gap:1rem}
.contact-option{transition:padding .4s cubic-bezier(.2,.8,.2,1),background .4s}
.contact-option:hover{padding-left:1rem;padding-right:1rem;background:rgba(185,206,217,.08)}
.contact-option h2{font:400 1.8rem/1.1 var(--serif);margin:0 0 .6rem}
.contact-option p{opacity:.72;margin:0}
.social{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2.5rem}
.social span{width:100%}

.footer{display:grid;grid-template-columns:minmax(260px,.38fr) 1fr;background:#0f171b;color:var(--paper);min-height:380px}
.footer-mark{display:flex;align-items:center;justify-content:center;padding:2.5rem;border-right:1px solid rgba(243,239,231,.2);background:linear-gradient(145deg,#0f171b 0 67%,#253f4e 67%);overflow:hidden}
.footer-signature{width:clamp(220px,22vw,360px);max-width:100%;height:auto;opacity:.94;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.footer-mark:hover .footer-signature,.footer-mark:focus-visible .footer-signature{opacity:1;transform:scale(1.025)}
.footer-content{padding:3.5rem 4.5vw;display:flex;flex-direction:column;justify-content:space-between}
.footer-nav,.footer-social,.footer-legal{display:flex;gap:1.4rem;flex-wrap:wrap}
.footer-nav a,.footer-social a,.footer-social span,.footer-legal{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.footer-social span{opacity:.55}
.footer-legal{justify-content:space-between;opacity:.65}

.legal{max-width:900px;margin:auto;padding:clamp(5rem,9vw,9rem) 4.5vw}
.legal h1{font:400 clamp(4rem,8vw,8rem)/.9 var(--serif);letter-spacing:-.05em}
.legal h2{font:400 2.2rem/1.1 var(--serif);margin-top:3rem}
.legal p{line-height:1.8}
.reveal{opacity:0;transform:translate3d(0,42px,0);clip-path:inset(0 0 13% 0);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1),clip-path 1s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none;clip-path:inset(0)}
.reveal-group>*:not(.color-current){opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}
.reveal-group.in>*:not(.color-current){opacity:1;transform:none}
.reveal-group.in>*:not(.color-current):nth-child(2){transition-delay:.08s}
.reveal-group.in>*:not(.color-current):nth-child(3){transition-delay:.16s}
.reveal-group.in>*:not(.color-current):nth-child(4){transition-delay:.24s}

.hero .kicker,.hero h1,.hero-deck,.hero-actions,.hero-image,.page-hero>.micro,.page-hero>div{animation:sceneEnter 1s cubic-bezier(.2,.8,.2,1) both}
.hero h1,.page-hero>div{animation-delay:.08s}
.hero-deck{animation-delay:.18s}.hero-actions{animation-delay:.26s}.hero-image{animation-delay:.12s}
@keyframes sceneEnter{from{opacity:0;transform:translate3d(0,34px,0);clip-path:inset(0 0 15% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}

@media(min-width:901px){
  .reveal{transform:translate3d(0,64px,0);transition-duration:1.12s}
  .reveal-group>*:not(.color-current){transform:translateY(34px);transition-duration:.78s}
  .section[data-scene] .section-head>div,.books-intro[data-scene]>div:last-child,.book-shelf[data-scene] .book-shelf-head>div,.book-history[data-scene] .book-history-head>div{transform:translate3d(0,var(--scene-shift),0);transition:transform .08s linear;will-change:transform}
  .editorial[data-scene] .quote{transform:translate3d(var(--scene-lateral),var(--scene-shift),0);transition:transform .08s linear;will-change:transform}
  .editorial[data-scene] .editorial-copy>div{transform:translate3d(0,var(--scene-shift-reverse),0);transition:transform .08s linear;will-change:transform}
  .work-block[data-scene] .copy,.book-feature[data-scene] .book-feature-copy{transform:translate3d(0,var(--scene-shift),0);transition:transform .08s linear;will-change:transform}
  .book-feature[data-scene] .book-cover-stage img{transform:translate3d(0,var(--scene-shift-reverse),0)!important;will-change:transform}
}

@media(max-width:900px){
  .hero{grid-template-columns:1fr}.hero-copy{min-height:680px}.hero-image{min-height:75svh}
  .section-head,.about-opening,.chapter,.work-block,.books-intro,.contact,.editorial,.footer,.big-line--sequence{grid-template-columns:1fr}
  .principles{grid-template-columns:1fr}.principle,.principle+.principle{border-right:0;border-bottom:1px solid;padding:0;min-height:0}.principle:last-child{border-bottom:0}.principle summary{min-height:0;padding:1.45rem 0;grid-template-columns:1fr auto;grid-template-rows:auto auto}.principle-title{grid-column:1}.principle .disclosure{grid-column:2;grid-row:1/3}.expandable{padding-right:3.5rem}
  .card summary{grid-template-columns:3rem 1fr auto}.card-line{grid-column:2/-1}.card-more{grid-template-columns:3rem 1fr auto;margin-left:0}.card-more p{grid-column:2/-1}.card-more .link{grid-column:2}
  .page-hero{grid-template-columns:1fr;gap:2rem}
  .about-opening .display{position:static}
  .chapter > h2,.work-block > div:first-of-type{position:static}
  .evidence-strip{grid-template-columns:repeat(2,1fr)}.evidence:nth-child(2){border-right:0}.evidence:nth-child(-n+2){border-bottom:1px solid rgba(243,239,231,.19)}
  .chapter{padding-left:calc(4.5vw + 4rem)}
  .footer-mark{min-height:220px;padding:1.2rem;border-right:0;border-bottom:1px solid rgba(243,239,231,.2)}
  .footer-signature{width:min(76vw,340px)}
  .book-feature{grid-template-columns:1fr}.book-cover-stage{min-height:720px}.book-orbit{width:min(78vw,570px)}
  .book-shelf-head,.book-history-head{grid-template-columns:1fr;gap:2rem}.book-grid{grid-template-columns:repeat(2,1fr)}.book-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem}.book-card:last-child .book-card-copy{padding-top:0}
  .book-history-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  body:before{width:2px}
  .header{min-height:72px}.nav{display:none}.menu{display:block;justify-self:end}.menu summary{list-style:none;text-transform:uppercase;letter-spacing:.15em;font-size:.66rem}.menu summary::-webkit-details-marker{display:none}.menu nav{position:fixed;inset:72px 0 auto;background:rgba(243,239,231,.98);padding:2rem 5vw;border-bottom:1px solid var(--line);display:grid;gap:1.4rem}
  .hero{min-height:auto}.hero-copy{min-height:650px}.hero h1{font-size:clamp(3.45rem,15.5vw,5.35rem)}.hero h1 span{margin-left:0}.hero-deck{grid-template-columns:1fr}.hero-deck .micro{display:none}.hero-image{min-height:66svh}
  .section,.page-hero{padding-left:5vw;padding-right:5vw}.section-head h2{font-size:clamp(3rem,13vw,4.8rem)}.section-head{grid-template-columns:1fr}
  .section.dark,.section.cool,.section.warm{background-position:center;background-size:auto 100%}
  .card summary{grid-template-columns:2.3rem 1fr auto;gap:1rem}.card-title{font-size:2.35rem}.card-line{grid-column:2/-1}.card-more{grid-template-columns:2.3rem 1fr;gap:1rem}.card-more p,.card-more .link{grid-column:2}
  .editorial-copy h2{font-size:3.8rem}.page-hero{min-height:58svh}.page-hero h1{font-size:clamp(3.8rem,17vw,5.7rem)}
  .evidence-strip{grid-template-columns:1fr}.evidence,.evidence:nth-child(2){border-right:0;border-bottom:1px solid rgba(243,239,231,.19);min-height:175px}.evidence:last-child{border-bottom:0}
  .insight-band p{font-size:clamp(3rem,13vw,4.6rem)}
  .chapter{grid-template-columns:1fr;padding-left:calc(5vw + 3.2rem)}.chapter:before{left:calc(5vw + 4px)}.timeline:before{left:calc(5vw + 8px)}.chapter:after{font-size:13rem}
  .big-line{font-size:3.55rem}
  .work-block{padding:2.25rem 5vw}.work-block h2{font-size:clamp(2.6rem,11.5vw,3.8rem)}.work-block:after{font-size:12rem}.work-focus{gap:.45rem}.big-line--sequence{gap:2rem}.big-line--sequence strong{font-size:.72em}.big-line--sequence span{font-size:.48em;line-height:1.18}
  .essay summary,.essay--all{grid-template-columns:1fr auto;gap:.8rem;padding:1rem 0}.essay .micro{grid-column:1/-1}.essay-title,.essay h2{font-size:clamp(1.9rem,8.8vw,2.85rem)}.essay-intro{margin-left:0;padding-right:2rem;padding-bottom:1.25rem}
  .books-intro{padding-left:5vw;padding-right:5vw}.books-intro p{font-size:1.35rem}.book-cover-stage{min-height:610px;padding:4rem 12vw}.book-cover-stage img{height:min(112vw,520px);max-width:74%}.book-spine-note{left:1rem;bottom:1.3rem}.book-feature-copy{padding:4.7rem 5vw}.book-feature-copy h2{font-size:clamp(3.7rem,16vw,5.6rem)}
  .book-shelf,.book-history{padding-left:5vw;padding-right:5vw}.book-grid{grid-template-columns:1fr;gap:4rem}.book-card:last-child{grid-column:auto;display:block}.book-card:last-child .book-card-copy{padding-top:2rem}.book-card-cover{min-height:520px}.book-card-cover img{height:390px;width:auto}.book-history-card{grid-template-columns:minmax(112px,.7fr) 1.3fr;gap:1.4rem;padding:1.5rem;min-height:430px}.book-history-card img{width:min(100%,220px);height:auto;max-height:none}.book-history-card h3{font-size:2.45rem}.book-history-card p{font-size:.92rem}.book-history-card .micro{font-size:.54rem}
  .contact-main h1{font-size:4.1rem}.footer-content{min-height:350px}.footer-legal{flex-direction:column}.quote{font-size:2.65rem}
  .color-current{width:135vw;left:-70vw;opacity:.35}
  .card:hover,.contact-option:hover{padding-left:0;padding-right:0;background-size:0 100%;background:transparent}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
  .reveal,.reveal-group>*{opacity:1;transform:none;clip-path:none}
  .color-current,.hero-copy:before,.page-hero:after,.flow-section:before{transform:none!important}
  .book-cover-stage:before,.book-orbit{transform:none!important}
}