:root{--navy:#07111e;--gold:#d3aa5c;--cream:#f5f0e7;--ink:#17202a;--muted:#6f7884;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#07111e;color:#fff}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1180px,90vw);margin:auto}
.site-header{position:fixed;inset:0 0 auto 0;height:78px;z-index:100;display:flex;align-items:center;padding:0 4.6vw;background:linear-gradient(to bottom,rgba(5,12,22,.97),rgba(5,12,22,.72));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
.brand{display:flex;gap:10px;align-items:baseline}.brand-main{font:700 29px/1 "Cormorant Garamond",serif;letter-spacing:.06em}.brand-sub{font:600 18px/1 "Cormorant Garamond",serif;color:#dfd2b9}.nav{margin-left:auto;display:flex;gap:26px}.nav a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:30px 0;position:relative;opacity:.86}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:15px;height:2px;background:var(--gold);transition:.25s}.nav a:hover:after,.nav a.active:after{right:0}.nav a.active{color:#f8e6ba}
.menu-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:4px}.menu-toggle span{width:18px;height:1px;background:#fff}
.hero{position:relative;min-height:100vh;padding:106px 5vw 34px;overflow:hidden;isolation:isolate;display:flex;align-items:end}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 22%,rgba(229,183,93,.16),transparent 24%),linear-gradient(115deg,#07111e 0%,#0e1928 46%,#161116 100%);z-index:-6}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,15,.98) 0%,rgba(4,9,16,.9) 36%,rgba(4,9,16,.22) 63%,rgba(4,9,16,.55) 100%),linear-gradient(to top,rgba(4,9,15,.9),transparent 34%);z-index:-2}
.hero-mountain{position:absolute;inset:11% 20% 0 42%;background:linear-gradient(to top,rgba(17,47,37,.40),transparent 50%);clip-path:polygon(0 40%,10% 34%,20% 38%,31% 26%,43% 29%,58% 16%,72% 24%,84% 12%,100% 19%,100% 100%,0 100%);z-index:-5}.hero-flag{position:absolute;right:-1%;top:0;width:25%;height:100%;background:linear-gradient(to bottom,#b31428 0 49%,#f4f4f4 49%);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%,22% 76%,8% 46%);z-index:-3}.hero-wave{position:absolute;left:0;right:0;bottom:0;height:21%;background:linear-gradient(90deg,#720a16,#c21930 31%,#ededed 47%,#ededed 58%,#aa1023 76%,#6c0913);clip-path:polygon(0 43%,18% 57%,36% 41%,53% 59%,73% 43%,100% 58%,100% 100%,0 100%);z-index:-1}
.hero-grid{width:100%;display:grid;grid-template-columns:minmax(360px,560px) 1fr;gap:16px;align-items:end}.eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.28em;color:#d9d9d9;margin-bottom:25px}.eyebrow i{width:48px;height:1px;background:var(--gold)}.hero h1{margin:0;font:700 clamp(62px,7.7vw,108px)/.79 "Cormorant Garamond",serif;background:linear-gradient(100deg,#fff,#f4dfad 58%,#c8923a);-webkit-background-clip:text;color:transparent}.hero h1 span{display:block;font-size:.55em;margin-top:17px}.flagline{display:flex;width:295px;height:6px;margin:26px 0 20px;overflow:hidden}.flagline b{width:50%}.flagline .r{background:#db1e34}.flagline .w{background:#fff}.hero h2{font-weight:300;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(26px,3vw,42px);margin:0 0 13px}.hero .intro{color:#c9d0d8;line-height:1.72;font-size:17px;max-width:540px}.actions{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.btn{min-height:50px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.btn.gold{background:linear-gradient(135deg,#9a6d31,#e1bd73);color:#111}.btn.outline{border:1px solid rgba(255,255,255,.25)}
.hero-points{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-points div{padding:16px 13px;border-right:1px solid var(--line)}.hero-points strong{display:block;font-size:11px;color:#f3dfaf}.hero-points small{color:#b6c0ca}.hero-photo{display:flex;align-items:flex-end;justify-content:center}.hero-photo img{width:min(57vw,900px);max-height:78vh;object-fit:contain;filter:saturate(.94) contrast(1.04) brightness(.9);-webkit-mask-image:linear-gradient(to left,#000 73%,rgba(0,0,0,.96) 84%,transparent 100%);mask-image:linear-gradient(to left,#000 73%,rgba(0,0,0,.96) 84%,transparent 100%)}
.page-hero{padding:150px 0 78px;background:linear-gradient(125deg,#07111e,#111c2b 65%,#171117)}.page-hero .kicker,.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.22em;font-weight:800;color:#c69c51}.page-hero h1,.section h2{font:700 clamp(44px,6vw,74px)/.96 "Cormorant Garamond",serif;margin:0}.page-hero p{max-width:760px;color:#c2cad3;font-size:18px;line-height:1.75}.section{padding:92px 0}.light{background:var(--cream);color:var(--ink)}.dark{background:#0a1421}.grid2{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.copy{font-size:17px;line-height:1.85}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.card{border:1px solid rgba(255,255,255,.1);padding:28px;border-radius:16px;background:rgba(255,255,255,.03)}.light .card{background:#fff;color:var(--ink);border-color:rgba(20,30,40,.1)}.card .num{font:700 30px/1 "Cormorant Garamond",serif;color:var(--gold)}.card p{color:#acb5bf;line-height:1.65}.light .card p{color:#66717d}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.17)}.timeline-item{position:relative;padding:0 0 34px 58px}.timeline-item:before{content:"";position:absolute;left:12px;top:5px;width:14px;height:14px;border-radius:50%;background:var(--gold)}.timeline-item p{color:#adb7c1}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article{border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.025)}.article .thumb{aspect-ratio:16/9;background:linear-gradient(145deg,#1b2e43,#39251e);display:flex;align-items:end;padding:18px}.article .body{padding:22px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-item{position:relative;overflow:hidden;border-radius:14px;min-height:260px;background:#d8d0c4}.gallery-item img{width:100%;height:100%;object-fit:cover}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form .full{grid-column:1/-1}.form input,.form textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;border-radius:12px;padding:15px 16px}.form textarea{min-height:150px}.contact-box{display:grid;gap:14px}.contact-item{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025)}footer{padding:28px 5vw;background:#050b11;color:#8f98a4;display:flex;justify-content:space-between;font-size:12px}.reveal{opacity:0;transform:translateY(18px);transition:.65s}.reveal.show{opacity:1;transform:none}
@media(max-width:1050px){.nav{display:none}.menu-toggle{display:flex}.nav.open{position:absolute;top:78px;left:0;right:0;display:flex;flex-direction:column;background:#07111e;padding:10px 22px 24px}.nav.open a{padding:14px 4px}.hero-grid{grid-template-columns:1fr}.hero-photo img{width:min(100%,760px);max-height:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000)}.grid2{grid-template-columns:1fr}.cards,.article-grid,.gallery{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.site-header{height:72px;padding:0 18px}.brand-main{font-size:24px}.brand-sub{font-size:15px}.hero{padding:95px 18px 0;min-height:auto}.hero h1{font-size:clamp(54px,16vw,76px)}.hero h2{font-size:24px}.hero .intro{font-size:15px}.hero-points{grid-template-columns:1fr}.actions{display:grid;grid-template-columns:1fr 1fr}.page-hero{padding:126px 0 62px}.section{padding:68px 0}.cards,.article-grid,.gallery,.form{grid-template-columns:1fr}.form .full{grid-column:auto}footer{flex-direction:column;gap:10px}}

/* ===== V2 content components ===== */
.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}
.section-head p{max-width:600px;color:#aeb7c0;line-height:1.7;margin:0}
.light .section-head p{color:#66717d}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.feature-box{padding:20px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025)}
.light .feature-box{background:#fff;border-color:rgba(20,30,40,.09)}
.feature-box strong{display:block;font:700 25px/1 "Cormorant Garamond",serif;color:var(--gold)}
.feature-box span{display:block;margin-top:8px;font-size:12px;line-height:1.55;color:#aeb7c0}
.light .feature-box span{color:#69727e}
.quote{margin:0;padding:26px 28px;border-left:3px solid var(--gold);background:rgba(255,255,255,.035);border-radius:0 14px 14px 0;font:600 28px/1.35 "Cormorant Garamond",serif;color:#f6e7c2}
.light .quote{background:#fff;color:#433722;box-shadow:0 14px 35px rgba(30,30,30,.07)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tag{font-size:11px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#cbd3dc}
.light .tag{border-color:rgba(20,30,40,.11);color:#606b77}
.list-clean{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.list-clean li{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.09);line-height:1.65}
.light .list-clean li{border-color:rgba(20,30,40,.08)}
.list-clean small{display:block;color:#b89659;margin-bottom:4px;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
.media-card{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025)}
.media-card .visual{aspect-ratio:16/10;background:
radial-gradient(circle at 70% 20%,rgba(227,184,95,.28),transparent 28%),
linear-gradient(145deg,#162a40,#2a1a20 70%,#671221);position:relative}
.media-card .visual:after{content:"KRISTIANTO";position:absolute;left:18px;bottom:16px;font:700 28px/1 "Cormorant Garamond",serif;letter-spacing:.08em;color:rgba(255,255,255,.85)}
.media-card .body{padding:20px}
.media-card .body p{color:#aeb7c0;font-size:14px;line-height:1.65}
.light .media-card{background:#fff;border-color:rgba(20,30,40,.08)}
.light .media-card .body p{color:#66717d}
.agenda{display:grid;gap:12px}
.agenda-item{display:grid;grid-template-columns:78px 1fr auto;gap:18px;align-items:center;padding:16px 18px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.02)}
.agenda-date{text-align:center;border-right:1px solid rgba(255,255,255,.10);padding-right:16px}
.agenda-date strong{display:block;font:700 28px/1 "Cormorant Garamond",serif;color:#f0d08a}.agenda-date span{font-size:10px;letter-spacing:.15em;color:#9ba5b0}
.agenda-item h3{margin:0 0 5px;font-size:17px}.agenda-item p{margin:0;color:#aeb7c0;font-size:13px;line-height:1.5}.agenda-item em{font-style:normal;color:#d3aa5c;font-size:12px}
.article .thumb{color:#f3dfaf;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.article-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#9aa4af;margin-bottom:10px}
.article-body{max-width:850px;margin:auto;font-size:18px;line-height:1.9}
.article-body h2{font-size:34px;margin:34px 0 12px}.article-body p{margin:0 0 20px}
.article-body .lead{font-size:21px;color:#384451}
.article-body figure{margin:30px 0}.article-body figure img{border-radius:16px}.article-body figcaption{font-size:12px;color:#7d8791;margin-top:8px}
.socials{display:flex;gap:10px;flex-wrap:wrap}.socials a{padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:12px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;width:100%}.footer-grid strong{color:#fff}.footer-grid p,.footer-grid a{color:#8f98a4;line-height:1.6}
footer{align-items:start}
@media(max-width:900px){.feature-strip{grid-template-columns:1fr 1fr}.agenda-item{grid-template-columns:68px 1fr}.agenda-item em{grid-column:2}.footer-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}}
@media(max-width:600px){.feature-strip{grid-template-columns:1fr}.quote{font-size:23px}.agenda-item{grid-template-columns:58px 1fr;gap:12px;padding:14px}.agenda-date strong{font-size:23px}}