/*
Theme Name: Pasulukan Emerald Premium
Theme URI: https://pasulukan.com/
Description: Tema mandiri editorial premium untuk Pasulukan Loka Gandasasmita.
Author: OpenAI
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: pasulukan-emerald-premium
*/
:root{--green:#063b30;--green2:#092c25;--green3:#0d5543;--gold:#c9a65d;--gold2:#e3ca8b;--cream:#f6f0e2;--paper:#fffaf0;--ink:#18251f;--muted:#68756d;--line:rgba(201,166,93,.35);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}body a{color:inherit}img{max-width:100%;height:auto}button,input{font:inherit}
.pe-wrap{overflow:hidden}.pe-ticker{background:#031f1a;color:#e9dfc8;display:flex;justify-content:space-between;gap:20px;padding:9px clamp(18px,5vw,80px);font:10px var(--sans);letter-spacing:.19em;text-transform:uppercase}.pe-ticker b{color:var(--gold);font-weight:normal}
.pe-header{position:sticky;top:0;z-index:99;background:rgba(5,48,39,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);color:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:17px clamp(18px,5vw,80px);transition:padding .3s,box-shadow .3s}.pe-header.scrolled{padding-top:11px;padding-bottom:11px;box-shadow:0 10px 35px #001b1530}
.pe-logo{display:flex;flex-direction:column;gap:4px;text-decoration:none;flex-shrink:0}.pe-logo-main{font:700 22px var(--serif);letter-spacing:.16em;color:var(--gold2)}.pe-logo-sub{font:9px var(--sans);letter-spacing:.24em;color:#f1e8d3}
.pe-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2vw,28px)}.pe-nav a{font:10px var(--sans);letter-spacing:.13em;text-transform:uppercase;text-decoration:none;color:#f5efdf;transition:color .25s}.pe-nav a:hover,.pe-nav a:focus{color:var(--gold2)}.pe-actions{display:flex;align-items:center;gap:10px}.pe-iconbtn,.pe-menu-btn{border:1px solid #c9a65d66;background:transparent;color:var(--gold2);width:38px;height:38px;display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s}.pe-iconbtn:hover,.pe-menu-btn:hover{background:var(--gold);color:var(--green)}.pe-menu-btn{display:none}
.pe-search{display:none;padding:12px clamp(18px,5vw,80px);background:#092c25;border-bottom:1px solid var(--line)}.pe-search.open{display:block}.pe-search form{display:flex;max-width:700px;margin:auto}.pe-search input{flex:1;min-width:0;padding:13px 16px;border:1px solid var(--line);background:#f6f0e2;color:#18251f}.pe-search button{border:0;background:var(--gold);padding:0 20px;color:var(--green);cursor:pointer}
.pe-hero{min-height:min(760px,83vh);position:relative;display:flex;align-items:center;padding:clamp(70px,10vw,145px) clamp(24px,9vw,145px);color:var(--cream);background:linear-gradient(90deg,rgba(2,26,21,.94) 0%,rgba(3,33,26,.73) 46%,rgba(3,33,26,.18) 100%),linear-gradient(0deg,rgba(2,24,19,.58),transparent 60%),url('https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=2400&q=90') center 45%/cover no-repeat}
.pe-hero:before{content:"";position:absolute;inset:17px;border:1px solid #c9a65d9c;pointer-events:none}.pe-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,var(--green));pointer-events:none}.pe-hero-content{position:relative;z-index:2;max-width:760px;animation:peRise 1s cubic-bezier(.2,.75,.2,1) both}.pe-kicker{font:10px var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--gold2);display:flex;align-items:center;gap:14px}.pe-kicker:before{content:"";height:1px;width:42px;background:var(--gold)}.pe-hero h1{font-size:clamp(45px,7vw,96px);line-height:.98;letter-spacing:-.035em;font-weight:normal;margin:28px 0}.pe-hero h1 em{font-weight:normal;color:var(--gold2)}.pe-hero p{font:15px/1.95 var(--sans);color:#e6e2d7;max-width:580px}.pe-hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.pe-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 22px;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font:10px var(--sans);border:1px solid var(--gold);transition:transform .3s,background .3s,color .3s}.pe-button.primary{background:var(--gold);color:var(--green)}.pe-button.secondary{color:var(--cream);background:#ffffff08}.pe-button:hover{transform:translateY(-3px);background:var(--gold2);color:var(--green)}
.pe-hero-note{position:absolute;z-index:2;right:clamp(30px,7vw,100px);bottom:95px;writing-mode:vertical-rl;color:#e6d6ac;font:9px var(--sans);letter-spacing:.24em;text-transform:uppercase}
.pe-section{padding:clamp(65px,8vw,112px) clamp(20px,7vw,105px)}.pe-section.dark{background:var(--green);color:var(--cream)}.pe-section-heading{max-width:800px;margin:0 auto 50px;text-align:center}.pe-overline{font:10px var(--sans);letter-spacing:.28em;text-transform:uppercase;color:#9a793b}.dark .pe-overline{color:var(--gold2)}.pe-section-heading h2{font-size:clamp(34px,4.6vw,60px);font-weight:normal;line-height:1.08;margin:18px 0;color:var(--green)}.dark .pe-section-heading h2{color:var(--cream)}.pe-section-heading p{max-width:690px;margin:0 auto;font:14px/1.9 var(--sans);color:var(--muted)}.dark .pe-section-heading p{color:#d4d9ce}
.pe-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,6vw,90px);align-items:center;max-width:1200px;margin:auto}.pe-intro-art{min-height:430px;position:relative;background:linear-gradient(135deg,#0b4a3a,#061f1a);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.pe-intro-art:before,.pe-intro-art:after{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid #c9a65d55;border-radius:50%}.pe-intro-art:after{width:52%}.pe-seal{width:160px;aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--gold2);font-size:21px;line-height:1.5;letter-spacing:.12em;z-index:1;box-shadow:0 0 0 12px #c9a65d0d,0 0 0 26px #c9a65d0a}.pe-intro-copy .pe-overline{color:#947333}.pe-intro-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.08;font-weight:normal;color:var(--green);margin:18px 0}.pe-intro-copy p{font:14px/2 var(--sans);color:#53635a}.pe-inline-link{display:inline-block;margin-top:12px;padding-bottom:8px;border-bottom:1px solid var(--gold);font:10px var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--green)}
.pe-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1250px;margin:auto}.pe-category{position:relative;min-height:185px;padding:24px;background:linear-gradient(145deg,#0b4b3b,#062a23);border:1px solid #c9a65d55;text-decoration:none;color:var(--cream);display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s,border-color .35s,background .35s;overflow:hidden}.pe-category:after{content:"✳";position:absolute;right:14px;top:6px;color:#c9a65d20;font-size:74px;transition:transform .5s}.pe-category:hover{transform:translateY(-5px);border-color:var(--gold);background:linear-gradient(145deg,#0f6049,#07372c)}.pe-category:hover:after{transform:rotate(45deg)}.pe-category small{font:10px var(--sans);letter-spacing:.18em;color:var(--gold2)}.pe-category strong{font-size:25px;font-weight:normal;position:relative;z-index:1}.pe-category span{font:10px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#d9d5c9}
.pe-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1250px;margin:auto}.pe-post{background:var(--paper);border:1px solid #dfd3b7;transition:transform .35s,box-shadow .35s;overflow:hidden}.pe-post:hover{transform:translateY(-6px);box-shadow:0 22px 55px #183b2a18}.pe-post-image{aspect-ratio:16/10;background:linear-gradient(135deg,#0b4b3b,#b99a5b);overflow:hidden}.pe-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.pe-post:hover .pe-post-image img{transform:scale(1.05)}.pe-post-body{padding:24px}.pe-post-meta{font:9px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#92743c}.pe-post h3{font-size:24px;line-height:1.2;font-weight:normal;color:var(--green);margin:14px 0}.pe-post p{font:13px/1.8 var(--sans);color:#647069}.pe-post-more{display:inline-block;margin-top:8px;text-decoration:none;color:var(--green);font:10px var(--sans);letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:7px}
.pe-quote{padding:clamp(65px,8vw,110px) 20px;background:var(--green2);text-align:center;color:var(--cream);position:relative}.pe-quote:before{content:"";position:absolute;inset:15px;border:1px solid #c9a65d45;pointer-events:none}.pe-quote blockquote{max-width:980px;margin:0 auto;font-size:clamp(31px,5vw,65px);line-height:1.15;font-weight:normal}.pe-quote em{color:var(--gold2);font-weight:normal}.pe-quote small{display:block;margin-top:28px;color:var(--gold2);font:10px var(--sans);letter-spacing:.25em;text-transform:uppercase}
.pe-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1150px;margin:auto}.pe-resource{padding:28px;border-top:2px solid var(--gold);background:#fffaf0}.pe-resource h3{font-size:23px;font-weight:normal;color:var(--green);margin:0 0 12px}.pe-resource p{font:13px/1.8 var(--sans);color:#657067}.pe-resource a{font:10px var(--sans);text-transform:uppercase;letter-spacing:.15em;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:7px}
.pe-footer{background:#031f1a;color:#e7dfce;padding:55px clamp(22px,7vw,100px) 24px}.pe-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;max-width:1250px;margin:auto;padding-bottom:38px}.pe-footer h3{font-size:23px;font-weight:normal;color:var(--gold2)}.pe-footer p,.pe-footer a{font:12px/1.9 var(--sans);color:#d4d8cd}.pe-footer a{display:block;text-decoration:none;margin:5px 0}.pe-footer a:hover{color:var(--gold2)}.pe-footer-bottom{border-top:1px solid #c9a65d35;padding-top:18px;display:flex;justify-content:space-between;gap:18px;font:10px var(--sans);color:#aab7ac;max-width:1250px;margin:auto}
.pe-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.pe-reveal.visible{opacity:1;transform:translateY(0)}.pe-backtop{position:fixed;right:20px;bottom:20px;z-index:50;width:42px;height:42px;background:var(--gold);color:var(--green);border:0;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:all .3s}.pe-backtop.show{opacity:1;pointer-events:auto;transform:translateY(0)}
body.pe-night{--cream:#102c25;--paper:#17382f;--ink:#f6f0e2;--muted:#c4cfc4}body.pe-night .pe-section:not(.dark){background:#102c25}body.pe-night .pe-section-heading h2,body.pe-night .pe-intro-copy h2,body.pe-night .pe-post h3,body.pe-night .pe-resource h3,body.pe-night .pe-inline-link{color:#f6f0e2}body.pe-night .pe-section-heading p,body.pe-night .pe-intro-copy p,body.pe-night .pe-post p,body.pe-night .pe-resource p{color:#c4cfc4}body.pe-night .pe-post,body.pe-night .pe-resource{background:#17382f;border-color:#35594b}
@keyframes peRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.pe-reveal{opacity:1;transform:none}}
@media(max-width:1000px){.pe-nav{gap:14px}.pe-nav a{font-size:9px;letter-spacing:.08em}.pe-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pe-intro-grid{grid-template-columns:1fr 1fr}.pe-hero-note{display:none}}
@media(max-width:760px){.pe-ticker{justify-content:center;text-align:center}.pe-ticker span:last-child{display:none}.pe-header{padding:14px 18px;gap:10px}.pe-logo-main{font-size:18px}.pe-logo-sub{font-size:8px}.pe-menu-btn{display:grid}.pe-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px;background:#052e25;border-bottom:1px solid var(--line);align-items:stretch;flex-direction:column;gap:0}.pe-nav.open{display:flex}.pe-nav a{padding:14px 4px;border-bottom:1px solid #c9a65d20;font-size:11px}.pe-actions{margin-left:auto}.pe-iconbtn,.pe-menu-btn{width:35px;height:35px}.pe-hero{min-height:690px;padding:76px 8vw;background-position:58% center}.pe-hero:before{inset:9px}.pe-hero h1{font-size:clamp(43px,13vw,66px)}.pe-hero p{font-size:14px}.pe-section{padding:66px 6vw}.pe-intro-grid{grid-template-columns:1fr}.pe-intro-art{min-height:290px;order:2}.pe-category-grid{grid-template-columns:1fr 1fr;gap:10px}.pe-category{min-height:155px;padding:17px}.pe-category strong{font-size:21px}.pe-post-grid{grid-template-columns:1fr}.pe-resources{grid-template-columns:1fr}.pe-footer-grid{grid-template-columns:1fr;gap:20px}.pe-footer-bottom{flex-direction:column;text-align:center}.pe-hero-buttons{gap:9px}.pe-button{padding:14px 15px;font-size:9px}}
@media(max-width:390px){.pe-category-grid{grid-template-columns:1fr}.pe-category{min-height:130px}}

/* Widaksana identity, Sundanese cloud ornaments, and fluid motion */
.pe-logo{flex-direction:row;align-items:center;gap:10px}
.pe-logo-image{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 8px #d5ad5a30);transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s}
.pe-logo:hover .pe-logo-image{transform:rotate(-4deg) scale(1.06);filter:drop-shadow(0 0 12px #d7b76870)}
.pe-logo-wordmark{display:flex;flex-direction:column;gap:4px}
.pe-hero{isolation:isolate;overflow:hidden;background-image:linear-gradient(90deg,rgba(2,22,19,.95) 0%,rgba(3,33,26,.70) 46%,rgba(3,33,26,.12) 100%),linear-gradient(0deg,rgba(2,24,19,.65),transparent 64%),url('https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=2400&q=90')}
.pe-hero:before{border:1px solid #d5b66e99;box-shadow:inset 0 0 70px #d7b66c08}
.pe-hero:after{z-index:1;opacity:.9}
.pe-wrap:before,.pe-wrap:after{content:"";position:fixed;z-index:5;pointer-events:none;width:150px;height:105px;opacity:.15;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='none' stroke='%23d5ad5a' stroke-width='2'%3E%3Cpath d='M4 75Q22 45 44 65Q47 30 76 45Q95 10 119 38Q145 25 153 55Q177 53 176 79Q145 98 115 83Q88 108 61 88Q29 105 4 75Z'/%3E%3Cpath d='M20 76Q43 55 59 74Q70 47 90 58Q112 35 127 60Q149 51 161 73'/%3E%3C/g%3E%3C/svg%3E")}
.pe-wrap:before{top:70px;left:0}.pe-wrap:after{bottom:10px;right:0;transform:rotate(180deg)}
.pe-category,.pe-post,.pe-resource,.pe-button,.pe-inline-link,.pe-nav a{transition:transform .42s cubic-bezier(.2,.75,.25,1),background-color .35s,color .35s,border-color .35s,box-shadow .42s}
.pe-category:hover,.pe-post:hover,.pe-resource:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00130f35}
.pe-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1)}
.pe-reveal.visible{opacity:1;transform:translateY(0)}
.pe-footer-grid{grid-template-columns:1.2fr 0.7fr 1.2fr 1.3fr}
.pe-footer-grid>div{min-width:0}
.pe-footer-grid a{overflow-wrap:anywhere}
.pe-footer h3{font-size:20px}
@media(max-width:1000px){.pe-footer-grid{grid-template-columns:1fr 1fr}.pe-logo-image{width:44px;height:44px}}
@media(max-width:760px){.pe-wrap:before,.pe-wrap:after{width:90px;height:65px;opacity:.11}.pe-logo-image{width:39px;height:39px}.pe-logo-main{font-size:16px}.pe-footer-grid{grid-template-columns:1fr}.pe-footer-grid>div{padding-bottom:16px;border-bottom:1px solid #c9a65d20}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.pe-reveal{opacity:1;transform:none}}