/* Sand & Bronze — the chosen Tafاتuh direction, with real interactive books. */
:root{--ink:#174c3e;--green:#006c55;--deep:#004e3b;--paper:#faf5ed;--mint:#e4c397;--muted:#786e5f;--line:#dfd3c2;--bronze:#a26735}
body{background:var(--paper)}
.site-header{color:#254236;mix-blend-mode:normal;border-bottom:0;background:transparent}
.nav-shell{height:105px;width:min(1420px,calc(100% - 112px))}
.logo,.logo-light,.site-header.scrolled .logo-light{width:158px;aspect-ratio:2.3;mix-blend-mode:normal}
.logo img,.logo-light img,.site-header.scrolled .logo-light img{width:110.4%;left:-5.05%;top:-38%;filter:none;max-width:none}
.desktop-nav{font-size:17px;gap:40px}.desktop-nav a:after{background:var(--green)}
.nav-cta{border-color:#ad895c70;font-size:14px}.nav-cta:hover{background:#f0dcc360}
.site-header.scrolled,.site-header:has(.menu-toggle[aria-expanded=true]){background:#faf5edf5;border-color:var(--line);box-shadow:0 3px 25px #64421c0b}
.site-header.scrolled .logo{width:118px}.mobile-nav{background:var(--paper)}
.hero{min-height:780px;background:#edd8b9 url('assets/sand-library-v3.png') center center/cover no-repeat;color:var(--ink)}
.hero-shade{background:linear-gradient(270deg,#fff5df30,transparent 65%)}
.hero-grid{width:min(1390px,calc(100% - 112px));grid-template-columns:1.08fr 1fr;min-height:670px;padding:145px 0 90px;gap:55px;align-items:center}
.hero-copy{padding-right:22px}.hero-eyebrow{color:#8f673f;margin-bottom:22px;font-size:13px}.status-dot{background:#ad7748;box-shadow:0 0 0 5px #a66b3120}.eyebrow-line{background:#ad805760}
.hero h1{font-size:clamp(55px,5vw,82px);line-height:1.32;letter-spacing:-2.8px;color:#005942}.hero h1 em{color:#a15f2c}
.hero-description{color:#655747;font-size:24px;line-height:1.65;margin-top:21px}.hero-description span{font-size:17px;color:#776953}
.hero-buttons{gap:19px;margin-top:29px}.hero-note{font-size:12px;color:#83735b;margin-top:19px}
.hero-buttons .text-link{min-height:58px;padding:12px 27px;border:1px solid #ad7748;border-radius:40px;color:#965b2d;font-size:17px;gap:17px}
.hero-buttons .text-link:hover{background:#fffbef88}.hero-buttons .text-link span{font-size:19px}
.quantum-button{--button-fill:#006d57;--button-text:#fff9ee;min-height:58px;min-width:215px;border-radius:40px;background:#b58a5860;box-shadow:0 7px 20px #5b653b12}
.quantum-button:before{border-radius:42px;background:conic-gradient(from var(--beam-angle,0deg),transparent 0deg 120deg,#c59d6540 140deg,#fbe3b1 168deg,#fff8e9 178deg,transparent 210deg 310deg,#bd9d6a 325deg,transparent 345deg);filter:drop-shadow(0 0 3px #c5a163);animation-duration:6s}
.button-surface{border-radius:38px}.button-surface:after{animation-duration:7s}.button-label{font-size:18px;gap:24px;padding:12px 26px}.quantum-particles i{background:#ffefd6;box-shadow:0 0 6px #e3b56c;animation-duration:6s}
.quantum-button:hover{box-shadow:0 9px 25px #805d2d22;transform:translateY(-3px)}
.hero-visual{height:440px;width:100%;max-width:555px;margin:15px 0 0;perspective:1200px;transform:none;justify-self:center}
.book-stage{height:395px;position:relative;direction:ltr;perspective:1200px}
.display-book{position:absolute;padding:0;border:0;bottom:0;background:none;direction:rtl;transform-style:preserve-3d;transition:transform .65s var(--ease);filter:drop-shadow(8px 18px 14px #4c301c45);width:42%;height:335px;isolation:isolate}
.display-pages{position:absolute;inset:4px -8px 4px 4px;background:repeating-linear-gradient(0deg,#f5e8cd 0 2px,#d7c3a3 2px 3px);border-radius:4px 8px 8px 4px;box-shadow:3px 3px 3px #4f351430}
.book-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;text-align:right;padding:24px 21px 19px 25px;border-radius:3px 7px 7px 3px;transform-origin:left center;transform-style:preserve-3d;transition:transform .7s var(--ease),box-shadow .7s;background:var(--binding);color:var(--lettering);box-shadow:inset 9px 0 7px -6px #0008,inset 14px 0 0 #ffffff0a,inset 0 0 0 1px #fff4;overflow:hidden}
.book-cover:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#00000006 0 1px,transparent 1px 3px);opacity:.6}
.book-cover:after{content:'';position:absolute;inset:12px;border:1px solid currentColor;border-radius:1px 3px 3px 1px;opacity:.17;pointer-events:none}
.display-book-forest{--binding:#164d3e;--lettering:#e0be86;left:2%;height:315px;bottom:8px;transform:rotateY(-12deg) rotateZ(-3deg);z-index:1}
.display-book-bronze{--binding:#a65f32;--lettering:#f8ddba;left:23%;height:344px;bottom:4px;transform:rotateY(-15deg) rotateZ(-1deg);z-index:2}
.display-book-ivory{--binding:#f5dfb9;--lettering:#8b552e;left:48%;height:378px;transform:rotateY(-13deg) rotateZ(1deg);z-index:3;width:47%}
.display-book:hover,.display-book:focus-visible{z-index:5;transform:translateY(-14px) rotateY(-6deg) rotateZ(-2deg)}
.display-book:hover .book-cover,.display-book:focus-visible .book-cover{transform:rotateY(-27deg);box-shadow:inset 9px 0 7px -6px #0006,12px 5px 25px #2e1e1830}
.display-series{font-size:10px;border-bottom:1px solid currentColor;padding-bottom:14px;opacity:.85;position:relative;z-index:2}
.display-title{font-size:27px;font-weight:bold;line-height:1.6;margin-top:22px;position:relative;z-index:2}
.display-leaf{position:absolute;width:112px;height:139px;left:calc(50% - 56px);bottom:48px;opacity:.8}
.display-open{display:block;font-size:11px;margin-top:auto;border-top:1px solid currentColor;padding-top:12px;position:relative;z-index:2}
.display-rings{position:absolute;width:320px;height:320px;left:-150px;top:56px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 15px,#a66c3425 16px 18px,#fff9 19px 20px,transparent 21px 27px);opacity:.65}
.books-hint{font-size:13px;text-align:center;color:#604c35;margin:22px 0 0}.books-hint span{display:inline-block;margin-left:8px;font-size:20px;color:#8e5a33}
.hero-bottom{min-height:67px;border-color:#bc9e7670;color:#685740;font-size:12px;position:absolute;bottom:75px;left:0;right:0}.hero-bottom i{background:#987342}.hero-edition{font-size:9px;letter-spacing:2px}
.featured-shelf{position:relative;z-index:3;margin-top:-70px;background:#fffaf1ed;border:1px solid #f8e7d0;border-radius:25px;padding:24px 29px 29px;width:min(1460px,calc(100% - 60px));box-shadow:0 18px 45px #6b482b0d;backdrop-filter:blur(12px)}
.shelf-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.shelf-heading h2{font-size:22px}.shelf-line{width:40px;height:1px;background:#a66b3a}.shelf-heading>span:last-child{margin-right:auto;font-size:12px;color:var(--muted)}
.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.featured-book{display:flex;align-items:center;gap:17px;min-height:137px;background:#f4ecdf94;border:1px solid #eee1ce;border-radius:14px;padding:12px;text-align:right;perspective:800px;transition:background .3s,transform .4s var(--ease)}
.featured-book:hover{background:#fffaf0;transform:translateY(-5px)}.mini-cover{width:75px;height:109px;flex-shrink:0;border-radius:2px 4px 4px 2px;box-shadow:inset 4px 0 5px #0003,3px 2px 0 #d5c4a7,5px 5px 12px #53402b27;display:grid;place-items:center;transform:rotateY(-8deg);transform-origin:left;transition:transform .6s var(--ease);position:relative;overflow:hidden}
.mini-cover:after{content:'';position:absolute;inset:8px;border:1px solid currentColor;opacity:.35;border-radius:40px 40px 2px 2px}.mini-cover svg{width:58px;height:75px;opacity:.9}.mini-ivory{background:#edd4ac;color:#946238}.mini-forest{background:#225342;color:#c3a676}.mini-bronze{background:#b78152;color:#f4dec0}.featured-book:hover .mini-cover,.featured-book:focus-visible .mini-cover{transform:rotateY(-35deg)}
.featured-copy{font-weight:bold;font-size:16px;line-height:1.6}.featured-copy small{font-size:10px;font-weight:normal;color:var(--muted);display:block;margin-top:8px}.featured-arrow{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#e9dbc5;color:#685337;margin-right:auto;font-size:19px}
.section-space{padding-block:88px}.section-heading h2,.start-copy h2,.about-copy h2{color:#174c3e}.eyebrow{color:#926c43}.section-number{border-color:#ccb590;color:#926a3c}.section-heading>p{font-size:15px}.path-card:hover{background:#f0e7da}.path-symbol{color:#9c7444}.path-action{border-color:var(--line)}.path-card p{font-size:13px}.path-action{font-size:12px}
.start-section{background:#eee4d5}.start-section:before{background-image:radial-gradient(#b0926b 1px,transparent 1px)}.start-copy h2 em{color:#a27241}.start-copy>p{color:#72624d}.start-steps li span{border-color:#cbb99a}.planner{background:#fffaf3;border-color:#ddceb8;border-radius:16px;box-shadow:0 20px 50px #7352340c}.planner-header{font-size:18px}.free-label{background:#e5ebdc;color:#486348}label{font-size:14px}input{background:#fffdf8;border-color:#ddd0bb;font-size:14px}input::placeholder{color:#9d8c75}.planner-footer{color:#8c7e6a;font-size:11px}.small-button{background:#f1e6d3;border-color:#d4bd98;color:#5d4b34;border-radius:7px;font-size:13px}.small-button:hover{background:#e8d8be}.result-tip{color:#83735d}.plan-result .plain-button{font-size:13px}.free-label{font-size:11px}
.filters{gap:9px}.filter{border-radius:40px;font-size:14px;padding:10px 19px}.filter:hover{background:#eee4d5}.filter span{font-size:11px}.library-search input{border-bottom-color:#c1aa88;font-size:14px}.library-search svg{stroke:#9d7f58}.library-search{width:290px}.resource-grid{gap:45px 32px}.resource-card h3{font-size:24px}.resource-card>p{font-size:14px}.resource-meta{font-size:12px;color:#8a795f}.resource-open{font-size:13px;color:#805c31}.empty-state{background:#efe4d3}
.cover-sage{background:#ead4b0;color:#795832}.cover-cream{background:#c99564;color:#fff0d6}.cover-forest{background:#194c3d;color:#d9bc8a}.cover-blue{background:#ddd1bd;color:#5f674b}.cover-olive{background:#777c51;color:#faf1d5}.cover-paper{background:#f0e3cc;color:#796047}
.cover-title{font-size:31px}.cover-head,.cover-bottom{font-size:11px}.resource-cover{background-image:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px)}
.about-section{background:#f0e8db;border-color:#dfd0b8}.about-copy>p{font-size:15px}.about-art svg{color:#b58b56}.about-art span{color:#8b6b43}.about-principles span{border-color:#b88e59}.about-principles{font-size:13px}.about-copy .education-note{color:#8c7e6a}.closing-section{background:#184d3e}.closing-section .quantum-button{--button-fill:#e9d1ad;--button-text:#164c3b}.site-footer{background:var(--paper)}.footer-top>p,.footer-top>div{font-size:13px}.footer-bottom{font-size:11px}.footer-top .logo{width:119px}
.privacy-dialog{background:#fff8ed;border-color:#d7c4a8}.privacy-dialog .dialog-close{background:#eee1cc;color:#705435}.privacy-dialog p{color:#6d6355}.toast{background:#164d3d;border-color:#c1a16d}
@media(min-width:1600px){.hero-grid{min-height:740px;padding-bottom:110px}.hero{min-height:850px}.hero-visual{transform:scale(1.07);transform-origin:center bottom}.hero-copy{padding-right:0}.hero h1{font-size:82px}}
@media(max-width:1200px){.nav-shell,.hero-grid{width:calc(100% - 72px)}.hero-grid{gap:25px;grid-template-columns:1.1fr 1fr;min-height:650px}.hero{min-height:760px}.hero-copy{padding-right:0}.hero h1{font-size:62px}.hero-description{font-size:21px}.hero-visual{height:390px;margin:0;transform:none}.book-stage{height:345px}.display-book-forest{height:270px}.display-book-bronze{height:300px}.display-book-ivory{height:335px}.display-title{font-size:24px}.book-cover{padding:20px 18px}.display-leaf{width:95px;height:117px;left:calc(50% - 47px)}.hero-buttons{gap:15px}.hero-buttons .text-link{padding-inline:22px;font-size:15px}.quantum-button{min-width:190px}.button-label{font-size:16px;padding-inline:22px}.featured-shelf{padding:22px}.featured-grid{gap:12px}.featured-book{gap:12px;padding:10px}.mini-cover{width:62px;height:95px}.featured-copy{font-size:14px}.featured-arrow{width:24px;height:24px}.featured-copy small{font-size:9px}.hero-visual{width:100%;max-width:470px}}
@media(max-width:980px){.hero-grid{width:calc(100% - 48px);gap:14px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:53px}.hero-copy{z-index:2}.hero-description{font-size:18px}.hero-description span{font-size:14px}.hero-eyebrow{font-size:11px}.hero-visual{height:340px;width:100%;margin:0;max-width:410px}.book-stage{height:305px}.display-book-forest{height:232px}.display-book-bronze{height:260px}.display-book-ivory{height:290px}.display-title{font-size:21px}.display-series{font-size:8px}.display-open{font-size:9px}.book-cover{padding:17px}.display-leaf{height:95px;bottom:40px}.hero-buttons{gap:14px;flex-wrap:wrap}.hero-buttons .text-link{min-height:50px;padding:10px 19px}.hero-buttons .quantum-button{min-height:52px;min-width:180px}.hero-buttons .button-label{font-size:15px}.hero-bottom{bottom:68px}.books-hint{font-size:11px}.featured-grid{grid-template-columns:repeat(2,1fr)}.featured-shelf{margin-top:-60px}.featured-book{min-height:105px}.mini-cover{width:58px;height:84px}.featured-copy{font-size:16px}.featured-copy small{font-size:11px}.featured-arrow{margin-inline-start:auto}.resource-grid{gap:36px 23px}.resource-card h3{font-size:22px}.resource-card>p{font-size:13px}.nav-shell{height:90px}.logo{width:135px}.desktop-nav{font-size:15px;gap:25px}.nav-cta{display:none}.section-space{padding-block:72px}}
@media(max-width:700px){.nav-shell{width:calc(100% - 36px);height:80px}.logo,.logo-light{width:117px}.site-header.scrolled .logo{width:100px}.nav-actions{gap:9px}.hero{min-height:0;background-position:27% center;background-size:auto 100%}.hero-shade{background:linear-gradient(180deg,#fff6e0cc 0%,#fff3dcbb 46%,#f4dfb548 75%,transparent)}.hero-grid{width:calc(100% - 36px);display:flex;flex-direction:column;gap:0;min-height:0;padding:123px 0 70px}.hero-copy{padding:0;text-align:center}.hero-eyebrow{justify-content:center;font-size:11px;margin-bottom:17px}.hero h1{font-size:clamp(40px,10.5vw,59px);line-height:1.3;letter-spacing:-1.4px}.hero-description{font-size:20px;margin-top:18px}.hero-description span{font-size:14px}.hero-buttons{gap:13px;justify-content:center;margin-top:22px;flex-wrap:nowrap}.hero-buttons .quantum-button{min-width:0;min-height:52px}.hero-buttons .button-label{font-size:15px;padding-inline:18px;gap:14px}.hero-buttons .button-label svg{width:18px}.hero-buttons .text-link{font-size:15px;padding-inline:20px;gap:9px;min-height:52px}.hero-note{font-size:11px;margin-top:17px}.hero-visual{width:min(380px,100%);height:340px;margin:25px auto 0;max-width:100%;transform:none}.book-stage{height:300px}.display-book-forest{left:0;width:43%;height:239px}.display-book-bronze{left:22%;width:43%;height:266px}.display-book-ivory{left:46%;width:50%;height:298px}.book-cover{padding:19px 17px}.display-series{font-size:8px}.display-title{font-size:23px;margin-top:18px}.display-open{font-size:10px}.display-leaf{width:91px;height:112px;left:calc(50% - 45px);bottom:40px}.display-rings{width:270px;height:270px;left:-147px;top:28px}.books-hint{font-size:12px;margin-top:15px;color:#5e4e38}.hero-bottom{display:none}.featured-shelf{width:calc(100% - 24px);margin-top:-38px;padding:20px 15px;border-radius:20px}.shelf-heading{gap:10px;margin-bottom:17px}.shelf-heading h2{font-size:21px}.shelf-line{width:26px}.shelf-heading>span:last-child{display:none}.featured-grid{gap:11px}.featured-book{min-height:112px;gap:10px;padding:10px 8px;position:relative;border-radius:10px}.mini-cover{width:46px;height:76px}.mini-cover svg{width:37px;height:55px}.mini-cover:after{inset:6px}.featured-copy{font-size:13px;line-height:1.7}.featured-copy small{font-size:8px;margin-top:5px}.featured-arrow{display:none}.section-space{padding-block:62px}.section-heading>p{font-size:13px}.path-card p{font-size:11px}.path-action{font-size:10px}.path-card{padding-inline:16px}.planner-header{font-size:16px}.start-copy>p{font-size:14px}.start-steps{font-size:13px}.start-copy .privacy-note{font-size:11px}.planner{padding:22px}label{font-size:12px}input,.library-search input{font-size:16px}input::placeholder{font-size:12px}.planner-footer{font-size:10px}.filter{padding:10px 13px;font-size:12px}.filters{gap:5px}.filter span{font-size:10px}.library-search{width:100%}.resource-grid{gap:32px 20px}.cover-title{font-size:23px}.cover-head,.cover-bottom{font-size:8px}.resource-meta{font-size:10px}.resource-card h3{font-size:20px}.resource-card>p{font-size:12px}.resource-open{font-size:12px}.about-copy>p{font-size:14px}.about-principles{font-size:11px}.footer-top>div{font-size:11px}.footer-bottom{font-size:10px}.footer-top .logo{width:105px}.small-button{font-size:12px}}
@media(max-width:370px){.hero-grid{width:calc(100% - 28px)}.hero h1{font-size:39px}.hero-buttons{gap:10px}.hero-buttons .button-label{padding-inline:14px;font-size:14px}.hero-buttons .text-link{padding-inline:16px;font-size:14px}.hero-visual{height:314px}.book-stage{height:277px}.display-book-forest{height:215px}.display-book-bronze{height:242px}.display-book-ivory{height:272px}.display-title{font-size:21px}.book-cover{padding:17px 15px}.display-leaf{height:93px;bottom:35px}.featured-copy{font-size:12px}.mini-cover{width:40px;height:68px}.resource-grid{gap:28px 17px}}
@media(prefers-reduced-motion:reduce){.display-book,.book-cover,.mini-cover{transition:none!important}.display-book:hover,.display-book:focus-visible{transform:none}.display-book:hover .book-cover,.display-book:focus-visible .book-cover,.featured-book:hover .mini-cover{transform:none}.quantum-button:before{background:linear-gradient(120deg,#bb9561,#f9e3ba,#a37a43)}}
@media print{.featured-shelf{display:none!important}}

/* Each cover has its own clear click target, even when another cover is raised. */
.display-book-forest{left:0;width:32%}.display-book-bronze{left:28%;width:34%}.display-book-ivory{left:57%;width:43%}
.display-book:not(.display-book-ivory) .display-title{font-size:23px}.display-book:not(.display-book-ivory) .display-series{font-size:9px}
.books-hint{color:#5b422b;text-shadow:0 1px 7px #fff6e8}
#book-motion-toggle{border:0;border-bottom:1px solid #9d764b;padding:1px 0;margin-inline:9px;font-size:11px;background:#fff6e6cc;color:#694a2b;line-height:1.7}
.hero-bottom{background:#fffaed80;border-radius:12px;padding-inline:20px;min-height:48px;bottom:88px;border:0}
.nav-cta{background:#fff6e6bd}.search-trigger{background:#fff6e687;border-radius:50%}.hero-note{color:#6e573b}.hero-buttons .text-link{background:#fff6e8b0}
@media(max-width:980px){.display-book:not(.display-book-ivory) .display-title{font-size:20px}.display-book:not(.display-book-ivory) .display-series{font-size:7px}}
@media(max-width:700px){.display-book-forest{width:32%;left:0}.display-book-bronze{width:34%;left:28%}.display-book-ivory{width:43%;left:57%}.display-title{font-size:22px}.display-book:not(.display-book-ivory) .display-title{font-size:19px}.display-book:not(.display-book-ivory) .book-cover{padding-inline:12px}.display-series{font-size:7px}.display-open{font-size:9px}.books-hint{font-size:11px}#book-motion-toggle{display:block;width:max-content;margin:5px auto 0}.hero-visual{height:360px}.hero-description{font-size:19px}}

/* Width-driven 3:4 proportions keep the books from stretching on narrow screens. */
.hero-visual{height:auto;min-height:0;container-type:inline-size}
.book-stage{height:auto;aspect-ratio:3/2;width:100%}
.book-stage .display-book{height:auto;aspect-ratio:3/4}
.book-stage .display-book-forest{left:0;width:36%;bottom:4px}
.book-stage .display-book-bronze{left:27%;width:39%;bottom:2px}
.book-stage .display-book-ivory{left:53%;width:46%;bottom:0}
.book-stage .book-cover{padding:clamp(12px,3.8cqw,21px) clamp(12px,3.5cqw,20px) clamp(11px,3cqw,17px)}
.book-stage .display-series{font-size:clamp(7px,1.8cqw,10px);padding-bottom:clamp(8px,2.3cqw,13px)}
.book-stage .display-title{font-size:clamp(17px,5.1cqw,28px);line-height:1.42;margin-top:clamp(9px,2.8cqw,16px)}
.book-stage .display-book:not(.display-book-ivory) .display-title{font-size:clamp(14px,4.3cqw,23px)}
.book-stage .display-leaf{width:25%;height:auto;aspect-ratio:4/5;left:37.5%;bottom:clamp(28px,8cqw,45px)}
.book-stage .display-book-ivory .display-leaf{width:35%;left:32.5%}
.book-stage .display-open{font-size:clamp(7px,1.9cqw,10px);padding-top:clamp(7px,2cqw,11px)}
.book-stage .display-rings{width:125%;height:auto;aspect-ratio:1;top:16%;left:-52%}
.featured-book .mini-cover{height:auto;aspect-ratio:3/4}
.featured-book .mini-cover svg{width:72%;height:72%}
@media(max-width:700px){.hero-visual{margin-top:22px}.books-hint{margin-top:14px}.featured-book{min-height:98px}.book-stage .display-book:not(.display-book-ivory) .book-cover{padding-inline:clamp(10px,3cqw,15px)}}