.perang-page{background-color:#fafbf8;min-height:100vh}.perang-hero{background:linear-gradient(160deg,#062b1d,#0c6b46 60%,#0a5a3b);padding-top:100px;padding-bottom:0;position:relative;overflow:hidden}.perang-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 40%,rgba(200,155,60,.14) 0,transparent 60%),radial-gradient(ellipse at 80% 20%,hsla(0,0%,100%,.05) 0,transparent 50%);pointer-events:none}.perang-hero-overlay{padding:3rem 2rem 2rem;text-align:center;position:relative;z-index:1}.perang-hero-badge{display:inline-block;background-color:#c89b3c;color:#062b1d;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:.35rem 1.2rem;border-radius:9999px;margin-bottom:1.2rem;box-shadow:0 2px 16px rgba(200,155,60,.35)}.perang-hero h1{font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:#fff;line-height:1.15;text-align:center;margin-bottom:1rem;text-shadow:0 4px 24px rgba(6,43,29,.5);letter-spacing:-.02em}.perang-hero-sub{font-size:.95rem;color:hsla(0,0%,100%,.75);letter-spacing:.06em;margin-bottom:0}.perang-gallery{display:flex;flex-wrap:wrap;gap:0;justify-content:center;margin-top:2.5rem;padding:0 2rem;position:relative;z-index:1}.perang-figure{flex:1 1 300px;max-width:500px;margin:0 1rem;border-radius:16px 16px 0 0;background-color:#fff;box-shadow:0 4px 8px rgba(6,43,29,.06),0 12px 28px rgba(6,43,29,.12);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.perang-figure:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#c89b3c,transparent);z-index:2}.perang-figure:hover{transform:translateY(-8px);box-shadow:0 8px 16px rgba(6,43,29,.08),0 20px 44px rgba(6,43,29,.16)}.perang-img{width:100%;height:auto;display:block;border-radius:16px 16px 0 0;transition:transform .4s ease}.perang-figure:hover .perang-img{transform:scale(1.03)}.perang-caption{padding:1rem 1.25rem 1.4rem;color:#5c6b63;font-size:.88rem;line-height:1.65;text-align:center;background:#fff;border-top:1px solid #e5e9e4}.perang-caption strong{display:block;font-size:1rem;color:#0c6b46;margin-bottom:.3rem}.perang-article{max-width:860px;margin:0 auto;padding:4rem 1.5rem 5rem}.perang-article:before{content:"";display:block;width:80px;height:4px;background:linear-gradient(90deg,#c89b3c,#f3e8ce);border-radius:4px;margin:0 auto 3rem}.perang-section{margin-bottom:3rem;padding-bottom:2.5rem;border-bottom:1px solid #e5e9e4;animation:fadeInUp .6s ease both}.perang-section:last-of-type{border-bottom:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.perang-section h2{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;color:#1f2a24;margin-bottom:1.2rem;padding-bottom:.6rem;border-bottom:2px solid #e5e9e4;display:flex;align-items:center;gap:.6rem;text-align:left;letter-spacing:-.02em}.perang-section h2:before{content:"";display:inline-block;width:6px;height:1.6em;background:linear-gradient(180deg,#c89b3c,#f3e8ce);border-radius:4px;flex-shrink:0}.perang-section p{font-family:Lora,Georgia,serif;font-size:1.08rem;line-height:2;color:rgba(31,42,36,.88);margin-bottom:1.3rem;text-align:justify;hyphens:auto}.perang-section--highlight{background:linear-gradient(135deg,#e7f2ec,#f2f8f4);border-radius:16px;padding:2rem 2.5rem;border:1px solid rgba(12,107,70,.18);border-bottom:1px solid rgba(12,107,70,.18)!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0 2px 16px rgba(6,43,29,.05);position:relative}.perang-nasution{background:#fff;border-radius:16px;padding:2.5rem;border:1px solid #e5e9e4;border-bottom:1px solid #e5e9e4!important;box-shadow:0 4px 8px rgba(6,43,29,.06),0 12px 28px rgba(6,43,29,.1);position:relative;overflow:hidden}.perang-nasution:before{content:"★";position:absolute;top:1.2rem;right:1.5rem;font-size:2.5rem;color:#c89b3c;opacity:.15;pointer-events:none}.perang-nasution-header{margin-bottom:2rem;padding-bottom:1.2rem;border-bottom:2px solid #e5e9e4}.perang-article-label{display:inline-block;background-color:#0c6b46;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.28rem .9rem;border-radius:9999px;margin-bottom:.85rem}.perang-nasution-header h2{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;color:#1f2a24;margin-bottom:.5rem;border-bottom:none;padding-bottom:0}.perang-nasution-header h2:before{display:none}.perang-article-author{font-size:.95rem;color:#5c6b63;margin-bottom:0!important;font-style:italic;text-align:left!important}.perang-article-author strong{color:#0c6b46;font-style:normal}.perang-highlight-box{background:linear-gradient(135deg,#062b1d,#0c6b46);border-radius:14px;padding:1.8rem 2rem;margin:1.8rem 0;border-left:5px solid #c89b3c;box-shadow:0 4px 24px rgba(6,43,29,.15);position:relative}.perang-highlight-box p{font-family:Lora,Georgia,serif;font-size:1.06rem!important;line-height:1.95!important;color:hsla(0,0%,100%,.9)!important;margin-bottom:0!important;text-align:justify}.perang-highlight-box strong{color:#f3e8ce}.perang-highlight-box em{color:#f3e8ce;font-style:italic}.perang-closing{background:rgba(200,155,60,.1);border-left:4px solid #c89b3c;padding:1rem 1.4rem;border-radius:0 10px 10px 0;font-style:italic;color:#1f2a24!important;margin-bottom:0!important}.perang-quote{position:relative;margin:3rem 0 1rem;padding:2.5rem 3rem 2.5rem 4rem;background:linear-gradient(135deg,#062b1d,#0c6b46);border-radius:16px;border-left:none;box-shadow:0 8px 40px rgba(6,43,29,.18);overflow:hidden}.perang-quote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#c89b3c,#f3e8ce);border-radius:4px 0 0 4px}.perang-quote:after{content:'"';position:absolute;bottom:-1.5rem;right:1.5rem;font-size:10rem;color:rgba(200,155,60,.08);line-height:1;pointer-events:none}.perang-quote-icon{position:absolute;top:1.2rem;left:1.5rem;font-size:3rem;color:#c89b3c;line-height:1;opacity:.8}.perang-quote p{font-family:Lora,Georgia,serif;font-size:1.15rem;font-style:italic;line-height:1.9;color:hsla(0,0%,100%,.92);margin:0;text-align:center}@media (max-width:768px){.perang-hero{padding-top:88px}.perang-hero-overlay{padding:1.75rem 1.25rem 1.25rem}.perang-hero-sub{font-size:.85rem}.perang-gallery{flex-direction:column;padding:0 1rem;gap:1.25rem;align-items:stretch}.perang-figure{max-width:100%;width:100%;margin:0;border-radius:16px}.perang-img{border-radius:16px 16px 0 0}.perang-caption{font-size:.85rem;padding:.9rem 1rem 1.1rem;line-height:1.55;border-radius:0 0 16px 16px}.perang-article{padding:2rem 1rem 3rem}.perang-nasution,.perang-section--highlight{padding:1.25rem 1rem}.perang-quote{padding:1.75rem 1.25rem 1.75rem 2rem;margin:2rem 0 1rem}.perang-quote-icon{font-size:2.2rem;left:1rem;top:1rem}}@media (max-width:480px){.perang-hero{padding-top:82px}.perang-hero h1{font-size:1.55rem;line-height:1.25}.perang-hero-badge{font-size:.7rem}.perang-section h2{font-size:1.25rem}.perang-section p{font-size:1rem;line-height:1.85}.perang-quote{padding:1.5rem 1rem 1.5rem 1.75rem}.perang-quote p{font-size:.95rem}}