body[data-template="magazine"]{--container-w:1280px;--radius-lg:8px;--radius-md:6px;--radius-btn:4px}body[data-template="magazine"] .btn,body[data-template="magazine"] .site-nav a,body[data-template="magazine"] .hero-cta,body[data-template="magazine"] .footer-col h4,body[data-template="magazine"] .pill,body[data-template="magazine"] .section-title{text-transform:none;letter-spacing:0.2px}body[data-template="magazine"] .site-header{background:var(--bg);box-shadow:0 1px 0 var(--border-soft)}body[data-template="magazine"] .header-inner{flex-direction:column;justify-content:center;gap:10px;padding-top:18px;padding-bottom:12px}body[data-template="magazine"] .brand{flex-direction:column;gap:4px}body[data-template="magazine"] .brand-name{font-family:Georgia,'Times New Roman',serif;font-size:1.7rem;letter-spacing:2px}body[data-template="magazine"] .site-nav{justify-content:center;flex-wrap:wrap;width:100%;border-top:1px solid var(--border-soft);padding-top:10px}body[data-template="magazine"] .hero{padding:0 0 32px;background:none}body[data-template="magazine"] .hero-inner{max-width:none;width:100%;padding:0;gap:0}body[data-template="magazine"] .hero-frame{max-width:none;width:100%;aspect-ratio:21 / 9;border-radius:0}body[data-template="magazine"] .hero-frame::before,body[data-template="magazine"] .hero-frame::after{display:none}body[data-template="magazine"] .hero-caption{padding:24px clamp(20px,5vw,60px) 30px;background:linear-gradient(0deg,rgba(0,0,0,0.82) 0%,rgba(0,0,0,0.1) 70%,rgba(0,0,0,0) 100%)}body[data-template="magazine"] .hero-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.3rem,3vw,2.1rem);font-weight:700}body[data-template="magazine"] .hero-actions{max-width:var(--container-w);margin:18px auto 0;padding:0 20px;justify-content:center}@media (max-width:640px){body[data-template="magazine"] .hero-frame{aspect-ratio:4 / 5}}body[data-template="magazine"] .section-title{font-family:Georgia,'Times New Roman',serif;font-size:1.35rem;font-weight:700;border-bottom:2px solid var(--red-vivid)}body[data-template="magazine"] .section-title::after{display:none}body[data-template="magazine"] .recent-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-flow:dense;overflow-x:visible;gap:22px;padding:10px 0 8px}body[data-template="magazine"] .recent-scroll .post-card{width:auto;flex:none}body[data-template="magazine"] .recent-scroll .post-card:first-child{grid-column:span 2;grid-row:span 2}body[data-template="magazine"] .recent-scroll .post-card:first-child .post-card-thumb{aspect-ratio:16 / 9}body[data-template="magazine"] .recent-scroll .post-card:first-child .post-card-title{font-size:1.55rem;line-height:1.2;-webkit-line-clamp:3}body[data-template="magazine"] .recent-scroll .post-card:first-child .post-card-body{padding:16px 18px 20px;gap:10px}@media (max-width:640px){body[data-template="magazine"] .recent-scroll .post-card:first-child{grid-column:span 1;grid-row:span 1}body[data-template="magazine"] .recent-scroll .post-card:first-child .post-card-title{font-size:1.05rem}}body[data-template="magazine"] .recent-arrows{display:none}body[data-template="magazine"] .post-card{border-color:transparent;box-shadow:none}body[data-template="magazine"] .post-card:hover{transform:none;box-shadow:none;border-color:transparent}body[data-template="magazine"] .post-card-thumb{aspect-ratio:16 / 10}body[data-template="magazine"] .post-card-title{font-family:Georgia,'Times New Roman',serif;font-size:1.05rem}body[data-template="magazine"] .post-card:hover .post-card-title{color:var(--red-vivid)}body[data-template="magazine"] .custom-slider-scroll{flex-wrap:wrap;overflow-x:visible;justify-content:flex-start}body[data-template="magazine"] .genre-grid{grid-template-columns:repeat(auto-fill,minmax(120px,150px))}body[data-template="magazine"] .site-footer{background:var(--bg-elevated);box-shadow:none;border-top:3px solid var(--red-vivid)}body[data-template="magazine"] .footer-col h4{font-family:Georgia,'Times New Roman',serif}body[data-template="magazine"] .footer-col h4::after{display:none}body[data-template="magazine"] .breadcrumb{font-family:Georgia,'Times New Roman',serif}body[data-template="magazine"] .single-post-header h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:700;line-height:1.25}body[data-template="magazine"] .single-post-content h2,body[data-template="magazine"] .single-post-content h3{font-family:Georgia,'Times New Roman',serif}body[data-template="magazine"] .post-share-label,body[data-template="magazine"] .post-share-link{text-transform:none;letter-spacing:0}body[data-template="magazine"] .search-page-form input[type="search"],body[data-template="magazine"] .search-submit-btn,body[data-template="magazine"] .pagination-link,body[data-template="magazine"] .pagination-disabled,body[data-template="magazine"] .pagination-num{border-radius:var(--radius-btn)}body[data-template="magazine"] .hero-actions{gap:12px}body[data-template="magazine"] .hero-actions .btn{min-width:150px;padding:13px 24px 12px;border:0;border-radius:2px;background:transparent;color:var(--ink);box-shadow:none;letter-spacing:.12em;overflow:hidden;transition:color .22s ease,transform .22s ease,background .22s ease}body[data-template="magazine"] .hero-actions .btn::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--red-vivid);transform:scaleX(.28);transform-origin:left center;transition:transform .25s ease}body[data-template="magazine"] .hero-actions .btn:hover{transform:translateY(-2px);color:var(--red-vivid);background:rgba(var(--red-vivid-rgb),.05)}body[data-template="magazine"] .hero-actions .btn:hover::after{transform:scaleX(1)}body[data-template="magazine"] .hero-actions .btn:active{transform:translateY(0);box-shadow:none}body[data-template="magazine"] .hero-actions .btn-anim::before{display:none}body[data-template="magazine"] .hero-actions .btn-masuk{color:var(--ink-soft);background:transparent;border-left:1px solid var(--border-soft)}body[data-template="magazine"] .hero-actions .btn.hero-shape-square{border-radius:0;clip-path:none}body[data-template="magazine"] .hero-actions .btn.hero-shape-pill{border-radius:999px;clip-path:none;padding-left:28px;padding-right:28px}body[data-template="magazine"] .hero-actions .btn-outline{background:transparent;color:var(--red-vivid);border-color:var(--red-vivid);box-shadow:none}body[data-template="magazine"] .hero-actions .btn-ghost{background:transparent;color:var(--red-vivid);border-color:transparent;box-shadow:none}body[data-template="magazine"] .hero-actions .btn-light{background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:none}