/*
 * THE ART OF LIVING A WORTHY LIFE
 * A handwritten manuscript for the House of byAUNG
 * Palette: lacquered black, antique gold, warm parchment, sepia ink.
 */
:root{
  --obsidian:#0b0908; --night:#13100e; --night-soft:#1c1712;
  --gold:#dfbe78; --gold-bright:#f9de98; --gold-muted:#9f7f46;
  --parchment:#f5e9ce; --ink:#382c21; --ink-soft:#5c4937;
  --display:'Bodoni Moda','Cormorant Garamond','Baskerville','Times New Roman',serif;
  --manuscript:'Cormorant Garamond','Palatino Linotype','Book Antiqua',serif;
  --script:'Allura','Great Vibes','Snell Roundhand','Brush Script MT',cursive;
  --ui:'DM Sans','Inter',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:#e9d9be;background:var(--obsidian);font-family:var(--ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--gold-bright);outline-offset:5px}
::selection{color:#18120c;background:#e9c884}
.eyebrow{font-family:var(--ui);font-size:10px;font-weight:700;letter-spacing:.29em;line-height:1.7;color:var(--gold)}
.skip-link{position:fixed;z-index:999;top:-120px;left:14px;padding:12px 19px;background:var(--gold);color:#13100b;font-weight:700}
.skip-link:focus{top:12px}
.reading-progress{position:fixed;z-index:110;left:0;right:0;top:0;height:2px;background:transparent;pointer-events:none}
.reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#a86c30,#fae1a1,#d9a749);box-shadow:0 0 12px rgba(240,201,112,.6);transition:width .1s ease-out}
/* Global house navigation */
.site-header{position:fixed;top:0;left:0;right:0;height:80px;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(30px,calc((100vw - 1480px)/2));background:rgba(11,9,8,.78);border-bottom:1px solid rgba(220,177,94,.14);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.brand-link{display:inline-flex;align-items:center;gap:11px;min-width:204px}
.brand-link>img{width:42px;height:42px;border-radius:50%;box-shadow:0 0 20px rgba(229,167,64,.09)}
.brand-stack{display:flex;flex-direction:column;gap:1px}.brand-stack strong{font-family:var(--display);font-size:28px;font-weight:600;letter-spacing:.02em;color:#f4ddb3;line-height:1}.brand-stack small{font-size:8px;letter-spacing:.23em;font-weight:600;color:#ae8e57;line-height:1.4}
.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.5vw,39px);white-space:nowrap}.main-nav a{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#d2c2aa;transition:color .25s}.main-nav a:hover,.main-nav a:focus-visible{color:var(--gold-bright)}
.header-actions{display:flex;align-items:center;gap:9px}.header-actions button{cursor:pointer;white-space:nowrap;border:1px solid rgba(221,176,95,.3);background:rgba(16,12,9,.5);color:#e7d0a7;padding:11px 12px;font-size:10px;letter-spacing:.08em;transition:background .2s,border-color .2s,color .2s}.header-actions button:hover{background:#282016;border-color:#c4a164;color:#fff4da}.quiet-button span:first-child{font-size:14px;vertical-align:-1px;margin-right:4px}.mobile-contents{display:none}
/* Cover: a luxury black and gold heirloom volume */
.hero{min-height:900px;min-height:100svh;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(450px,.94fr) minmax(420px,1.06fr);align-items:center;gap:20px;padding:140px max(6vw,calc((100vw - 1440px)/2)) 110px;background:radial-gradient(ellipse 55% 70% at 74% 43%,#28170b 0%,#17100d 44%,transparent 76%),linear-gradient(115deg,#0a0909 5%,#15100c 60%,#080707 100%)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background-image:radial-gradient(circle,#e9c06a 0.65px,transparent 1.4px);background-size:112px 116px;mask-image:linear-gradient(to right,transparent,black 35%,black 75%,transparent)}
.hero::after{content:"";position:absolute;z-index:-1;inset:18px;border:1px solid rgba(229,192,114,.08);pointer-events:none}
.hero-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(70px);opacity:.5}.hero-glow-a{height:290px;width:290px;left:45%;top:7%;background:#633809}.hero-glow-b{width:250px;height:250px;right:2%;bottom:5%;background:#34200c;opacity:.38}
.hero-content{position:relative;z-index:3;padding-left:clamp(0px,2.2vw,28px);max-width:670px}
.hero-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 32px}.small-diamond{font-size:18px;color:#d7a84d;line-height:1}
.hero-script{font-family:var(--script);font-size:clamp(33px,2.9vw,46px);color:#e4bf82;margin:0 0 18px;letter-spacing:.015em;transform:rotate(-1deg);transform-origin:left bottom;line-height:1.35;text-shadow:0 2px 16px rgba(0,0,0,.28)}
.hero h1{font-family:var(--display);font-weight:500;font-size:clamp(72px,6.55vw,120px);line-height:.86;letter-spacing:-.04em;margin:0;color:#f4e8d0;text-shadow:0 3px 35px rgba(0,0,0,.52)}
.hero h1 em{font-weight:500;color:var(--gold-bright);font-style:italic;white-space:nowrap}
.hero-rule,.intro-divider,.gilded-divider{display:flex;align-items:center;gap:18px;width:200px;margin:34px 0;color:var(--gold);font-family:serif;font-size:15px}.hero-rule i,.intro-divider i,.gilded-divider i{height:1px;flex:1;background:linear-gradient(to right,transparent,#cf9f53)}.hero-rule i:last-child,.intro-divider i:last-child,.gilded-divider i:last-child{background:linear-gradient(to left,transparent,#cf9f53)}
.hero-deck{max-width:450px;font-family:var(--display);font-size:clamp(22px,2vw,29px);font-weight:400;line-height:1.48;letter-spacing:.01em;color:#d9cab2;margin:0 0 36px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.primary-button,.ghost-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 23px;font-size:10px;font-weight:700;letter-spacing:.17em;transition:transform .25s,background .25s,border-color .25s}.primary-button{background:linear-gradient(115deg,#e8c987,#bd8e45);color:#1c1308;border:1px solid #f0cd83;box-shadow:0 7px 27px rgba(210,149,54,.13)}.ghost-button{border:1px solid #8b6c41;color:#e5c38a}.primary-button:hover,.ghost-button:hover{transform:translateY(-3px)}.ghost-button:hover{border-color:#e5c38a;background:rgba(179,127,56,.1)}.hero-byline{margin:38px 0 0;font-size:10px;font-weight:600;letter-spacing:.24em;color:#957c5b}.hero-byline span{color:#d5a95d;margin:0 7px}
.hero-art{position:relative;z-index:2;width:100%;max-width:780px;align-self:center;justify-self:center;display:grid;place-items:center;filter:drop-shadow(0 0 30px rgba(211,135,28,.11))}.hero-crest{width:100%;max-width:750px;aspect-ratio:1;object-fit:contain;mask-image:radial-gradient(ellipse 76% 77% at 50% 49%,black 64%,rgba(0,0,0,.94) 78%,transparent 99%);filter:drop-shadow(0 15px 28px rgba(0,0,0,.55))}.crest-halo{position:absolute;z-index:-1;width:78%;height:78%;border:1px solid rgba(229,174,71,.2);border-radius:50%;box-shadow:0 0 0 18px rgba(225,170,57,.016),0 0 90px rgba(175,102,23,.09),inset 0 0 80px rgba(235,160,50,.04)}.crest-halo::before,.crest-halo::after{content:"";position:absolute;inset:-30px;border:1px solid rgba(221,159,60,.055);border-radius:50%}.crest-halo::after{inset:-65px;border-color:rgba(221,159,60,.035)}
.hero-art-caption{position:absolute;bottom:-5px;font-size:9px;letter-spacing:.3em;color:#8d7049;white-space:nowrap}
.scroll-cue{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:5;display:flex;align-items:center;gap:15px;letter-spacing:.24em;font-size:9px;font-weight:600;color:#a98a5d}.scroll-cue span{font-size:20px;animation:soft-bob 2.4s ease-in-out infinite}@keyframes soft-bob{50%{transform:translateY(6px)}}
/* The invitation, typeset like a dedication leaf */
.introduction{position:relative;padding:140px 28px 120px;text-align:center;overflow:hidden;background:radial-gradient(ellipse 63% 65% at 50% 27%,#302217 0%,#1a1410 50%,#0e0b09 100%)}
.introduction::before,.closing-section::before{content:"";position:absolute;inset:34px;border:1px solid rgba(214,165,91,.13);pointer-events:none}.introduction::after{content:"";position:absolute;inset:42px;border:1px solid rgba(214,165,91,.045);pointer-events:none}
.intro-upper{position:relative;z-index:1;max-width:860px;margin:auto}.intro-flower{font-size:37px;font-family:serif;color:var(--gold);display:inline-block;margin-bottom:12px}.introduction .eyebrow{margin:0 0 23px}.introduction h2{font-family:var(--display);font-weight:500;font-size:clamp(60px,7vw,106px);line-height:.98;letter-spacing:-.035em;color:#f4e5c4;margin:0}.introduction h2 em{font-weight:400;color:var(--gold-bright)}.intro-divider{margin:29px auto 28px;width:230px}.intro-subtitle{font-family:var(--display);font-weight:500;font-size:clamp(22px,2.6vw,34px);line-height:1.35;color:#dac7a9;max-width:730px;margin:0 auto 19px}.intro-source{font-family:var(--display);font-size:clamp(18px,1.6vw,23px);font-style:italic;line-height:1.5;color:#b29d7e;max-width:620px;margin:0 auto}.preamble{position:relative;z-index:1;max-width:900px;display:flex;align-items:center;gap:20px;margin:64px auto 30px}.preamble-line{flex:1;height:1px;background:linear-gradient(to right,transparent,#624c30,transparent)}.preamble p{margin:0;color:#d8bd90;font-family:var(--display);font-size:22px;font-style:italic}
.chapter-index-grid{position:relative;z-index:1;max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-top:1px solid #6b502b44;border-bottom:1px solid #6b502b44}.chapter-index-grid a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 6px 26px;transition:background .2s}.chapter-index-grid a:hover{background:#5c442522}.chapter-index-grid a b{font-family:var(--display);font-weight:500;font-size:30px;color:#e0bd75}.chapter-index-grid a span{font-size:10px;letter-spacing:.08em;color:#bfa888}
/* The eight illuminated chapter spreads */
.book-area{position:relative;padding:96px max(20px,calc((100vw - 1400px)/2)) 100px;background:radial-gradient(ellipse 75% 22% at 50% 0%,#261a10,#110d0a 65%,#0a0908 100%)}
.book-area::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:repeating-linear-gradient(12deg,transparent 0 2px,rgba(219,171,104,.2) 2px 3px,transparent 3px 7px)}
.book-area-heading{position:relative;display:flex;justify-content:center;align-items:center;gap:21px;margin:0 auto 70px;color:#c29b5c;font-size:10px;font-weight:700;letter-spacing:.31em}.book-area-deco{font-family:serif;font-size:30px;font-weight:400;color:#b28e55}
.chapter-section{position:relative;scroll-margin-top:102px;padding-bottom:94px}.chapter-outer{max-width:1320px;margin:0 auto;position:relative}
.chapter-topline{display:flex;gap:18px;justify-content:center;align-items:center;margin:0 0 18px;font-size:9px;letter-spacing:.35em;color:#ac8955;font-weight:600}.chapter-topline .filigree{font-size:17px;letter-spacing:0}
.book-spread{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px;border:1px solid #bf9556;background:linear-gradient(94deg,#5b3618 0%,#8a5a2a 1.3%,#4d2f19 3.1%,#22140c 49.25%,#24150d 50.75%,#4c2e18 96.9%,#8b5e2d 98.7%,#5a3618 100%);box-shadow:0 40px 70px rgba(0,0,0,.62),0 16px 10px rgba(0,0,0,.28),0 0 0 4px rgba(54,34,20,.78),0 0 0 5px rgba(204,159,88,.38),0 0 38px rgba(185,122,39,.12);border-radius:8px 8px 18px 18px;isolation:isolate}
.book-spread::before{content:"";position:absolute;pointer-events:none;z-index:5;left:calc(50% - 9px);top:8px;bottom:8px;width:18px;background:linear-gradient(90deg,rgba(25,15,10,.45),rgba(56,33,17,.18) 24%,rgba(114,71,36,.58) 50%,rgba(52,31,17,.18) 76%,rgba(30,19,12,.38));box-shadow:0 0 14px rgba(45,27,15,.38)}
.book-spread::after{content:"";position:absolute;inset:8px;pointer-events:none;border:1px solid rgba(230,191,118,.16);border-radius:4px 4px 14px 14px;box-shadow:inset 0 1px 0 rgba(255,226,171,.08)}
.book-page{position:relative;min-width:0;background-color:var(--parchment);background-image:radial-gradient(ellipse 58% 90% at 30% 50%,rgba(255,255,246,.55),transparent 84%),radial-gradient(circle at top right,rgba(255,255,255,.33),transparent 26%),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(82,55,22,.02) 4px,transparent 5px),linear-gradient(125deg,#ead7b1,#fff4dd 32%,#f7e9ce 72%,#e7d0a5);color:var(--ink);box-shadow:inset 0 0 42px rgba(126,76,25,.11), inset 0 -24px 38px rgba(176,128,66,.06)}
.page-left{border-radius:2px 0 0 8px;box-shadow:inset -15px 0 25px rgba(67,35,13,.16),inset 12px 0 22px rgba(176,130,66,.07);background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(82,55,22,.022) 4px,transparent 5px),linear-gradient(100deg,#e3cba3,#fff1d8 17%,#f8ead0 75%,#ddc59b)}
.page-right{border-radius:0 2px 8px 0;box-shadow:inset 15px 0 25px rgba(67,35,13,.16),inset -12px 0 25px rgba(151,109,49,.08);background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(82,55,22,.022) 4px,transparent 5px),linear-gradient(100deg,#dec39b,#f6e5c6 23%,#fff1d7 80%,#e2c69d)}
.book-page::before{content:"";position:absolute;inset:17px;pointer-events:none;border:1px solid rgba(160,119,60,.34);box-shadow:inset 0 0 0 1px rgba(255,246,225,.36)}
.book-page::after{content:"❧";position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-family:var(--display);font-size:22px;color:rgba(129,89,43,.4)}
.page-inner{position:relative;z-index:1;display:flex;flex-direction:column;min-height:760px;padding:46px clamp(34px,4.05vw,69px) 56px}
.running-head{display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:1px solid rgba(141,94,43,.35);padding-bottom:14px;font-size:8px;letter-spacing:.22em;font-weight:700;text-align:center;color:#9b7445}.running-head span{color:#a87b3f}
.chapter-heading{position:relative;margin:28px 0 16px}.chapter-index{font-family:var(--display);font-size:72px;float:left;line-height:.94;margin:-10px 19px 5px 0;color:#9f753a;text-shadow:0 1px 0 #fff0cf}.chapter-mini{display:block;padding-top:3px;font-family:var(--ui);font-size:9px;letter-spacing:.27em;color:#9a7142;font-weight:700}.chapter-heading h2{font-family:var(--display);font-size:clamp(34px,3.2vw,50px);line-height:1.02;letter-spacing:-.018em;font-weight:600;margin:10px 0 0;color:#442b1d;clear:none;text-wrap:balance}.illuminated-rule{clear:both;display:flex;align-items:center;gap:12px;width:150px;padding-top:22px;color:#9e7744;font-size:11px}.illuminated-rule i{flex:1;height:1px;background:linear-gradient(to right,transparent,#a27b44)}
.continuation-mark{text-align:center;font-size:15px;color:#ac8151;margin:33px 0 11px}
.handwriting{font-family:var(--manuscript);font-size:clamp(18.5px,1.42vw,21.5px);line-height:1.66;letter-spacing:.005em;font-weight:500;font-style:italic;color:#432e1f;text-wrap:pretty;text-rendering:optimizeLegibility}.handwriting p{margin:0 0 1.08em;text-wrap:pretty}.handwriting p:last-child{margin-bottom:0}.handwriting p:first-child::first-letter{float:left;font-family:var(--display);font-style:normal;font-size:3.25em;line-height:.84;padding-right:.09em;margin-top:.09em;color:#8f6330;text-shadow:0 1px 0 #fff3d8}.handwriting strong{font-weight:600;color:#38261b;font-style:normal}.handwriting em{font-style:italic;color:#5a3c26}
.page-foot{border-top:1px solid rgba(141,94,43,.35);margin-top:auto;padding-top:14px;padding-bottom:0;display:flex;justify-content:space-between;gap:15px;font-family:var(--display);font-size:11px;letter-spacing:.12em;color:#917044}.page-foot span:last-child{font-family:var(--ui);font-size:10px}
.below-spread{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:28px;color:#bca075;letter-spacing:.19em;font-size:10px;font-weight:600}.small-deco{color:#86663e;font-size:16px}
.ceremony-spread .chapter-index,.questions-spread .chapter-index{font-size:62px}.ceremony-spread .handwriting p strong,.questions-spread .handwriting p strong{font-weight:700;color:#7a4828}.questions-spread .handwriting p:has(strong){border-left:2px solid #b68b50;padding-left:14px}
/* The last leaf, signed with the supplied byAUNG crest */
.closing-section{position:relative;min-height:1040px;text-align:center;padding:120px 24px 66px;overflow:hidden;background:radial-gradient(ellipse at 50% 28%,#3a2919 0%,#201711 40%,#0b0908 82%)}
.closing-section::after{content:"";position:absolute;inset:42px;pointer-events:none;border:1px solid #ca975326}
.closing-ornament{font-size:16px;color:#c7a36d;letter-spacing:1.1em;margin-left:1.1em}.closing-ornament span{font-size:29px}.closing-section .eyebrow{margin:18px 0 15px}.closing-section h2{font-family:var(--display);font-size:clamp(60px,7vw,105px);font-weight:500;line-height:1;letter-spacing:-.03em;color:#f5e4bb;margin:0}.gilded-divider{margin:27px auto 38px;width:240px}
.closing-vellum{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:74px clamp(30px,7vw,98px) 58px;background:linear-gradient(135deg,#e9d1a9,#fff2d8 24%,#f8ebce 76%,#e4c79a);border:1px solid #c79d65;box-shadow:0 42px 74px #0009,0 0 0 6px #4c341f,0 0 0 7px #b18448,0 0 24px rgba(200,145,67,.15);color:#463021;border-radius:6px}
.closing-vellum::before{content:"";position:absolute;inset:19px;pointer-events:none;border:1px solid rgba(149,101,49,.38)}
.principle-main{font-family:var(--display);font-size:clamp(27px,2.5vw,41px);font-weight:600;line-height:1.38;color:#56391f;max-width:820px;margin:0 auto 14px}.principle-main strong{font-weight:700}.mini-flourish{font-family:var(--display);font-size:35px;color:#a67c46;margin:15px 0}.principle-blessing{font-family:var(--display);font-style:italic;font-size:clamp(22px,2.05vw,29px);font-weight:500;line-height:1.44;max-width:760px;margin:12px auto 20px}.principle-final{font-family:var(--display);font-size:clamp(23px,2.35vw,33px);font-weight:600;color:#6c4a23;line-height:1.38;max-width:760px;margin:24px auto 0}
.closing-logo{position:relative;z-index:1;width:clamp(200px,28vw,320px);margin:24px auto -18px;filter:drop-shadow(0 0 24px rgba(223,167,66,.2));mask-image:radial-gradient(ellipse at center,black 61%,transparent 81%)}.closing-signoff{position:relative;z-index:1;font-family:var(--script);font-size:34px;color:#e1bb7b;margin:5px 0 17px}.return-top{position:relative;z-index:1;display:inline-flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.24em;font-weight:700;color:#dfc28b;padding:12px 19px;border-bottom:1px solid #cda26570;transition:color .2s}.return-top:hover{color:#fff0c8}
/* Footer matches the existing 'house' family */
.site-footer{padding:55px max(32px,calc((100vw - 1240px)/2)) 23px;background:#090807;border-top:1px solid #9773414d}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:inline-flex;gap:12px;align-items:center;font-family:var(--display);font-size:34px;font-weight:600;color:#ebd5ad}.footer-brand img{border-radius:50%}.footer-brand span{display:flex;flex-direction:column;gap:3px}.footer-brand small{font-family:var(--ui);font-size:8px;letter-spacing:.19em;color:#aa8d67}.footer-main p{max-width:430px;text-align:right;color:#b6a38a;font-family:var(--display);font-size:20px;font-style:italic}.footer-links{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;padding:22px 0;margin-top:26px;border-top:1px solid #59422a5e;border-bottom:1px solid #59422a5e}.footer-links a{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#bea177}.footer-links a:hover{color:#fff0bd}.copyright{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:23px;color:#8f7659;font-size:10px;letter-spacing:.06em}
/* Quiet mode keeps the book and drops peripheral spectacle */
body.quiet-mode .hero-glow,body.quiet-mode .hero-art-caption,body.quiet-mode .hero::before{display:none}
body.quiet-mode .book-area{background:#16110d}body.quiet-mode .book-area::before{display:none}body.quiet-mode .handwriting{font-size:clamp(19px,1.55vw,22px);line-height:1.72}body.quiet-mode .book-spread{box-shadow:0 18px 42px #0008}body.quiet-mode .quiet-button{background:#c7a16a;color:#16110d}
/* Tablet */
@media(max-width:1240px){.site-header{padding-inline:25px}.main-nav{gap:15px}.main-nav a{font-size:9px}.brand-link{min-width:160px}.header-actions .quiet-label{display:none}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding-inline:5vw}.hero h1{font-size:clamp(62px,7vw,92px)}.book-area{padding-inline:30px}.page-inner{padding-inline:33px}.handwriting{font-size:18px}.chapter-heading h2{font-size:38px}}
@media(max-width:980px){.main-nav{display:none}.mobile-contents{display:block;position:relative}.mobile-contents summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid #91714475;color:#f2d19e;font-size:11px}.mobile-contents summary::-webkit-details-marker{display:none}.mobile-contents-panel{position:absolute;right:0;top:48px;background:#18120f;border:1px solid #c6a16b88;box-shadow:0 17px 36px #0009;width:235px;display:flex;flex-direction:column;padding:12px}.mobile-contents-panel a{padding:12px 11px;font-size:11px;letter-spacing:.1em;border-bottom:1px solid #b48a5133}.mobile-contents-panel a:last-child{border:0}.hero{min-height:760px}.hero h1{font-size:clamp(57px,7.3vw,81px)}.hero-script{font-size:35px}.hero-deck{font-size:23px}.hero-art-caption{bottom:-20px}.chapter-index-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.chapter-index-grid a{border-bottom:1px solid #62452f33}.page-inner{padding-inline:26px;min-height:710px}.chapter-heading h2{font-size:36px}.chapter-index{font-size:56px;margin-right:11px}.handwriting{font-size:18px;line-height:1.54}.book-page::before{inset:12px}}
/* On narrow devices, read each page in sequence rather than shrinking the writing */
@media(max-width:700px){html{scroll-padding-top:78px}.site-header{height:68px;padding-inline:15px;gap:9px}.brand-link{min-width:auto;gap:8px}.brand-link>img{width:34px;height:34px}.brand-stack strong{font-size:23px}.brand-stack small{font-size:7px}.header-actions{margin-left:auto}.header-actions .quiet-button{padding:8px 9px}.header-actions .print-button{display:none}.mobile-contents summary{padding:9px 9px}.mobile-contents summary span{display:none}.hero{min-height:0;grid-template-columns:1fr;gap:0;padding:114px 22px 96px;text-align:center}.hero-content{order:2;max-width:620px;margin:0 auto;padding:0}.hero-art{order:1;width:min(70vw,310px);margin:-18px auto -16px}.hero-art-caption{display:none}.hero-eyebrow{justify-content:center;margin-bottom:19px;font-size:9px}.hero-script{font-size:33px;transform:none;margin-bottom:16px}.hero h1{font-size:clamp(58px,12.5vw,90px);line-height:.92}.hero h1 em{white-space:normal}.hero-rule{margin:24px auto}.hero-deck{margin-inline:auto;font-size:22px;max-width:370px}.hero-buttons{justify-content:center;gap:9px}.primary-button,.ghost-button{padding:13px 16px;font-size:9px;min-height:48px}.hero-byline{margin-top:29px;font-size:8px}.scroll-cue{bottom:23px;font-size:8px}.introduction{padding:94px 22px 88px}.introduction::before,.closing-section::before{inset:13px}.introduction::after,.closing-section::after{inset:19px}.introduction h2{font-size:clamp(52px,12vw,72px)}.intro-subtitle{font-size:24px}.intro-source{font-size:18px}.preamble{margin:47px auto 22px}.preamble p{font-size:18px;max-width:220px}.chapter-index-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.chapter-index-grid a{padding:16px 3px;gap:4px}.chapter-index-grid a b{font-size:25px}.chapter-index-grid a span{font-size:9px}.book-area{padding:70px 15px 50px}.book-area-heading{margin-bottom:45px}.chapter-section{padding-bottom:68px}.chapter-topline{letter-spacing:.16em;margin-bottom:12px;font-size:8px}.book-spread{grid-template-columns:1fr;padding:6px;border-radius:4px;background:#624522}.book-spread::before{display:none}.book-page{border-radius:0;min-height:unset}.page-left{border-radius:2px 2px 0 0;border-bottom:1px solid #a98558aa;box-shadow:inset 10px 0 22px #aa794c1f,inset -10px 0 18px #aa794c13}.page-right{border-radius:0 0 5px 5px;box-shadow:inset 10px 0 22px #aa794c1f,inset -10px 0 18px #aa794c13}.page-inner{min-height:0;padding:36px clamp(27px,6vw,48px) 56px}.page-left .page-inner{min-height:490px}.page-right .page-inner{min-height:350px}.chapter-heading{margin-top:26px}.chapter-heading h2{font-size:clamp(36px,8vw,48px)}.chapter-index{font-size:60px}.running-head{font-size:7px}.handwriting{font-size:clamp(18.5px,4.3vw,22.5px);line-height:1.62}.continuation-mark{margin-top:23px}.page-foot{padding-top:13px}.below-spread{margin-top:22px;font-size:9px;letter-spacing:.13em}.closing-section{min-height:auto;padding:93px 17px 53px}.closing-section h2{font-size:clamp(59px,11vw,79px)}.closing-vellum{padding:49px 31px 44px}.closing-vellum::before{inset:11px}.principle-main{font-size:24px}.principle-blessing{font-size:22px}.principle-final{font-size:24px}.closing-logo{width:240px}.site-footer{padding:43px 23px 23px}.footer-main{flex-direction:column;align-items:flex-start}.footer-main p{text-align:left;margin:0}.copyright{flex-direction:column;gap:7px}}
@media(max-width:390px){.brand-stack small{font-size:6px}.hero h1{font-size:54px}.hero-art{width:250px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-byline{font-size:7px}.chapter-index-grid a span{font-size:8px}.chapter-heading h2{font-size:33px}.handwriting{font-size:18.7px}.page-inner{padding-inline:26px}.footer-links{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Letterpress-friendly printing: each chapter starts on a new sheet. */
@page{size:A4;margin:14mm}
@media print{html,body{background:#fff!important;color:#1e170f!important;font-size:12pt;overflow:visible}.reading-progress,.site-header,.skip-link,.hero,.chapter-index-grid,.preamble,.book-area-heading,.chapter-topline,.below-spread,.return-top,.site-footer,.hero-glow{display:none!important}.introduction{page-break-after:always;min-height:0;padding:30mm 8mm;background:#fff!important;color:#1e170f!important}.introduction::before,.introduction::after{border-color:#bca378}.introduction h2,.intro-subtitle,.intro-source{color:#36291b!important}.book-area{padding:0;background:#fff!important}.book-area::before{display:none}.chapter-section{padding:0;margin:0 0 10mm;break-before:page;break-inside:avoid}.book-spread{display:grid;grid-template-columns:1fr 1fr;padding:0;border:1px solid #c7a76d;box-shadow:none!important;background:#fff!important;break-inside:avoid}.book-spread::before{display:none}.book-page,.page-left,.page-right{background:#fff!important;color:#282018;box-shadow:none!important;border-radius:0}.book-page::before{border-color:#cbb58a}.page-inner{min-height:235mm;padding:13mm 10mm 16mm}.chapter-heading h2{font-size:25pt}.chapter-index{font-size:42pt}.handwriting{font-family:'Cormorant Garamond','Palatino Linotype',Georgia,serif;font-size:11.5pt;line-height:1.56;color:#231c13;font-style:italic}.page-foot{margin-top:auto}.closing-section{break-before:page;min-height:0;padding:22mm 10mm;background:#fff!important}.closing-section::before,.closing-section::after{display:none}.closing-section h2{color:#4b3827!important}.closing-vellum{background:#fff!important;box-shadow:none!important;border:1px solid #aa8c60;padding:17mm 11mm}.principle-main{font-family:Georgia,serif;font-size:17pt}.closing-logo{width:45mm;filter:none;margin:5mm auto}.closing-signoff{font-size:18pt;color:#654924!important}}
/* Explicitly keep original artwork's intrinsic aspect ratio on every screen. */
.hero-crest,.closing-logo{height:auto}
@media(max-width:700px){.header-actions .print-button{display:inline-flex;align-items:center;padding:8px 10px;font-size:15px}.header-actions .print-button span{display:none}}