h4{font-size:var(--fs-xl)}h5{font-size:var(--fs-lg)}h6{font-size:var(--fs-base)}.container--wide{width:min(var(--max-w-full),100% - var(--sp-8));margin-inline:auto}.gold-rule{display:block;width:40px;height:2px;background:var(--clr-gold);margin-bottom:var(--sp-4)}.site-logo-wrap{margin-bottom:var(--sp-2)}.site-logo-wrap img{height:56px;width:auto;margin:0 auto}.site-tagline{font-family:var(--ff-body);font-size:var(--fs-sm);color:rgba(255,255,255,.45);font-style:italic;letter-spacing:.02em;margin-top:var(--sp-1)}.hero{background:var(--clr-deep);position:relative;overflow:hidden;min-height:520px;display:flex;align-items:flex-end}.hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s var(--ease-out)}.hero:hover .hero__bg{transform:scale(1.02)}.hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,15,20,.96) 0%,rgba(10,15,20,.7) 40%,rgba(10,15,20,.2) 100%)}.hero__content{position:relative;z-index:2;padding:var(--sp-16) 0 var(--sp-12);width:100%}.hero__inner{max-width:740px}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4)}.hero__cat-badge{font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-gold);border:1px solid rgba(184,151,42,.4);padding:var(--sp-1) var(--sp-3);border-radius:2px}.hero__read-time{font-family:var(--ff-sans);font-size:var(--fs-xs);color:rgba(255,255,255,.4);letter-spacing:.05em}.hero__title{font-family:var(--ff-display);font-size:clamp(var(--fs-3xl),5vw,var(--fs-5xl));color:var(--clr-white);line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--sp-5);font-weight:800}.hero__excerpt{font-family:var(--ff-body);font-size:var(--fs-lg);color:rgba(255,255,255,.55);line-height:1.7;max-width:55ch;margin-bottom:var(--sp-8);font-style:italic}.hero__meta{display:flex;align-items:center;gap:var(--sp-4);font-family:var(--ff-sans);font-size:var(--fs-xs);color:rgba(255,255,255,.4);letter-spacing:.05em}.hero__meta-sep{opacity:.3}.btn-read{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-deep);background:var(--clr-gold);padding:var(--sp-3) var(--sp-6);border-radius:2px;transition:background .2s,transform .2s}.btn-read:hover{background:var(--clr-gold-light);transform:translateY(-1px)}.btn-read svg{width:14px;height:14px}.latest-ticker{background:var(--clr-gold);padding:var(--sp-2) 0;overflow:hidden}.latest-ticker__inner{display:flex;align-items:center;gap:0}.latest-ticker__label{font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-deep);color:var(--clr-gold);background:var(--clr-deep);padding:var(--sp-1) var(--sp-4);white-space:nowrap;flex-shrink:0;margin-right:var(--sp-4)}.ticker-track{display:flex;gap:var(--sp-10);white-space:nowrap;animation:ticker 30s linear infinite}.ticker-track a{font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:600;color:var(--clr-deep);text-decoration:none;display:flex;align-items:center;gap:var(--sp-2);letter-spacing:.03em}.ticker-track a::before{content:"◆";font-size:6px;opacity:.5}.card-primary{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);background:var(--clr-white);border-radius:4px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--clr-rule);transition:box-shadow .3s var(--ease-out),transform .3s var(--ease-out);margin-bottom:var(--sp-8)}.card-primary:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-primary__img{aspect-ratio:4/3;overflow:hidden}.card-primary__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.card-primary:hover .card-primary__img img{transform:scale(1.05)}.card-primary__body{padding:var(--sp-8);display:flex;flex-direction:column;justify-content:center}.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-6);margin-bottom:var(--sp-8)}.cat-badge--travel{background:var(--clr-cat-3)}.cat-badge--keluarga{background:var(--clr-cat-5)}.cat-strip{margin-bottom:var(--sp-16)}.cat-strip__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-3)}.cat-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-5) var(--sp-4);border-radius:4px;border:1px solid var(--clr-rule);background:var(--clr-white);text-align:center;transition:all .25s var(--ease-out);cursor:pointer}.cat-pill:hover{background:var(--clr-deep);border-color:var(--clr-deep);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cat-pill__icon{font-size:1.5rem;line-height:1}.cat-pill__name{font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--clr-ink-muted);transition:color .25s}.cat-pill:hover .cat-pill__name{color:var(--clr-white)}.cat-pill__count{font-family:var(--ff-sans);font-size:10px;color:var(--clr-ink-faint);transition:color .25s}.cat-pill:hover .cat-pill__count{color:rgba(255,255,255,.45)}.widget-author__social a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--clr-rule);border-radius:50%;color:var(--clr-ink-faint);transition:all .2s;line-height:0}.widget-author__social a:hover{background:var(--clr-deep);border-color:var(--clr-deep);color:var(--clr-white)}.widget-author__social svg{width:14px;height:14px}.tag-cloud a{font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:600;letter-spacing:.05em;color:var(--clr-ink-muted);border:1px solid var(--clr-rule);padding:var(--sp-1) var(--sp-3);border-radius:2px;transition:all .2s;text-transform:lowercase}.tag-cloud a:hover{background:var(--clr-deep);border-color:var(--clr-deep);color:var(--clr-white)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--sp-2);margin-top:var(--sp-12);font-family:var(--ff-sans)}.page-numbers{width:40px;height:40px;display:grid;place-items:center;font-size:var(--fs-sm);font-weight:600;border:1px solid var(--clr-rule);border-radius:3px;color:var(--clr-ink-muted);transition:all .2s}.page-numbers:hover,.page-numbers.current{background:var(--clr-deep);border-color:var(--clr-deep);color:var(--clr-white)}.page-numbers.dots{border:none}.post-header__lead{font-size:var(--fs-xl);color:var(--clr-ink-muted);font-style:italic;line-height:1.65;border-left:3px solid var(--clr-gold);padding-left:var(--sp-5);margin-bottom:var(--sp-6)}.post-content h2{font-size:var(--fs-3xl)}.post-content blockquote{border-left:4px solid var(--clr-gold);margin:var(--sp-8) 0;padding:var(--sp-5) var(--sp-8);background:var(--clr-paper-alt);border-radius:0 4px 4px 0}.post-content blockquote p{font-size:var(--fs-xl);font-style:italic;color:var(--clr-ink-muted);margin:0}.post-content ul{list-style:disc;padding-left:var(--sp-8);margin-bottom:var(--sp-6)}.post-content ol{list-style:decimal;padding-left:var(--sp-8);margin-bottom:var(--sp-6)}.post-content li{font-size:var(--fs-lg);line-height:1.8;margin-bottom:var(--sp-2)}.post-content figcaption{font-family:var(--ff-sans);font-size:var(--fs-xs);color:var(--clr-ink-faint);text-align:center;margin-top:var(--sp-2);font-style:italic}.post-content pre,.post-content code{font-family:var(--ff-mono);font-size:.9em;background:var(--clr-paper-alt);border:1px solid var(--clr-rule);border-radius:3px;padding:.1em .4em}.post-content pre{padding:var(--sp-4) var(--sp-6);overflow-x:auto}.post-content pre code{background:0 0;border:none;padding:0}.post-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-8);padding-top:var(--sp-8);border-top:1px solid var(--clr-rule)}.post-tags a{font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:600;color:var(--clr-ink-muted);border:1px solid var(--clr-rule);padding:var(--sp-1) var(--sp-3);border-radius:2px;transition:all .2s}.post-tags a::before{content:"#";opacity:.5;margin-right:2px}.post-tags a:hover{background:var(--clr-deep);border-color:var(--clr-deep);color:var(--clr-white)}.comments-list .comment{padding:var(--sp-5) 0;border-bottom:1px solid var(--clr-rule)}.comment__header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.comment__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment__meta{font-family:var(--ff-sans)}.comment__author{font-size:var(--fs-sm);font-weight:700;color:var(--clr-ink)}.comment__date{font-size:var(--fs-xs);color:var(--clr-ink-faint)}.comment__body{font-size:var(--fs-sm);line-height:1.7;color:var(--clr-ink-muted);padding-left:calc(40px + var(--sp-3))}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-4)}.form-field{display:flex;flex-direction:column;gap:var(--sp-2)}.form-field label{font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--clr-ink-faint)}.form-field input,.form-field textarea{border:1.5px solid var(--clr-rule);border-radius:3px;padding:var(--sp-3) var(--sp-4);font-family:var(--ff-body);font-size:var(--fs-sm);color:var(--clr-ink);outline:none;transition:border-color .2s;background:var(--clr-white);resize:vertical}.form-field input:focus,.form-field textarea:focus{border-color:var(--clr-gold)}.scroll-top.visible{opacity:1;transform:translateY(0)}.page-content{max-width:var(--max-w-prose)}.page-header__title{font-family:var(--ff-display);font-size:clamp(var(--fs-3xl),5vw,var(--fs-5xl));font-weight:900;letter-spacing:-.03em;margin-bottom:var(--sp-6)}.archive-header{background:var(--clr-deep);padding:var(--sp-12) 0;margin-bottom:var(--sp-12)}.archive-header__eyebrow{font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-gold);margin-bottom:var(--sp-2)}.archive-header__title{font-family:var(--ff-display);font-size:clamp(var(--fs-3xl),5vw,var(--fs-5xl));color:var(--clr-white);font-weight:900;letter-spacing:-.03em}.archive-header__desc{font-size:var(--fs-lg);color:rgba(255,255,255,.5);font-style:italic;margin-top:var(--sp-3)}.error-404{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-20) 0}.error-404__num{font-family:var(--ff-display);font-size:clamp(6rem,20vw,14rem);font-weight:900;color:var(--clr-paper-alt);line-height:1;letter-spacing:-.05em;margin-bottom:var(--sp-4)}.error-404__title{font-size:var(--fs-3xl);margin-bottom:var(--sp-4)}.error-404__text{color:var(--clr-ink-muted);max-width:40ch;margin-bottom:var(--sp-8)}.btn-home{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--ff-sans);font-size:var(--fs-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--clr-white);background:var(--clr-deep);padding:var(--sp-3) var(--sp-8);border-radius:3px;transition:background .2s}.btn-home:hover{background:var(--clr-gold);color:var(--clr-deep)}@media (max-width:768px){.primary-menu.is-open{display:flex}.card-primary{grid-template-columns:1fr}.card-primary__img{aspect-ratio:16/9}.posts-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.hero{min-height:360px}}@media (max-width:480px){.cat-strip__grid{grid-template-columns:repeat(3,1fr)}}