/* Approved direction A: warm paper, large brand type, restrained burgundy. */
.home{--accent:#8a4850;--accent-dark:#713841;--paper:#f5f1e8;--ink:#2c302c}
.home .hero{background:var(--paper);isolation:isolate}
.home .hero::before{content:'';position:absolute;inset:0;background:url('/assets/9951e1278d547edb.jpg') center/cover;opacity:.065;z-index:-1}
.home .hero-inner{min-height:650px;grid-template-columns:1.25fr 1fr;gap:55px;padding-block:55px}
.home .hero-brand{font:400 clamp(6rem,11vw,10rem)/.85 'almoni-dl-aaa-700',Arial,sans-serif;letter-spacing:-.035em;margin-bottom:30px}
.home .hero h1{font-size:2.6rem;line-height:1.12;margin-bottom:18px;letter-spacing:-.02em;text-wrap:pretty}
.home .hero-heading-line{display:inline;font-size:1em;white-space:normal;margin:0}
.home .hero h1 em{display:inline;color:var(--ink);font-size:1em}
.home .hero-summary{font-size:1.0625rem;max-width:29rem;margin-bottom:28px;color:#53594f}
.home .hero-actions{gap:24px;align-items:center;flex-direction:row}
.home .hero-actions .button-primary{border-radius:0;gap:24px;padding:15px 22px}
.home .hero-actions .button-secondary{border:0;border-radius:0;padding:8px 0;min-height:44px;text-decoration:underline;text-underline-offset:7px;font-size:.8125rem}
.home .hero-visual{min-height:520px}
.home .hero-visual::before{content:'';position:absolute;top:-65px;bottom:-65px;left:-50vw;right:22%;background:#ebe5d9;z-index:-1}
.home .edition-stack{width:min(330px,85%)}
.home .rear-plane{opacity:.65}
.home .caption-plane{right:-24px;bottom:10px;width:240px}
.home .visual-word{font-size:5rem;opacity:.35;bottom:0}
.reach-strip{background:#fffdf8;border-block:1px solid #ddd6c8}
.reach-inner{display:grid;grid-template-columns:1fr 1.2fr 1.3fr;padding-block:34px}
.reach-inner>div{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4px 24px;gap:5px}
.reach-inner>div+div{border-inline-start:1px solid #ddd6c8}
.reach-inner strong{font:400 4rem/1 'almoni-dl-aaa-700',Arial,sans-serif;letter-spacing:-.02em}
.reach-inner span{font-size:.9375rem;color:#53594f}
.reach-inner .reach-digital{font-size:2.1rem;max-width:260px;line-height:1.05}
.paper-preview{background:#eae4d8;padding-block:70px 45px}
.paper-preview-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:28px}
.paper-preview h2{font-size:3.7rem;margin-bottom:12px}
.paper-preview .eyebrow{margin-bottom:12px}
.paper-preview-heading p:last-child{margin-bottom:0;color:#53594f;font-size:.9375rem}
.paper-preview-heading>.text-link{flex-shrink:0}
.paper-stage{background:#d5cbb9;box-shadow:0 18px 35px #4d3e2414;min-height:570px;border:1px solid #c7bcaa;position:relative}
.paper-reader-intro{min-height:570px;display:flex;justify-content:center;align-items:center;gap:70px;padding:35px}
.paper-reader-intro>img{width:285px;max-height:465px;object-fit:contain;transform:rotate(-5deg);box-shadow:8px 15px 22px #382f2733}
.paper-reader-intro>div>p:first-child{font:400 2.7rem/1.1 'almoni-dl-aaa-700',Arial,sans-serif;margin-bottom:23px}
.paper-reader-intro .dependency{margin-top:18px;color:#4c5049}
#paper-reader{height:650px}
#paper-reader iframe{width:100%;height:100%;border:0;display:block;background:#eae4d8}
.paper-reader-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;font-size:.8125rem}
.paper-reader-footer button{background:transparent;border-color:#aaa08d;font-size:.8125rem;border-radius:0}
.paper-reader-footer a{text-underline-offset:5px}
.paper-preview #paper-reader-status{margin-block:12px 0;color:#53594f}
@media(max-width:1000px){.home .hero-inner{gap:32px}.home .hero-brand{font-size:7.5rem}.home .hero h1{font-size:2.2rem}.home .hero-actions{gap:14px}.paper-preview-heading{align-items:start;flex-direction:column;gap:15px}.paper-reader-intro{gap:35px}}
@media(max-width:700px){.home .hero-inner{grid-template-columns:1fr;gap:8px;padding-top:35px;padding-bottom:25px;min-height:0}.home .hero-brand{font-size:6.6rem;margin-bottom:22px}.home .hero h1{font-size:1.95rem}.home .hero-summary{font-size:.9375rem;line-height:1.8}.home .hero-actions{flex-direction:row;align-items:center;gap:14px}.home .hero-actions a{min-width:0}.home .hero-actions .button-primary{font-size:.8125rem;padding:13px 17px}.home .hero-actions .button-secondary{font-size:.75rem}.home .hero-visual{min-height:375px;margin-top:20px}.home .edition-stack{width:215px}.home .hero-visual::before{top:30px;bottom:-25px;right:-35px;left:-35px}.home .caption-plane{right:-30px;width:215px;bottom:4px}.home .visual-word{font-size:4rem}.reach-inner{grid-template-columns:1fr 1fr;padding-block:25px;row-gap:23px}.reach-inner>div{padding:4px 10px}.reach-inner>div:last-child{grid-column:1/-1;border:0;border-top:1px solid #ddd6c8;padding-top:20px}.reach-inner strong{font-size:3.2rem}.reach-inner .reach-digital{font-size:1.8rem;max-width:none}.reach-inner span{font-size:.8125rem}.paper-preview{padding-block:45px 30px}.paper-preview h2{font-size:2.7rem}.paper-preview-heading>.text-link{font-size:.8125rem}.paper-reader-intro{min-height:530px;flex-direction:column;gap:30px;padding:30px 16px}.paper-reader-intro>img{width:195px;max-height:285px}.paper-reader-intro>div{text-align:center}.paper-reader-intro>div>p:first-child{font-size:2rem;margin-bottom:14px}.paper-stage{min-height:530px}#paper-reader{height:570px}.paper-reader-footer{gap:12px}.paper-reader-footer>span{width:100%}}
@media(prefers-reduced-motion:reduce){.home .edition-stack{transform:rotate(-4deg)!important}.paper-reader-intro>img{transform:none}}
body.reduced-motion .paper-reader-intro>img{transform:none}
body[data-tone=yellow] .reach-strip,body[data-tone=yellow] .paper-preview,body[data-tone=yellow] .paper-stage{background:#111!important;color:#ffeb00!important}
body[data-tone=yellow] .reach-strip *,body[data-tone=yellow] .paper-preview *{color:#ffeb00!important}
/* Reflow the figures into one column when enlarged text needs more room. */
@media(max-width:700px){.reach-inner{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}.home .hero-brand{font-size:min(6.6rem,27vw)}}
.reach-inner>div{min-width:0}
.reach-inner .reach-digital{max-width:100%;overflow-wrap:anywhere}
.home .hero-actions .button-primary{white-space:normal}
.paper-preview-heading>.text-link{max-width:100%}
/* Each figure arrives like an ink impression; no layout movement on count-up. */
.reach-inner>div{position:relative;transition:background-color .3s ease,transform .3s ease}
.reach-inner>div::after{content:'';height:2px;width:28px;background:var(--accent);margin-top:13px;transform:scaleX(.45);opacity:.45;transition:transform .3s ease,opacity .3s ease}
.reach-inner>div:hover{background:#f4eee3;transform:translateY(-3px)}
.reach-inner>div:hover::after{transform:scaleX(1);opacity:1}
.reach-inner strong{font-variant-numeric:tabular-nums}
.reach-inner strong bdi{display:inline-block;min-width:2ch}
.reach-inner>div.reach-waiting{opacity:0;transform:translateY(22px)}
.reach-inner>div.reach-arrived{animation:reach-arrive .75s cubic-bezier(.2,.7,.2,1) both}
@keyframes reach-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.reach-inner>div,.reach-inner>div::after{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}
body.reduced-motion .reach-inner>div,body.reduced-motion .reach-inner>div::after{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
/* Native newspaper: the page itself is the surface. */
.native-paper{position:relative;perspective:1800px;touch-action:pan-y;min-height:520px;padding:12px 0;outline-offset:8px}
.native-spread{display:flex;justify-content:center;align-items:center;width:min(760px,100%);margin:auto;min-height:520px}
.native-page{width:min(355px,100%);flex:0 1 355px;position:relative;box-shadow:0 8px 22px #4a39261f;background:#fff;line-height:0}
.native-page img{display:block;width:100%;height:auto;user-select:none}
.native-spread.is-spread .native-page:first-child{box-shadow:3px 6px 18px #4a392624}
.native-spread.is-spread .native-page:first-child::after{content:'';position:absolute;inset:0 auto 0 0;width:16px;background:linear-gradient(90deg,#00000017,transparent);pointer-events:none}
.native-spread.is-spread .native-page:last-child::after{content:'';position:absolute;inset:0 0 0 auto;width:16px;background:linear-gradient(-90deg,#00000012,transparent);pointer-events:none}
.native-controls{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;padding:24px 0 8px}
.native-controls button{border-color:#c6baaa;background:#fffaf2;border-radius:0;display:flex;align-items:center;justify-content:center;gap:12px;min-width:86px;font-size:.875rem;transition:background-color .2s,transform .2s}
.native-controls button:hover:not(:disabled){background:#8a4850;color:#fff;transform:translateY(-2px)}
.native-controls button:disabled{opacity:.4;cursor:default}
.native-page-picker{display:flex;gap:9px;align-items:center;font-size:.8125rem;flex-wrap:wrap;justify-content:center}
.native-page-picker input{width:60px;min-height:44px;border:1px solid #c6baaa;background:#fffaf2;text-align:center;font:inherit;color:inherit;border-radius:0;direction:ltr;appearance:textfield}
.native-page-picker input::-webkit-inner-spin-button{appearance:none}
.paper-reader-footer p{margin:0;flex:1;text-align:center;font-size:.75rem;color:#53594f}
.turning-sheet{position:absolute!important;z-index:4;pointer-events:none;backface-visibility:hidden;animation-duration:.65s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.25,.65,.3,1)}
.turn-next{transform-origin:left center;animation-name:paper-next}
.turn-prev{transform-origin:right center;animation-name:paper-prev}
@keyframes paper-next{0%{transform:rotateY(0);opacity:1}80%{opacity:1}100%{transform:rotateY(-100deg);opacity:0}}
@keyframes paper-prev{0%{transform:rotateY(0);opacity:1}80%{opacity:1}100%{transform:rotateY(100deg);opacity:0}}
#paper-zoom{width:min(1150px,96vw);max-width:none;height:94dvh;max-height:none;padding:0;border:1px solid #c6baaa;background:#f5f1e8}
#paper-zoom::backdrop{background:#292821b3}
.paper-zoom-bar{position:sticky;top:0;z-index:1;background:#f5f1e8;display:flex;align-items:center;justify-content:center;gap:15px;padding:10px;border-bottom:1px solid #c6baaa;font-size:.875rem;flex-wrap:wrap}
.paper-zoom-bar button{font-size:.8125rem;min-width:44px;border-radius:0}
.paper-zoom-content{overflow:auto;padding:20px;text-align:center}
.paper-zoom-content img{width:1100px;max-width:none;display:block;margin:auto;background:#fff;box-shadow:0 5px 16px #0002}
@media(max-width:700px){.native-paper{min-height:0}.native-spread{min-height:0}.native-page{width:100%;flex-basis:100%}.native-controls{gap:8px;padding-top:20px}.native-controls button{min-width:60px;padding:9px 12px}.native-controls #paper-enlarge{width:100%;margin-top:6px}.native-page-picker{gap:6px;font-size:.75rem}.native-page-picker input{width:48px}.paper-reader-footer p{flex-basis:100%;text-align:right;order:3}.paper-zoom-content{padding:12px}.paper-zoom-content img{width:850px}}
@media(prefers-reduced-motion:reduce){.turning-sheet{display:none}.native-controls button{transition:none!important;transform:none!important}}
body.reduced-motion .turning-sheet{display:none}body.reduced-motion .native-controls button{transition:none!important;transform:none!important}
body[data-tone=yellow] .native-controls button,body[data-tone=yellow] .native-page-picker input{background:#111!important;color:#ffeb00!important;border-color:#ffeb00}
/* Figures open the page; a compact text-only hero avoids repeating the paper. */
.home .hero-inner{min-height:0;display:block;padding-block:42px 45px}
.home .hero-copy{display:grid;grid-template-columns:1.1fr 1fr;column-gap:70px;align-items:center}
.home .hero-copy>.eyebrow{grid-column:1;grid-row:1;margin-bottom:14px}
.home .hero-brand{grid-column:1;grid-row:2;font-size:7rem;margin-bottom:18px}
.home .hero h1{grid-column:1;grid-row:3;font-size:2.2rem;margin:0}
.home .hero-summary{grid-column:2;grid-row:1/3;margin:0 0 14px}
.home .hero-actions{grid-column:2;grid-row:3}
.turn-next{transform-origin:right center}
.turn-prev{transform-origin:left center}
@keyframes paper-next{0%{transform:rotateY(0);opacity:1}80%{opacity:1}100%{transform:rotateY(100deg);opacity:0}}
@keyframes paper-prev{0%{transform:rotateY(0);opacity:1}80%{opacity:1}100%{transform:rotateY(-100deg);opacity:0}}
.swipe-cue{display:none}
@media(max-width:700px){.home .hero-copy{display:block}.home .hero-inner{padding-block:30px}.home .hero-brand{font-size:min(5rem,24vw);margin-bottom:18px}.home .hero h1{font-size:1.8rem;margin-bottom:15px}.home .hero-summary{margin-bottom:22px}.home .hero-copy>.eyebrow{margin-bottom:20px}.swipe-cue{display:flex;pointer-events:none;position:absolute;z-index:5;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);align-items:center;gap:13px;width:max-content;max-width:calc(100% - 24px);padding:12px 18px;border:1px solid #d5c9b8;border-radius:30px;background:#fffaf2f5;box-shadow:0 6px 22px #372b2524;color:#713841;font-size:.8125rem;font-weight:bold;opacity:1;transition:opacity .2s}.swipe-hand{display:inline-block;font-size:1.7rem;line-height:1;animation:swipe-guide 1.6s ease-in-out 3}.reader-used .swipe-cue{opacity:0;visibility:hidden}.native-controls{flex-direction:row-reverse}}
@keyframes swipe-guide{0%,15%,100%{transform:translateX(-8px) rotate(-10deg);opacity:.6}55%,75%{transform:translateX(9px) rotate(5deg);opacity:1}}
@media(prefers-reduced-motion:reduce){.swipe-hand{animation:none}.swipe-cue{transition:none}}
body.reduced-motion .swipe-hand{animation:none}body.reduced-motion .swipe-cue{transition:none}
.native-controls{flex-direction:row-reverse}
.swipe-hand{animation:none}.guide-visible .swipe-hand{animation:swipe-guide 1.6s ease-in-out 3}
@media(prefers-reduced-motion:reduce){.guide-visible .swipe-hand{animation:none}}
body.reduced-motion .guide-visible .swipe-hand{animation:none}
.reach-icon{display:block;width:36px;height:36px;flex-shrink:0;color:var(--accent,#8a4850);margin-bottom:9px;transition:transform .25s ease, color .25s ease}
.reach-inner>div:hover .reach-icon{transform:translateY(-3px) rotate(-4deg);color:#713841}
@media(max-width:700px){.reach-icon{width:31px;height:31px;margin-bottom:6px}}
@media(prefers-reduced-motion:reduce){.reach-icon{transition:none!important;transform:none!important}}
body.reduced-motion .reach-icon{transition:none!important;transform:none!important}
body[data-tone=yellow] .reach-strip{--reach-icon-fill:#111}
/* A shared row structure keeps symbols, figures and captions on the same baselines. */
.reach-inner>div{display:grid;grid-template-rows:2.75rem 4.5rem minmax(1.75rem,auto) 2px;row-gap:12px;justify-items:center;align-content:center;align-items:center}
.reach-icon{width:40px;height:40px;margin:0;object-fit:contain}
.reach-inner strong{margin:0;display:flex;align-items:center;justify-content:center;min-height:4.5rem}
.reach-inner>div>span{align-self:start;text-align:center}
.reach-inner>div::after{margin:0}
.native-paper{cursor:grab}.native-paper.is-dragging{cursor:grabbing}
.native-paper .native-spread{transform:translateX(var(--paper-drag,0px));transition:transform .2s ease}
.native-paper.is-dragging .native-spread{transition:none}
.swipe-cue{display:flex;pointer-events:none;position:absolute;z-index:5;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);align-items:center;gap:13px;width:max-content;max-width:calc(100% - 24px);padding:12px 18px;border:1px solid #d5c9b8;border-radius:30px;background:#fffaf2f5;box-shadow:0 6px 22px #372b2524;color:#713841;font-size:.8125rem;font-weight:bold;opacity:1;transition:opacity .2s}
.swipe-hand{display:inline-block;font-size:1.7rem;line-height:1}
.reader-used .swipe-cue{opacity:0;visibility:hidden}
@media(prefers-reduced-motion:reduce){.native-paper .native-spread{transform:none;transition:none}.swipe-cue{transition:none}}
body.reduced-motion .native-paper .native-spread{transform:none;transition:none}body.reduced-motion .swipe-cue{transition:none}
/* Two visible faces complete the whole turn rather than disappearing at 90°. */
.paper-turn-sheet{transform-style:preserve-3d;backface-visibility:visible;animation-duration:.68s;box-shadow:none}
.paper-leaf-front,.paper-leaf-back{position:absolute;inset:0;background:#fff;backface-visibility:hidden;box-shadow:0 8px 22px #4a392624;overflow:hidden}
.paper-leaf-front img,.paper-leaf-back img{display:block;width:100%;height:100%;object-fit:fill}
.paper-leaf-back{transform:rotateY(180deg)}
@keyframes paper-next{from{transform:translateX(0) rotateY(0);opacity:1}to{transform:translateX(var(--turn-shift,0px)) rotateY(180deg);opacity:1}}
@keyframes paper-prev{from{transform:translateX(0) rotateY(0);opacity:1}to{transform:translateX(var(--turn-shift,0px)) rotateY(-180deg);opacity:1}}
/* Explicit face visibility avoids mirrored front artwork in flattened browser layers. */
.paper-leaf-front{backface-visibility:visible;animation:paper-front-face .68s linear both}
.paper-leaf-back{backface-visibility:visible;animation:paper-back-face .68s linear both}
@keyframes paper-front-face{0%,49.99%{visibility:visible}50%,100%{visibility:hidden}}
@keyframes paper-back-face{0%,49.99%{visibility:hidden}50%,100%{visibility:visible}}
.paper-turn-sheet{animation-timing-function:ease-in-out}