@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');

:root{
  --ink:#211a17;
  --muted:#6c5c52;
  --cream:#f7f1e7;
  --paper:#fffdf8;
  --terracotta:#a84f2c;
  --terracotta-dark:#75321f;
  --gold:#c99545;
  --moss:#3f4d3a;
  --line:#dfd1bd;
  --shadow:0 18px 60px rgba(51,34,24,.10);
  --radius:22px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.20;background-image:radial-gradient(#8a6f58 .55px,transparent .55px);background-size:7px 7px;z-index:-1}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}
.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.narrow{max-width:850px}
.hidden{display:none!important}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:white;padding:10px;z-index:1000}.skip-link:focus{left:10px}

h1,h2,h3,.brand-name{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.09;margin:0}
h1{font-size:clamp(3rem,7vw,6.6rem);letter-spacing:-.045em}
h2{font-size:clamp(2rem,4.1vw,3.65rem);letter-spacing:-.03em}
h3{font-size:1.55rem}
p{margin:0 0 1rem}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--terracotta);font-size:.76rem;font-weight:700;margin-bottom:16px}
.eyebrow-light{color:#edca91}
.text-link{display:inline-flex;gap:9px;align-items:center;font-weight:700;color:var(--terracotta-dark);border-bottom:1px solid currentColor;padding-bottom:3px}
.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(4px)}

.site-header{position:sticky;top:0;z-index:50;background:rgba(247,241,231,.92);border-bottom:1px solid rgba(117,50,31,.12);backdrop-filter:blur(14px)}
.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:flex;align-items:center;gap:13px;min-width:max-content}
.brand-logo{width:44px;height:44px;object-fit:contain;border-radius:50%}
.brand-symbol{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--terracotta);border-radius:50%;color:var(--terracotta);font-family:Georgia,serif;font-size:18px;position:relative}
.brand-symbol[hidden]{display:none}
.brand-symbol::after{content:"";position:absolute;inset:4px;border:1px solid var(--gold);border-radius:50%}
.brand-name{font-size:1.13rem}.brand-name small{font-family:'DM Sans',sans-serif;display:block;font-size:.61rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:600;margin-top:2px}
.nav-links{display:flex;align-items:center;gap:24px;font-size:.91rem;font-weight:600}
.nav-links a{padding:8px 0;position:relative}.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:var(--terracotta);transition:.2s}.nav-links a:hover::after,.nav-links a.active::after{right:0}
.nav-cta{border:1px solid var(--terracotta)!important;border-radius:999px;padding:9px 16px!important;color:var(--terracotta-dark)}.nav-cta::after{display:none}
.menu-button{display:none;background:none;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;font-size:21px}

.hero{position:relative;overflow:hidden;padding:86px 0 90px;background:linear-gradient(125deg,#faf6ef 0%,#f1e4d1 65%,#e8d2b5 100%)}
.hero::after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(168,79,44,.18);border-radius:50%;right:-180px;top:-210px;box-shadow:0 0 0 50px rgba(168,79,44,.04),0 0 0 100px rgba(168,79,44,.025)}
.ornament{position:absolute;width:210px;height:210px;opacity:.08;background:repeating-conic-gradient(from 0deg,var(--terracotta) 0 10deg,transparent 10deg 20deg);border-radius:50%}.ornament-left{left:-120px;bottom:-80px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:74px;align-items:end;position:relative;z-index:1}
.hero-copy h1{max-width:850px}.hero-lead{max-width:720px;font-size:1.14rem;color:var(--muted);margin-top:25px}
.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--terracotta);color:white;box-shadow:0 12px 30px rgba(117,50,31,.22)}.button-primary:hover{background:var(--terracotta-dark)}
.button-ghost{border-color:#af8f72;color:var(--terracotta-dark);background:rgba(255,255,255,.25)}
.button-light{background:#fff7eb;color:var(--terracotta-dark)}
.button-dark{background:var(--ink);color:white}
.button-disabled{opacity:.48;cursor:not-allowed;pointer-events:none}
.button-small{font-size:.82rem;min-height:40px;padding:8px 14px}
.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:.8rem;margin-top:32px}.trust-row span::before{content:"✓";color:var(--terracotta);font-weight:800;margin-right:7px}
.hero-panel{padding:42px 34px;background:rgba(45,35,29,.93);color:white;border-radius:150px 150px 24px 24px;min-height:470px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-panel::before{content:"";position:absolute;inset:14px;border:1px solid rgba(220,178,103,.35);border-radius:140px 140px 17px 17px}
.mandala-mark{position:absolute;left:50%;top:60px;transform:translateX(-50%);width:150px;height:150px;border:1px solid rgba(226,184,112,.65);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 10px rgba(226,184,112,.05),0 0 0 22px rgba(226,184,112,.035)}.mandala-mark span{font-family:Georgia,serif;color:#efcf98;font-size:2.5rem}
.panel-kicker{color:#e9c585;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:700}.hero-panel h2{font-size:2.6rem;margin-bottom:14px}.hero-panel p{color:#d5c9bf}.hero-panel .text-link{color:#efcf98;align-self:flex-start;position:relative}

.section{padding:90px 0}.section-soft{background:#eee3d2}.section-dark{background:var(--ink);color:#f9f2e7}.intro-strip{padding:32px 0;background:var(--paper);border-block:1px solid var(--line)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{display:flex;align-items:baseline;gap:12px;padding:6px 28px;border-right:1px solid var(--line)}.stats-grid>div:first-child{padding-left:0}.stats-grid>div:last-child{border:0}.stats-grid strong{font-family:'Libre Caslon Display',serif;font-size:2.5rem;color:var(--terracotta)}.stats-grid span{font-size:.78rem;color:var(--muted)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:38px}.section-head h2{max-width:720px}.section-head.centered{justify-content:center;text-align:center}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-card{min-height:330px;border:1px solid var(--line);background:var(--paper);padding:29px;border-radius:var(--radius);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.category-card::after{content:"";position:absolute;width:150px;height:150px;border:1px solid currentColor;border-radius:50%;right:-45px;top:-50px;opacity:.13}.category-index{font-size:.72rem;letter-spacing:.12em;color:var(--terracotta);font-weight:700}.category-card h3{font-size:2rem;margin:70px 0 15px}.category-card p{color:var(--muted)}.category-card .text-link{margin-top:auto;align-self:flex-start}
.feature-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.feature-grid>div:first-child{position:sticky;top:120px}.feature-grid>div:first-child p:not(.eyebrow){color:#cbbeb4;margin-top:22px}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.featured-card{background:#342a25;border:1px solid #55453c;border-radius:18px;padding:20px;display:grid;grid-template-columns:90px 1fr;gap:18px}.featured-cover,.book-cover-frame{background:linear-gradient(145deg,#bd754b,#6f311f);position:relative;overflow:hidden}.featured-cover{aspect-ratio:2/3;border-radius:8px}.featured-card h3{font-size:1.25rem;margin:8px 0}.featured-card p{font-size:.8rem;color:#cfc1b7}.featured-card a{font-size:.78rem;color:#efcf98;font-weight:700}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.steps-grid article{background:var(--paper);padding:34px}.steps-grid span,.card-number{display:inline-block;color:var(--terracotta);font-size:.73rem;letter-spacing:.13em;font-weight:700;margin-bottom:54px}.steps-grid h3{margin-bottom:10px}.steps-grid p{color:var(--muted);font-size:.9rem}
.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.package-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.package-card-top{display:flex;justify-content:space-between;gap:18px;align-items:start}.package-card h3{font-size:2rem;max-width:470px}.price-pill{white-space:nowrap;color:var(--terracotta-dark);font-weight:700;font-size:.85rem}.package-card p{color:var(--muted);margin:18px 0}.package-books{font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.package-card .button{margin-top:18px}
.cta-panel{background:linear-gradient(115deg,var(--terracotta-dark),var(--terracotta));color:white;border-radius:var(--radius);padding:48px;display:flex;align-items:center;justify-content:space-between;gap:50px;box-shadow:var(--shadow)}.cta-panel>div{max-width:750px}.cta-panel .eyebrow{color:#f2ce9c}.cta-panel h2{margin-bottom:15px}.cta-panel p:not(.eyebrow){color:#f0dcd1}

.page-hero{padding:90px 0 64px;background:linear-gradient(135deg,#f8f2e8,#ebdbc4);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(3rem,6vw,5.6rem);max-width:950px}.page-hero p:not(.eyebrow){font-size:1.1rem;color:var(--muted);max-width:720px;margin-top:18px}.profile-hero{padding-bottom:90px}
.catalog-section{padding-top:45px}.catalog-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:0 18px;min-width:330px;flex:0 1 460px}.search-box input{width:100%;border:0;outline:0;background:transparent;padding:13px 0}.filter-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filter-button{border:1px solid var(--line);background:transparent;padding:9px 14px;border-radius:999px;color:var(--muted);cursor:pointer;font-size:.8rem;font-weight:600}.filter-button.active{background:var(--ink);color:white;border-color:var(--ink)}.catalog-status{font-size:.82rem;color:var(--muted);margin-bottom:25px}
.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.book-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:transform .22s,box-shadow .22s}.book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.book-cover-frame{aspect-ratio:2/3}.book-cover-frame img,.product-cover-frame img{width:100%;height:100%;object-fit:cover}.book-cover-frame img.image-error,.product-cover-frame img.image-error{display:none}.cover-fallback{position:absolute;inset:0;padding:26px;display:flex;flex-direction:column;justify-content:space-between;color:white}.cover-fallback small{letter-spacing:.13em;text-transform:uppercase;font-size:.58rem}.cover-fallback strong{font-family:'Libre Caslon Display',serif;font-size:1.65rem;line-height:1.1}.book-card-body{padding:19px;display:flex;flex-direction:column;gap:9px;flex:1}.book-category{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--terracotta);font-weight:700}.book-card h3{font-size:1.55rem}.book-card p{font-size:.82rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.book-price{font-weight:700;margin-top:auto}.book-actions{display:flex;gap:8px;margin-top:10px}.book-actions .button{flex:1}
.empty-state{text-align:center;padding:100px 20px}

.book-breadcrumb{padding:24px 0;font-size:.8rem;color:var(--muted)}.book-breadcrumb a{color:var(--terracotta-dark)}
.product-section{padding:15px 0 80px}.product-grid{display:grid;grid-template-columns:minmax(280px,430px) 1fr;gap:72px;align-items:start}.product-cover-frame{aspect-ratio:2/3;background:linear-gradient(145deg,#c78354,#6d3020);position:relative;border-radius:10px;overflow:hidden;box-shadow:0 28px 70px rgba(56,35,25,.20)}.product-cover-frame::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.22);margin:10px;border-radius:4px;pointer-events:none}.product-copy h1{font-size:clamp(2.8rem,5vw,5.3rem)}.product-intro{font-size:1.08rem;color:var(--muted);max-width:730px;margin:22px 0}.meta-row{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.meta-row span{border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:.75rem;color:var(--muted)}.format-selector{margin-top:34px}.format-selector h2{font-family:'DM Sans',sans-serif;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em;margin-bottom:13px}.format-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.format-option{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:16px;text-align:left;cursor:pointer}.format-option.active{border-color:var(--terracotta);box-shadow:inset 0 0 0 1px var(--terracotta)}.format-option.unavailable{opacity:.48;cursor:not-allowed}.format-option strong,.format-option span{display:block}.format-option span{font-size:.75rem;color:var(--muted);margin-top:3px}.product-price{font-family:'Libre Caslon Display',serif;font-size:2.2rem;margin:26px 0 16px}.product-buttons{display:flex;flex-wrap:wrap;gap:10px}.product-note{font-size:.75rem;color:var(--muted);margin-top:14px}.description-box{border-top:1px solid var(--line);margin-top:38px;padding-top:28px}.description-box h2{font-size:1.8rem;margin-bottom:12px}.description-box p{color:var(--muted)}.share-row{display:flex;gap:14px;align-items:center;margin-top:27px;font-size:.78rem}.share-button{border:0;background:none;color:var(--terracotta-dark);font-weight:700;cursor:pointer;padding:0}.related-section{padding-top:0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-card{border-top:1px solid var(--line);padding-top:18px}.related-card span{font-size:.66rem;color:var(--terracotta);text-transform:uppercase;letter-spacing:.1em}.related-card h3{margin:9px 0 12px}.related-card a{font-size:.78rem;font-weight:700;color:var(--terracotta-dark)}

.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:36px}.profile-card.feature{grid-column:1/-1;background:var(--moss);color:white}.profile-card.feature .eyebrow{color:#e9c78d}.profile-card.feature h2{max-width:900px}.profile-card ul{margin:0;padding-left:19px}.profile-card li{margin:10px 0;color:var(--muted)}.legal-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}.legal-grid p{color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:34px}.contact-card>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--terracotta);border-radius:50%;color:var(--terracotta);font-weight:700;margin-bottom:55px}.contact-card h2{font-size:2rem;margin-bottom:12px}.contact-card p{color:var(--muted)}

.article-index-hero h1{max-width:1050px}.article-index-section{padding-top:48px}.featured-article{display:grid;grid-template-columns:1.25fr .75fr;background:var(--ink);color:white;border-radius:var(--radius);overflow:hidden;margin-bottom:80px}.featured-article-copy{padding:52px}.featured-article-copy .eyebrow{color:#efca8e}.featured-article-copy h2{margin:18px 0}.featured-article-copy>p:not(.eyebrow){color:#d3c7be;max-width:680px}.featured-article-image{min-height:430px;background:linear-gradient(145deg,#c78354,#6d3020)}.featured-article-image img{width:100%;height:100%;object-fit:cover}.article-toolbar{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.article-card-image{height:235px;background:linear-gradient(145deg,#c78354,#6d3020);overflow:hidden}.article-card-image img{width:100%;height:100%;object-fit:cover}.article-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.article-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--terracotta);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.article-meta span+span::before{content:"·";margin-right:12px;color:var(--gold)}.article-card h3{font-size:1.65rem;margin:13px 0}.article-card p{color:var(--muted);font-size:.88rem}.article-card .text-link{margin-top:auto;align-self:flex-start}
.article-hero{padding:78px 0;background:linear-gradient(135deg,#f8f2e8,#ead7bb);border-bottom:1px solid var(--line)}.article-hero-grid{display:grid;grid-template-columns:1fr 270px;gap:70px;align-items:center}.article-hero h1{font-size:clamp(2.8rem,5.4vw,5.5rem);max-width:950px;margin:18px 0}.article-hero p{font-size:1.08rem;color:var(--muted);max-width:800px}.article-cover{aspect-ratio:2/3;background:linear-gradient(145deg,#c78354,#6d3020);border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.article-cover img{width:100%;height:100%;object-fit:cover}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:80px;padding-top:70px;padding-bottom:90px;align-items:start}.article-content{max-width:760px}.article-lead{font-family:'Libre Caslon Display',Georgia,serif;font-size:1.65rem;line-height:1.5;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:38px}.article-content section{margin-bottom:38px}.article-content h2{font-size:2.25rem;margin-bottom:17px}.article-content p{color:#51443c;font-size:1.02rem}.article-content blockquote{margin:46px 0;padding:28px 0 28px 30px;border-left:3px solid var(--terracotta);font-family:'Libre Caslon Display',Georgia,serif;font-size:1.65rem;line-height:1.45;color:var(--terracotta-dark)}.article-aside{position:sticky;top:110px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px}.aside-cover{position:relative;aspect-ratio:2/3;background:linear-gradient(145deg,#c78354,#6d3020);overflow:hidden;border-radius:8px;margin-bottom:22px}.aside-cover img{width:100%;height:100%;object-fit:cover}.article-aside h2{font-size:1.8rem}.article-aside p:not(.eyebrow){color:var(--muted);font-size:.85rem;margin-top:12px}.aside-price{font-weight:800;margin:18px 0}.article-aside .button{width:100%;margin-top:9px}.article-share{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:16px;align-items:center;font-size:.8rem}.article-share a,.article-share button{border:0;background:none;padding:0;color:var(--terracotta-dark);font-weight:700;cursor:pointer}

.site-footer{background:#191412;color:#efe5da;padding:58px 0 26px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-brand p{color:#bdb0a7;max-width:500px;margin-top:14px}.footer-links{display:flex;flex-direction:column;gap:9px;font-size:.87rem;color:#d2c5bb}.footer-links strong{color:#fff;margin-bottom:6px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #403631;margin-top:42px;padding-top:22px;color:#93867e;font-size:.74rem}.footer-bottom a{color:#c5b7ae}
.error-page,.loading-state{min-height:70vh;display:grid;place-items:center;text-align:center;padding:30px}.error-page>div{max-width:650px}.error-page h1{margin-bottom:20px}.loading-state{color:var(--muted)}

@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr;align-items:center}.hero-copy{max-width:850px}.hero-panel{min-height:390px;max-width:430px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stats-grid>div{border-right:0;padding:5px 0}.feature-grid{grid-template-columns:1fr}.feature-grid>div:first-child{position:static}.book-grid{grid-template-columns:repeat(3,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.product-grid{gap:40px}.legal-grid{grid-template-columns:1fr 1fr}.legal-grid>div:first-child{grid-column:1/-1}.article-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:minmax(0,1fr) 280px;gap:40px}
}
@media(max-width:760px){
  h1{font-size:clamp(2.8rem,13vw,4.5rem)}.section{padding:65px 0}.nav-wrap{min-height:70px}.nav-links{display:none;position:absolute;left:0;right:0;top:70px;background:var(--cream);border-bottom:1px solid var(--line);padding:18px;flex-direction:column;align-items:stretch;gap:4px}.nav-links.open{display:flex}.nav-links a{padding:11px}.menu-button{display:block}.brand-name{font-size:1rem}.hero{padding:60px 0}.hero-grid{gap:42px}.hero-panel{min-height:360px;width:100%}.category-grid,.package-grid,.contact-grid{grid-template-columns:1fr}.featured-grid{grid-template-columns:1fr}.catalog-toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:0;flex:auto}.filter-row{justify-content:flex-start}.book-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}.product-cover-frame{max-width:380px;margin-inline:auto}.format-options{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.profile-card.feature{grid-column:auto}.legal-grid{grid-template-columns:1fr}.legal-grid>div:first-child{grid-column:auto}.cta-panel{padding:34px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.featured-article{grid-template-columns:1fr}.featured-article-image{min-height:300px}.article-toolbar{align-items:stretch;flex-direction:column}.article-grid{grid-template-columns:1fr}.article-hero-grid{grid-template-columns:1fr}.article-cover{max-width:280px}.article-layout{grid-template-columns:1fr}.article-aside{position:static;max-width:380px}
}
@media(max-width:500px){
  .container{width:min(100% - 26px,1180px)}.brand-symbol{width:37px;height:37px}.brand-name small{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid strong{font-size:2rem}.section-head{align-items:flex-start;flex-direction:column}.book-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr}.package-card-top{flex-direction:column}.featured-card{grid-template-columns:74px 1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.product-buttons .button{width:100%}
}

/* Proporsi sampul pada halaman artikel: gambar sebagai aksen, bukan elemen dominan */
.article-hero-grid{grid-template-columns:minmax(0,1fr) 190px;gap:54px}
.article-cover{width:190px;justify-self:end;border-radius:7px}
.article-aside{text-align:center;padding:22px}
.article-aside .eyebrow{text-align:center}
.aside-cover{width:128px;margin:0 auto 20px;border-radius:6px;box-shadow:0 12px 28px rgba(56,35,25,.14)}
.article-card-image{height:190px;padding:14px;background:#eadbc5}
.article-card-image img{object-fit:contain}
.featured-article-image{padding:46px;background:#342a25}
.featured-article-image img{object-fit:contain;max-height:340px}

/* Sistem artikel responsif: tile ringkas menuju satu halaman HTML per judul */
.article-index-section{padding-top:58px}
.article-toolbar{margin-bottom:32px}
.article-filter-row{display:flex;gap:9px;flex-wrap:wrap;margin:-10px 0 34px}
.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.article-card{min-height:300px;overflow:hidden;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cbb18d}
.article-tile-link{display:flex;flex-direction:column;height:100%;padding:30px;background:var(--paper)}
.article-tile-link::before{content:"";width:46px;height:3px;background:var(--terracotta);margin-bottom:48px}
.article-tile-link h3{font-size:clamp(1.55rem,2.2vw,2rem);margin:15px 0 13px}
.article-tile-link p{color:var(--muted);font-size:.9rem;margin-bottom:28px}
.article-arrow{margin-top:auto;color:var(--terracotta-dark);font-size:.8rem;font-weight:700}
.article-hero-text{max-width:1060px}
.article-hero-text h1{max-width:1000px}
.article-layout{grid-template-columns:minmax(0,760px) 280px;justify-content:space-between}
.article-layout-single{grid-template-columns:minmax(0,820px);justify-content:center}
.article-layout-single .article-content{max-width:820px}
.article-content{width:100%}
.article-aside{width:100%;text-align:center}
.article-aside .aside-cover{width:112px}

@media(max-width:760px){
  .article-hero-grid{grid-template-columns:1fr;gap:30px}
  .article-cover{width:150px;justify-self:center}
  .article-aside{max-width:100%}
  .aside-cover{width:110px}
  .featured-article-image{min-height:250px;padding:30px}
}

@media(max-width:1000px){
  .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-layout{grid-template-columns:minmax(0,1fr) 250px;gap:34px}
}

@media(max-width:760px){
  .article-grid{grid-template-columns:1fr}
  .article-toolbar{align-items:stretch;flex-direction:column}
  .article-layout{grid-template-columns:1fr;padding-top:48px;padding-bottom:62px}
  .article-aside{position:static;max-width:none;display:grid;grid-template-columns:90px 1fr;column-gap:18px;text-align:left;align-items:start}
  .article-aside .eyebrow{grid-column:1/-1;text-align:left}
  .article-aside .aside-cover{grid-row:2/7;width:90px;margin:0}
  .article-aside h2,.article-aside p,.article-aside .aside-price,.article-aside .button{grid-column:2}
  .article-aside .button{width:100%}
  .article-hero{padding:58px 0}
  .article-hero h1{font-size:clamp(2.45rem,11vw,4rem)}
  .article-tile-link{padding:25px}
  .article-tile-link::before{margin-bottom:34px}
}

@media(max-width:430px){
  .article-aside{display:block;text-align:center}
  .article-aside .eyebrow{text-align:center}
  .article-aside .aside-cover{width:100px;margin:0 auto 18px}
  .article-share{align-items:flex-start;flex-direction:column;gap:10px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Statistik dan submenu Tentang Kami */
.nav-dropdown{position:relative}
.nav-submenu{position:absolute;top:100%;left:-18px;min-width:220px;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:none;flex-direction:column;gap:2px}
.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{display:flex}
.nav-submenu a{white-space:nowrap;padding:9px 11px;border-radius:7px}
.nav-submenu a:hover,.nav-submenu a.active{background:var(--cream)}
.nav-submenu a::after{display:none}
.stat-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:32px}
.stat-card,.stat-panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px}
.stat-card strong{display:block;font:2.65rem/1.1 'Libre Caslon Display',Georgia,serif;color:var(--terracotta-dark);margin:10px 0}
.stat-card span,.stat-note{color:var(--muted);font-size:.88rem}
.stat-panel h2{font-size:2rem;margin-bottom:22px}
.stat-chart{display:grid;gap:14px}
.stat-row{display:grid;grid-template-columns:115px minmax(0,1fr) 88px;gap:14px;align-items:center;font-size:.88rem}
.stat-row strong{text-align:right;font-variant-numeric:tabular-nums}
.stat-track{height:13px;border-radius:20px;background:#eadfcf;overflow:hidden}
.stat-bar{display:block;height:100%;background:linear-gradient(90deg,var(--terracotta),var(--gold));border-radius:20px}
.stat-status{border-left:3px solid var(--terracotta);padding:12px 16px;background:var(--paper);margin-bottom:24px}
[hidden]{display:none!important}
@media(max-width:760px){.nav-submenu{position:static;display:flex;min-width:0;box-shadow:none;border:0;background:transparent;padding:0 0 0 16px}.nav-dropdown>a{display:block;padding:11px}.nav-submenu a{padding:7px 11px}.stat-cards{grid-template-columns:1fr}.stat-row{grid-template-columns:75px minmax(0,1fr) 70px;gap:8px}}

/* Pustaka Baca */
.reading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,300px));gap:28px}.reading-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.reading-cover{display:block;padding:22px;background:var(--cream)}.reading-cover img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.reading-copy{padding:24px}.reading-copy h2{font-size:2rem;margin:8px 0 12px}.reading-copy p{font-size:.9rem;color:var(--muted);margin-bottom:18px}.reading-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.reading-tabs a{padding:10px 17px;border:1px solid var(--line);border-radius:999px}.reading-tabs a[aria-current]{background:var(--forest);color:white}.reading-empty{max-width:700px;border:1px solid var(--line);border-radius:16px;padding:32px;background:var(--paper)}.nav-links{gap:18px}.nav-wrap{gap:16px}.nav-submenu{z-index:100}@media(min-width:761px) and (max-width:1100px){.nav-links{gap:11px;font-size:.8rem}.brand-name{font-size:.95rem}.brand-logo{max-width:46px}}

.reading-empty{grid-column:1/-1}