:root{--paper:#eee2ce;--charcoal:#29251f;--orange:#b95b2c;--surface:var(--paper);--ink:var(--charcoal);font-family:'DM Sans',sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;overflow-x:clip;background:#eee2ce}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #ce7039;outline-offset:6px}img{display:block;max-width:100%;height:auto}.skip{position:fixed;z-index:100;top:-100px;left:22px;background:var(--paper);padding:16px}.skip:focus{top:12px}
.header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 6vw;color:#29251f;background:#eee2cef2;backdrop-filter:blur(12px);border-bottom:1px solid #56402916}.wordmark{font:600 25px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.06em;white-space:nowrap}.wordmark span{color:var(--orange)}.header nav{display:flex;align-items:center;gap:25px}.header nav>a{font-size:13px;line-height:1.4;padding:10px 0}.header nav>a[aria-current]{border-bottom:1px solid currentColor}.header .read-mode{font-size:12px;opacity:.8}.menu-toggle{display:none}
main{position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 8%,#f7eddc,transparent 22%),radial-gradient(ellipse at 20% 62%,#f9f0e0,transparent 35%),#eee2ce}.section{position:relative;min-height:105svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:6vw;padding:135px 6vw 140px;scroll-margin-top:0;color:#29251f;background:transparent;overflow:visible}.section:first-child{min-height:100svh;padding-top:145px}.section[data-scene=hero]{padding-bottom:120px}.chapter-copy{position:relative;z-index:5;grid-column:1;grid-row:1;max-width:560px;align-self:center}.copy-inner{max-width:560px}.chapter-copy:before{content:'';position:absolute;z-index:-1;inset:-35px;background:radial-gradient(ellipse,#eee2ce 40%,#eee2ceee 60%,transparent 75%);pointer-events:none}.scene-art{position:relative;grid-column:2;grid-row:1;min-width:0;aspect-ratio:1.15;z-index:1;align-self:center;pointer-events:none;overflow:visible;transform:translateY(var(--depth,0px)) rotate(var(--tilt,0deg));transform-origin:50% 60%}.art-image{position:absolute;inset:0}.art-image>svg{width:100%;height:100%;display:block;overflow:visible}.scene-hero{aspect-ratio:1.15;max-width:550px;width:100%;justify-self:center;transform:translateY(var(--depth,0px)) rotate(-4deg)}.scene-voice{aspect-ratio:1.12}.scene-upsellon{aspect-ratio:1.5}.scene-contact{aspect-ratio:1.35}.scene-writing{aspect-ratio:1.15}
.eyebrow{font-size:12px;line-height:1.7;letter-spacing:.12em;text-transform:uppercase;font-weight:500;margin:0 0 24px}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-.06em;text-wrap:balance}h1{font-size:clamp(60px,7.8vw,112px);line-height:1.01;margin:0 0 28px}h2{font-size:clamp(46px,5.2vw,76px);line-height:1.06;margin:0 0 28px}h1 span,h2 span{color:var(--orange)}h3{font-size:25px;line-height:1.25;margin:38px 0 15px}p{font-size:17px;line-height:1.8;margin:0 0 22px}.lead{font-size:25px;line-height:1.45;letter-spacing:-.025em;margin-bottom:26px}.milestone{font:500 21px/1.5 'Space Grotesk',sans-serif;letter-spacing:-.02em}.body-copy{max-width:46ch}.detail{font-size:13px;opacity:.8}.source-link{display:inline-block;font-size:14px;line-height:1.6;padding:5px 0;border-bottom:1px solid #76584677;min-height:34px}.email{display:inline-block;max-width:100%;font:500 clamp(25px,2.9vw,42px)/1.4 'Space Grotesk',sans-serif;letter-spacing:-.04em;padding:7px 0;border-bottom:1px solid #76584688}
.button{display:none}.button:after{content:'';position:absolute;inset:4px;border-top:1px solid #ffdb9b22;border-bottom:1px solid #54230933;pointer-events:none}.button:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffcf9255,0 10px 22px #57321530}.button span:last-child{font-size:22px}
@media(max-width:1100px){.header{padding:20px 5vw}.header nav{gap:17px}.section{padding-left:5vw;padding-right:5vw;gap:4vw}p{font-size:16px}.lead{font-size:23px}.header nav>a{font-size:12px}}
@media(max-width:800px){html{scroll-padding-top:82px}.header{padding:17px 24px;min-height:70px}.wordmark{font-size:23px}.menu-toggle{display:flex;gap:12px;align-items:center;background:none;border:0;padding:8px 0 8px 12px;font-size:15px}.header nav{display:none;position:absolute;inset:100% 0 auto;background:#eee2ce;padding:14px 24px 24px;border-bottom:1px solid #a28c7133}.header nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.header nav>a,.header .read-mode{font-size:16px;min-height:44px;padding:11px 0}.section,.section:first-child{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:80px 24px 100px;gap:30px;scroll-margin-top:0}.section:first-child{padding-top:125px}.chapter-copy{order:1;max-width:none}.copy-inner{max-width:620px}.scene-art{order:2;width:100%;max-width:560px;margin:0 auto;aspect-ratio:1.35}.scene-hero{max-width:360px;aspect-ratio:1.2}.scene-asa{aspect-ratio:1.5}.scene-upsellon{aspect-ratio:1.5}.scene-voice{aspect-ratio:1.2}.scene-contact{aspect-ratio:1.7}.section[data-scene=origin],.section[data-scene=contact]{min-height:0}.section[data-scene=voice]{padding:80px 24px 100px}.chapter-copy:before{inset:-15px}.ribbon-world{opacity:.9}h1{font-size:clamp(54px,13vw,78px)}h2{font-size:clamp(39px,9.6vw,60px)}p{font-size:16px;line-height:1.75}.lead{font-size:22px}.body-copy{max-width:none}.eyebrow{font-size:11px;margin-bottom:21px}.email{font-size:clamp(23px,7vw,36px)}.button{display:none}.footer{display:grid;grid-template-columns:1fr 1fr;padding:27px 24px;font-size:12px}}
@media(max-width:360px){.header{padding-left:20px;padding-right:20px}.wordmark{font-size:21px}.section,.section:first-child,.section[data-scene=voice]{padding-left:20px;padding-right:20px}h1{font-size:52px}h2{font-size:38px}.lead{font-size:20px}.email{font-size:23px}.eyebrow{font-size:10px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-art{transform:none!important}.button{display:none}.ribbon-light{display:none}}.reading-fallback .scene-art{transform:none!important}.reading-fallback .ribbon-light{display:none}
.section:first-child{padding-top:125px;padding-bottom:100px}.section[data-scene=hero] .body-copy{max-width:46ch}
.selected-writing{display:grid;gap:26px;margin-top:36px}.writing-entry h3{margin-top:0}.writing-entry+.writing-entry{border-top:1px solid #8a704f33;padding-top:26px}.session-note,.interview-note{margin-top:34px;padding-top:12px;border-top:1px solid #8a704f33}.photo-caption{font-size:12px;color:#705d48}
@media(max-width:800px){h1{font-size:clamp(52px,12vw,72px)}.section:first-child{padding-top:125px;padding-bottom:100px}}

/* rest-fullscene-2: the environment is the page, not a picture card. */
.section{display:block;padding:0;min-height:100svh;isolation:isolate;overflow:clip;background:#e6d6bd}
.section .scene-art{position:sticky!important;top:0!important;display:block;inset:auto;width:100%;max-width:none!important;height:100svh;min-height:650px;aspect-ratio:auto!important;margin:0 0 -100svh!important;transform:none!important;z-index:0;overflow:hidden}
.section .art-image{inset:0}.section .art-image>svg{width:100%;height:100%;overflow:hidden}
.section .chapter-copy{position:relative;z-index:2;max-width:48vw;margin:0;padding:130px 0 110px 6vw;min-height:100svh;display:flex;align-items:center}
.section .copy-inner{max-width:540px;width:100%}.section .body-copy{max-width:45ch}
.section .chapter-copy:before{display:none}.section:after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#eadfcedd 0%,#eadfcecc 32%,#eadfce55 48%,transparent 61%)}
.section[data-scene=upsellon],.section[data-scene=voice]{background:#25221e;color:#f6eddf}
.section[data-scene=upsellon]:after,.section[data-scene=voice]:after{background:linear-gradient(90deg,#25221ee8,#25221ec9 32%,#25221e44 48%,transparent 62%)}
.section[data-scene=upsellon] .scene-art{background:#181613}
.section[data-scene=voice] .source-link{border-color:#ebd7bb88}.section[data-scene=voice] .photo-caption{color:#d5c4ac}
.section[data-scene=voice] .session-note{border-color:#ad94744d}.section[data-scene=voice]{padding:0}
.section[data-scene=origin]{min-height:100svh}.section[data-scene=writing] .chapter-copy{max-width:55vw}.section[data-scene=writing] .copy-inner{max-width:620px}
.section[data-scene=writing]:after{background:linear-gradient(90deg,#eadfcef5,#eadfceec 42%,#eadfce33 66%,transparent 80%)}
.section[data-scene=writing] .selected-writing{gap:30px}.section[data-scene=writing] .writing-entry{padding-bottom:8px}
@media(min-width:801px) and (max-height:700px){.section .scene-art{min-height:100svh}.section .chapter-copy{padding-top:108px;padding-bottom:75px} .section h2{font-size:clamp(44px,4.5vw,66px)}.section p{font-size:16px;line-height:1.7}}
@media(max-width:800px){
 .section,.section[data-scene=voice]{padding:0;min-height:100svh}
 .section .scene-art{position:sticky!important;top:0!important;height:100svh;min-height:0;width:100%;margin:0 0 -100svh!important;opacity:1}
 .section .art-image{left:-80%;right:-20%}.section[data-scene=upsellon] .art-image{left:-75%;right:-25%}
 .section .chapter-copy,.section[data-scene=writing] .chapter-copy{max-width:none;padding:115px 24px 95px;min-height:100svh;align-items:center}
 .section .copy-inner{max-width:600px}.section .body-copy{max-width:none}.section h2{font-size:clamp(38px,9.6vw,60px)}
 .section:after,.section[data-scene=writing]:after{background:linear-gradient(90deg,#eadfcef7 0%,#eadfceeb 65%,#eadfce99 100%)}
 .section[data-scene=upsellon]:after,.section[data-scene=voice]:after{background:linear-gradient(90deg,#25221ef5,#25221eea 65%,#25221e99)}
 .section[data-scene=seller] .art-image{left:-25%;right:-70%}
 .section .lead{font-size:21px}.section .eyebrow{font-size:11px}
}
@media(max-width:360px){.section .chapter-copy,.section[data-scene=writing] .chapter-copy{padding-left:20px;padding-right:20px}.section h2{font-size:38px}.section p{font-size:16px}.section .email{font-size:23px}}
@media(prefers-reduced-motion:reduce){.section .scene-art{position:absolute!important;inset:0;height:100%;margin:0!important}.section .art-image{position:sticky;top:0;height:100svh}.section .chapter-copy{min-height:100svh}}
.dark .header{background:#25221ef2;color:#f3eadb;border-bottom-color:#fff1}
.section[data-scene=seller] h2{font-size:clamp(44px,4.05vw,64px)}
@media(max-width:800px){.section[data-scene=seller] h2{font-size:clamp(38px,9.6vw,60px)}}
.footer{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:30px 6vw;background:#ded1bb;color:#29251f;font-size:13px;line-height:1.5}.footer a{padding:8px 0}
@media(max-width:800px){.footer{display:grid;grid-template-columns:1fr 1fr;padding:27px 24px;font-size:12px}.dark .header nav{background:#25221e;color:#f3eadb}}
@media(max-width:800px){.section[data-theme=light]:after{background:linear-gradient(110deg,#eadfcefa 0%,#eadfcee8 45%,#eadfce9c 67%,#eadfce22 100%)}}
@media(max-width:800px){.section[data-scene=contact]:after{background:linear-gradient(to bottom,#eadfcef7 0%,#eadfceeb 48%,#eadfce99 68%,#eadfce11 100%)}}
html.motion-off{scroll-behavior:auto!important}html.motion-off .button{display:none}html.motion-off .button:hover{transform:none}

/* Speaking is one full-bleed real environment, with live copy in a quiet zone. */
.section[data-scene=voice] .art-image{inset:0}
.section[data-scene=voice]:after{background:linear-gradient(90deg,#201e1af7 0%,#201e1aeb 32%,#201e1ac9 47%,#201e1a40 68%,#201e1a11 100%)}
@media(max-width:800px){.section[data-scene=voice] .art-image{left:32%;right:-32%}.section[data-scene=voice]:after{background:linear-gradient(90deg,#201e1af5 0%,#201e1ae8 62%,#201e1ab8 100%)}}
/* Keep the curved logo visible without letting its lettering compete with mobile copy. */
@media(max-width:800px){.section[data-scene=seller]:after{background:linear-gradient(90deg,#eadfcef7 0%,#eadfcef0 72%,#eadfcecc 100%)}}

/* Revision5: one editorial scale, with the imagery supporting the subject. */
.header nav>a{font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.header .read-mode{font-size:14px}.header nav{gap:26px}
.section .chapter-copy{max-width:56vw;padding-left:6vw;padding-top:140px;padding-bottom:120px}
.section .copy-inner{max-width:660px}.section .body-copy{max-width:52ch}
.section h2{font-size:clamp(54px,5.1vw,78px);line-height:1.05}
.section[data-scene=seller] h2{font-size:clamp(48px,4.6vw,72px)}
.section p{font-size:19px;line-height:1.72}.section .lead{font-size:28px;line-height:1.4}
.section .eyebrow{font-size:13px;line-height:1.6;letter-spacing:.11em}
.section .detail,.section .photo-caption{font-size:14px;line-height:1.55}
.section h3{font-size:29px;line-height:1.25}.section .source-link{font-size:16px;min-height:44px;padding:9px 0}
.section[data-scene=writing] .chapter-copy{max-width:58vw}.section[data-scene=writing] .copy-inner{max-width:680px}
.section[data-scene=writing] .body-copy{max-width:54ch}.section[data-scene=writing] .selected-writing{gap:34px}
.button{display:none}
.button:after,.button:before{display:none}.button:hover{transform:none;filter:brightness(1.08)}
.section[data-scene=voice] .chapter-copy{max-width:55vw;padding-top:135px;padding-bottom:115px}
.section[data-scene=voice] .copy-inner{max-width:640px}.section[data-scene=voice] .body-copy{max-width:46ch}
.section[data-scene=voice] h2{font-size:clamp(56px,5.1vw,76px)}
.section[data-scene=voice]:after{background:radial-gradient(ellipse 55% 44% at 12% 20%,#201e1aee 0%,#201e1a99 56%,transparent 100%),radial-gradient(ellipse 56% 42% at 15% 91%,#201e1af5 0%,#201e1aaa 55%,transparent 100%)}
.section[data-scene=voice] .chapter-copy{text-shadow:0 1px 6px #16141099}
.section[data-scene=voice] .session-note{margin-top:80px;padding-top:22px;max-width:47ch;border-color:#f1debd55}
.section[data-scene=voice] .session-note{position:relative;padding-left:22px}
/* A folded fabric bookmark identifies the selected public session. Its weave
   comes from the approved ribbon photograph, not a generated grid or swoosh. */


.section[data-scene=voice] .session-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#e9a579;margin-bottom:14px}
.section[data-scene=voice] .session-note h3{margin-top:0;font-size:30px}
.section[data-scene=voice]>.photo-caption{position:absolute;right:4vw;bottom:27px;z-index:3;max-width:32ch;margin:0;text-align:right;text-shadow:0 1px 5px #14120f}
.section[data-scene=contact] h2{font-size:clamp(70px,7vw,108px)}
.section[data-scene=contact] .email{font-size:clamp(34px,3.7vw,54px)}
@media(min-width:801px) and (max-width:1100px){.header nav{gap:16px}.header nav>a{font-size:13px}.header .read-mode{font-size:12px}.section .chapter-copy{max-width:59vw}.section p{font-size:18px}.section .lead{font-size:25px}}
@media(min-width:801px) and (max-height:700px){.section .chapter-copy{padding-top:115px;padding-bottom:90px}.section h2{font-size:62px}.section[data-scene=voice] .chapter-copy{padding-top:115px}.section[data-scene=voice] .session-note{margin-top:65px}.section[data-scene=voice] h2{font-size:62px}}
@media(max-width:800px){
 .section .chapter-copy,.section[data-scene=writing] .chapter-copy{max-width:none;padding:105px 24px 90px}
 .section h2,.section[data-scene=seller] h2{font-size:clamp(40px,10.4vw,62px)}
 .section p{font-size:17px;line-height:1.75}.section .lead{font-size:24px}.section .eyebrow{font-size:11px}
 .section h3{font-size:27px}.section .source-link{font-size:15px}.section .detail{font-size:13px}
 .section[data-scene=voice] .scene-art{position:relative!important;height:auto;min-height:0;aspect-ratio:2048/1366!important;margin:0!important}
 .section[data-scene=voice] .art-image{inset:0}.section[data-scene=voice]:after{display:none}
 .section[data-scene=voice] .chapter-copy{max-width:none;min-height:0;padding:48px 24px 55px;background:#201e1a;text-shadow:none}
 .section[data-scene=voice] h2{font-size:clamp(46px,11vw,65px)}.section[data-scene=voice] .session-note{margin-top:45px}
 .section[data-scene=voice] .session-note h3{font-size:27px}
 .section[data-scene=voice]>.photo-caption{position:relative;inset:auto;max-width:none;padding:0 24px 38px;text-align:left;background:#201e1a;font-size:12px;text-shadow:none}
 .section[data-scene=contact] h2{font-size:clamp(58px,14vw,80px)}.section[data-scene=contact] .email{font-size:clamp(27px,7.4vw,40px)}
}
@media(max-width:360px){.section .chapter-copy,.section[data-scene=writing] .chapter-copy,.section[data-scene=voice] .chapter-copy{padding-left:20px;padding-right:20px}.section p{font-size:16px}.section h2,.section[data-scene=seller] h2{font-size:39px}.section .lead{font-size:22px}.section[data-scene=contact] .email{font-size:25px}}
a:focus-visible,button:focus-visible{outline-color:#8e391d}
.section[data-theme=dark] a:focus-visible,.dark .header a:focus-visible,.dark .header button:focus-visible{outline-color:#ffc397}
@media(max-width:800px){.menu-toggle{min-height:44px;min-width:64px}}

/* Explicit reading mode and OS reduced motion share the same non-sticky flow. */
html.motion-off .section:not([data-scene=voice]) .scene-art{position:absolute!important;inset:0 auto auto 0!important;height:100svh;min-height:0;margin:0!important}
html.motion-off .section:not([data-scene=voice]) .art-image{position:absolute!important;top:0;height:100%}
@media(prefers-reduced-motion:reduce){
 .section:not([data-scene=voice]) .scene-art{position:absolute!important;inset:0 auto auto 0!important;height:100svh;min-height:0;margin:0!important}
 .section:not([data-scene=voice]) .art-image{position:absolute!important;top:0;height:100%}
}
@media(min-width:801px){
 html.motion-off .section[data-scene=voice] .scene-art{position:absolute!important;inset:0!important;height:100svh;min-height:0;margin:0!important}
 @media(prefers-reduced-motion:reduce){.section[data-scene=voice] .scene-art{position:absolute!important;inset:0!important;height:100svh;min-height:0;margin:0!important}}
}
.section h2,.section h3,.email{overflow-wrap:anywhere}
main:focus,.section:focus{outline:none}
@media(max-width:800px){.header nav.open{max-height:calc(100svh - 76px);overflow:auto;overscroll-behavior:contain}}
.voice-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.scene-voice .photo-caption{position:absolute;right:4vw;bottom:27px;z-index:3;max-width:32ch;margin:0;text-align:right;color:#f5ead9;text-shadow:0 1px 5px #14120f}
.button{display:none}
@media(max-width:800px){
 .section[data-scene=voice] .scene-art{aspect-ratio:auto!important}
 .section[data-scene=voice] .art-image{position:relative;inset:auto;height:auto;aspect-ratio:2048/1366}
 .voice-photo{object-fit:contain}
 .scene-voice .photo-caption{position:relative;inset:auto;max-width:none;padding:14px 24px 20px;text-align:left;background:#201e1a;font-size:12px;line-height:1.6;text-shadow:none}
 .section[data-scene=voice] .chapter-copy{padding-top:30px}
}