/* ==========================================================================
   Atika Meilani — front-end styles
   Every value below is copied from the inline styles in /design/*.dc.html.
   Do not "tidy" numbers: they are the design.
   ========================================================================== */

/* ---------- Fonts (self-hosted, variable) ---------- */
@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/newsreader-latin-ext-standard-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/newsreader-latin-standard-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:200 800;src:url(../fonts/newsreader-latin-ext-standard-italic.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:200 800;src:url(../fonts/newsreader-latin-standard-italic.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:300 900;src:url(../fonts/figtree-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:300 900;src:url(../fonts/figtree-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Tokens ---------- */
:root{
	--cream:#F8F4EF;--paper:#FFFDFA;--sand:#EFE7DD;--sand-2:#F3ECE4;--pill:#EFE6E1;--ph:#E9DFD3;
	--ink:#2E211C;--brown:#4C2619;--brown-dark:#361A10;--muted:#6E6059;--body:#5E504A;--body-2:#4A3C36;--num:#8A6A5C;--dots:#B9A595;
	--coral:#E0796B;--coral-2:#F0A094;
	--footer:#2B1A14;--on-dark:#F6F0EC;--on-dark-2:#E9DFD9;--on-dark-3:#D8CBC3;--f-link:#D3C8C1;--f-sub:#B2A298;--f-dim:#9A8A80;--ribbon-text:#F3EDE9;
	--serif:Newsreader,serif;--sans:Figtree,system-ui,sans-serif;
	--wrap:1200px;--gutter:32px;--section:104px;
	--line:rgba(46,33,28,.08);--line-2:rgba(46,33,28,.12);--line-3:rgba(46,33,28,.14);--line-4:rgba(46,33,28,.16);
}

/* ---------- Base (design <helmet> styles) ---------- */
body{margin:0;background:#F8F4EF;color:#2E211C;font-family:Figtree,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#4C2619;text-decoration:none}
:where(a:hover){color:#2E211C}
*{box-sizing:border-box}
/* Inline anchor colours in the design beat a:hover; classes below restate colour for :hover. */
button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}
img{border:0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

.site{min-height:100vh;background:#F8F4EF}
.site-top{position:sticky;top:0;z-index:30}
/* In-page anchors (#kontak, #faq, #writing, #respond …) land below the sticky header. */
section[id],#respond,.pkg[id]{scroll-margin-top:120px}
.admin-bar .site-top{top:32px}
@media (max-width:782px){.admin-bar .site-top{top:46px}}
@media (max-width:600px){.admin-bar .site-top{top:0}}

/* ---------- Shared text styles ---------- */
.eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:#4C2619;font-weight:600}
.eyebrow--light{color:#D8CBC3}
.h2{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:clamp(34px,3.8vw,52px);line-height:1.1;letter-spacing:-.015em}
.balance{text-wrap:balance}
.pretty{text-wrap:pretty}
.p0{margin:0}

/* ---------- Buttons ---------- */
.btn{border-radius:999px;font-weight:600;font-size:15px}
.btn--primary,.btn--primary:hover{color:#FFFDFA}
.btn--primary{background:#4C2619}
.btn--primary:hover{background:#361A10}
.btn--outline,.btn--outline:hover{color:#2E211C}
.btn--outline{border:1px solid rgba(46,33,28,.25)}
.btn--outline:hover{background:#EFE7DD}
.btn--outline-cream:hover{background:#F8F4EF}
.btn--outline-brown{border:1px solid rgba(76,38,25,.35);color:#4C2619}
.btn--outline-brown:hover{background:#4C2619;color:#FFFDFA}
.btn--dark{background:#2E211C;color:#FFFDFA}
.btn--dark:hover{background:#4C2619;color:#FFFDFA}
.btn--paper{background:#FFFDFA;color:#4C2619}
.btn--paper:hover{background:#EFE7DD;color:#4C2619}
.btn--outline-light{border:1px solid rgba(255,253,250,.4);color:#FFFDFA}
.btn--outline-light:hover{background:rgba(255,253,250,.1);color:#FFFDFA}
.btn--lg{padding:16px 28px}
.btn--xl{padding:16px 30px}
.btn--ml{padding:15px 26px}
.btn--m{padding:14px 26px}
.btn--mc{padding:14px 24px}
.btn--s{padding:13px 24px}
.btn--xs{padding:12px 22px}
.btn--inline{display:inline-flex}
.btn-row{display:flex;gap:12px;flex-wrap:wrap}
.btn-row--center{justify-content:center}
.text-link{font-weight:600;font-size:15px;color:#4C2619}
.text-link:hover{color:#4C2619}

/* ---------- Crisis ribbon ---------- */
.ribbon{background:#2E211C;color:#F3EDE9;font-size:13px}
.ribbon__inner{max-width:1200px;margin:0 auto;padding:8px 32px;display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap}
.ribbon__msg{display:flex;align-items:center;gap:10px}
.ribbon__dot{width:8px;height:8px;border-radius:50%;background:#E0796B;box-shadow:0 0 0 4px rgba(224,121,107,.22);flex:none}
.ribbon__label{font-weight:600;color:#FFFDFA}
.ribbon__long{display:none}
@media (min-width:1100px){.ribbon__long{display:inline}.ribbon__short{display:none}}
.ribbon__btn,.ribbon__btn:hover{color:#2E211C}
.ribbon__btn{background:#E0796B;padding:6px 14px;border-radius:999px;font-weight:600;white-space:nowrap}
.ribbon__btn:hover{background:#F0A094}

/* ---------- Navigation ---------- */
.nav{position:relative;background:rgba(248,244,239,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(46,33,28,.08)}
.nav__bar{max-width:1200px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand,.brand:hover{color:#2E211C}
.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;flex:none}
.brand__logo{width:42px;height:42px;object-fit:contain}
.brand__text{display:flex;flex-direction:column;gap:2px}
.brand__name{font-family:Newsreader,serif;font-size:21px;line-height:1}
.brand__title{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#6E6059}
.nav__menu{display:none;align-items:center;gap:22px;font-size:14.5px;font-weight:500;white-space:nowrap}
.nav__link,.nav__link:hover{color:#2E211C}
.nav__link.is-active,.nav__link.is-active:hover{color:#4C2619;font-weight:600}
.nav__dd{position:relative}
.nav__dd-toggle{color:#2E211C;cursor:pointer;display:flex;gap:6px;align-items:center;padding:8px 0;font-weight:inherit;white-space:nowrap}
.nav__dd-toggle.is-active{color:#4C2619;font-weight:600}
.nav__caret{font-size:10px;color:#6E6059}
.nav__dd-panel{position:absolute;top:100%;left:-16px;width:280px;background:#FFFDFA;border:1px solid rgba(46,33,28,.1);border-radius:14px;box-shadow:0 18px 40px -18px rgba(76,38,25,.35);padding:8px;display:none;flex-direction:column}
.nav__dd-panel--narrow{width:240px}
.nav__dd:hover .nav__dd-panel,.nav__dd:focus-within .nav__dd-panel,.nav__dd.is-open .nav__dd-panel{display:flex}
.nav__dd-item,.nav__dd-item:hover{color:#2E211C}
.nav__dd-item{padding:12px 14px;border-radius:10px;display:flex;flex-direction:column;gap:3px}
.nav__dd-item--plain{padding:11px 14px;display:block}
.nav__dd-item:hover,.nav__dd-item:focus-visible{background:#F3ECE4}
.nav__dd-sub{font-size:12.5px;font-weight:400;color:#6E6059}
.nav__actions{display:flex;align-items:center;gap:12px;white-space:nowrap}
.nav__burger{cursor:pointer;width:44px;height:44px;border-radius:50%;border:1px solid rgba(46,33,28,.16);display:flex;align-items:center;justify-content:center;font-size:18px;color:#2E211C}
.lang{display:flex;border:1px solid rgba(46,33,28,.16);border-radius:999px;padding:3px;font-size:12px;font-weight:600}
.lang__opt,.lang__opt:hover{padding:5px 10px;border-radius:999px;cursor:pointer;background:transparent;color:#6E6059}
.lang__opt.is-active,.lang__opt.is-active:hover{background:#4C2619;color:#FFFDFA}
.nav__cta,.nav__cta:hover{color:#FFFDFA}
.nav__cta{background:#4C2619;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.02em}
.nav__cta:hover{background:#361A10}
.nav__mobile{border-top:1px solid rgba(46,33,28,.08);padding:12px 32px 20px;display:flex;flex-direction:column;font-size:16px;font-weight:500}
.nav__mobile[hidden]{display:none}
.nav__m-link,.nav__m-link:hover{padding:12px 0;color:#2E211C}
.nav__m-sub{display:flex;flex-direction:column;padding-left:16px;font-size:14.5px;font-weight:400}
.nav__m-sublink,.nav__m-sublink:hover{padding:8px 0;color:#6E6059}
/* Small phones: the design's header row (logo + menu + ID/EN + booking) is wider
   than the screen (516px). Below 520px the booking button, and below 400px the
   ID/EN switch, move into the mobile drawer. Wider screens are unchanged. */
.nav__m-extra{display:none}
@media (max-width:519px){
	.nav__bar{padding:14px 20px;gap:16px}
	.nav__mobile{padding:12px 20px 20px}
	.nav__actions > .nav__cta{display:none}
	.nav__m-extra{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:16px;border-top:1px solid rgba(46,33,28,.08)}
	.nav__m-extra .lang{display:none}
}
@media (max-width:399px){
	.nav__actions > .lang{display:none}
	.nav__m-extra .lang{display:flex}
}
@media (min-width:1180px){
	.nav__menu{display:flex}
	.nav__burger,.nav__mobile,.nav__mobile[hidden]{display:none}
}

/* ---------- Layout primitives ---------- */
.wrap{max-width:1200px;margin:0 auto}
.stack{max-width:1200px;margin:0 auto;padding:104px 32px;display:flex;flex-direction:column}
.split{max-width:1200px;margin:0 auto;padding:104px 32px;display:grid;align-items:start}
.sticky-col{display:flex;flex-direction:column;gap:22px;position:sticky;top:150px}
.media{width:100%;background-position:center;background-size:cover;background-repeat:no-repeat}
.media--16x10{aspect-ratio:16/10;border-radius:20px}
.prose-col{display:flex;flex-direction:column;gap:20px;font-size:17px;line-height:1.8;color:#4A3C36}
.prose-col p{margin:0;text-wrap:pretty}
.prose-col .lead{margin:0;font-family:Newsreader,serif;font-size:24px;line-height:1.5;color:#2E211C}
.head-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:40px;align-items:end}
.head-split__title{display:flex;flex-direction:column;gap:18px}
.head-split__text{margin:0;font-size:17px;line-height:1.75;color:#4A3C36;text-wrap:pretty}
.center-head{display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center}
.tiles{display:grid;gap:2px;background:rgba(76,38,25,.14);border-radius:24px;overflow:hidden}
.bg-cream{background:#F8F4EF}
.bg-paper{background:#FFFDFA}
.bg-sand{background:#EFE7DD}
.bt{border-top:1px solid rgba(46,33,28,.06)}

/* Portrait arch (Home + About hero) */
.arch{position:relative;width:min(100%,460px);aspect-ratio:4/5;border-radius:240px 240px 28px 28px;overflow:hidden;background:#E9DFD3 center/cover no-repeat}
.arch--about{width:min(100%,440px)}
.arch__img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:96%;height:auto}

/* ==========================================================================
   HOME
   ========================================================================== */
/* 01 Hero — portrait split */
.hero__grid{max-width:1200px;margin:0 auto;padding:72px 32px 88px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:56px;align-items:center}
.hero__copy{display:flex;flex-direction:column;gap:28px}
.hero__titles{display:flex;flex-direction:column;gap:14px}
.hero__title{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:clamp(44px,5.6vw,76px);line-height:1.02;letter-spacing:-.02em;text-wrap:balance}
.hero__subtitle{margin:0;font-family:Newsreader,serif;font-style:italic;font-size:22px;color:#4C2619}
.hero__body{margin:0;font-size:17px;line-height:1.7;color:#5E504A;max-width:520px;text-wrap:pretty}
.hero__media{position:relative;display:flex;justify-content:center}
.hero__badge{position:absolute;left:0;bottom:56px;background:#FFFDFA;border-radius:16px;padding:16px 18px;box-shadow:0 20px 40px -20px rgba(76,38,25,.4);display:flex;gap:12px;align-items:center;max-width:250px}
.hero__badge-logo{width:34px;height:38px;object-fit:contain}
.hero__badge-text{display:flex;flex-direction:column;gap:2px}
.hero__badge-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#6E6059}
.hero__badge-name{font-family:Newsreader,serif;font-size:18px}
.hero__quote{position:absolute;right:0;top:40px;background:#4C2619;color:#F6F0EC;border-radius:16px;padding:16px 20px;max-width:210px;font-family:Newsreader,serif;font-style:italic;font-size:17px;line-height:1.35}
/* 01 Hero — centered statement */
.hero__center{max-width:1200px;margin:0 auto;padding:88px 32px 72px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px}
.hero__center-logo{width:64px;height:64px;object-fit:contain}
.hero__center-title{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:clamp(46px,6.4vw,88px);line-height:1.02;letter-spacing:-.02em;max-width:980px;text-wrap:balance}
.hero__center-body{margin:0;font-size:17px;line-height:1.7;color:#5E504A;max-width:620px;text-wrap:pretty}
.hero__center-image{width:100%;margin-top:28px;height:clamp(240px,34vw,420px);border-radius:28px;background:center 62%/cover no-repeat}

/* 02 Tentang Saya */
.about-teaser{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:64px}
.about-teaser .prose-col{padding-top:40px}
.edu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:12px}
.edu-card{background:#F3ECE4;border-radius:14px;padding:16px 18px;display:flex;gap:14px;align-items:center}
.edu-card__logo{width:44px;height:44px;object-fit:contain;flex:none}
.edu-card__text{display:flex;flex-direction:column;gap:4px}
.edu-card__years{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#6E6059}
.edu-card__name{font-size:15px;line-height:1.4;color:#2E211C}
.edu-card__degree{font-size:13px;color:#6E6059}
.about-teaser__link,.about-teaser__link:hover{font-weight:600;font-size:15px;margin-top:8px;display:inline-flex;gap:8px;color:#4C2619}

/* 03 Cara Saya Bekerja */
.approach{gap:56px}
.approach .tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.tile{background:#F8F4EF;padding:40px 34px;display:flex;flex-direction:column;gap:16px}
.tile__rule{width:28px;height:1px;background:#4C2619}
.tile__title{margin:0;font-family:Newsreader,serif;font-weight:400;font-size:26px}
.tile__text{margin:0;font-size:15.5px;line-height:1.7;color:#5E504A}
.closing-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.closing-row__quote{margin:0;font-family:Newsreader,serif;font-style:italic;font-size:22px;color:#2E211C}

/* 04 Layanan */
.services-teaser{gap:52px}
.services-teaser__intro{margin:0;font-size:17px;line-height:1.7;color:#5E504A;max-width:600px}
.cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.svc-card{background:#FFFDFA;border:1px solid rgba(46,33,28,.08);border-radius:24px;padding:14px;display:flex;flex-direction:column;gap:22px;transition:transform .3s,box-shadow .3s}
.svc-card:hover{transform:translateY(-4px);box-shadow:0 28px 50px -30px rgba(76,38,25,.45)}
.svc-card--dark{background:#4C2619;color:#F6F0EC;border:0}
.svc-card--dark:hover{box-shadow:0 28px 50px -30px rgba(76,38,25,.7)}
.svc-card__img{aspect-ratio:16/11;border-radius:16px;background:center/cover no-repeat}
.svc-card__body{padding:0 12px 14px;display:flex;flex-direction:column;gap:12px;flex:1}
.svc-card__tags{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#6E6059}
.svc-card__title{margin:0;font-family:Newsreader,serif;font-weight:400;font-size:28px}
.svc-card__text{margin:0;font-size:15.5px;line-height:1.65;color:#5E504A;flex:1}
.svc-card__link,.svc-card__link:hover{font-weight:600;font-size:14.5px;color:#4C2619;padding-top:6px}
.svc-card--dark .svc-card__tags{color:#D8CBC3}
.svc-card--dark .svc-card__title{color:#FFFDFA}
.svc-card--dark .svc-card__text{color:#E9DFD9}
.svc-card--dark .svc-card__link,.svc-card--dark .svc-card__link:hover{color:#FFFDFA}
.services-teaser__foot{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;font-size:15px;color:#5E504A}

/* 05 My Writing */
.writing{max-width:1200px;margin:0 auto;padding:104px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:64px}
.writing__intro{display:flex;flex-direction:column;gap:22px}
.writing__heading{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:clamp(32px,3.4vw,46px);line-height:1.15;letter-spacing:-.015em;text-wrap:balance}
.writing__body{margin:0;font-size:16px;line-height:1.75;color:#5E504A;text-wrap:pretty}
.writing__tabs{display:flex;flex-direction:column;gap:2px;margin-top:8px}
.writing__tab{cursor:pointer;padding:14px 18px;border-radius:14px;background:transparent;display:flex;flex-direction:column;gap:4px;width:100%;text-align:left}
.writing__tab[aria-selected="true"]{background:#F3ECE4}
.writing__tab-name{font-family:Newsreader,serif;font-size:21px;color:#2E211C}
.writing__tab-desc{font-size:13.5px;line-height:1.5;color:#6E6059}
.writing__list{display:flex;flex-direction:column}
.writing__panel{display:none}
.writing__panel.is-active{display:contents}
.post-row,.post-row:hover{display:flex;flex-direction:column;gap:10px;padding:30px 0;border-bottom:1px solid rgba(46,33,28,.12)}
.post-row{color:#2E211C}
.post-row:hover{color:#4C2619}
.post-row__meta{display:flex;gap:14px;align-items:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6E6059}
.post-row__cat{color:#4C2619;font-weight:600}
.post-row__title{margin:0;font-family:Newsreader,serif;font-weight:400;font-size:28px;line-height:1.25;text-wrap:balance}
.post-row__excerpt{margin:0;font-size:15.5px;line-height:1.65;color:#5E504A}
.writing__more,.writing__more:hover{font-weight:600;font-size:15px;color:#4C2619;padding-top:26px}

/* 06 Psychology Articles */
.articles{gap:48px}
.articles__head{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap}
.articles__head-text{display:flex;flex-direction:column;gap:18px;max-width:640px}
.articles__body{margin:0;font-size:16px;line-height:1.75;color:#5E504A;text-wrap:pretty}
.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px}
.article-card{display:flex;flex-direction:column;gap:18px;color:#2E211C}
.article-card:hover{color:#4C2619}
.thumb{aspect-ratio:4/3;border-radius:20px;background:repeating-linear-gradient(135deg,#EFE7DD 0 8px,#E8DED2 8px 16px);display:flex;align-items:center;justify-content:center;font:12px ui-monospace,Menlo,monospace;color:#6E6059;overflow:hidden}
.thumb--img{background:#EFE7DD center/cover no-repeat}
.article-card__meta{display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6E6059}
.article-card__pill{background:#EFE6E1;color:#4C2619;padding:5px 10px;border-radius:999px;font-weight:600}
.article-card__title{margin:0;font-family:Newsreader,serif;font-weight:400;font-size:25px;line-height:1.25;text-wrap:balance}

/* 07 Ingin Berkonsultasi */
.contact{max-width:1200px;margin:0 auto;padding:0 32px 104px}
.contact__box{background:#EFE7DD;border-radius:28px;padding:56px clamp(28px,5vw,64px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:40px;align-items:center}
.contact__left{display:flex;flex-direction:column;gap:16px}
.contact__heading{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:clamp(32px,3.4vw,46px);line-height:1.1}
.contact__sub{margin:0;font-family:Newsreader,serif;font-style:italic;font-size:21px;color:#4C2619}
.contact__right{display:flex;flex-direction:column;gap:22px}
.contact__body{margin:0;font-size:16px;line-height:1.75;color:#4A3C36;text-wrap:pretty}

/* 08 FAQ */
.faq{max-width:1200px;margin:0 auto;padding:104px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:56px;align-items:start}
.faq__intro{display:flex;flex-direction:column;gap:18px}
.faq__heading{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:clamp(32px,3.4vw,46px);line-height:1.12}
.faq__text{margin:0;font-size:16px;line-height:1.7;color:#5E504A}
.faq__prompt{margin-top:14px;display:flex;flex-direction:column;gap:6px;font-size:15px}
.faq__prompt-text{color:#5E504A}
.faq__prompt a,.faq__prompt a:hover{font-weight:600;color:#4C2619}
.faq__list{display:flex;flex-direction:column;border-top:1px solid rgba(46,33,28,.14)}
.faq__item{border-bottom:1px solid rgba(46,33,28,.14)}
.faq__q{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;width:100%;text-align:left}
.faq__q-text{font-family:Newsreader,serif;font-size:21px;line-height:1.35;color:#2E211C}
.faq__icon{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid rgba(76,38,25,.3);display:flex;align-items:center;justify-content:center;color:#4C2619;font-size:18px}
.faq__a{margin:0;padding:0 56px 26px 0;font-size:15.5px;line-height:1.75;color:#5E504A}
.faq__a[hidden]{display:none}

/* 09 Dark closing sections (Home CTA / About / Services) */
.dark-cta{position:relative;background:#4C2619;color:#F6F0EC;overflow:hidden}
.dark-cta__texture{position:absolute;inset:0;background:center/cover no-repeat;opacity:.09;mix-blend-mode:screen}
.dark-cta__inner{position:relative;max-width:900px;margin:0 auto;padding:120px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px}
.dark-cta__heading{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:clamp(40px,5vw,68px);line-height:1.05;letter-spacing:-.015em;color:#FFFDFA}
.dark-cta__body{margin:0;font-size:17px;line-height:1.8;color:#E9DFD9;max-width:680px;text-wrap:pretty}
.dark-cta .btn-row{padding-top:6px}
/* About closing */
.dark-cta--about .dark-cta__inner{gap:24px}
.dark-cta--about .dark-cta__heading{font-size:clamp(42px,5.4vw,72px);line-height:1.04;letter-spacing:-.02em}
.dark-cta--about .dark-cta__heading em{font-weight:300}
.dark-cta__paras{display:flex;flex-direction:column;gap:14px;font-size:17px;line-height:1.8;color:#E9DFD9;max-width:640px}
.dark-cta__paras p{margin:0;text-wrap:pretty}
.dark-cta__paras .dark-cta__highlight{font-family:Newsreader,serif;font-style:italic;font-size:21px;line-height:1.5;color:#FFFDFA}
.dark-cta--about .btn-row{padding-top:8px}
/* Services closing */
.dark-cta--services .dark-cta__inner{padding:112px 32px;gap:24px}
.dark-cta--services .dark-cta__heading{font-size:clamp(38px,4.6vw,60px);line-height:1.08;text-wrap:balance}
.dark-cta--services .dark-cta__body{max-width:660px}

/* ---------- Footer ---------- */
.footer{background:#2B1A14;color:#D3C8C1}
.footer__inner{max-width:1200px;margin:0 auto;padding:80px 32px 32px;display:flex;flex-direction:column;gap:56px}
.footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:40px}
.footer__brand{display:flex;flex-direction:column;gap:14px;grid-column:span 1;min-width:240px}
.footer__name{font-family:Newsreader,serif;font-size:24px;color:#FFFDFA;line-height:1.2}
.footer__tagline{font-size:13px;letter-spacing:.06em;color:#B2A298}
.footer__desc{margin:0;font-size:14.5px;line-height:1.7}
.footer__col{display:flex;flex-direction:column;gap:12px;font-size:14.5px}
.footer__heading{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#9A8A80;font-weight:600;margin-bottom:4px}
.footer__link{color:#D3C8C1}
.footer__link:hover{color:#FFFDFA}
.footer__cta,.footer__cta:hover{color:#FFFDFA;font-weight:600;margin-top:6px}
.footer__socials{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.footer__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;font-size:13px;color:#9A8A80}
.footer__legal{display:flex;gap:18px}
.footer__legal-link{color:#9A8A80}
.footer__legal-link:hover{color:#FFFDFA}

/* ==========================================================================
   ABOUT
   ========================================================================== */
.about-hero{max-width:1200px;margin:0 auto;padding:72px 32px 96px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:56px;align-items:center}
.about-hero__copy{display:flex;flex-direction:column;gap:26px}
.about-hero__title{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:clamp(48px,6vw,84px);line-height:1;letter-spacing:-.02em}
.about-hero__body{margin:0;font-size:17px;line-height:1.75;color:#5E504A;max-width:540px;text-wrap:pretty}
.about-hero__media{display:flex;flex-direction:column;align-items:center;gap:10px}

.statement{max-width:900px;margin:0 auto;padding:104px 32px;display:flex;flex-direction:column;gap:32px}
.statement__quote{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:clamp(28px,3.2vw,40px);line-height:1.35;letter-spacing:-.01em;color:#2E211C;text-wrap:pretty}
.statement__quote em{color:#4C2619}
.statement__body{margin:0;font-size:17px;line-height:1.8;color:#4A3C36;max-width:680px;text-wrap:pretty}

.journey{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:64px}
.creds{max-width:1200px;margin:0 auto;padding:0 32px 104px;display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.creds__main{display:flex;flex-direction:column;gap:8px;flex:2 1 480px;min-width:0}
.creds__heading{margin:0 0 12px;font-family:Newsreader,serif;font-weight:300;font-size:clamp(28px,2.8vw,36px);line-height:1.15}
.creds__list{display:flex;flex-direction:column;border-top:1px solid rgba(46,33,28,.14)}
.cred{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;padding:26px 0;border-bottom:1px solid rgba(46,33,28,.14)}
.cred__logo{width:48px;height:48px;object-fit:contain}
.cred__body{display:flex;flex-direction:column;gap:6px}
.cred__top{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;align-items:baseline}
.cred__name{font-family:Newsreader,serif;font-size:24px;line-height:1.2;color:#2E211C}
.cred__years{font-size:13px;letter-spacing:.1em;color:#6E6059;white-space:nowrap}
.cred__pill{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#FFFDFA;background:#4C2619;padding:4px 10px;border-radius:999px;font-weight:600}
.cred__role{font-size:14.5px;font-weight:600;color:#4C2619}
.cred__desc{margin:4px 0 0;font-size:15.5px;line-height:1.7;color:#5E504A;text-wrap:pretty}
.verify{background:#FFFDFA;border:1px solid rgba(46,33,28,.08);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:18px;position:sticky;top:150px;flex:1 1 300px;align-self:flex-start;min-width:0}
.verify__text{margin:0;font-size:15.5px;line-height:1.7;color:#4A3C36;text-wrap:pretty}
.verify__qr{background:#FFFFFF;border:1px solid rgba(46,33,28,.1);border-radius:16px;padding:16px;display:flex;justify-content:center}
.verify__qr img{width:100%;max-width:240px;height:auto;display:block}
.verify__caption{margin:0;font-size:13.5px;line-height:1.6;color:#6E6059;text-align:center;text-wrap:pretty}

.areas{gap:48px}
.areas .tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.area{background:#F8F4EF;padding:36px 32px;display:flex;flex-direction:column;gap:14px;min-height:180px}
.area__num{font-family:Newsreader,serif;font-style:italic;font-size:18px;color:#8A6A5C}
.area__title{margin:0;font-family:Newsreader,serif;font-weight:400;font-size:26px;line-height:1.2;color:#2E211C}
.area__text{margin:0;font-size:15.5px;line-height:1.7;color:#5E504A;text-wrap:pretty}

.view{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:64px}
.view__quote{margin:16px 0 0;padding:28px 0 0;border-top:1px solid rgba(76,38,25,.25);font-family:Newsreader,serif;font-style:italic;font-weight:300;font-size:clamp(24px,2.4vw,30px);line-height:1.4;color:#4C2619;text-wrap:pretty}

.principles{gap:48px}
.principles__list{display:flex;flex-direction:column;border-top:1px solid rgba(76,38,25,.22)}
.principle{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px 48px;padding:30px 0;border-bottom:1px solid rgba(76,38,25,.22);align-items:baseline}
.principle__head{display:flex;gap:20px;align-items:baseline}
.principle__num{font-family:Newsreader,serif;font-style:italic;font-size:17px;color:#8A6A5C;flex:none}
.principle__title{margin:0;font-family:Newsreader,serif;font-weight:400;font-size:28px;line-height:1.2;color:#2E211C}
.principle__text{margin:0;font-size:16px;line-height:1.75;color:#4A3C36;text-wrap:pretty}

.outside{max-width:1200px;margin:0 auto;padding:104px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:64px;align-items:center}
.outside__media{display:flex;flex-direction:column;gap:10px}
.outside__img{width:100%;aspect-ratio:4/5;max-height:560px;border-radius:24px;background:center/cover no-repeat}
.outside__highlight{margin:0;font-family:Newsreader,serif;font-style:italic;font-size:26px;line-height:1.3;color:#4C2619}
.outside__cta{padding-top:8px}

/* ==========================================================================
   SERVICES
   ========================================================================== */
.svc-hero{max-width:1200px;margin:0 auto;padding:80px 32px 88px;display:flex;flex-direction:column;gap:48px}
.svc-hero__head{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:40px 64px;align-items:end}
.svc-hero__title-col{display:flex;flex-direction:column;gap:22px}
.svc-hero__title{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:clamp(48px,6vw,84px);line-height:1;letter-spacing:-.02em}
.svc-hero__body{display:flex;flex-direction:column;gap:16px;font-size:17px;line-height:1.75;color:#5E504A}
.svc-hero__body p{margin:0;text-wrap:pretty}
.jump{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:2px;background:rgba(76,38,25,.14);border-radius:20px;overflow:hidden}
.jump__item{background:#F8F4EF;padding:24px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#2E211C}
.jump__item:hover{background:#FFFDFA;color:#4C2619}
.jump__text{display:flex;flex-direction:column;gap:4px}
.jump__title{font-family:Newsreader,serif;font-size:22px}
.jump__sub{font-size:13px;color:#6E6059}

.svc{scroll-margin-top:120px}
.svc__inner{max-width:1200px;margin:0 auto;padding:104px 32px;display:flex;flex-direction:column;gap:48px}
.svc__head{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:56px;align-items:start}
.svc__head--wide{gap:40px 56px;align-items:end}
.svc__title-col{display:flex;flex-direction:column;gap:22px}
.svc__title{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:clamp(36px,4vw,56px);line-height:1.06;letter-spacing:-.015em}
.svc__img{width:100%;aspect-ratio:16/11;border-radius:20px;background:center/cover no-repeat}
.svc__img--wide{aspect-ratio:21/9}
.svc__text{display:flex;flex-direction:column;gap:20px;font-size:17px;line-height:1.8;color:#4A3C36;padding-top:6px}
.svc__text p{margin:0;text-wrap:pretty}
.svc__text .svc__lead{font-family:Newsreader,serif;font-size:24px;line-height:1.5;color:#2E211C}
.pkgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
.pkgs--wide{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}
.pkg{background:#F8F4EF;border:1px solid rgba(46,33,28,.08);border-radius:24px;padding:34px 32px;display:flex;flex-direction:column;gap:18px;scroll-margin-top:120px}
.bg-sand .pkg{background:#FFFDFA}
.pkgs--wide .pkg{padding:36px 34px}
.pkg__tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#6E6059}
.pkg__title{margin:0;font-family:Newsreader,serif;font-weight:400;font-size:30px;line-height:1.15;color:#2E211C}
.pkgs--wide .pkg__title{font-size:32px;color:inherit}
.pkg__lead{margin:0;font-family:Newsreader,serif;font-size:20px;line-height:1.5;color:#2E211C;text-wrap:pretty}
.pkg__text{margin:0;font-size:15.5px;line-height:1.7;color:#5E504A;text-wrap:pretty}
.pkg__text--grow{flex:1}
.pkg__rows{display:flex;flex-direction:column;border-top:1px solid rgba(46,33,28,.12)}
.pkg__row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid rgba(46,33,28,.12);font-size:15px;line-height:1.55}
.pkg__label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#6E6059;padding-top:3px}
.pkg__value{color:#2E211C}
.pkg--dark,.bg-sand .pkg--dark{background:#4C2619;border:0}
.pkg--dark .pkg__tag{color:#D8CBC3}
.pkg--dark .pkg__title{color:#FFFDFA}
.pkg--dark .pkg__text{color:#E9DFD9}
.pkg--dark .pkg__rows{border-top-color:rgba(255,253,250,.18)}
.pkg--dark .pkg__row{border-bottom-color:rgba(255,253,250,.18)}
.pkg--dark .pkg__label{color:#D8CBC3}
.pkg--dark .pkg__value{color:#FFFDFA}
.svc__foot{display:flex}
.svc__foot--note{justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.svc__note{margin:0;font-size:14.5px;line-height:1.65;color:#5E504A;max-width:640px}
.svc__note strong{font-weight:600;color:#2E211C}
.svc__foot--outline .svc__note{font-size:15px;line-height:normal;max-width:none}

/* ==========================================================================
   ARTICLE (single post)
   ========================================================================== */
.progress{position:sticky;top:0;z-index:31;height:0}
.progress__bar{height:3px;width:0;background:#4C2619;transition:width .1s}
.admin-bar .progress{top:32px}
@media (max-width:782px){.admin-bar .progress{top:46px}}
@media (max-width:600px){.admin-bar .progress{top:0}}
.post{background:#F8F4EF}
.post__header{max-width:820px;margin:0 auto;padding:56px 32px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;font-size:13px;color:#6E6059}
.crumbs a,.crumbs a:hover{color:#6E6059}
.crumbs__current{color:#2E211C}
.post__cat,.post__cat:hover{background:#EFE6E1;color:#4C2619;padding:6px 14px;border-radius:999px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.post__title{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.post__excerpt{margin:0;font-family:Newsreader,serif;font-style:italic;font-size:21px;line-height:1.5;color:#5E504A;max-width:640px;text-wrap:pretty}
.post__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;font-size:14px;color:#6E6059}
.avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#EFE7DD}
.avatar img{width:100%;height:auto;margin-top:2px;display:block}
.post__author{color:#2E211C;font-weight:600}
.post__figure{max-width:1120px;margin:0 auto;padding:0 32px;display:flex;flex-direction:column;gap:12px}
.post__image{width:100%;aspect-ratio:21/9;border-radius:24px;background:#EFE7DD center 40%/cover no-repeat}
.post__caption{font-size:13px;color:#6E6059;text-align:center}
.post__body{max-width:1120px;margin:0 auto;padding:64px 32px 40px;display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:start}
.share{display:none;position:sticky;top:150px;flex-direction:column;align-items:center;gap:10px}
@media (min-width:1180px){
	.post__body{grid-template-columns:64px minmax(0,1fr) 64px}
	.share{display:flex}
}
.share__label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#6E6059;font-weight:600;padding-bottom:4px}
.share__btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(46,33,28,.16);display:flex;align-items:center;justify-content:center;background:transparent}
.share__btn:hover{background:#EFE7DD}
.share__btn.is-copied{background:#EFE6E1}
.share__icon{width:18px;height:18px;background:#4C2619;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.share__icon--whatsapp{--icon:url(../img/icons/whatsapp.svg)}
.share__icon--x{--icon:url(../img/icons/x.svg)}
.share__icon--threads{--icon:url(../img/icons/threads.svg)}
.share__icon--link{--icon:url(../img/icons/link.svg)}
.is-copied .share__icon--link{--icon:url(../img/icons/check.svg)}

/* Post content: core blocks styled to Article.dc.html */
.content{display:flex;flex-direction:column;gap:28px;font-family:Newsreader,serif;font-size:21px;line-height:1.75;color:#2E211C;max-width:680px;width:100%;margin:0 auto;min-width:0}
.content > *{margin:0}
.content strong,.content b{font-weight:500;color:#4C2619}
.content a{color:#4C2619;text-decoration:underline;text-underline-offset:3px}
.content h2,.content h3,.content h4{font-family:Newsreader,serif;font-weight:400;line-height:1.25;color:#2E211C}
.content h2{font-size:32px}
.content h3{font-size:26px}
.content ul,.content ol{padding-left:1.2em}
.content li + li{margin-top:.4em}
.content img{max-width:100%;height:auto;border-radius:18px}
.content figure{margin:0}
.content .has-text-align-left{text-align:left}
.content .has-text-align-center{text-align:center}
.content .has-text-align-right{text-align:right}
.content .aligncenter{margin-left:auto;margin-right:auto;text-align:center}
.content .alignleft{float:left;margin:0 24px 12px 0}
.content .alignright{float:right;margin:0 0 12px 24px}
.content .wp-block-image img{display:block}
.content .wp-block-image.aligncenter img{margin:0 auto}
.content iframe,.content video{max-width:100%}
.content .wp-block-embed__wrapper{position:relative}
.content figcaption{font-family:Figtree,sans-serif;font-size:13px;color:#6E6059;text-align:center;margin-top:12px}
.content .is-style-signature{font-style:italic;color:#4C2619}
.content .wp-block-pullquote{margin:12px 0;padding:36px 0;border-top:1px solid rgba(76,38,25,.25);border-bottom:1px solid rgba(76,38,25,.25);text-align:center;display:flex;flex-direction:column;gap:10px}
.content .wp-block-pullquote blockquote{margin:0;font-style:italic;font-weight:300;font-size:30px;line-height:1.35;color:#4C2619;text-wrap:balance}
.content .wp-block-pullquote blockquote p{margin:0}
.content .wp-block-pullquote cite{font-family:Figtree,sans-serif;font-style:normal;font-size:13px;color:#6E6059}
.content .wp-block-separator{border:0;height:auto;display:flex;justify-content:center;gap:14px;color:#B9A595;font-size:18px;letter-spacing:.4em;line-height:1.75;background:none}
.content .wp-block-separator::before{content:"· · ·";font-size:18px;line-height:1.75;display:block}
.content .wp-block-separator:not(.is-style-dots){border-top:1px solid rgba(46,33,28,.12);height:0}
.content .wp-block-separator:not(.is-style-dots)::before{content:none}
.content .wp-block-quote{padding:0 0 0 24px;border-left:2px solid rgba(76,38,25,.25);font-style:italic;color:#4C2619}
.content .wp-block-quote p{margin:0}
.content .wp-block-quote.is-style-card{margin:0;padding:26px 30px;background:#FFFDFA;border:0;border-radius:18px;display:flex;flex-direction:column;gap:6px;font-size:20px;line-height:1.6;font-style:normal;color:#2E211C}
.content .wp-block-quote.is-style-card em{color:#4C2619}
.content .wp-block-quote cite{font-family:Figtree,sans-serif;font-style:normal;font-size:13px;color:#6E6059}
.compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;font-family:Figtree,sans-serif;font-size:16px;line-height:1.65}
.compare__card{border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:8px}
.compare__card--light{background:#FFFDFA;border:1px solid rgba(46,33,28,.08)}
.compare__card--sand{background:#EFE7DD}
.compare__title{font-family:Newsreader,serif;font-style:italic;font-size:24px;color:#4C2619}
.compare__text{color:#4A3C36}
.content__tags{display:flex;gap:8px;flex-wrap:wrap;font-family:Figtree,sans-serif;font-size:13px;padding-top:8px}
.content__tags a,.content__tags a:hover{border:1px solid rgba(46,33,28,.16);padding:6px 12px;border-radius:999px;color:#5E504A;text-decoration:none}
.content__disclaimer{margin:0;font-family:Figtree,sans-serif;font-size:13.5px;line-height:1.6;color:#6E6059;border-top:1px solid rgba(46,33,28,.12);padding-top:20px}
.content__disclaimer p{margin:0}
.content__disclaimer a,.content__disclaimer a:hover{color:#4C2619;font-weight:600;text-decoration:none}

.author-box{max-width:820px;margin:0 auto;padding:0 32px 64px}
.author-box__card{background:#FFFDFA;border:1px solid rgba(46,33,28,.08);border-radius:24px;padding:28px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:8px}
.author-box__photo{width:96px;height:96px;border-radius:50%;overflow:hidden;background:#EFE7DD;flex:none}
.author-box__photo img{width:100%;height:auto;margin-top:4px;display:block}
.author-box__text{flex:1;min-width:240px;display:flex;flex-direction:column;gap:8px}
.author-box__label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#6E6059;font-weight:600}
.author-box__name{font-family:Newsreader,serif;font-size:24px}
.author-box__bio{margin:0;font-size:15px;line-height:1.65;color:#5E504A}
.author-box__links{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;font-weight:600;padding-top:4px}
.author-box__links a,.author-box__links a:hover{color:#4C2619}

.post-nav{max-width:1120px;margin:0 auto;padding:0 32px 72px}
.post-nav__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:2px;background:rgba(46,33,28,.12);border-radius:20px;overflow:hidden;margin-top:8px}
.post-nav__item{background:#F8F4EF;padding:28px 30px;display:flex;flex-direction:column;gap:8px;color:#2E211C}
.post-nav__item:hover{background:#FFFDFA;color:#4C2619}
.post-nav__item--next{text-align:right}
.post-nav__label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#6E6059}
.post-nav__title{font-family:Newsreader,serif;font-size:22px;line-height:1.3}

.related__inner{max-width:1120px;margin:0 auto;padding:80px 32px;display:flex;flex-direction:column;gap:36px}
.related__head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.related__title{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:clamp(30px,3.2vw,42px)}
.related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:28px}
.related-card{display:flex;flex-direction:column;gap:14px;color:#2E211C}
.related-card:hover{color:#4C2619}
.related-card .thumb{border-radius:18px}
.related-card__meta{display:flex;gap:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6E6059}
.related-card__cat{color:#4C2619;font-weight:600}
.related-card__title{margin:0;font-family:Newsreader,serif;font-weight:400;font-size:23px;line-height:1.3;text-wrap:balance}

.comments__inner{max-width:760px;margin:0 auto;padding:80px 32px;display:flex;flex-direction:column;gap:24px}
.comments__respond,.comments__form{display:flex;flex-direction:column;gap:24px}
.comments__title{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:34px}
.comments__title small{font-size:14px;margin-left:8px}
.comments__note{margin:0;font-size:14.5px;color:#6E6059}
.comments__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.comments__label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:#4A3C36}
.comments__input{font:inherit;font-weight:400;font-size:15px;padding:14px 16px;border-radius:12px;border:1px solid rgba(46,33,28,.18);background:#FFFDFA;color:#2E211C;outline-color:#4C2619}
.comments__textarea{resize:vertical}
.comments__actions{margin:0}
.comments__submit{display:inline-flex;cursor:pointer}
.comments__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}
.comments__list .children{list-style:none;margin:20px 0 0;padding-left:24px;display:flex;flex-direction:column;gap:20px}
.comment-card{background:#FFFDFA;border:1px solid rgba(46,33,28,.08);border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.65;color:#4A3C36}
.comment-card__meta{font-size:13px;color:#6E6059}
.comment-card__meta strong{color:#2E211C;font-weight:600}
.comment-card p{margin:0}
.comment-card .comment-reply-link,.comment-card .comment-reply-link:hover{font-size:13px;font-weight:600;color:#4C2619}

.post-cta{background:#4C2619;color:#F6F0EC}
.post-cta__inner{max-width:1120px;margin:0 auto;padding:64px 32px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.post-cta__text{display:flex;flex-direction:column;gap:10px;max-width:620px}
.post-cta__heading{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:clamp(28px,3vw,40px);color:#FFFDFA}
.post-cta__body{margin:0;font-size:16px;line-height:1.7;color:#E9DFD9}

/* ==========================================================================
   ARCHIVES / PAGES / 404 (no dedicated design: built from the same parts)
   ========================================================================== */
.archive-head{max-width:1200px;margin:0 auto;padding:80px 32px 8px;display:flex;flex-direction:column;gap:22px}
.archive-head__title{margin:0;font-family:Newsreader,serif;font-weight:300;font-size:clamp(48px,6vw,84px);line-height:1;letter-spacing:-.02em}
.archive-head__desc{margin:0;font-size:17px;line-height:1.75;color:#5E504A;max-width:680px;text-wrap:pretty}
.archive-body{max-width:1200px;margin:0 auto;padding:56px 32px 104px;display:flex;flex-direction:column;gap:48px}
.archive-empty{margin:0;font-size:17px;color:#5E504A}
.pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;font-size:14px;font-weight:600}
.pagination .page-numbers,.pagination .page-numbers:hover{min-width:44px;height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(46,33,28,.16);display:inline-flex;align-items:center;justify-content:center;color:#4C2619}
.pagination .page-numbers.current{background:#4C2619;color:#FFFDFA;border-color:#4C2619}
.pagination .dots{border:0}
.page-body{max-width:1120px;margin:0 auto;padding:24px 32px 104px}
.notfound{max-width:820px;margin:0 auto;padding:120px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}