/* A physical, articulated book. All styling is isolated from the approved corporate site. */
:root{color-scheme:dark;--gold:#c7ae77;--ivory:#f2e8d2;--ink:#34372f;--leaf:min(33vw,390px,calc((100svh - 245px)/1.42));--opening:0}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#121410}body{color:#dbd5c6;font-family:Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased}main{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px;border:0}.book-edition{min-height:100svh;background:radial-gradient(ellipse at 49% 46%,#2b2d24 0,#1c1e18 28%,#121410 67%);overflow:hidden}.edition-heading,.edition-colophon{display:flex;align-items:center;justify-content:space-between;font:9px/1.5 Arial,sans-serif;letter-spacing:.23em;color:#a8a48f}.edition-heading{height:94px;margin:0 6%;border-bottom:1px solid #a7946224}.edition-heading span:last-child{color:#8d8e7c}.edition-colophon{height:80px;margin:0 6%;border-top:1px solid #a7946224;color:#c2b792}.edition-colophon span:last-child{color:#8c8e7f}.book-stage{height:calc(100svh - 174px);min-height:420px;position:relative;perspective:2400px;perspective-origin:50% 43%;overflow:hidden;isolation:isolate}.ambient-light{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,#d0bb8130,transparent 55%);opacity:.38;pointer-events:none}.table-shadow{position:absolute;left:50%;top:76%;width:calc(var(--leaf)*1.6);height:18%;transform:translateX(-50%) rotate(-3deg);background:radial-gradient(ellipse,#000b 0,#0005 40%,transparent 72%);filter:blur(12px);opacity:.85;pointer-events:none}.book{width:var(--leaf);height:calc(var(--leaf)*1.42);position:absolute;left:50%;top:47%;transform:translateX(calc(-50% + var(--opening)*50%)) translateY(-50%) rotateX(calc(15deg - var(--opening)*7deg)) rotateZ(calc(-7deg + var(--opening)*5deg));transform-style:preserve-3d;pointer-events:none}.back-board{position:absolute;inset:-5px -5px -7px -4px;transform:translateZ(-16px);background:linear-gradient(120deg,#3d3e32,#191c17);border-radius:2px 6px 6px 2px;box-shadow:0 20px 35px #0008,0 0 0 1px #8f805b66}.paper-block{position:absolute;inset:1px -1px -1px 0;transform:translateZ(-7px);background:#ded1b6;border-radius:1px 4px 4px 1px;box-shadow:1px 1px 0 #f2e6cc,2px 2px 0 #a99f89,2px 3px 0 #e3d7bd,3px 4px 0 #b4aa94,3px 5px 0 #e6d9bd,4px 6px 0 #b7ac95,4px 7px 0 #e3d6b9,5px 8px 0 #a99f87,5px 9px 0 #e9dcc0,6px 10px 0 #b7ab92,6px 11px 0 #ddd0b4,7px 12px 0 #827a67}.fixed-page,.turning-sheet{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:0 50%}.fixed-page{transform:translateZ(0)}.turning-sheet{transform:translateZ(var(--z)) rotateY(calc(var(--turn)*-180deg));will-change:transform}.segment{position:absolute;inset:0 auto 0 0;width:25%;transform-origin:0 50%;transform-style:preserve-3d}.segment .segment{left:100%;width:100%}.segment-1{transform:rotateY(calc(var(--curl)*-6deg))}.segment-2{transform:rotateY(calc(var(--curl)*-10deg))}.segment-3{transform:rotateY(calc(var(--curl)*-14deg))}.sheet-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;transform:translateZ(.12px);background:var(--ivory)}.sheet-face.back{transform:rotateY(180deg) translateZ(.12px)}.page-surface{position:absolute;top:0;bottom:0;width:400%;left:calc(var(--slice)*-100%)}.sheet-face::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171b1244,transparent 60%);opacity:calc(var(--curl)*.8);pointer-events:none}.printed-page{width:100%;height:100%;position:relative;overflow:hidden;color:var(--ink);background:linear-gradient(90deg,#c9bfa7 0,#e6dbc3 2%,#f1e7d0 8%,#f6efdd 52%,#eee3c9 98%,#d8cbae);box-shadow:inset 0 0 1px #8e8061;padding:8.5% 9% 7%;font-size:calc(var(--leaf)*.035)}.printed-page::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.34' filter='url(%23n)'/%3E%3C/svg%3E")}.page-running{font:normal calc(var(--leaf)*.017)/1.6 Arial,sans-serif;letter-spacing:.15em;color:#8e8267;display:flex;justify-content:space-between;gap:8px;padding-bottom:6%;border-bottom:1px solid #ac977844;white-space:nowrap}.chapter-mark{position:absolute;top:17%;left:10%;font-size:calc(var(--leaf)*.28);color:#b29b6a;line-height:1;letter-spacing:-.1em;font-weight:normal}.chapter-copy{position:absolute;top:43%;left:10%;right:8%}.page-kicker{display:block;font:normal calc(var(--leaf)*.023)/1.8 Arial,sans-serif;letter-spacing:.25em;color:#89744b}.chapter-title{font-size:calc(var(--leaf)*.076);letter-spacing:-.035em;line-height:1.3;margin-top:8%;white-space:nowrap}.chapter-rule{display:block;width:16%;height:1px;background:#ad9160;margin:8% 0}.chapter-line{font-size:calc(var(--leaf)*.048);line-height:1.5;margin:0 0 8%;max-width:95%;font-style:italic}.chapter-words{font:normal calc(var(--leaf)*.026)/1.8 Arial,sans-serif;letter-spacing:.03em;color:#847961;margin:0}.page-bottom{position:absolute;left:10%;right:8%;bottom:6%;border-top:1px solid #b19f7d55;padding-top:5%;display:flex;justify-content:space-between;gap:10px;color:#8d8064;font:normal calc(var(--leaf)*.022)/1.7 Arial,sans-serif}.page-bottom>span:first-child{max-width:85%}.verso-page{background:linear-gradient(90deg,#e8ddc3,#f0e6cf 70%,#cec2a7);display:grid;place-items:center}.verso-arch{width:54%;height:47%;border:1px solid #b19a6555;border-radius:50% 50% 0 0;position:absolute;top:22%}.verso-arch::after{content:'';position:absolute;inset:8%;border:1px solid #b19a6533;border-radius:inherit}.verso-numeral{font-size:calc(var(--leaf)*.17);font-style:italic;color:#ab9567;font-weight:normal;transform:translateY(-12%)}.verso-word{position:absolute;bottom:16%;font:calc(var(--leaf)*.019)/1.8 Arial,sans-serif;letter-spacing:.3em;color:#a28f68}.final-mark{display:block;color:#a38c5f;letter-spacing:.15em;font-size:calc(var(--leaf)*.07);margin-top:13%}.final-copy{font-size:calc(var(--leaf)*.106);letter-spacing:-.05em;line-height:1.36;margin-top:21%;color:#36392f}.final-copy em{font-weight:normal;color:#977944}.final-rule{width:16%;height:1px;background:#b7995d;margin-top:12%}.hardcover{position:absolute;inset:-5px -5px -6px -3px;transform-origin:0 50%;transform:translateZ(calc(15px - var(--opening)*25px)) rotateY(calc(var(--opening)*-180deg));transform-style:preserve-3d;will-change:transform}.cover-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:2px 5px 5px 2px;overflow:hidden}.cover-front{background:linear-gradient(90deg,#090c08 0,#393c31 2%,#191d16 4%,#292d23 6%,#23271e 50%,#171c15);box-shadow:inset 1px 0 1px #b7ab7666,inset -2px 0 2px #080b06,inset 0 1px 1px #e1c48333,2px 4px 8px #0006}.cover-front::after,.still-cover::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.32;background:repeating-linear-gradient(83deg,#fff1 0px,#fff0 1px,#0002 1.5px,#0000 3px),repeating-linear-gradient(0deg,transparent 0 2px,#0002 3px,transparent 4px)}.cover-frame{position:absolute;inset:7% 8% 7% 10%;border:1px solid #bba37175;display:flex;align-items:center;flex-direction:column;color:#c8ad72;text-align:center;text-shadow:0 1px 0 #000d,0 -1px 0 #f4d38c55;font-weight:normal}.cover-frame::before{content:'';position:absolute;inset:4px;border:1px solid #b8a06c33;pointer-events:none}.cover-imprint{font:normal calc(var(--leaf)*.021)/1.5 Arial,sans-serif;letter-spacing:.3em;margin-top:12%}.cover-seal{border:1px solid #b09a6355;border-radius:50%;width:16%;aspect-ratio:1;display:grid;place-items:center;font-size:calc(var(--leaf)*.037);letter-spacing:.03em;margin-top:13%;box-shadow:0 1px 0 #070a05,inset 0 1px 0 #9d895433}.cover-title{font-size:calc(var(--leaf)*.13);line-height:1.16;letter-spacing:-.025em;margin-top:12%;color:#ceb680;background:linear-gradient(115deg,#948050,#f2dfb1 35%,#b69b62 63%,#ddc58c 82%,#9d8552);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 1px .5px #030602)}.cover-title em{font-style:normal;font-size:1.27em;letter-spacing:.01em}.cover-rule{height:1px;width:16%;background:#bfa37188;position:absolute;bottom:18%;margin-top:0}.cover-subtitle{position:absolute;bottom:8%;font:normal calc(var(--leaf)*.021)/1.8 Arial,sans-serif;letter-spacing:.24em}.cover-inside{transform:rotateY(180deg);background:linear-gradient(90deg,#e2d5b8,#d7c6a0 92%,#a5936d);box-shadow:inset -5px 0 10px #51482d55;display:grid;place-items:center}.endpaper-line{position:absolute;inset:9%;border:1px solid #aa95624d}.endpaper-mark{font-size:calc(var(--leaf)*.18);color:#ad986544}.cover-thickness{position:absolute;top:0;bottom:0;right:0;width:5px;background:linear-gradient(90deg,#535342,#181d14);transform-origin:right;transform:rotateY(90deg)}.text-edition{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.text-edition h2{font-weight:normal}.text-edition em{font-weight:normal}
@media(min-width:1800px){:root{--leaf:min(31vw,440px,calc((100svh - 245px)/1.42))}}
@media(max-width:650px){:root{--leaf:min(77vw,330px,calc((100svh - 260px)/1.42))}.edition-heading{height:86px;margin:0 7%;font-size:8px;letter-spacing:.17em;align-items:flex-start;padding-top:30px;gap:20px}.edition-heading span:last-child{max-width:130px;text-align:right}.book-stage{height:calc(100svh - 180px);min-height:400px;perspective:1900px;perspective-origin:50% 40%}.book{top:46%;transform:translateX(calc(-50% + var(--opening)*6%)) translateY(-50%) rotateX(calc(12deg - var(--opening)*5deg)) rotateZ(calc(-6deg + var(--opening)*4deg))}.edition-colophon{height:94px;flex-direction:column;justify-content:center;gap:9px;margin:0 7%;font-size:8px;letter-spacing:.22em}.table-shadow{top:74%;width:90%;height:10%}.chapter-title{font-size:calc(var(--leaf)*.079)}.page-running{font-size:calc(var(--leaf)*.019)}.chapter-words{font-size:calc(var(--leaf)*.03)}.page-bottom{font-size:calc(var(--leaf)*.025)}}
@media(max-height:540px) and (min-width:651px){:root{--leaf:230px}.edition-heading{height:55px}.book-stage{height:390px;min-height:390px}.edition-colophon{height:55px}}
@media(prefers-reduced-motion:reduce){.book-stage,.edition-colophon{display:none}.text-edition{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;display:grid;max-width:1000px;margin:50px auto;padding:0 24px;grid-template-columns:1fr 1fr;gap:24px}.still-cover,.still-page{position:relative;min-height:470px;padding:50px 40px}.still-cover{background:#24291e;--leaf:340px;box-shadow:0 10px 35px #0006}.still-page{background:var(--ivory);color:var(--ink);display:flex;flex-direction:column;justify-content:center}.still-page .page-kicker{font-size:10px}.still-page h2{font-size:30px;letter-spacing:-.04em;line-height:1.3}.still-page .chapter-line{font-size:23px}.still-page p{font-size:15px;line-height:1.8}.still-closing{color:#827456}.still-final{grid-column:1/-1;text-align:center;min-height:400px}.still-final h2{font-size:44px}.still-final em{color:#977944}}
@media(prefers-reduced-motion:reduce) and (max-width:650px){.text-edition{grid-template-columns:1fr;margin:30px auto;padding:0 22px;gap:22px}.still-cover{--leaf:280px;min-height:425px}.still-page{min-height:420px;padding:35px 30px}.still-final h2{font-size:36px}}
/* Also used for the no-script print edition. */
@media print{.book-stage,.edition-heading,.edition-colophon{display:none}.text-edition{position:static;width:auto;height:auto;clip-path:none;white-space:normal}.still-page{break-before:page;padding:40px;color:#222;background:white}.still-cover{display:none}}

.still-cover,.still-page{position:relative;min-height:470px;padding:50px 40px}.still-cover{background:#24291e;--leaf:340px;box-shadow:0 10px 35px #0006}.still-page{background:var(--ivory);color:var(--ink);display:flex;flex-direction:column;justify-content:center}.still-page .page-kicker{font-size:10px}.still-page h2{font-size:30px;letter-spacing:-.04em;line-height:1.3}.still-page .chapter-line{font-size:23px}.still-page p{font-size:15px;line-height:1.8}.still-closing{color:#827456}.still-final{grid-column:1/-1;text-align:center;min-height:400px}.still-final h2{font-size:44px}.still-final em{color:#977944}
@media(max-width:650px){.still-cover{--leaf:280px;min-height:425px}.still-page{min-height:420px;padding:35px 30px}.still-final h2{font-size:36px}}

/* Unbroken ink at rest; the articulated mesh is exposed only during the fold. */
.flat-face{position:absolute;inset:0;backface-visibility:hidden;transform:translateZ(.15px)}.flat-back{transform:rotateY(180deg) translateZ(.15px)}.turning-sheet[data-phase="turning"]>.flat-face{visibility:hidden}.turning-sheet:not([data-phase="turning"])>.segment{visibility:hidden}.still-page .page-kicker{color:#74603c}.still-closing{color:#6d634d}
@media(max-height:540px) and (min-width:651px){:root{--leaf:min(230px,calc((100svh - 145px)/1.42))}.book-stage{height:calc(100svh - 110px);min-height:260px}}

/* Approved three-project edition; gold-on-charcoal references, warm ivory paper. */
:root{--gold:#c6a66a;--ivory:#f2e8d2;--ink:#34332d}
.book-edition{background:radial-gradient(ellipse at 49% 46%,#292923 0,#1a1b18 28%,#0b0c0b 70%)}
.cover-front{background-color:#191a17}.cover-frame{border-color:#c6a66a}.cover-seal{border:1px solid #c6a66a;border-radius:50%;width:calc(var(--leaf)*.12);height:calc(var(--leaf)*.12);display:grid;place-items:center;letter-spacing:0;padding:0}
.project-name{font-size:calc(var(--leaf)*.096);font-weight:normal;line-height:1.08;letter-spacing:-.045em;color:#35362e;margin:calc(var(--leaf)*.035) 0 0}
.project-1 .project-name{font-size:calc(var(--leaf)*.12);letter-spacing:-.045em}
.project-line{font-size:calc(var(--leaf)*.038);line-height:1.5;margin:calc(var(--leaf)*.05) 0 calc(var(--leaf)*.028);color:#5d533e;font-style:italic}
.project-description{font:calc(var(--leaf)*.031)/1.75 Arial,sans-serif;color:#575749;max-width:96%;margin:0}
.project-emblem{color:#927242;font-size:calc(var(--leaf)*.09);line-height:1;margin-top:calc(var(--leaf)*.055)}
.project-1 .project-emblem{font-family:Georgia,serif;font-weight:bold;letter-spacing:-.15em}.project-2 .project-emblem{font-size:calc(var(--leaf)*.085)}
.chapter-copy{top:25%;left:12%;right:10%}.chapter-mark{opacity:.07}.page-bottom{font-size:calc(var(--leaf)*.022)}
.final-copy{font-size:calc(var(--leaf)*.073)}.final-copy em{font-size:.78em}.page-kicker{color:#806c46}
@media(max-width:650px){.project-name{font-size:calc(var(--leaf)*.098)}.project-description{font-size:calc(var(--leaf)*.034)}.page-bottom{font-size:calc(var(--leaf)*.024)}}

.project-status{font:bold calc(var(--leaf)*.024)/1.4 Arial,sans-serif;letter-spacing:.09em;color:#6b542e;margin:calc(var(--leaf)*.025) 0 0}.project-0 .project-line{margin-top:calc(var(--leaf)*.026)}.still-page .project-status{font:bold 11px/1.5 Arial,sans-serif}.final-copy{font-size:calc(var(--leaf)*.10)}

/* Essential site navigation sits outside the passive book and remains visible. */
.edition-heading{position:sticky;top:0;z-index:50;background:#0b0c0bf5}.book-return-nav{display:flex;gap:24px;align-items:center}.book-return-nav a{display:inline-flex;align-items:center;min-height:44px;color:#e2cc98;text-decoration:none;font:12px/1.5 Arial,sans-serif;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid transparent}.book-return-nav a:hover{border-bottom-color:#c6a66a}.book-return-nav a:focus-visible{outline:2px solid #c6a66a;outline-offset:4px}@media(max-width:650px){.edition-heading{align-items:center;padding-top:0;gap:12px}.book-return-nav{gap:16px}.edition-heading>span:last-child{max-width:105px;font-size:7px}.book-return-nav a{font-size:11px}}@media print{.book-return-nav{display:none}}

/* Mystery is visual, not cancellation: project names remain sharp and readable. */
.project-0 .mystery-visual,.project-1 .mystery-visual{filter:blur(1.5px);opacity:.55;position:relative}.project-0 .project-name,.project-1 .project-name{position:relative}.project-0 .project-name::after,.project-1 .project-name::after{content:"";position:absolute;left:0;top:50%;width:88%;height:1px;background:#9b7c46;opacity:.6;transform:rotate(-9deg);pointer-events:none}.mystery-label{font:bold calc(var(--leaf)*.023)/1.5 Arial,sans-serif;letter-spacing:.1em;color:#6b542e;margin:calc(var(--leaf)*.025) 0 0}.project-0 .project-status{margin-top:calc(var(--leaf)*.008)}.project-1 .project-line{margin-top:calc(var(--leaf)*.025)}.project-2 .project-name{font-size:calc(var(--leaf)*.084)}.still-page .mystery-label{font:bold 11px/1.6 Arial,sans-serif;letter-spacing:.08em}
