/*
Theme Name: Romo Yos One Page
Theme URI: https://romoyosbintoro.com
Author: Samodro Studio
Description: Tema one-scroll personal pastoral untuk Romo Yos Bintoro, Pr.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: romo-yos
*/

:root{--ink:#17233a;--navy:#0d1b2f;--gold:#b69a63;--paper:#f7f3eb;--white:#fff;--muted:#667085;--line:rgba(23,35,58,.13);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.7}body.admin-bar .site-header{top:32px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--gold)}.section{padding:110px 0}.section-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.03;letter-spacing:-.035em;margin:.2em 0 .45em}.lead{font-size:clamp(1.05rem,1.6vw,1.3rem);color:#43506a;max-width:720px}.site-header{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid rgba(255,255,255,.12);transition:.3s}.site-header.scrolled{background:rgba(13,27,47,.94);backdrop-filter:blur(16px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{font-family:Georgia,serif;font-size:1.07rem;letter-spacing:.02em}.brand small{display:block;font:600 .62rem/1.2 Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#d5c7a8;margin-top:4px}.menu{display:flex;align-items:center;gap:28px;font-size:.85rem}.menu a{opacity:.85}.menu a:hover{opacity:1}.nav-cta{padding:10px 15px;border:1px solid rgba(255,255,255,.45);border-radius:99px}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:1.4rem}.hero{min-height:100svh;display:grid;align-items:end;position:relative;color:#fff;background:linear-gradient(90deg,rgba(5,14,28,.94) 0%,rgba(5,14,28,.76) 45%,rgba(5,14,28,.2) 100%),var(--hero-image,linear-gradient(135deg,#0d1b2f,#32415b));background-position:68% 34%;background-size:cover}.hero:after{content:"";position:absolute;inset:auto 0 0;height:25%;background:linear-gradient(transparent,rgba(5,14,28,.5));pointer-events:none}.hero-content{position:relative;z-index:2;padding:170px 0 95px;max-width:780px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.7rem,8.5vw,7.5rem);line-height:.88;letter-spacing:-.055em;margin:.22em 0}.hero .role{font-size:clamp(1rem,1.7vw,1.25rem);max-width:600px;color:#e5e9ef}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;font-weight:700;font-size:.9rem}.btn-primary{background:var(--gold);color:#101827}.btn-ghost{border:1px solid rgba(255,255,255,.45);color:#fff}.about-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:8vw;align-items:center}.portrait{aspect-ratio:4/5;background:#e9e4da center/cover no-repeat;position:relative}.portrait:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.7)}.about-copy p{font-size:1.08rem;color:#46536b}.pillars{background:var(--paper)}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:60px}.pillar{padding:36px 32px 10px 0;border-right:1px solid var(--line);margin-right:32px}.pillar:last-child{border-right:0}.pillar-num{font-family:Georgia,serif;color:var(--gold);font-size:3.7rem;line-height:1}.pillar h3{font-family:Georgia,serif;font-size:1.55rem}.quote{background:var(--navy);color:#fff;padding:120px 0}.quote blockquote{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,5rem);line-height:1.08;letter-spacing:-.035em;margin:0;max-width:1000px}.quote span{display:block;color:#cbb88f;font:700 .73rem Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin-top:30px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px;border-top:1px solid var(--line)}.milestone{padding:34px 30px 10px 0;position:relative}.milestone:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold);top:-5px;left:0}.year{font-weight:800;color:var(--gold);letter-spacing:.08em}.milestone h3{font-family:Georgia,serif;font-size:1.4rem}.journal{background:#f1eee7}.journal-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.fb-shell{background:#fff;padding:18px;min-height:580px;box-shadow:0 20px 65px rgba(15,30,50,.08)}.fb-fallback{display:grid;place-items:center;text-align:center;min-height:540px;padding:40px;border:1px solid var(--line)}.fb-fallback strong{font-family:Georgia,serif;font-size:1.7rem}.fb-fallback p{color:var(--muted)}.oci{background:#13233d;color:#fff}.oci-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.oci p{color:#cdd5e1;max-width:700px}.footer{background:#081321;color:#aeb9c8;padding:45px 0}.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer strong{color:#fff;font-family:Georgia,serif}.reveal{opacity:0;transform:translateY(22px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){body.admin-bar .site-header{top:46px}.mobile-toggle{display:block}.menu{display:none;position:absolute;top:78px;left:0;right:0;padding:20px;background:rgba(13,27,47,.98);flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hero{background-position:66% 30%}.hero-content{padding-bottom:70px}.about-grid,.journal-grid,.oci-grid{grid-template-columns:1fr}.portrait{max-width:520px}.pillar-grid,.timeline{grid-template-columns:1fr}.pillar{border-right:0;border-bottom:1px solid var(--line);margin:0}.timeline{gap:14px}.milestone{padding-left:22px}.milestone:before{left:0}.footer-row{display:block}.section{padding:80px 0}}
@media(max-width:600px){.wrap{width:min(calc(100% - 28px),var(--max))}.brand small{display:none}.hero{background-position:64% 24%}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,14,28,.22) 0%,rgba(5,14,28,.15) 35%,rgba(5,14,28,.92) 75%,rgba(5,14,28,.98) 100%);z-index:1}.hero h1{font-size:clamp(3.3rem,18vw,5.2rem)}.actions{display:grid}.btn{width:100%}.section-title{font-size:2.6rem}.quote{padding:85px 0}.fb-shell{padding:8px;overflow:hidden}}