:root {
  --paper:#f6ecdd; --white:#fbf3e7; --ink:#2f211e; --deep:#38181f;
  --wine:#701f2b; --rose:#8a2d40; --copper:#b87955; --tan:#e9d7bc;
  --muted:#6c514a; --line:rgba(112,31,43,.2);
  --gutter:clamp(24px,5.6vw,92px); --font:"DM Sans",system-ui,sans-serif;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--font); font-optical-sizing:auto; -webkit-font-smoothing:antialiased; overflow-x:clip; }
button,input,textarea { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
a { color:inherit; }
button:focus-visible,a:focus-visible,[tabindex]:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible { outline:3px solid #b87955; outline-offset:5px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
::selection { color:var(--white); background:var(--wine); }
h1,h2,h3,p { margin-top:0; }
button { touch-action:manipulation; }
.no-js .interactive-only { display:none!important; }
.skip-link { position:fixed; top:12px; left:12px; z-index:100; padding:15px 24px; background:var(--paper); color:var(--wine); transform:translateY(-180%); }
.skip-link:focus { transform:none; }
.site-header { display:flex; align-items:center; justify-content:space-between; padding:22px var(--gutter); gap:24px; background:var(--paper); min-height:98px; position:relative; z-index:3; }
.brand { display:block; width:clamp(182px,19vw,270px); flex-shrink:0; }
.brand-logo { display:block; width:100%; height:auto; }
.main-nav { display:flex; align-items:center; gap:clamp(22px,3vw,48px); font-size:14px; }
.main-nav a { text-decoration:none; }
.nav-link { position:relative; padding:14px 0; }
.nav-link::after { content:""; position:absolute; bottom:8px; left:0; width:100%; height:1px; background:var(--wine); transform:scaleX(0); transform-origin:left; transition:transform .25s ease; }
.nav-link:hover::after { transform:scaleX(1); }
.nav-cta { border:1px solid var(--line); border-radius:100px; display:flex; align-items:center; gap:28px; padding:13px 20px; color:var(--wine); }
.nav-cta:hover { background:#ecddcb; }
.eyebrow { font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; line-height:1.5; margin:0; color:var(--wine); }
.eyebrow.light { color:#f0d5be; }
.small-note { font-size:12px; line-height:1.5; }
.section-heading { display:flex; justify-content:space-between; align-items:start; gap:24px; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:38px; min-height:56px; padding:17px 24px; border:1px solid transparent; border-radius:5px; text-decoration:none; font-size:14px; font-weight:500; transition:background .25s ease, box-shadow .25s ease; }
.button-arrow { display:inline-block; font-size:23px; font-weight:300; line-height:.8; transition:transform .25s ease; }
.button:hover .button-arrow { transform:translate(3px,-3px); }
.light-button { color:var(--wine); background:var(--paper); }
.light-button:hover { background:var(--white); box-shadow:0 6px 24px #0002; }
.wine-button { color:var(--white); background:var(--wine); }
.hero { --hero-progress:0; min-height:830px; min-height:max(760px,calc(100svh - 98px)); position:relative; isolation:isolate; overflow:clip; color:var(--white); background:radial-gradient(ellipse at 85% 18%,#8b38484d,transparent 60%),radial-gradient(ellipse at 12% 105%,#b8795566,transparent 60%),linear-gradient(133deg,#34161e 0%,#651e2e 70%,#7b3440 100%); padding:91px var(--gutter) 146px; }
.hero-copy { position:relative; max-width:850px; z-index:2; }
.hero h1 { font-size:clamp(82px,9.4vw,146px); line-height:1; font-weight:400; letter-spacing:-.037em; margin:34px 0 34px; }
.hero h1 span { color:#edc7a9; }
.hero-intro { font-size:clamp(19px,1.65vw,24px); line-height:1.5; color:#f4e2d1; max-width:650px; font-weight:300; margin:0 0 34px; }
.hero-grid { position:absolute; z-index:-2; inset:0; opacity:.14; background-image:linear-gradient(90deg,transparent calc(100% - 1px),#e9c5a5 1px); background-size:25% 100%; }
.hero-contours { position:absolute; inset:0; width:100%; height:100%; z-index:-1; opacity:.44; }
.hero-contours path { fill:none; stroke:#dba987; stroke-width:.85; vector-effect:non-scaling-stroke; }
.hero-contours path:first-child { stroke-width:1.4; }
.hero-sculpture { position:absolute; width:min(46vw,670px); right:2%; top:11%; z-index:0; transform-origin:center; transform:translateY(calc(var(--hero-progress) * 80px)) rotate(calc(-9deg + var(--hero-progress) * 15deg)); }
.hero-sculpture svg { width:100%; height:auto; display:block; filter:drop-shadow(16px 24px 24px #200b172b); }
.hero-sculpture span { display:block; margin:18px 15% 0 0; text-align:right; color:#f2d0b8; font-size:11px; letter-spacing:.02em; }
.hero-bottom { position:absolute; bottom:35px; left:var(--gutter); right:var(--gutter); display:flex; align-items:end; justify-content:space-between; font-size:11px; line-height:1.5; color:#edd4c2; }
.hero-bottom>span { text-align:right; }
.scroll-link { display:flex; align-items:center; gap:12px; text-decoration:none; font-size:10px; text-transform:uppercase; letter-spacing:.16em; }
.scroll-line { width:1px; height:40px; display:block; background:#e0b79b; }
.thesis { padding:58px var(--gutter) 128px; position:relative; background:var(--paper); }
.thesis h2 { max-width:1180px; margin:125px auto 87px; text-align:center; font-size:clamp(48px,5.8vw,86px); line-height:1.17; font-weight:300; letter-spacing:-.018em; }
.thesis h2 span { color:var(--wine); }
.thesis-bottom { display:grid; grid-template-columns:.7fr 1.6fr .7fr; align-items:center; gap:50px; max-width:1180px; margin:0 auto; padding-top:38px; border-top:1px solid var(--line); }
.thesis-bottom p { max-width:550px; margin:0; font-size:18px; line-height:1.65; color:var(--muted); }
.unravel { width:160px; height:auto; color:var(--wine); }
.unravel path { stroke:currentColor; stroke-width:1.4; fill:none; }
.unravel circle { fill:currentColor; }
.thesis-signoff { color:var(--wine); font-size:13px; line-height:1.5; text-align:right; }
.chapter { --chapter-open:1; --chapter-progress:.5; position:relative; isolation:isolate; overflow:clip; color:var(--white); padding:120px var(--gutter) 60px; }
.chapter-surface { position:absolute; inset:0; z-index:-2; overflow:clip; background:linear-gradient(155deg,#8b3a47 0%,#701f2b 48%,#38181f 100%); clip-path:inset(0 calc((1 - var(--chapter-open)) * 4.4%) 0 round calc((1 - var(--chapter-open)) * 44px)); }
.chapter-glow { position:absolute; inset:-10%; opacity:1; background:radial-gradient(ellipse 75% 25% at 15% 12%,#d4966b99,transparent 76%),radial-gradient(ellipse 70% 45% at 85% 75%,#b8795566,transparent 72%); transform:translateY(calc((var(--chapter-progress) - .5) * -300px)); }
.chapter-surface::after { content:""; position:absolute; inset:0; background:#291019; opacity:calc(var(--chapter-progress) * .55); }
.chapter-lines { position:absolute; inset:0; width:100%; height:100%; stroke:#efc4a3; stroke-width:1; fill:none; opacity:.3; z-index:1; }
.chapter-lines .route { stroke-width:2; stroke-dasharray:1; stroke-dashoffset:calc(1 - var(--chapter-progress)); opacity:.9; }
.chapter-content { max-width:1400px; margin:auto; }
.chapter .small-note,.chapter .eyebrow.light { color:var(--white); }
.chapter-intro { display:flex; align-items:end; justify-content:space-between; gap:50px; margin:72px 0 104px; }
.chapter-intro h2 { font-size:clamp(58px,7vw,108px); line-height:1.04; font-weight:300; letter-spacing:-.029em; margin:0; }
.chapter-intro h2 span { color:#edc7a9; }
.chapter-intro>p { font-size:19px; line-height:1.6; max-width:320px; margin:0 0 7px; color:#f5ddcd; font-weight:300; }
.panel-sequence { position:relative; padding-bottom:10px; }
.panel-slot { position:relative; width:83%; margin:0 0 clamp(100px,21vh,220px); z-index:calc(var(--panel-index) + 2); }
.panel-slot.panel-one { margin-left:auto; }
.panel-slot.panel-two { width:86%; margin-right:auto; }
.panel-slot.panel-three { width:88%; margin-left:auto; margin-bottom:0; }
html[data-motion="on"] .can-stack .panel-slot { position:sticky; top:calc(32px + var(--panel-index) * 20px); }
.engagement-panel { --panel-x:0px; --panel-y:0px; --panel-scale:1; color:var(--ink); background:var(--white); border:1px solid #e9d4c0; border-radius:12px; padding:42px clamp(34px,4vw,62px) 28px; box-shadow:0 25px 80px #240d2433; transform-origin:center top; }
html[data-motion="on"] .engagement-panel { transform:translate3d(var(--panel-x),var(--panel-y),0) scale(var(--panel-scale)); will-change:transform; }
.panel-two .engagement-panel { background:#f1e1cc; border-color:#e5cdb8; }
.panel-three .engagement-panel { background:#fbf3e7; }
.panel-top { display:flex; justify-content:space-between; gap:16px; align-items:center; }
.panel-type { font-size:11px; color:var(--muted); }
.panel-body { display:grid; grid-template-columns:1.6fr .65fr; align-items:center; gap:20px; padding:65px 0 46px; }
.panel-body h3 { font-size:clamp(39px,4.3vw,65px); line-height:1.08; letter-spacing:-.028em; font-weight:400; margin:0 0 21px; }
.panel-body p { max-width:480px; margin:0; font-size:17px; line-height:1.6; color:#695047; }
.panel-art { width:100%; height:auto; max-width:210px; justify-self:end; color:var(--wine); }
.panel-deliverable { display:flex; justify-content:space-between; align-items:baseline; gap:24px; border-top:1px solid var(--line); padding-top:23px; }
.panel-deliverable>span { font-size:11px; color:var(--muted); }
.panel-deliverable p { font-size:17px; letter-spacing:-.01em; color:var(--wine); margin:0; }
.chapter-footer { margin:76px 0 0; text-align:center; font-size:16px; font-weight:300; color:#f4ddcd; }
.practice { padding:80px var(--gutter) 135px; background:var(--paper); }
.practice h2 { font-size:clamp(49px,6.2vw,92px); line-height:1.1; font-weight:300; letter-spacing:-.026em; margin:88px 0 70px; }
.practice h2>span { color:var(--wine); }
.example-layout { display:grid; grid-template-columns:.86fr 1.14fr; align-items:start; gap:clamp(35px,6vw,100px); }
.example-choices { padding-top:16px; }
.example-instruction { font-size:13px; color:var(--muted); margin-bottom:30px; }
.example-tabs { display:flex; flex-direction:column; border-top:1px solid var(--line); }
.example-tabs button { width:100%; display:flex; justify-content:space-between; align-items:center; gap:20px; text-align:left; padding:24px 2px; background:transparent; color:var(--ink); border:0; border-bottom:1px solid var(--line); font-size:clamp(19px,1.8vw,25px); font-weight:400; line-height:1.25; }
.example-tabs button>span { font-size:23px; font-weight:300; color:var(--wine); transition:transform .25s ease; }
.example-tabs button[aria-selected="true"] { color:var(--wine); }
.example-tabs button[aria-selected="true"]>span { transform:rotate(45deg); }
.example-tabs button:hover { background:#e9d7bc55; }
.example-note { max-width:340px; font-size:12px; line-height:1.65; color:var(--muted); margin:28px 0 0; }
.example-panel { position:relative; isolation:isolate; background:radial-gradient(ellipse at 100% 0,#9c4d4c55,transparent 60%),var(--deep); color:var(--white); border-radius:12px; padding:47px 45px 30px; min-height:600px; overflow:clip; }
.example-panel .eyebrow { position:relative; z-index:1; }
.example-number { position:absolute; right:15px; top:-20px; font-size:180px; line-height:1; font-weight:300; letter-spacing:-.07em; color:#f1cfb30d; z-index:-1; }
.example-panel h3 { font-size:clamp(31px,3.1vw,46px); font-weight:300; line-height:1.14; letter-spacing:-.02em; margin:26px 0 21px; }
.example-description { font-size:16px; font-weight:300; line-height:1.65; color:#e6cbbd; max-width:490px; margin:0 0 28px; }
.example-answers { margin:0; }
.example-answers>div { display:grid; grid-template-columns:120px 1fr; gap:22px; padding:19px 0; border-top:1px solid #f6ecdd2b; }
.example-answers dt { font-size:11px; color:#edc7a9; line-height:1.6; }
.example-answers dd { font-size:14px; line-height:1.6; margin:0; color:#fff2e5; }
.perspective { padding:86px var(--gutter) 105px; display:grid; grid-template-columns:.7fr 1.3fr; gap:70px; align-items:center; background:var(--tan); }
.perspective>div:last-child { max-width:830px; }
.perspective h2 { font-size:clamp(33px,3.8vw,57px); font-weight:400; line-height:1.16; letter-spacing:-.024em; margin:28px 0 25px; }
.perspective-copy { font-size:18px; line-height:1.65; color:var(--muted); max-width:650px; }
.perspective-copy p { margin:0 0 20px; }
.perspective-copy p:last-child { margin-bottom:0; }
.selected-inventions { margin-top:30px; border-top:1px solid var(--line); font-size:14px; line-height:1.6; max-width:650px; }
.selected-inventions summary { cursor:pointer; color:var(--wine); padding:18px 0; font-weight:500; }
.selected-inventions p { font-size:12px; color:var(--muted); }
.selected-inventions ul { list-style:none; padding:0; margin:0; }
.selected-inventions li { border-top:1px solid var(--line); }
.selected-inventions a { display:block; padding:12px 0; text-underline-offset:4px; }
.selected-inventions a span { display:block; font-size:11px; color:var(--muted); margin-top:3px; }
.perspective-symbol { width:210px; height:210px; justify-self:center; position:relative; border:1px solid #701f2b33; border-radius:50%; }
.perspective-symbol span { position:absolute; width:72%; height:72%; border:1px solid #701f2b80; top:14%; left:14%; transform:rotate(45deg); border-radius:4px; }
.perspective-symbol span:nth-child(2) { transform:rotate(15deg); }
.perspective-symbol span:nth-child(3) { transform:rotate(75deg); }
.closing { --closing-progress:.5; position:relative; isolation:isolate; overflow:clip; padding:126px var(--gutter) 124px; color:var(--white); background:linear-gradient(112deg,#38181f 0%,#581f2c 43%,#7e3c42 71%,#a5674b 100%); }
.closing::before { content:""; position:absolute; inset:-12% -7%; z-index:-2; pointer-events:none; background:radial-gradient(ellipse 43% 57% at 88% 30%,#d69e74e0 0%,#bd815766 44%,#b8795500 78%),radial-gradient(ellipse 58% 68% at 62% 7%,#8a2d4080,transparent 76%); }
.closing::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(0deg,#38181ff5 0%,#38181fd9 13%,#38181f70 32%,#38181f00 62%),linear-gradient(90deg,#38181f66 0%,#38181f33 45%,#38181f00 75%); }
html[data-motion="on"] .closing::before { transform:translate3d(calc((var(--closing-progress) - .5) * -24px),calc((var(--closing-progress) - .5) * -100px),0); }
.closing-content { position:relative; z-index:2; }
.closing h2 { font-size:clamp(64px,8vw,120px); line-height:1.03; font-weight:300; letter-spacing:-.028em; margin:40px 0 29px; }
.closing-content>p:not(.eyebrow):not(.contact-direct) { font-size:clamp(19px,2vw,26px); line-height:1.5; color:#e8caba; font-weight:300; margin:0 0 33px; }
.contact-direct { font-size:13px; line-height:1.6; color:#e3c1b2; margin:18px 0 0; }
.contact-direct a { text-underline-offset:4px; }
.closing-orbit { position:absolute; width:590px; height:590px; border:1px solid #f0c9a273; border-radius:50%; right:-65px; top:95px; transform:rotate(25deg); z-index:0; pointer-events:none; }
html[data-motion="on"] .closing-orbit { transform:translateY(calc((var(--closing-progress) - .5) * -46px)) rotate(calc(18deg + var(--closing-progress) * 14deg)); }
.closing-orbit::before,.closing-orbit::after { content:""; position:absolute; border:1px solid #f0c9a252; border-radius:50%; inset:38px; }
.closing-orbit::after { inset:85px; }
.closing-orbit span { position:absolute; top:49%; left:-13px; width:26px; height:26px; border-radius:50%; background:#edc7a9; box-shadow:0 0 34px #edc7a94d; }
.footer-line { position:relative; z-index:2; border-top:1px solid #f6ecdd30; padding-top:32px; margin-top:130px; display:flex; justify-content:space-between; gap:30px; align-items:end; }
.footer-brand { color:var(--paper); width:295px; }
.footer-brand .brand-logo { width:230px; max-width:100%; }
.footer-brand>span { display:block; margin-top:10px; font-size:10px; }
.footer-links { display:flex; flex-direction:column; gap:22px; text-align:right; font-size:11px; color:#e3c1b2; line-height:1.6; }
.footer-links>a { text-underline-offset:5px; }
.motion-control { align-self:flex-end; color:inherit; background:transparent; border:1px solid #f6ecdd55; border-radius:4px; padding:11px 16px; min-height:44px; }
.motion-control:hover { background:#f6ecdd12; }
.review-toolbar { position:fixed; z-index:20; right:20px; bottom:max(15px,env(safe-area-inset-bottom)); display:flex; align-items:center; gap:0; border:1px solid #a26b575c; color:var(--wine); background:#fbf3e7f7; border-radius:7px; box-shadow:0 3px 20px #2f121222; font-size:11px; }
.review-toolbar>* { padding:12px 15px; min-height:42px; display:flex; align-items:center; }
.review-toolbar .study-label { font-weight:600; letter-spacing:.04em; }
.review-toolbar>a { text-decoration:none; border-left:1px solid var(--line); }
.review-toolbar>button { background:transparent; color:var(--wine); border:0; border-left:1px solid var(--line); border-radius:0; font-size:11px; }
.review-toolbar>a:hover,.review-toolbar>button:hover { background:#e9d7bc88; }
dialog { width:min(600px,calc(100% - 32px)); max-height:calc(100svh - 40px); overflow-y:auto; border:1px solid var(--line); border-radius:15px; padding:34px; color:var(--ink); background:var(--paper); box-shadow:0 40px 120px #210c1966; }
dialog::backdrop { background:#271219b8; backdrop-filter:blur(7px); }
.dialog-top { display:flex; gap:15px; align-items:center; justify-content:space-between; }
.dialog-top button { display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:var(--wine); background:transparent; width:40px; height:40px; flex-shrink:0; font-size:25px; }
dialog h2 { font-size:clamp(32px,5vw,50px); font-weight:400; line-height:1.12; letter-spacing:-.02em; margin:28px 0 20px; }
dialog p { font-size:14px; line-height:1.6; color:var(--muted); }
dialog label { display:block; font-size:13px; margin:26px 0 12px; }
dialog input,dialog textarea { display:block; width:100%; background:var(--white); border:1px solid #987868; border-radius:4px; padding:12px 14px; font-size:16px; line-height:1.5; color:var(--ink); }
dialog textarea { resize:vertical; min-height:130px; }
dialog input::placeholder,dialog textarea::placeholder { color:#80665c; opacity:1; }
dialog fieldset { min-width:0; border:0; padding:0; margin:0; }
.contact-field-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.contact-field-row>div { min-width:0; }
.field-optional { color:var(--muted); font-size:12px; }
.contact-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); pointer-events:none; }
.contact-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
.contact-actions button:disabled { cursor:not-allowed; opacity:.55; }
.contact-retry { border:0; background:transparent; color:var(--wine); padding:12px 0; text-decoration:underline; text-underline-offset:4px; margin-top:20px; }
.contact-status { min-height:22px; margin:16px 0 0; }
.contact-status[data-state="error"] { color:#8b1f31; }
.contact-status[data-state="success"] { color:#3e5530; }
.contact-alternative { border-top:1px solid var(--line); padding-top:18px; margin:22px 0 0; }
.contact-alternative a { color:var(--wine); text-underline-offset:4px; }
body.contact-open { overflow:hidden; }
dialog form .button { margin-top:20px; }
.copy-status { min-height:22px; margin:16px 0 0; }

@media(min-width:1700px) {
  .hero-copy,.thesis,.practice,.perspective,.closing { padding-left:max(var(--gutter),calc((100% - 1500px)/2)); padding-right:max(var(--gutter),calc((100% - 1500px)/2)); }
  .hero-copy { padding:0; }
  .hero-sculpture { right:8%; }
}
@media(max-width:1050px) {
  .hero { min-height:800px; }
  .hero-sculpture { right:-11%; width:60vw; top:17%; opacity:.65; }
  .hero-copy { max-width:85%; }
  .hero h1 { font-size:clamp(80px,10.7vw,112px); }
  .thesis-bottom { grid-template-columns:.55fr 1.6fr; gap:40px; }
  .thesis-signoff { display:none; }
  .chapter-intro { display:block; }
  .chapter-intro>p { max-width:530px; margin:35px 0 0; }
  .panel-slot,.panel-slot.panel-two,.panel-slot.panel-three { width:91%; }
  .panel-body { grid-template-columns:1.6fr .6fr; gap:10px; }
  .panel-body h3 { font-size:46px; }
  .example-layout { gap:30px; }
  .example-panel { padding:35px 30px 25px; }
  .example-answers>div { grid-template-columns:1fr; gap:8px; }
  .perspective { grid-template-columns:.5fr 1.5fr; gap:45px; }
  .perspective-symbol { width:150px; height:150px; }
  .closing-orbit span { top:auto; bottom:-13px; left:calc(50% - 13px); }
}
@media(max-width:700px) {
  :root { --gutter:24px; }
  .site-header { min-height:83px; padding:18px 22px; gap:12px; }
  .brand { width:176px; }
  .main-nav { gap:0; font-size:12px; }
  .main-nav .nav-link { display:none; }
  .nav-cta { padding:10px 12px; gap:12px; }
  .hero { min-height:770px; min-height:max(770px,calc(100svh - 83px)); padding:71px 24px 144px; }
  .hero-copy { max-width:100%; }
  .eyebrow { font-size:10px; letter-spacing:.12em; }
  .hero h1 { font-size:clamp(54px,15vw,90px); letter-spacing:-.032em; line-height:1.04; margin:39px 0 31px; }
  .hero-intro { font-size:19px; max-width:430px; line-height:1.6; font-weight:300; margin-bottom:31px; }
  .desktop-break { display:none; }
  .hero .button { font-size:13px; padding:16px 19px; gap:26px; }
  .hero-sculpture { width:440px; top:115px; right:-252px; opacity:.35; }
  .hero-sculpture span { display:none; }
  .hero-grid { background-size:50% 100%; opacity:.08; }
  .hero-bottom { bottom:32px; left:24px; right:24px; }
  .hero-bottom>span { font-size:10px; max-width:130px; }
  .scroll-link { font-size:9px; gap:10px; letter-spacing:.12em; }
  .section-heading { gap:24px; align-items:center; }
  .section-heading .small-note { display:none; }
  .thesis { padding:45px 24px 86px; }
  .thesis h2 { font-size:clamp(33px,8.6vw,53px); line-height:1.24; letter-spacing:-.014em; font-weight:300; margin:85px auto 58px; }
  .thesis h2 br:first-of-type { display:none; }
  .thesis-bottom { display:block; padding-top:28px; }
  .unravel { width:118px; display:block; margin:0 auto 28px; }
  .thesis-bottom p { font-size:17px; line-height:1.7; text-align:center; }
  .chapter { padding:75px 16px 52px; }
  .chapter .section-heading,.chapter-intro { margin-left:8px; margin-right:8px; }
  .chapter-intro { margin-top:49px; margin-bottom:68px; }
  .chapter-intro h2 { font-size:clamp(46px,12vw,70px); line-height:1.1; letter-spacing:-.026em; }
  .chapter-intro>p { font-size:18px; line-height:1.6; margin-top:28px; }
  .chapter-surface { clip-path:inset(0 calc((1 - var(--chapter-open)) * 4%) 0 round calc((1 - var(--chapter-open)) * 24px)); }
  .panel-slot,.panel-slot.panel-two,.panel-slot.panel-three { width:calc(100% - 12px); margin-bottom:115px; }
  .panel-slot.panel-three { margin-bottom:0; }
  html[data-motion="on"] .can-stack .panel-slot { top:calc(16px + var(--panel-index) * 12px); }
  .engagement-panel { padding:28px 25px 25px; border-radius:9px; box-shadow:0 20px 45px #210f242b; }
  .panel-type { display:none; }
  .panel-body { position:relative; display:block; padding:76px 0 31px; }
  .panel-body h3 { font-size:clamp(31px,8.3vw,46px); line-height:1.14; font-weight:400; letter-spacing:-.022em; margin-bottom:21px; }
  .panel-body p { font-size:16px; line-height:1.6; }
  .panel-art { position:absolute; top:-14px; right:-2px; width:74px; height:74px; opacity:.75; }
  .panel-deliverable { display:block; padding-top:21px; }
  .panel-deliverable>span { display:block; font-size:10px; margin-bottom:8px; }
  .panel-deliverable p { font-size:17px; line-height:1.4; }
  .chapter-footer { margin-top:53px; padding:0 8px; font-size:15px; line-height:1.6; }
  .practice { padding:52px 24px 85px; }
  .practice h2 { font-size:clamp(38px,10vw,57px); line-height:1.17; letter-spacing:-.022em; margin:60px 0 37px; }
  .example-layout { display:block; }
  .example-choices { padding-top:0; }
  .example-instruction { margin-bottom:22px; }
  .example-tabs button { font-size:20px; padding:22px 0; }
  .example-note { max-width:none; margin-top:23px; font-size:11px; }
  .example-panel { padding:32px 27px 22px; margin-top:35px; min-height:0; border-radius:9px; }
  .example-panel h3 { font-size:33px; line-height:1.18; }
  .example-description { font-size:16px; }
  .example-answers>div { padding:18px 0; gap:7px; }
  .example-answers dt { font-size:11px; }
  .example-answers dd { font-size:14px; }
  .example-number { font-size:150px; }
  .perspective { display:block; padding:67px 24px 73px; }
  .perspective-symbol { width:100px; height:100px; margin:0 0 43px 15px; }
  .perspective h2 { font-size:34px; line-height:1.22; letter-spacing:-.02em; margin-top:22px; }
  .perspective-copy { font-size:17px; }
  .closing { padding:85px 24px 112px; background:linear-gradient(116deg,#38181f 0%,#622432 48%,#9c5b45 100%); }
  .closing::before { background:radial-gradient(ellipse 78% 37% at 108% 42%,#d69e74b3 0%,#bd81574d 43%,#b8795500 78%),radial-gradient(ellipse 85% 60% at 85% 0%,#8a2d4066,transparent 75%); }
  .closing::after { background:linear-gradient(0deg,#38181ff5 0%,#38181fe6 22%,#38181f73 46%,#38181f00 74%),linear-gradient(90deg,#38181f80 0%,#38181f40 62%,#38181f00 100%); }
  .closing h2 { font-size:clamp(49px,12.6vw,75px); line-height:1.1; letter-spacing:-.027em; margin:38px 0 27px; }
  .closing-content>p:not(.eyebrow):not(.contact-direct) { font-size:19px; line-height:1.6; }
  .closing-orbit { width:390px; height:390px; right:-215px; top:150px; opacity:.72; }
  .closing-orbit span { top:49%; bottom:auto; left:-13px; }
  .contact-direct { max-width:290px; }
  .footer-line { margin-top:85px; padding-top:28px; flex-direction:column; align-items:start; gap:30px; }
  .footer-brand { width:min(270px,100%); }
  .footer-brand .brand-logo { width:220px; }
  .footer-links { text-align:left; gap:16px; font-size:10px; }
  .motion-control { align-self:flex-start; }
  .review-toolbar { right:12px; bottom:max(10px,env(safe-area-inset-bottom)); font-size:10px; }
  .review-toolbar>* { padding:12px; min-height:43px; }
  .review-toolbar>button { font-size:10px; }
  dialog { padding:27px 23px; }
  .dialog-top .eyebrow { max-width:200px; }
  .contact-field-row { grid-template-columns:1fr; gap:0; }
}
@media(max-width:360px) {
  .site-header { padding-left:16px; padding-right:16px; }
  .brand { width:160px; }
  .nav-cta { gap:9px; padding:10px; }
  .hero { min-height:790px; }
  .hero h1 { font-size:53px; }
  .hero-intro { font-size:18px; }
  .engagement-panel { padding:27px 21px 24px; }
  .panel-body h3 { font-size:30px; }
  .review-toolbar .study-label { padding-left:10px; padding-right:10px; }
}
html[data-motion="off"] { scroll-behavior:auto; }
html[data-motion="off"] .hero-sculpture { transform:rotate(-9deg); }
html[data-motion="off"] .chapter-surface { clip-path:none; }
html[data-motion="off"] .chapter-glow { transform:none; }
html[data-motion="off"] .panel-slot { position:relative; top:auto; }
html[data-motion="off"] .engagement-panel { transform:none; will-change:auto; }
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after { animation:none!important; transition:none!important; }
@media(prefers-reduced-motion:reduce) {
  html:not([data-motion="on"]) { scroll-behavior:auto; }
}
@media print {
  .review-toolbar,.hero-sculpture,.hero-contours,.chapter-surface,.closing-orbit,.perspective-symbol,.hero-grid { display:none; }
  .hero,.chapter,.closing,.example-panel { background:white; color:#2f211e; }
  .panel-slot,.engagement-panel { transform:none!important; position:relative!important; top:auto!important; break-inside:avoid; }
  .panel-slot { margin-bottom:25px; }
  .eyebrow.light,.hero h1 span,.chapter-intro h2 span,.hero-intro,.chapter-intro>p,.chapter-footer { color:#701f2b; }
  .closing::before,.closing::after { display:none; }
  .footer-brand { color:#701f2b; }
  .footer-logo-ink { flood-color:#701f2b; }
}