:root{--bg:#fff;--surface:#f4f5f7;--ink:#0a0a0a;--mute:#666b73;--gold:#9a7632;--line:#e3e5e8;--hero1:#000;--hero2:#14171c;--hero-ink:#fff;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0a0a0a;--surface:#141517;--ink:#f2f2f2;--mute:#9a9ea6;--gold:#d4b06a;--line:#2a2d32;--hero1:#000;--hero2:#14171c;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0a0a0a;--surface:#141517;--ink:#f2f2f2;--mute:#9a9ea6;--gold:#d4b06a;--line:#2a2d32;--hero1:#000;--hero2:#14171c;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:calc(80px + env(safe-area-inset-top,0px))}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:300 16px/1.7 Inter,system-ui,sans-serif}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.1;margin:0}
a{color:inherit;text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
section{padding:96px 0}
h2{font-size:clamp(34px,5vw,52px);margin-bottom:20px}
.lead{color:var(--mute);max-width:560px}
nav{position:fixed;top:0;left:0;right:0;z-index:20;padding:calc(12px + env(safe-area-inset-top,0px)) 0 12px;background:linear-gradient(#000a,transparent);color:#fff}
nav .wrap{display:flex;justify-content:space-between;align-items:center}
.logo{font-family:'Cormorant Garamond',serif;font-size:24px;letter-spacing:.14em;text-transform:uppercase}
.logo img{height:60px;width:auto;display:block}.flogo{height:96px;width:auto;margin-bottom:12px}
nav a.cta{border:1px solid #d4b06a;padding:9px 22px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;transition:.3s}
nav a.cta:hover{background:#1565d8;border-color:#1565d8;color:#fff}
.hero{min-height:100vh;display:flex;align-items:center;background:radial-gradient(ellipse at 75% 20%,var(--hero2),var(--hero1) 70%);color:var(--hero-ink);position:relative;overflow:hidden;padding:120px 0 80px}
.hero h1{font-size:clamp(44px,8vw,96px);max-width:860px}
.hero h1 em{color:#d4b06a;font-style:italic}
.hero p{max-width:520px;color:#b5b8bd;margin:28px 0 40px}
.hero .eyebrow{color:#d4b06a}
.btn{display:inline-block;background:#1565d8;color:#fff;padding:16px 36px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;border:0;cursor:pointer;font-family:inherit;transition:transform .3s,box-shadow .3s}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px -10px #1565d899}
.ghost{margin-left:20px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid #d4b06a;padding-bottom:4px}
.orb{position:absolute;right:-120px;top:12%;width:520px;height:520px;border-radius:50%;border:1px solid #d4b06a55;animation:spin 40s linear infinite}
.orb::before,.orb::after{content:"";position:absolute;inset:50px;border-radius:50%;border:1px solid #d4b06a33}
.orb::after{inset:110px;border-color:#d4b06a22;animation:pulse 6s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{50%{transform:scale(1.12);opacity:.4}}
.rise{opacity:0;transform:translateY(24px);animation:up 1.1s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes up{to{opacity:1;transform:none}}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 0;text-align:center}
.stats b{display:block;font:500 clamp(38px,5vw,56px)/1 'Cormorant Garamond',serif;color:var(--gold)}
.stats span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:48px}
.card{background:var(--surface);border:1px solid var(--line);padding:36px 28px;position:relative;overflow:hidden;transition:transform .5s,border-color .5s}
.card::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--gold);transition:width .6s}
.card:hover{transform:translateY(-6px);border-color:var(--gold)}.card:hover::after{width:100%}
.card h3{font-size:28px;margin-bottom:10px}.card p{color:var(--mute);margin:0;font-size:15px}
.card small{display:block;margin-top:18px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.alt{background:var(--surface)}.alt .card{background:var(--bg)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.list{list-style:none;padding:0;margin:0}
.list li{padding:18px 0;border-bottom:1px solid var(--line);display:flex;gap:18px}
.list li span{font:500 22px 'Cormorant Garamond',serif;color:var(--gold)}
details{border-bottom:1px solid var(--line);padding:20px 0}
summary{cursor:pointer;font:500 24px 'Cormorant Garamond',serif;list-style:none;display:flex;justify-content:space-between}
summary::after{content:"+";color:var(--gold);transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--mute);margin:12px 0 0;max-width:640px}
form{display:grid;gap:18px}
label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
input,select{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);padding:10px 0;font:300 16px Inter,sans-serif;outline:0;transition:border-color .3s;border-radius:0}
input:focus,select:focus{border-color:var(--gold)}
select option{background:var(--bg);color:var(--ink)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.msg{min-height:24px;font-size:14px;color:var(--gold)}
.consent{font-size:12px;color:var(--mute)}
footer{background:var(--hero1);color:#b5b8bd;padding:56px 0 40px;font-size:14px}

.rv{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s}.rv.in{opacity:1;transform:none}
.wa{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:30;background:#1565d8;color:#fff;padding:13px 22px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 10px 30px #0006}
.proj{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:48px}
.pc{position:relative;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(180deg,var(--a),var(--b));color:#fff;outline:0;border:1px solid var(--line)}
.pc svg{position:absolute;inset:0;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.pc:hover svg,.pc:focus-within svg{transform:scale(1.07)}
.pc .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 24px;background:linear-gradient(transparent,#000a);transition:opacity .4s}
.pc .cap h3{font-size:28px}.pc .cap span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#e6c98a}
.pc .ov{position:absolute;inset:0;padding:28px 24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(transparent 10%,#000ee 70%);transform:translateY(101%);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pc:hover .ov,.pc:focus-within .ov{transform:none}
.pc:hover .cap,.pc:focus-within .cap{opacity:0}
.ov h3{font-size:28px;margin-bottom:6px}.ov p{font-size:14px;color:#cfd2d6;margin:0 0 14px}
.ov dl{display:flex;gap:22px;margin:0 0 18px;font-size:12px;letter-spacing:.08em;color:#e6c98a}.ov dt{opacity:.7;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#cfd2d6}.ov dd{margin:0}
.ov a{align-self:flex-start;font-size:11px;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid #d4b06a;padding-bottom:3px;color:#fff}
.note{font-size:12px;color:var(--mute);margin-top:20px}
nav{transition:background .4s,backdrop-filter .4s}nav.s{background:#000d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.nr{display:flex;align-items:center;gap:30px}
.nr a:not(.cta){font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#fffc;transition:color .3s;display:flex;align-items:center}
.nr a:not(.cta):hover{color:#d4b06a}.nr svg{width:19px;height:19px}
.mb{display:none;background:0;border:1px solid #d4b06a88;color:#fff;width:42px;height:38px;cursor:pointer}
.card details{border:0;padding:14px 0 0}.card summary{font:500 11px Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.card summary::after{content:"\2192";margin-left:10px;transition:none}.card details[open] summary::after{transform:none;content:"\2191"}
.card details p{margin-top:12px}
.fd{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:56px;margin-top:48px}
.fd div.f{text-align:center}
.av{width:132px;height:132px;border-radius:50%;margin:0 auto 24px;display:grid;place-items:center;border:1px solid var(--gold);font:500 56px 'Cormorant Garamond',serif;color:var(--gold);background:var(--bg);box-shadow:0 0 0 8px var(--surface),0 0 0 9px var(--line)}
.fd h3{font-size:30px}.fd .role{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:6px 0 14px}
.fd p{color:var(--mute);font-size:15px;margin:0 auto;max-width:400px}
@media(max-width:800px){.mb{display:block}.nr{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:22px;padding:24px;background:#000f}.nr.open{display:flex}}
@media(hover:none){.pc .cap::after{content:"Tap for details";display:block;margin-top:6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fffb}.pc.open .ov{transform:none}.pc.open .cap{opacity:0}.pc.open svg{transform:scale(1.05)}}
@media(max-width:800px){.split,.row{grid-template-columns:1fr;gap:32px}section{padding:72px 0}.orb{width:340px;height:340px;right:-140px}.ghost{display:block;margin:24px 0 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rise,.rv{opacity:1;transform:none}}
.more{display:inline-block;margin-top:18px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:3px}
.card h3 a:hover{color:var(--gold)}
.bh{padding:150px 0 40px}.bh h1{font-size:clamp(40px,6vw,64px);margin-bottom:18px}
.post{padding:140px 0 40px;max-width:760px;margin:0 auto}
.post h1{font-size:clamp(36px,6vw,58px);margin-bottom:18px}
.meta{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:36px}
.pb h2{font-size:34px;margin:44px 0 14px}.pb p,.pb li{font-size:17px;line-height:1.85}
.pb ul,.pb ol{padding-left:22px}.pb a{color:var(--gold);border-bottom:1px solid currentColor}.pb img{max-width:100%;height:auto}
.cta-box{margin:56px 0 80px;padding:40px;background:var(--surface);border:1px solid var(--line);text-align:center}
.cta-box h3{font-size:32px;margin-bottom:10px}.cta-box p{color:var(--mute);margin:0 0 24px}
.pg{display:flex;gap:24px;justify-content:center;margin:48px 0;font-size:13px;letter-spacing:.14em;text-transform:uppercase}

.wa svg{width:18px;height:18px;margin-right:10px;vertical-align:-4px}
.soc{display:flex;gap:26px;flex-wrap:wrap;margin:18px 0 0}.soc a{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#fffc;border-bottom:1px solid #d4b06a66;padding-bottom:3px;transition:color .3s}.soc a:hover{color:#d4b06a}

html{-webkit-text-size-adjust:100%}html,body{overflow-x:clip}
a,button,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.hero{min-height:100svh}
.ghost{text-align:center}
@media(max-width:560px){
.wrap{padding:0 20px}
.hero{padding:110px 0 64px}
.hero p{margin:22px 0 32px}
.btn{display:block;width:100%;text-align:center;padding:17px 20px}
.ghost{display:block;width:fit-content;margin:24px auto 0}
.logo img{height:48px}
.stats{grid-template-columns:1fr 1fr;gap:28px 12px;padding:36px 0}
.grid,.proj{grid-template-columns:1fr}
.card{padding:28px 22px}
.nr a:not(.cta){font-size:13px;padding:6px 0}
.nr .cta{align-self:stretch;text-align:center;padding:14px}
.cta-box{padding:28px 20px}
summary{font-size:21px}
.soc{gap:18px}
footer{padding-bottom:96px}
.wa{right:14px}
.eyebrow{font-size:11px;letter-spacing:.2em}.wa{padding:16px;border-radius:50%;line-height:0}.wa span{display:none}.wa svg{margin:0;width:22px;height:22px;vertical-align:0}
}
.aff{margin-top:28px;padding:18px 22px;border-left:2px solid var(--gold);background:var(--bg)}.aff b{display:block;font:500 24px "Cormorant Garamond",serif}.aff span{color:var(--mute);font-size:14px}
.ph{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);transition:border-color .3s}.ph:focus-within{border-color:var(--gold)}
.ph span{color:var(--mute)}.ph input{border:0;flex:1;min-width:0}
.vb{background:0;border:1px solid var(--gold);color:var(--gold);padding:8px 14px;margin:4px 0;font:500 11px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.vb:disabled{opacity:.6;cursor:default}
.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}
#otph{margin-top:8px}
