:root{--accent:#7467e8;--ink:#243047;--muted:#718099;--line:#e9edf5;--bg:#fafbfe;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 'DM Sans',sans-serif}h1,h2,h3,h4{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.25;letter-spacing:-.045em}h1{font-size:clamp(2.8rem,5.3vw,5.8rem)}h2{font-size:clamp(1.8rem,3vw,2.7rem)}h3{font-size:1.2rem}p{color:var(--muted)}a{text-decoration:none;color:inherit}a:hover{color:var(--accent)}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}.container{width:min(1240px,calc(100% - 48px));margin-inline:auto}.ico{display:inline-block;flex:none;vertical-align:middle}.skip-link{position:absolute;top:-100px;left:20px;z-index:1000;background:#fff;padding:12px}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:40;background:rgba(250,251,254,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.admin-bar .site-header{top:32px}.header-inner{min-height:86px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:12px;font-family:'Plus Jakarta Sans';font-size:1.08rem;font-weight:800;line-height:1.15}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:5px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:#eae7ff;color:var(--accent);border-radius:15px}.primary-nav{margin-left:auto}.nav-list{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}.nav-list a{font-size:.9rem;font-weight:700}.header-contact{background:#252b45;color:white;padding:12px 19px;border-radius:14px;font-size:.87rem;font-weight:700;display:flex;align-items:center;gap:9px}.header-contact:hover{background:var(--accent);color:white}.nav-toggle{display:none;background:transparent;border:0}.eyebrow{display:inline-block;font-size:.8rem;font-weight:800;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.hero-section{overflow:hidden;background:radial-gradient(ellipse at 85% 20%,#e9e6ff 0,transparent 40%),radial-gradient(ellipse at 15% 80%,#e6f7f3 0,transparent 40%),#fbfbff}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:650px;gap:40px;padding-block:70px}.hero-copy h1{margin:20px 0 16px;max-width:690px}.profession{display:flex;align-items:center;gap:10px;font-weight:700;color:#7364d3}.hero-desc{font-size:1.07rem;max-width:560px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:14px;font-size:.92rem;font-weight:800;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--accent);color:white}.btn-primary:hover{color:white;background:#5546ca}.btn-outline{background:white;border-color:#e3e6f0}.hero-note{font-size:.84rem;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34bb96;margin-right:6px}.hero-art{min-height:510px;position:relative;display:grid;place-items:center}.hero-photo{width:min(82%,420px);height:440px;border-radius:46% 46% 28% 28%;background:linear-gradient(145deg,#ddd9ff,#bce8df);overflow:hidden;position:relative;z-index:2;box-shadow:0 30px 65px #6557a426;display:grid;place-items:center}.hero-photo img{width:100%;height:100%;object-fit:cover}.portrait-placeholder{color:#7467e8;opacity:.7}.orbit{position:absolute;border-radius:50%;filter:blur(1px)}.orbit-a{width:430px;height:430px;background:#eeeaff;top:0;right:0}.orbit-b{width:220px;height:220px;background:#d6f7ec;bottom:5px;left:0}.float-label{position:absolute;z-index:3;background:white;box-shadow:0 12px 40px #35304b20;padding:14px 18px;border-radius:16px;display:flex;align-items:center;gap:10px;font-size:.84rem;font-weight:800}.label-one{top:18%;left:0}.label-two{bottom:16%;right:-3%}.intro-bentos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:-22px;position:relative;z-index:4}.intro-bento{min-height:230px;padding:28px;border-radius:var(--radius);position:relative;overflow:hidden}.intro-bento>svg:last-child{position:absolute;right:24px;bottom:26px}.intro-bento h3{margin:18px 0 4px}.intro-bento p{margin:0;max-width:210px;font-size:.9rem}.lavender{background:#ede9ff}.mint{background:#dff5ec}.peach{background:#fff0e4}.bento-icon{display:grid;place-items:center;width:52px;height:52px;background:#ffffffa6;border-radius:17px;color:var(--accent)}.section-space{padding-block:105px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-heading h2{margin:10px 0 0}.section-heading em,.page-heading em{color:var(--accent);font-style:normal}.text-link,.read-link{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-weight:800;font-size:.9rem}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .25s,box-shadow .25s;min-width:0}.post-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #222c4910}.card-media{display:block;aspect-ratio:1.48;background:#e8e4ff;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.post-card:hover .card-media img{transform:scale(1.04)}.placeholder-art{height:100%;min-height:130px;display:grid;place-items:center;color:#887ce1;background:linear-gradient(135deg,#e6e1ff,#e0f7ed)}.card-body{padding:25px}.meta{display:flex;gap:16px;flex-wrap:wrap;color:#8b96a9;font-size:.76rem;font-weight:700}.meta span:first-child{color:var(--accent)}.card-body h3{margin:12px 0}.card-body p{font-size:.88rem;margin-bottom:16px}.cta-section{margin-bottom:100px;padding:55px;background:linear-gradient(110deg,#ebe7ff,#e3f8f2);border-radius:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-section h2{max-width:600px;margin:8px 0}.site-footer{background:#f0f2fa;border-top:1px solid var(--line)}.footer-inner{padding-block:50px;display:grid;grid-template-columns:1fr auto;gap:20px}.footer-inner small{grid-column:1/-1;color:var(--muted)}.footer-links{display:flex;gap:25px;align-items:center;font-size:.9rem;font-weight:700}.page-content{padding-block:70px 110px;min-height:60vh}.page-heading{margin-bottom:45px;max-width:800px}.page-heading h1{margin:12px 0 16px}.page-heading p{font-size:1.1rem}.feature-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px}.feature-slider{position:relative;min-width:0;min-height:450px;border-radius:25px;overflow:hidden;background:#e6e3ff}.slides{height:100%;position:relative}.feature-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .4s}.feature-slide.active{opacity:1;visibility:visible}.feature-image,.feature-image img{display:block;width:100%;height:100%;object-fit:cover}.feature-slide:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#101626cf);pointer-events:none}.feature-overlay{position:absolute;z-index:2;bottom:35px;left:35px;right:35px;color:white}.feature-overlay h2{font-size:clamp(1.5rem,2.7vw,2.6rem);margin:12px 0}.feature-overlay a:hover{color:#ded8ff}.feature-pill{display:inline-block;background:#ffffff33;backdrop-filter:blur(10px);border-radius:40px;padding:6px 14px;font-size:.74rem;font-weight:800}.feature-overlay>span:last-child{font-size:.82rem}.slider-controls{position:absolute;z-index:4;right:25px;top:24px;display:flex;align-items:center;gap:8px;color:white}.slider-controls button{border:1px solid #ffffff55;border-radius:50%;background:#18243a66;color:white;width:35px;height:35px;font-size:23px}.slider-count{font-size:.78rem;font-weight:700}.feature-side{display:grid;grid-template-rows:1fr 1fr;gap:20px}.side-feature{position:relative;border-radius:22px;overflow:hidden;background:#dceee9;min-height:210px}.side-feature img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.side-feature:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#15233ac9)}.side-feature>span:last-child{position:absolute;z-index:2;bottom:20px;left:22px;right:22px;color:white}.side-feature small{display:block;opacity:.85}.side-feature strong{display:block;font-family:'Plus Jakarta Sans';font-size:1.12rem;line-height:1.4}.blog-list-heading{margin-top:85px}.search-form{display:flex;background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;max-width:330px}.search-form input{border:0;background:transparent;min-width:0;padding:12px 15px;outline-offset:-2px}.search-form button{border:0;background:transparent;color:var(--accent);padding:12px}.category-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.category-chips a,.category-chips button{background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 18px;font-size:.82rem;font-weight:800;color:var(--muted)}.category-chips .active,.category-chips a:hover,.category-chips button:hover{background:#ebe8ff;color:var(--accent)}.pagination{margin-top:45px}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{padding:8px 15px;border:1px solid var(--line);background:white;border-radius:10px}.page-numbers.current{background:var(--accent);color:white}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:32px}.content-panel{max-width:900px}.entry-content{font-size:1.05rem;line-height:1.95;overflow-wrap:anywhere}.entry-content img{border-radius:14px}.entry-content a{text-decoration:underline;color:var(--accent)}.entry-content blockquote{border-left:4px solid var(--accent);padding-left:22px;color:var(--muted)}.article-shell{padding-block:70px 100px}.article-header{max-width:850px;margin:0 auto 40px;text-align:center}.article-header h1{font-size:clamp(2.3rem,4.3vw,4.6rem);margin:20px 0}.article-header p{font-size:1.13rem}.back-link{display:block;margin-bottom:30px;color:var(--accent);font-weight:800}.article-cover{height:min(60vw,550px);border-radius:26px;overflow:hidden;background:#e8e4ff;margin-bottom:50px}.article-cover img{width:100%;height:100%;object-fit:cover}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:55px}.article-main{min-width:0}.article-aside .panel{margin-bottom:20px}.article-tags,.article-share{padding:22px 0;border-top:1px solid var(--line)}.article-share{display:flex;justify-content:space-between}.copy-url{border:0;border-radius:12px;padding:10px 16px;background:#e9e6ff;color:var(--accent);font-weight:800}.reading-progress{height:4px;background:#ecebfa;border-radius:5px;margin-bottom:30px}.reading-progress span{display:block;height:100%;background:var(--accent);width:0}.related-section{padding-top:80px}.gallery-grid{columns:3;column-gap:20px}.gallery-item{display:block;position:relative;margin-bottom:20px;break-inside:avoid;border-radius:20px;overflow:hidden;background:#eeeaff}.gallery-item img{display:block;width:100%;height:auto;transition:transform .3s}.gallery-item:hover img{transform:scale(1.035)}.gallery-item span{position:absolute;bottom:0;left:0;right:0;padding:30px 20px 16px;background:linear-gradient(transparent,#0008);color:white;font-weight:800}.gallery-item[hidden]{display:none}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:200;background:#10131def;display:flex;align-items:center;justify-content:center;color:white;padding:60px}.lightbox figure{margin:0;max-width:85vw;text-align:center}.lightbox img{max-height:78vh;max-width:80vw;object-fit:contain}.lightbox button{position:absolute;background:#ffffff20;color:white;border:1px solid #ffffff50;border-radius:50%;width:44px;height:44px;font-size:28px}.lightbox-close{top:20px;right:25px}.lightbox-prev{left:22px}.lightbox-next{right:22px}.lightbox-open{overflow:hidden}.profile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.profile-picture{border-radius:25px;min-height:480px;background:linear-gradient(135deg,#e3deff,#d6f4e8);display:grid;place-items:center;overflow:hidden;color:var(--accent)}.profile-picture img{width:100%;height:100%;object-fit:cover}.profile-bio{display:flex;flex-direction:column;justify-content:center}.profile-bio h2{margin:12px 0}.profile-facts{display:grid;gap:15px;margin:20px 0 30px}.profile-facts span{display:flex;align-items:center;gap:10px}.profile-bio .btn{align-self:start}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:25px}.contact-info{background:linear-gradient(145deg,#ede9ff,#e4f7f1)}.contact-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:20px;background:white;color:var(--accent)}.contact-row{display:flex;align-items:center;gap:12px;margin:18px 0;font-weight:700;overflow-wrap:anywhere}.contact-form-panel label{display:block;font-weight:700;font-size:.85rem;margin-bottom:15px}.contact-form-panel input,.contact-form-panel textarea{display:block;width:100%;margin-top:6px;border:1px solid #dfe5ef;border-radius:12px;padding:12px 14px;background:#fbfcff}.contact-form-panel input:focus,.contact-form-panel textarea:focus{outline:2px solid #b4a9ff}.contact-form-panel small{display:block;margin-top:14px;color:var(--muted)}.error-page{text-align:center}.error-page h1{font-size:clamp(2rem,5vw,4rem)}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.wp-block-image img{height:auto}
@media(max-width:1000px){.header-contact{display:none}.hero-grid{grid-template-columns:1fr 1fr}.feature-layout{grid-template-columns:1.5fr 1fr}.article-layout{grid-template-columns:1fr}.article-aside{display:none}.profile-grid{grid-template-columns:1fr 1.2fr}}
@media(max-width:760px){.admin-bar .site-header{top:46px}.container{width:min(100% - 32px,1240px)}.header-inner{min-height:70px}.nav-toggle{display:block;margin-left:auto}.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;padding:20px 24px;box-shadow:0 15px 25px #202b451a}.primary-nav.open{display:block}.nav-list{flex-direction:column;align-items:start;gap:15px}.hero-grid{grid-template-columns:1fr;padding-block:55px;gap:0}.hero-copy h1{font-size:clamp(2.8rem,10vw,4rem)}.hero-art{min-height:410px}.hero-photo{height:360px;max-width:310px}.orbit-a{width:330px;height:330px}.float-label{font-size:.75rem;padding:10px}.intro-bentos,.post-grid{grid-template-columns:1fr}.intro-bentos{margin-top:0}.intro-bento{min-height:180px}.section-space{padding-block:70px}.section-heading{align-items:start;flex-direction:column}.cta-section{flex-direction:column;align-items:start;padding:30px;margin-bottom:60px}.footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.page-content{padding-block:45px 70px}.feature-layout{grid-template-columns:1fr}.feature-slider{min-height:400px}.feature-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.side-feature{min-height:200px}.blog-list-heading{margin-top:65px}.gallery-grid{columns:2}.profile-grid,.contact-grid{grid-template-columns:1fr}.profile-picture{min-height:350px}.lightbox{padding:45px}.lightbox img{max-width:80vw}.lightbox-prev{left:5px}.lightbox-next{right:5px}}
@media(max-width:460px){.feature-side{grid-template-columns:1fr}.feature-slide .feature-overlay{left:22px;right:22px;bottom:25px}.feature-overlay h2{font-size:1.45rem}.gallery-grid{columns:1}.hero-art{min-height:350px}.hero-photo{height:300px}.float-label{font-size:.65rem}.page-heading h1{font-size:2.5rem}.panel{padding:22px}.article-header h1{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* v1.1.0 Graphic Blog — responsive horizontal post list, category tones and share icons */
.post-list-horizontal{grid-template-columns:minmax(0,1fr);gap:20px}
.post-card-horizontal{display:grid;grid-template-columns:minmax(220px,38%) minmax(0,1fr);min-height:255px;align-items:stretch}
.post-card-horizontal .card-media{aspect-ratio:auto;height:100%;min-height:255px}
.post-card-horizontal .card-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(20px,3vw,35px)}
.post-card-horizontal .card-body h3{font-size:clamp(1.25rem,2.2vw,1.65rem);margin:14px 0 8px}
.post-card-horizontal .card-body p{margin:0 0 17px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-meta-icons{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;font-size:.76rem;font-weight:700;color:#758197}
.meta-piece{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.meta-piece .ico{color:#9184d9}
.category-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:100px;font-size:.74rem;font-weight:800;line-height:1.3}
.category-tone-0{background:#eee7ff!important;color:#7655b4!important;border-color:#e4d6ff!important}
.category-tone-1{background:#ddf5ec!important;color:#247f62!important;border-color:#bce9d8!important}
.category-tone-2{background:#ffebdd!important;color:#a35c31!important;border-color:#f9d6bd!important}
.category-tone-3{background:#dfeeff!important;color:#366ba9!important;border-color:#c6e0ff!important}
.category-tone-4{background:#ffe3ee!important;color:#ac4b78!important;border-color:#f8c8da!important}
.category-tone-5{background:#fff4ce!important;color:#947116!important;border-color:#f5e5a4!important}
.category-tone-6{background:#def4f7!important;color:#297d88!important;border-color:#bfe6ec!important}
.category-tone-7{background:#e8eafa!important;color:#555fa2!important;border-color:#d6daf5!important}
.category-chips a:not(.category-all){border:1px solid transparent}
.article-header .post-meta-icons{justify-content:center;margin-top:12px}
.article-share{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.share-actions{display:flex;flex-wrap:wrap;gap:9px}
.share-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e4e6f2;border-radius:12px;background:#f6f5ff;color:#4d5480;padding:10px 13px;font-size:.78rem;font-weight:800;transition:transform .2s,background .2s}
.share-action:hover{background:#e9e5ff;color:#5e4ac4;transform:translateY(-2px)}
@media(max-width:760px){.post-card-horizontal{grid-template-columns:1fr}.post-card-horizontal .card-media{height:auto;min-height:0;aspect-ratio:1.7}.post-card-horizontal .card-body{padding:22px}.post-meta-icons{gap:8px 12px}.share-action span{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.feature-slide,.share-action{transition:none}}

/* v1.3: accent-driven UI and clean reading surfaces */
.btn-primary:hover,.header-contact:hover{background:var(--accent-dark)}
.brand-mark,.category-chips .active,.category-chips a:hover,.category-chips button:hover,.copy-url{background:var(--accent-soft)}
.hero-section{background:radial-gradient(ellipse at 85% 20%,var(--accent-soft) 0,transparent 43%),radial-gradient(ellipse at 15% 80%,var(--accent-soft2) 0,transparent 40%),#fbfbff}
.orbit-a,.card-media,.feature-slider,.article-cover{background:var(--accent-soft)}
.orbit-b,.placeholder-art{background:var(--accent-soft2)}
.cta-section,.contact-info{background:linear-gradient(115deg,var(--accent-soft),var(--accent-soft2))}
.profession,.portrait-placeholder{color:var(--accent)}
.page-plain-content{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;max-width:900px;margin:0 auto}
.article-layout.no-sidebar{display:block;max-width:850px;margin:auto}
.article-layout.article-wide{grid-template-columns:minmax(0,1fr) 250px;gap:35px}
.article-layout.article-wide.no-sidebar{max-width:1100px}
.article-main>.entry-content{background:transparent}

/* v1.4.0 premium polish */
.brand-mark{background:var(--accent-soft,#eae7ff)!important;color:var(--accent)!important;box-shadow:inset 0 0 0 1px var(--accent-border,#ddd6ff)}
.brand-mark svg{stroke:var(--accent)}
.article-content,.article-content p,.single-article .entry-content,.single-article .entry-content li{color:#344056}
.article-content h2,.article-content h3,.article-header h1{color:#202b40}
.article-cover{margin-bottom:18px}
.article-cover-meta{display:flex;justify-content:center;margin:0 auto 42px;padding:12px 18px;border-bottom:1px solid var(--line);max-width:1100px}
.article-cover-meta .post-meta-icons{justify-content:center}
.hero-photo img{display:block;opacity:1;visibility:visible;position:relative;z-index:3}
.hero-photo{isolation:isolate}
.profile-highlights,.contact-highlights{display:flex;flex-wrap:wrap;gap:12px;margin:-10px 0 30px}
.profile-highlights span,.contact-highlights span{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border-radius:99px;background:var(--accent-soft,#eeebff);color:var(--accent);font-weight:700;font-size:.83rem}
.profile-grid{align-items:stretch;gap:32px}.profile-picture{box-shadow:0 24px 55px #29314a14;min-height:520px}.profile-bio{padding:clamp(28px,4vw,60px);background:linear-gradient(135deg,#fff 55%,var(--accent-soft,#eeebff));box-shadow:0 22px 65px #26324b0b}
.profile-kicker,.contact-kicker{color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.14em}
.profile-facts span{padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#ffffffb8}
.contact-grid{gap:30px}.contact-info{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--accent-soft,#eeeaff),#fff 90%);padding:clamp(28px,4vw,52px)}
.contact-info:after{content:'';position:absolute;width:180px;height:180px;right:-65px;top:-75px;border:30px solid var(--accent);opacity:.08;border-radius:50%;pointer-events:none}
.contact-form-panel{padding:clamp(26px,4vw,48px);box-shadow:0 18px 60px #26324b0b}
.contact-form-panel input,.contact-form-panel textarea{transition:border-color .2s,box-shadow .2s;background:#fff}
.contact-form-panel input:focus,.contact-form-panel textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft,#eeeaff)}
@keyframes aksara-fade-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes aksara-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(prefers-reduced-motion:no-preference){.hero-copy,.page-heading{animation:aksara-fade-rise .7s ease both}.hero-art,.profile-picture{animation:aksara-fade-rise .9s .12s ease both}.float-label{animation:aksara-float 5s ease-in-out infinite}.label-two{animation-delay:-2.5s}.post-card,.panel,.contact-row,.brand-mark{transition:transform .3s ease,box-shadow .3s ease}.contact-row:hover{transform:translateX(4px)}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal-on-scroll.is-visible{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:760px){.profile-picture{min-height:360px}.article-cover-meta{padding-inline:0}}

/* v1.5.1 — Four-card home navigation, accent-aware decorative SVG */
.intro-bentos{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.intro-bento{isolation:isolate;min-width:0;min-height:230px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s ease,box-shadow .25s ease}
.intro-bento:hover{transform:translateY(-5px);box-shadow:0 20px 35px #26344a16}
.intro-bento:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.intro-bento h3{position:relative;z-index:2;margin:18px 0 7px;font-size:1.15rem}
.intro-bento p{position:relative;z-index:2;font-size:.83rem;line-height:1.55;max-width:175px;color:#35435c}
.intro-bento .bento-icon{position:relative;z-index:2;color:var(--accent);background:#ffffffb8}
.intro-bento .bento-arrow{position:absolute;right:20px;bottom:19px;z-index:2;color:var(--accent)}
.intro-bento .bento-art{position:absolute;right:-24px;bottom:-25px;width:155px;height:155px;opacity:.13;color:var(--accent);pointer-events:none;transform:rotate(-11deg);transition:transform .35s ease,opacity .35s ease}
.intro-bento:hover .bento-art{transform:rotate(-4deg) scale(1.08);opacity:.19}
.intro-bento.bento-law{background:linear-gradient(140deg,var(--accent-soft,#e8e7ff),#f6f2ff)}
.intro-bento.bento-photo{background:linear-gradient(140deg,#e1f6f3,#d9efff)}
.intro-bento.bento-stories{background:linear-gradient(140deg,#fff0e2,#ffe6e8)}
.intro-bento.bento-about{background:linear-gradient(140deg,#eae8ff,#e5efff)}
@media(max-width:900px){.intro-bentos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.intro-bentos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0}.intro-bento{min-height:180px;padding:17px;border-radius:18px}.intro-bento .bento-icon{width:43px;height:43px;border-radius:13px}.intro-bento .bento-icon svg{width:23px;height:23px}.intro-bento h3{font-size:clamp(.92rem,3.3vw,1.1rem);margin:12px 0 5px}.intro-bento p{font-size:.74rem;line-height:1.45;padding-right:5px}.intro-bento .bento-art{width:115px;height:115px;right:-27px;bottom:-23px}.intro-bento .bento-arrow{right:12px;bottom:10px}.intro-bento .bento-arrow svg{width:17px;height:17px}}
@media(max-width:360px){.intro-bento{padding:13px;min-height:175px}.intro-bento h3{font-size:.88rem}.intro-bento p{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.intro-bento,.intro-bento .bento-art{transition:none}.intro-bento:hover{transform:none}}

/* v1.5.2 — Circular portrait Hero. Overrides the original organic mask. */
.hero-art{min-width:0;isolation:isolate}
.hero-photo{width:min(var(--hero-photo-size,440px),88%);height:auto;aspect-ratio:1/1;border-radius:50%;border:8px solid #fff;box-shadow:0 24px 70px color-mix(in srgb,var(--accent) 25%,transparent),0 0 0 9px color-mix(in srgb,var(--accent) 13%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 25%,white),#e0f8f2);overflow:hidden}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-object-position,center);border-radius:50%;display:block}
.hero-photo .portrait-placeholder{display:grid;place-items:center;width:100%;height:100%}
.hero-art .orbit-a{background:color-mix(in srgb,var(--accent) 12%,white);max-width:90%;aspect-ratio:1/1;height:auto}
.hero-art .orbit-b{background:color-mix(in srgb,var(--accent) 12%,#d6f7ec)}
@media(max-width:900px){.hero-art{min-height:440px}.hero-photo{width:min(var(--hero-photo-size,440px),76vw,360px)}.hero-art .float-label{max-width:47%}}
@media(max-width:600px){.hero-grid{gap:14px}.hero-art{min-height:350px}.hero-photo{width:min(var(--hero-photo-size,440px),70vw,300px);border-width:6px}.hero-art .orbit-a{width:300px}.hero-art .orbit-b{width:150px;height:150px}.hero-art .float-label{font-size:.68rem;padding:9px 12px}.hero-art .label-one{left:0;top:12%}.hero-art .label-two{right:0;bottom:12%}}
@media(max-width:380px){.hero-art{min-height:310px}.hero-photo{width:min(70vw,260px)}.hero-art .float-label{font-size:.61rem;padding:7px 9px}}

/* v1.5.3 — mobile portrait replaces avatar SVG in the existing circular Hero */
.hero-art .hero-photo{position:relative;display:grid;place-items:center;flex-shrink:0;aspect-ratio:1/1;height:auto!important;border-radius:50%!important;overflow:hidden!important}
.hero-art .hero-photo img.hero-profile-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;display:block!important;object-fit:cover!important;object-position:var(--hero-object-position,center)!important;border-radius:50%!important;opacity:1!important;visibility:visible!important;z-index:5!important}
.hero-art .hero-photo:has(img.hero-profile-image) .portrait-placeholder{display:none!important}
@media(max-width:760px){.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:20px}.hero-art{display:grid!important;place-items:center!important;order:-1;width:100%;min-height:0!important;padding:28px 12px 18px;margin:0 auto;overflow:visible}.hero-art .hero-photo{width:min(var(--hero-photo-size,440px),68vw,300px)!important;max-width:100%;height:auto!important;aspect-ratio:1/1!important;z-index:2}.hero-art .orbit-a{left:50%;right:auto;top:0;transform:translateX(-50%);width:min(78vw,350px);height:auto;aspect-ratio:1}.hero-art .orbit-b{left:5%;bottom:0}.hero-art .float-label{display:none}.hero-copy{text-align:center}.hero-copy .profession,.hero-copy .actions{justify-content:center}}
@media(max-width:380px){.hero-art .hero-photo{width:min(66vw,250px)!important}}

/* v1.5.4 — Accent brush layers, mobile menu, reading-only metadata */
:root{--aksara-wash:color-mix(in srgb,var(--accent) 9%,white);--aksara-glow:color-mix(in srgb,var(--accent) 17%,transparent)}
body{background:radial-gradient(ellipse 50% 26% at 97% 12%,var(--aksara-wash),transparent 80%),radial-gradient(ellipse 38% 20% at 0% 54%,var(--aksara-wash),transparent 85%),var(--bg)}
.hero-section{background:radial-gradient(ellipse 55% 75% at 91% 20%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 72%),radial-gradient(ellipse 48% 50% at 7% 88%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 80%),linear-gradient(135deg,#fff,var(--aksara-wash) 58%,#fff)}
.nav-toggle{color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 23%,transparent);border-radius:14px;background:var(--accent-soft);width:44px;height:44px;align-items:center;justify-content:center;box-shadow:0 6px 20px var(--aksara-glow)}
.nav-toggle .ico,.nav-toggle svg{color:var(--accent);stroke:currentColor}
.article-top-categories{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
.article-top-categories .category-badge{box-shadow:0 5px 16px var(--aksara-glow)}
.article-header h1{margin-top:12px}
.article-cover-meta{background:linear-gradient(90deg,transparent,var(--aksara-wash),transparent);border-radius:16px}
.intro-bento{background-image:radial-gradient(circle at 95% 0%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 60%),linear-gradient(145deg,var(--accent-soft),#fff)!important;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 12px 35px color-mix(in srgb,var(--accent) 7%,transparent)}
.intro-bento:nth-child(2){background-image:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),linear-gradient(145deg,#f1fffc,var(--accent-soft2))!important}
.intro-bento:nth-child(3){background-image:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),linear-gradient(145deg,#fff9f2,var(--accent-soft2))!important}
.intro-bento:nth-child(4){background-image:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 60%),linear-gradient(145deg,#f6f8ff,var(--accent-soft2))!important}
.cta-section,.profile-bio,.contact-info{background-image:radial-gradient(ellipse at 90% 10%,var(--aksara-glow),transparent 60%),linear-gradient(125deg,var(--accent-soft),#fff)!important}
@media(max-width:760px){.nav-toggle{display:inline-flex}.hero-art .hero-photo{display:grid!important;visibility:visible!important;opacity:1!important}.hero-art .hero-profile-image{display:block!important;visibility:visible!important;opacity:1!important}.article-top-categories{margin-top:4px}}

/* v1.5.5 — Distinct Home Bento Card palettes; preserve dynamic global accent. */
.intro-bento{--bento-tone:var(--accent);--bento-pale:#f0ecff;--bento-wash:#faf7ff;--bento-ink:#41317d;
 background:radial-gradient(ellipse at 105% -12%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 57%),linear-gradient(138deg,var(--bento-pale),var(--bento-wash))!important;
 border:1px solid color-mix(in srgb,var(--bento-tone) 22%,white);
 box-shadow:0 12px 28px color-mix(in srgb,var(--bento-tone) 10%,transparent);}
.intro-bento.bento-law{--bento-tone:#8060c6;--bento-pale:#eae3ff;--bento-wash:#f7f1ff;--bento-ink:#453078}
.intro-bento.bento-photo{--bento-tone:#168d88;--bento-pale:#d8f5ed;--bento-wash:#ebfbff;--bento-ink:#165d5c}
.intro-bento.bento-stories{--bento-tone:#c8793b;--bento-pale:#fff0d9;--bento-wash:#fff4eb;--bento-ink:#805020}
.intro-bento.bento-about{--bento-tone:#477dc4;--bento-pale:#e2ebff;--bento-wash:#f0f5ff;--bento-ink:#31598c}
.intro-bento:nth-child(2),.intro-bento:nth-child(3),.intro-bento:nth-child(4){background:radial-gradient(ellipse at 105% -12%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 57%),linear-gradient(138deg,var(--bento-pale),var(--bento-wash))!important}
.intro-bento h3{color:var(--bento-ink)}
.intro-bento .bento-icon{color:var(--bento-tone);background:rgba(255,255,255,.72);box-shadow:0 5px 16px color-mix(in srgb,var(--bento-tone) 12%,transparent)}
.intro-bento .bento-art{color:var(--bento-tone);opacity:.16}
.intro-bento .bento-arrow{color:var(--bento-tone)}
.intro-bento:hover{box-shadow:0 18px 38px color-mix(in srgb,var(--bento-tone) 16%,transparent)}

/* v1.5.6 — Colorful background and dependable Hero image presentation */
:root{--aksara-lavender:#eae4ff;--aksara-mint:#def7ed;--aksara-peach:#fff0dd;--aksara-blue:#e2efff}
body{background-color:#fbfcff;background-image:radial-gradient(ellipse 45% 30% at 2% 9%,rgba(231,220,255,.48),transparent 75%),radial-gradient(ellipse 36% 28% at 98% 37%,rgba(194,243,225,.40),transparent 78%),radial-gradient(ellipse 42% 30% at 8% 82%,rgba(255,225,192,.32),transparent 78%),radial-gradient(ellipse 40% 25% at 94% 94%,rgba(204,226,255,.42),transparent 80%)}
.hero-section{position:relative;isolation:isolate;background:radial-gradient(ellipse 42% 70% at 83% 30%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 75%),radial-gradient(ellipse 35% 65% at 5% 85%,rgba(255,214,179,.38),transparent 80%),radial-gradient(ellipse 42% 65% at 62% 100%,rgba(180,237,222,.32),transparent 80%),linear-gradient(115deg,#faf7ff,#f7fffd 55%,#fff9f3)}
.hero-art .hero-photo{display:block!important;position:relative!important;overflow:hidden!important;aspect-ratio:1!important;height:auto!important;border-radius:50%!important;background:linear-gradient(145deg,var(--aksara-lavender),var(--aksara-mint))}
.hero-art .hero-photo>img.hero-profile-image{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:var(--hero-object-position,center)!important;opacity:1!important;visibility:visible!important;z-index:6!important}
.hero-art .hero-photo .portrait-placeholder{display:grid;place-items:center;height:100%;width:100%}
.intro-bento{background-image:radial-gradient(circle at 94% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 56%),linear-gradient(138deg,var(--bento-pale),var(--bento-wash))!important}
.intro-bento:nth-child(2),.intro-bento:nth-child(3),.intro-bento:nth-child(4){background-image:radial-gradient(circle at 94% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 56%),linear-gradient(138deg,var(--bento-pale),var(--bento-wash))!important}
@media(max-width:760px){.hero-art{order:-1!important;display:grid!important;place-items:center!important}.hero-art .hero-photo{width:min(var(--hero-photo-size,440px),70vw,300px)!important;min-width:180px!important}}

/* v1.5.7: single authoritative Hero image geometry. */
.hero-art .hero-photo{display:block!important;position:relative!important;width:min(var(--hero-photo-size,440px),88%)!important;height:auto!important;aspect-ratio:1/1!important;overflow:hidden!important;border-radius:50%!important;isolation:isolate}
.hero-art .hero-photo>img.hero-profile-image{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:var(--hero-object-position,center)!important;z-index:10!important;opacity:1!important;visibility:visible!important}
@media(max-width:760px){.hero-art .hero-photo{width:min(var(--hero-photo-size,440px),70vw,300px)!important}}

/* v1.5.8 advanced gallery and reference settings */
.aksara-gallery-page.gallery-colorful{background:radial-gradient(ellipse at 8% 8%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 42%),radial-gradient(ellipse at 90% 38%,rgba(66,211,186,.12),transparent 43%),radial-gradient(ellipse at 20% 90%,rgba(255,173,109,.12),transparent 45%);border-radius:28px;padding-block:32px}
.aksara-gallery-page .gallery-grid{grid-template-columns:repeat(var(--gallery-cols,3),minmax(0,1fr))}
.aksara-gallery-page .gallery-item img{width:100%;height:100%;object-fit:cover}
.aksara-gallery-page .gallery-ratio-square .gallery-item{aspect-ratio:1}
.aksara-gallery-page .gallery-ratio-landscape .gallery-item{aspect-ratio:4/3}
.aksara-gallery-page .gallery-ratio-portrait .gallery-item{aspect-ratio:3/4}
.aksara-gallery-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:20px 0}
.aksara-gallery-pagination a,.aksara-gallery-pagination span{display:block;padding:9px 14px;border-radius:12px;background:var(--accent-soft,#eee);text-decoration:none}
.aksara-gallery-pagination .current{background:var(--accent);color:#fff}
@media(max-width:680px){.aksara-gallery-page .gallery-grid{grid-template-columns:repeat(var(--gallery-mobile-cols,2),minmax(0,1fr))}}

/* v1.5.9: stable hero rendering and independent colorful background palette */
:root{--aksara-color-lavender:#e9e2ff;--aksara-color-mint:#d8f7e9;--aksara-color-peach:#ffe5cf;--aksara-color-blue:#dcecff;--aksara-color-pink:#ffe2ef;--aksara-color-yellow:#fff3c9}
body{background:radial-gradient(ellipse 50% 32% at 3% 18%,rgba(255,226,239,.48),transparent 85%),radial-gradient(ellipse 40% 35% at 95% 44%,rgba(220,236,255,.5),transparent 88%),#fbfcff}
.hero-section{background:radial-gradient(circle at 82% 20%,rgba(180,236,203,.55),transparent 38%),radial-gradient(circle at 15% 66%,rgba(255,225,192,.55),transparent 38%),radial-gradient(circle at 57% 85%,rgba(231,215,255,.55),transparent 42%),linear-gradient(120deg,#f9f8ff,#f5fffb 45%,#fff9f5)}
.hero-art .hero-photo{background:linear-gradient(140deg,#e9e2ff,#d8f7e9)!important}
.hero-art .hero-photo>img.hero-profile-image{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:15!important;visibility:visible!important;opacity:1!important}
.hero-art .hero-photo.hero-image-error:after{content:'Foto Hero gagal dimuat';position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#6b7280;text-align:center;padding:20px}
.hero-art .hero-photo.hero-image-error .portrait-placeholder{display:none!important}
.hero-art .orbit-a{background:rgba(193,226,255,.6)!important}.hero-art .orbit-b{background:rgba(164,234,196,.62)!important}
.intro-bento:nth-child(4n+1){background:linear-gradient(135deg,#e8ddff,#f4edff)}.intro-bento:nth-child(4n+2){background:linear-gradient(135deg,#d6f5e8,#eafff6)}.intro-bento:nth-child(4n+3){background:linear-gradient(135deg,#ffe5d0,#fff5e8)}.intro-bento:nth-child(4n){background:linear-gradient(135deg,#dceaff,#eef6ff)}
.cta-section{background:linear-gradient(115deg,#e7e0ff,#d8f7e9 45%,#fff0d6 85%,#ffe2ee)}
@media(max-width:760px){.hero-art .hero-photo{width:min(70vw,300px)!important;aspect-ratio:1!important}.hero-section{background:radial-gradient(circle at 80% 14%,rgba(196,242,212,.65),transparent 43%),radial-gradient(circle at 5% 75%,rgba(255,229,207,.65),transparent 43%),linear-gradient(135deg,#f8f6ff,#f4fff9)}}