@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500;600&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Parisienne&display=swap');

/* ============================== TOKENS ============================== */
:root{
  --purple:#200838;
  --purple-2:#2E1247;
  --purple-3:#3A1C57;
  --purple-soft:#5B4A73;
  --stone:#ECEAF0;
  --stone-2:#E3DFEA;
  --cream:#F6F4F9;
  --white:#FFFFFF;
  --ink:#1A1226;
  --muted:#6B6478;
  --muted-2:#928BA0;
  --gold:#B8862F;
  --gold-lt:#E7C66B;
  --gold-dk:#8A6320;
  --line:rgba(32,8,56,.12);
  --line-light:rgba(255,255,255,.14);
  --shadow:0 24px 60px -28px rgba(32,8,56,.45);
  --gold-grad:linear-gradient(100deg,var(--gold-dk),var(--gold-lt) 45%,var(--gold) 72%,var(--gold-dk));
  --nav-h:114px;
  --maxw:1200px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ============================== RESET ============================== */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Jost',system-ui,sans-serif;
  color:var(--ink);
  background:var(--stone);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}
ul{list-style:none}

/* ============================== HELPERS ============================== */
.serif{font-family:'Cormorant Garamond',Georgia,serif}
.script{font-family:'Parisienne',cursive}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.track{letter-spacing:.34em}
.track-sm{letter-spacing:.2em}
.gold-text{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.tri{clip-path:polygon(0 0,100% 0,50% 100%)}
.eyebrow{font-size:14px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-dk);font-weight:500}
.script-eyebrow{font-family:'Parisienne',cursive;text-transform:none;letter-spacing:normal;font-size:clamp(32px,3.6vw,46px);line-height:1.2;color:var(--gold-dk);display:inline-block;padding:.06em .04em .12em}
.eyebrow.on-dark{color:var(--gold-lt)}
.hairline{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7}

/* keystone divider */
.keystone{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--gold)}
.keystone::before,.keystone::after{content:"";height:1px;width:60px;background:linear-gradient(90deg,transparent,var(--gold))}
.keystone::after{transform:scaleX(-1)}
.keystone i{display:block;width:54px;height:20px;background:url('../logo/bullet.png') center/contain no-repeat}

/* ============================== BUTTONS ============================== */
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;border-radius:2px;transition:.35s var(--ease)}
.btn-gold{background:var(--gold-grad);color:#1A1226;background-size:160% 100%}
.btn-gold:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 16px 34px -16px rgba(184,134,47,.7)}
.btn-ghost{border:1px solid var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-dk)}
.btn-ghost.on-dark{border-color:var(--line-light);color:#fff}
.btn-ghost.on-dark:hover{border-color:var(--gold-lt);color:var(--gold-lt)}
.link-gold{display:inline-flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dk);font-weight:500;border-bottom:1px solid var(--gold);padding-bottom:4px;transition:.3s}
.link-gold:hover{gap:14px}
.on-dark .link-gold,.link-gold.on-dark{color:var(--gold-lt)}

/* ============================== RIBBON ============================== */
.ribbon{background:var(--purple);color:#fff;text-align:center;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;padding:9px 16px;font-weight:300}
.ribbon b{color:var(--gold-lt);font-weight:400}

/* ============================== NAVBAR ============================== */
.nav{position:sticky;top:0;z-index:60;height:var(--nav-h);display:flex;align-items:center;
  margin-bottom:calc(var(--nav-h) * -1);
  background:transparent;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border-bottom:1px solid transparent;transition:.4s var(--ease)}
/* scrolled = transparent toolbar (logo swaps to compact emblem) */
.nav.scrolled{background:transparent;border-bottom-color:transparent;box-shadow:none;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.nav .wrap{transition:padding .45s var(--ease)}
/* adaptive: when the transparent toolbar sits over a dark section, flip to light */
.nav.over-dark .nav-logo .logo-scr{filter:brightness(0) invert(1)}
.nav.over-dark .menu-btn{color:#fff}
.nav.over-dark .menu-btn .bars span{background:#fff}
.nav.over-dark .menu-btn:hover .bars span{background:var(--gold-lt)}
.nav.over-dark .lang button{color:rgba(255,255,255,.7)}
.nav.over-dark .lang button.active{color:var(--gold-lt);border-bottom-color:var(--gold-lt)}
.nav.over-dark .lang .sep{color:rgba(255,255,255,.4)}
.nav .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}
.nav-left{justify-self:start}
.nav-center{justify-self:center}
.nav-right{justify-self:end;display:flex;align-items:center;gap:18px}
.nav-logo{display:inline-block;line-height:0;position:relative;transition:transform .45s var(--ease)}
.nav-logo img{width:auto;display:block;transition:opacity .5s var(--ease),height .45s var(--ease)}
.nav-logo .logo-top{height:92px}
.nav-logo .logo-scr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:92px;opacity:0}
.nav.scrolled .nav-logo .logo-top{opacity:0}
.nav.scrolled .nav-logo .logo-scr{opacity:1}
.nav-logo:hover{transform:scale(1.04)}
@keyframes logoIn{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}
.nav-logo{animation:logoIn .7s var(--ease) both}
.menu-btn{display:inline-flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);font-weight:500}
.menu-btn .bars{display:flex;flex-direction:column;gap:4px}
.menu-btn .bars span{width:24px;height:1.5px;background:var(--ink);transition:.3s}
.menu-btn:hover .bars span{background:var(--gold-dk)}
.lang{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.12em;font-weight:500;color:var(--muted)}
.lang button{padding:3px 2px;color:var(--muted);transition:.25s;border-bottom:1.5px solid transparent}
.lang button.active{color:var(--gold-dk);border-bottom-color:var(--gold)}
.lang .sep{opacity:.4}

/* ============================== OVERLAY MENU ============================== */
.overlay{position:fixed;inset:0;z-index:100;background:var(--stone);
  transform:translateY(-100%);transition:transform .6s var(--ease);
  display:flex;flex-direction:column;overflow-y:auto}
.overlay.open{transform:translateY(0)}
.overlay-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.06}
.overlay-watermark img{width:min(64vw,560px)}
.overlay-top{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 28px;border-bottom:1px solid var(--line)}
.overlay-top .close{justify-self:start;font-size:13px;letter-spacing:.2em;text-transform:uppercase;display:inline-flex;gap:10px;align-items:center;color:var(--ink)}
.overlay-top .close:hover{color:var(--gold-dk)}
.overlay-top .o-logo{justify-self:center}
.overlay-top .o-logo img{height:52px}
.overlay-top .o-lang{justify-self:end}
.overlay-nav{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:40px 20px;text-align:center}
.overlay-nav a{font-size:clamp(26px,4vw,40px);letter-spacing:.12em;text-transform:uppercase;color:var(--purple);font-weight:300;padding:6px 14px;transition:.3s;position:relative}
.overlay-nav a .plus{color:var(--gold);font-weight:400;margin-left:6px}
.overlay-nav a:hover{letter-spacing:.18em;color:var(--gold-dk)}
.overlay-nav a.is-vision{font-size:clamp(40px,6vw,68px);letter-spacing:normal;text-transform:none;font-weight:400;line-height:1}
.overlay-nav a.is-vision .vlabel{background:var(--gold-grad);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:visionShimmer 3.8s ease-in-out infinite}
@keyframes visionShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.overlay-secondary{margin-top:34px;display:flex;gap:8px 16px;align-items:center;flex-wrap:wrap;justify-content:center}
.overlay-secondary a{font-size:24px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:400;padding:2px}
.overlay-secondary a:hover{letter-spacing:.18em;color:var(--gold-dk)}
.overlay-secondary .dot{color:var(--muted-2);opacity:.6}
.overlay-foot{position:relative;z-index:2;background:var(--purple);color:#fff;text-align:center;padding:26px}
.overlay-foot .mono{height:46px;margin:0 auto 10px;opacity:.9}
.overlay-foot .ov-bullet{width:52px;height:auto;display:block;margin:0 auto 14px;opacity:.82}
.overlay-foot a{font-size:20px;letter-spacing:.2em;text-transform:uppercase}
.overlay-foot a:hover{color:var(--gold-lt)}
body.menu-open{overflow:hidden}

/* ============================== HERO ============================== */
.hero{position:relative;overflow:hidden;color:#fff;background:
  radial-gradient(46% 48% at 80% 46%, rgba(231,198,107,.12) 0%, transparent 60%),
  radial-gradient(95% 85% at 50% 22%, #3A1C57 0%, #261142 46%, #170828 100%);
  padding:calc(var(--nav-h) + clamp(24px,5vw,52px)) 0 clamp(72px,10vw,128px)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  box-shadow:inset 0 -80px 80px -60px rgba(10,2,20,.6)}
.hero .wrap{position:relative;z-index:3;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.hero-kicker{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(20px,2.4vw,28px);color:var(--gold-lt);margin-bottom:20px;display:flex;align-items:center;gap:16px}
.hero-kicker::before{content:"";width:46px;height:1px;background:linear-gradient(90deg,var(--gold-lt),transparent);flex:0 0 auto}
.hero h1{font-weight:200;line-height:.9;letter-spacing:.05em}
.hero h1 span{display:block;font-size:clamp(46px,9vw,116px);color:#fff}
.hero h1 .tri-mark{font-size:clamp(30px,5vw,64px);margin:2px 0;line-height:1}
.hero-sub{font-family:'Cormorant Garamond',serif;font-size:clamp(19px,2vw,25px);color:rgba(255,255,255,.82);max-width:34ch;margin:30px 0 0;line-height:1.45}
.hero-cta{margin-top:38px;display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.hero-coin{position:relative;justify-self:center;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.hero-coin img{width:clamp(124px,15vw,182px);filter:drop-shadow(0 22px 40px rgba(184,134,47,.42))}
.hero-coin .c2{animation-delay:-2.4s}
.coin-float{animation:float 8s var(--ease) infinite}
@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-18px) rotate(3deg)}}
.hero-coin .halo{position:absolute;inset:-12% ;border-radius:50%;
  background:radial-gradient(circle,rgba(231,198,107,.28),transparent 62%);z-index:-1}
/* ambient coins */
.ambient{position:absolute;z-index:1;opacity:.16;filter:saturate(.85)}
.ambient.a1{width:150px;top:8%;left:-30px;animation:float 11s var(--ease) infinite}
.ambient.a2{width:110px;bottom:6%;right:6%;animation:float 13s var(--ease) infinite reverse}
/* scroll cue */
.hero .link-gold{color:var(--gold-lt);border-bottom-color:var(--gold-lt)}
.hero-scroll{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:10px;color:rgba(255,255,255,.6)}
.hero-scroll span{font-size:10px;letter-spacing:.32em;text-transform:uppercase}
.hero-scroll .line{width:1px;height:42px;background:linear-gradient(180deg,var(--gold),transparent);animation:scrollLine 2.2s var(--ease) infinite}
@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media(max-width:980px){.hero-scroll{display:none}}

/* ============================== STATS BAR ============================== */
.stats{background:var(--purple);color:#fff}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:42px 28px}
.stat{text-align:center;position:relative}
.stat+.stat::before{content:"";position:absolute;left:-12px;top:10%;height:80%;width:1px;background:var(--line-light)}
.stat .n{font-size:clamp(30px,3.4vw,44px);font-weight:300;color:var(--gold-lt);line-height:1}
.stat .l{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:10px}

/* ============================== SECTIONS ============================== */
section{position:relative}
.sec{padding:clamp(64px,9vw,112px) 0}
.sec-head{max-width:760px;margin:0 auto 56px;text-align:center}
.sec-head .eyebrow{display:block;margin-bottom:16px}
.sec-head h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(30px,4.4vw,52px);line-height:1.06;color:var(--purple)}
.sec-head p{color:var(--muted);font-size:18px;margin-top:18px;line-height:1.65}
.sec.dark{background:linear-gradient(180deg,var(--purple),var(--purple-2));color:#fff}
.sec.dark .sec-head h2{color:#fff}
.sec.dark .sec-head p{color:rgba(255,255,255,.72)}

/* ============================== SERVICE CARDS ============================== */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc{position:relative;background:var(--white);border:1px solid var(--line);border-radius:4px;padding:40px 32px 34px;overflow:hidden;transition:.4s var(--ease)}
.svc::after{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--gold-grad);transform:scaleX(0);transform-origin:left;transition:.45s var(--ease)}
.svc:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.svc:hover::after{transform:scaleX(1)}
.svc .num{font-size:12px;letter-spacing:.3em;color:var(--gold-dk);font-weight:500}
.svc h3{font-size:24px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;color:var(--purple);margin:18px 0 14px}
.svc p{color:var(--muted);font-size:16.5px;line-height:1.7}
.svc .more{margin-top:22px}
.svc.is-vision{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--purple),var(--purple-3));border-color:transparent;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.svc.is-vision .vcoin{width:104px;margin:0 auto 14px;filter:drop-shadow(0 16px 30px rgba(184,134,47,.55));animation:fluid 7s ease-in-out infinite}
.svc.is-vision .vtitle{font-family:'Parisienne',cursive;font-size:58px;line-height:1;margin-bottom:14px}
.svc.is-vision p{color:rgba(255,255,255,.8)}
.svc.is-vision::after{display:none}
@keyframes fluid{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-13px) rotate(4deg)}}

/* ============================== BRIDGE ============================== */
.bridge{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.bridge .copy h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(28px,3.6vw,44px);color:var(--purple);line-height:1.1;margin-bottom:22px}
.bridge .copy p{color:var(--muted);margin-bottom:16px;font-size:17.5px;line-height:1.75}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.pillar{text-align:center;padding:22px 12px;border:1px solid var(--line);border-radius:4px;background:var(--cream)}
.pillar .pi{width:50px;height:19px;margin:0 auto 14px;background:url('../logo/bullet.png') center/contain no-repeat}
.pillar h4{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--purple);font-weight:500}
.pillar p{font-size:15px;color:var(--muted);margin-top:6px;line-height:1.6}
/* mission coin group (4 overlapping coins, each drifting subtly) */
.coin-group{display:flex;align-items:center;justify-content:center;min-height:clamp(220px,26vw,360px)}
.coin-group .cg{flex:0 0 auto;width:clamp(86px,13vw,176px);margin-left:-32px;
  filter:drop-shadow(0 16px 30px rgba(184,134,47,.4));animation:coinDrift 8s ease-in-out infinite;will-change:transform}
.coin-group .cg1{margin-left:0;z-index:1;animation-delay:0s}
.coin-group .cg2{z-index:2;align-self:flex-start;margin-top:4%;animation-delay:-1.6s}
.coin-group .cg3{z-index:3;animation-delay:-3.2s}
.coin-group .cg4{z-index:4;animation-delay:-4.8s}
@keyframes coinDrift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-11px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.coin-group .cg{animation:none}}
.bridge .coins{position:relative;min-height:380px}
.bridge .coins img{position:absolute;filter:drop-shadow(0 18px 30px rgba(184,134,47,.4))}
.bridge .coins .c-a{width:60%;top:0;left:6%;animation:float 9s var(--ease) infinite}
.bridge .coins .c-b{width:52%;bottom:4%;right:4%;animation:float 11s var(--ease) infinite reverse}
.bridge .coins .ring{position:absolute;inset:8%;border:1px solid var(--gold);border-radius:50%;opacity:.4}

/* ============================== QUOTE ============================== */
.quote{text-align:center;max-width:880px;margin:0 auto}
.quote p{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(24px,3.4vw,40px);line-height:1.3;color:#fff}
.quote .by{margin-top:24px;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-lt)}

/* ============================== FOUNDER TEASER ============================== */
.founder{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.founder .photo{position:relative}
.founder .photo .frame{aspect-ratio:4/5;border-radius:4px;overflow:hidden;background:linear-gradient(160deg,var(--purple-2),var(--purple));display:flex;align-items:center;justify-content:center}
.founder .photo .frame img{width:100%;height:100%;object-fit:cover}
.founder .photo .ph{color:var(--gold-lt);text-align:center}
.founder .photo .ph .mono{font-size:64px;font-weight:200;letter-spacing:.1em}
.founder .photo .ph small{display:block;margin-top:8px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.founder .photo .badge{position:absolute;right:-18px;bottom:-18px;width:96px}.founder .copy h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(28px,3.6vw,46px);color:var(--purple);line-height:1.08}
.founder .copy .role{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dk);margin:14px 0 18px;font-weight:500}
.founder .copy p{color:var(--muted);line-height:1.75;margin-bottom:16px;font-size:17px}

/* ============================== COMMUNITY ============================== */
.community{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--purple-3),var(--purple-2) 55%,var(--purple));color:#fff;padding:clamp(64px,9vw,112px) 0}
.community .wrap{position:relative;z-index:2;text-align:center}
.community .eyebrow{display:block;margin-bottom:20px;font-size:14px;letter-spacing:.42em}
.community h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(40px,6vw,76px);line-height:1.04;max-width:15ch;margin:0 auto 24px}
.community p{max-width:700px;margin:0 auto;color:rgba(255,255,255,.82);font-size:17.5px;line-height:1.78}
.community .holo{margin-top:clamp(44px,6vw,68px);display:flex;justify-content:center;perspective:900px}
.community .holo img{width:min(720px,96%);filter:drop-shadow(0 28px 54px rgba(120,90,200,.55));animation:floatDrift 11s ease-in-out infinite}
.community .cbtn{margin-top:44px}
@keyframes floatDrift{0%{transform:translateY(0) rotate(-1.2deg) scale(1)}25%{transform:translateY(-12px) rotate(.6deg) scale(1.012)}50%{transform:translateY(-18px) rotate(1.4deg) scale(1.02)}75%{transform:translateY(-9px) rotate(.4deg) scale(1.012)}100%{transform:translateY(0) rotate(-1.2deg) scale(1)}}

.community-holo{margin-top:36px;display:flex;justify-content:center;perspective:900px}
.community-holo img{width:min(720px,96%);filter:drop-shadow(0 26px 52px rgba(120,90,200,.45));animation:floatDrift 11s ease-in-out infinite}
.onus .btn-gold{padding:13px 26px}
/* ONUS cinema — full-width studio with Ken Burns */
@keyframes legalFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.018)}}
@keyframes kenBurns{0%{transform:scale(1) translate(0,0)}50%{transform:scale(1.06) translate(-1.2%,.6%)}100%{transform:scale(1) translate(0,0)}}
.onus-cinema{border-radius:6px;overflow:hidden;line-height:0;box-shadow:0 24px 60px -20px rgba(32,8,56,.6)}
.onus-cinema img{width:100%;height:clamp(280px,38vw,520px);object-fit:cover;filter:brightness(.88) contrast(1.05);animation:kenBurns 16s ease-in-out infinite}
/* magazine gallery */
.mag-gallery{margin-top:56px;display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:20px;align-items:stretch}
.mag-gallery .mag-cover{border-radius:4px;overflow:hidden;line-height:0;box-shadow:0 14px 40px -16px rgba(32,8,56,.25)}
.mag-gallery .mag-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.mag-gallery .mag-cover:hover img{transform:scale(1.04)}
.mag-gallery .mag-wide{border-radius:4px;overflow:hidden;line-height:0;box-shadow:0 14px 40px -16px rgba(32,8,56,.25)}
.mag-gallery .mag-wide img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.mag-gallery .mag-wide:hover img{transform:scale(1.03)}
@media(max-width:780px){.mag-gallery{grid-template-columns:1fr 1fr;}.mag-gallery .mag-wide{grid-column:span 2;max-height:260px}.mag-gallery .mag-wide img{object-position:top center}}

/* ============================== CONTACT ============================== */
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:54px;align-items:start}
.cinfo .ci-item{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--line)}
.cinfo .ci-item:last-child{border-bottom:none}
.cinfo .ci-ic{flex:0 0 auto;width:30px;height:12px;margin-top:5px;background:url('../logo/bullet.png') left center/contain no-repeat}
.cinfo .ci-k{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dk);font-weight:500;margin-bottom:6px}
.cinfo .ci-v{font-size:17px;color:var(--ink);line-height:1.6}
.cinfo .ci-v a:hover{color:var(--gold-dk)}
.cform{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:clamp(26px,4vw,40px)}
.cform .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:18px}
.field label{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-weight:500}
.field input,.field textarea{width:100%;font-family:inherit;font-size:15px;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:3px;padding:13px 15px;transition:.25s}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(184,134,47,.12)}
.field textarea{resize:vertical;min-height:130px}
.contact-map{margin-top:clamp(48px,7vw,80px);border:1px solid var(--line);border-radius:4px;overflow:hidden;line-height:0}
.contact-map iframe{width:100%;height:420px;border:0;filter:grayscale(.3) contrast(1.05)}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:560px){.cform .row{grid-template-columns:1fr}}

/* ============================== WHY ALBANIA ============================== */
.why-saga{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--purple-2),var(--purple));color:#fff;padding:clamp(84px,10vw,134px) 0 clamp(64px,9vw,116px)}
.why-saga .wm-logo{position:absolute;left:50%;top:7%;transform:translateX(-50%);width:min(70vw,680px);opacity:.07;pointer-events:none;
  filter:brightness(0) invert(1)}
.why-saga .wrap{position:relative;z-index:2}
.why-saga .saga-head{text-align:center;margin-bottom:40px}
.why-saga .saga-head .script{font-size:clamp(44px,7vw,80px);line-height:1.3;display:inline-block;padding:.14em .12em .2em;overflow:visible}
.why-saga .saga-lead{max-width:760px;margin:0 auto;text-align:center;font-family:'Cormorant Garamond',serif;font-size:clamp(18px,2vw,23px);line-height:1.65;color:rgba(255,255,255,.86)}
.saga-coins{display:flex;justify-content:center;gap:clamp(28px,6vw,90px);margin-top:54px;flex-wrap:wrap}
.saga-coin{text-align:center;max-width:240px}
.saga-coin img{width:clamp(120px,15vw,168px);margin:0 auto 18px;filter:drop-shadow(0 16px 30px rgba(184,134,47,.45))}
.saga-coin h4{font-family:'Cormorant Garamond',serif;font-size:21px;color:var(--gold-lt);font-weight:600;margin-bottom:7px}
.saga-coin p{font-size:15px;color:rgba(255,255,255,.66);line-height:1.6}

.why-gw{background:linear-gradient(180deg,var(--stone),var(--cream));padding:clamp(64px,9vw,112px) 0}
.why-gw .gw-head{max-width:780px;margin:0 auto 18px;text-align:center}
.why-gw .gw-head .eyebrow{display:block;margin-bottom:16px}
.why-gw .gw-head h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(28px,4vw,48px);line-height:1.1;color:var(--purple)}
.why-gw .gw-intro{max-width:680px;margin:0 auto 18px;text-align:center;color:var(--muted);font-size:17px;line-height:1.7}
.adv-title{text-align:center;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-dk);font-weight:500;margin:48px 0 30px}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.adv{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:30px 26px;transition:.4s var(--ease);position:relative}
.adv:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.adv .ai{width:50px;height:19px;background:url('../logo/bullet.png') left center/contain no-repeat;margin-bottom:18px}
.adv h4{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--purple);font-weight:500;margin-bottom:10px;line-height:1.3}
.adv p{color:var(--muted);font-size:15.5px;line-height:1.65}
.adv .tag{position:absolute;top:18px;right:18px;font-size:11px;letter-spacing:.12em;background:var(--gold-grad);color:#1A1226;padding:3px 9px;border-radius:2px;font-weight:500}
@media (max-width:980px){.adv-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.adv-grid{grid-template-columns:1fr}}

/* ============================== EDUCATION + PARTNERS ============================== */
.edu{margin:24px 0 28px;display:grid;gap:13px}
.edu li{display:flex;gap:13px;align-items:flex-start}
.edu li .ck{flex:0 0 auto;width:34px;height:14px;margin-top:5px;background:url('../logo/bullet.png') center/contain no-repeat}
.edu .deg{display:block;font-weight:500;color:var(--ink);font-size:14.5px;line-height:1.35}
.edu .inst{display:block;color:var(--muted);font-size:13px;margin-top:1px}
.founder .copy .lede{font-family:'Cormorant Garamond',serif;font-size:clamp(19px,2.1vw,24px);color:var(--ink);line-height:1.45;margin-bottom:16px}

.partners{margin-top:clamp(56px,7vw,84px)}
.partners-head{text-align:center;max-width:680px;margin:0 auto 36px}
.partners-head .eyebrow{display:block;margin-bottom:14px}
.partners-head h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(26px,3.4vw,40px);color:var(--purple);line-height:1.1}
.partners-head p{color:var(--muted);margin-top:14px;font-size:17px;line-height:1.65}
.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:760px;margin:0 auto}
.partner{display:block;background:var(--white);border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:.4s var(--ease)}
.partner:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.partner .pphoto{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,var(--purple-3),var(--purple))}
.partner .pphoto img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s var(--ease)}
.partner:hover .pphoto img{transform:scale(1.05)}
.partner .pphoto .pmono{color:var(--gold-lt);font-size:clamp(56px,8vw,76px);font-weight:200;letter-spacing:.08em}
.partner .pbody{padding:24px 28px 28px}
.partner .ploc .lbul{flex:0 0 auto;width:28px;height:11px;background:url('../logo/bullet.png') center/contain no-repeat}
.partner h4{font-size:20px;color:var(--purple);font-weight:500;line-height:1.2}
.partner .prole{font-size:12px;color:var(--gold-dk);letter-spacing:.08em;text-transform:uppercase;margin:6px 0 4px;font-weight:500}
.partner .ploc{font-size:13.5px;color:var(--muted);display:flex;align-items:center;gap:6px}
.partner-no-crop .pphoto{aspect-ratio:unset}
.partner-no-crop .pphoto img{width:100%;height:auto;object-fit:unset;object-position:unset}
@media(max-width:760px){.partner-grid{grid-template-columns:1fr}.partner{padding:20px}}

/* ============================== CTA BAND ============================== */
.cta-band{background:linear-gradient(135deg,var(--purple),var(--purple-3));color:#fff;text-align:center}
.cta-band .wrap{padding:clamp(56px,8vw,96px) 28px}
.cta-band h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(30px,4.6vw,54px);line-height:1.08;margin-bottom:22px}
.cta-band p{color:rgba(255,255,255,.75);max-width:48ch;margin:0 auto 34px;font-size:18px}

/* ============================== FOOTER ============================== */
.footer{background:var(--purple);color:#fff;padding:64px 0 30px}
.footer .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
.footer .logo img{height:40px;margin-bottom:18px}
.footer .blurb{color:rgba(255,255,255,.62);font-size:15.5px;line-height:1.7;max-width:32ch}
.footer h5{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-lt);margin-bottom:18px;font-weight:500}
.footer li{margin-bottom:11px}
.footer a,.footer p.fi{color:rgba(255,255,255,.72);font-size:15.5px;transition:.25s}
.footer a:hover{color:var(--gold-lt)}
.footer .socials{display:flex;gap:14px;margin-top:6px}
.footer .socials a{width:38px;height:38px;border:1px solid var(--line-light);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s}
.footer .socials a:hover{border-color:var(--gold-lt);background:rgba(231,198,107,.1)}
.footer .socials svg{width:16px;height:16px;fill:currentColor}
.footer .bottom{margin-top:48px;padding-top:22px;border-top:1px solid var(--line-light);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;letter-spacing:.06em;color:rgba(255,255,255,.5)}

/* ============================== REVEAL ============================== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}

/* ============================== VISION PAGE HERO ============================== */
.vision-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--purple),var(--purple-2) 60%,var(--purple-3));color:#fff;padding:calc(var(--nav-h) + clamp(36px,6vw,56px)) 0 clamp(64px,9vw,110px);text-align:center}
.vision-hero .wm-logo{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:min(72vw,740px);opacity:.05;filter:brightness(0) invert(1);pointer-events:none}
.vision-hero .wrap{position:relative;z-index:2}
.vision-hero .crumb{color:rgba(255,255,255,.55);margin-bottom:34px}
.vision-coin-lg{width:clamp(118px,16vw,196px);margin:0 auto 16px;filter:drop-shadow(0 26px 48px rgba(184,134,47,.6));animation:fluid 7s ease-in-out infinite}
.vision-hero h1.script{font-size:clamp(72px,13vw,164px);line-height:1;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding:.06em .12em .18em}
.vision-hero p{font-family:'Cormorant Garamond',serif;font-size:clamp(20px,2.4vw,28px);color:rgba(255,255,255,.84);max-width:42ch;margin:10px auto 0;line-height:1.5}

/* ============================== PAGE HEADER (inner pages) ============================== */
.page-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--purple),var(--purple-2));color:#fff;padding:calc(var(--nav-h) + clamp(28px,5vw,52px)) 0 clamp(56px,8vw,96px)}
.page-hero .wrap{position:relative;z-index:3}
.page-hero .eyebrow{color:var(--gold-lt)}
.page-hero h1{font-weight:200;font-size:clamp(44px,8vw,92px);letter-spacing:.14em;text-transform:uppercase;margin:18px 0 22px;line-height:1}
.page-hero p{font-family:'Cormorant Garamond',serif;font-size:clamp(20px,2.3vw,28px);color:rgba(255,255,255,.82);max-width:46ch;line-height:1.45}
.page-hero .pcoin{position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:clamp(150px,18vw,240px);opacity:.9;filter:drop-shadow(0 24px 40px rgba(184,134,47,.5));z-index:2}
.crumb{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.crumb a:hover{color:var(--gold-lt)}

/* feature list (service pages) */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feat{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:36px 30px;transition:.4s var(--ease)}
.feat:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.feat .fi{width:58px;height:22px;background:url('../logo/bullet.png') left center/contain no-repeat;margin-bottom:22px}
.feat h3{font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:600;color:var(--purple);margin-bottom:12px;line-height:1.15}
.feat p{color:var(--muted);font-size:16.5px;line-height:1.7}
.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.split .copy h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(28px,3.6vw,44px);color:var(--purple);line-height:1.1;margin-bottom:20px}
.split .copy p{color:var(--muted);line-height:1.75;margin-bottom:16px;font-size:17.5px}
.checklist li{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px;color:var(--ink);font-size:17px}
/* service page coin pair */
.split .coins{position:relative;min-height:280px}
.split .coins img{position:absolute;filter:drop-shadow(0 14px 26px rgba(184,134,47,.4))}
.split .coins .c-a{width:50%;top:0;left:6%;animation:float 9s var(--ease) infinite}
.split .coins .c-b{width:42%;bottom:4%;right:4%;animation:float 11s var(--ease) infinite reverse}
.split .coins .ring{position:absolute;inset:8%;border:1px solid var(--gold);border-radius:50%;opacity:.35}
.checklist li .ck{flex:0 0 auto;width:38px;height:15px;margin-top:5px;background:url('../logo/bullet.png') center/contain no-repeat}

/* ============================== RESPONSIVE ============================== */
@media (max-width:980px){
  .hero .wrap{grid-template-columns:1fr;text-align:center}
  .hero-cta{justify-content:center}
  .hero-sub{margin-left:auto;margin-right:auto}
  .hero-coin{order:-1;margin-bottom:18px}
  .svc-grid,.feat-grid{grid-template-columns:1fr 1fr}
  .feat{display:grid;grid-template-rows:subgrid;grid-row:span 3}
  .bridge,.founder,.split{grid-template-columns:1fr;gap:40px}
  .founder .photo{max-width:420px;margin:0 auto}
  .stats .wrap{grid-template-columns:1fr 1fr;gap:34px 16px}
  .stat+.stat::before{display:none}
  .footer .grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .wrap{padding:0 20px}
  .nav-right .btn{display:none}
  .nav-logo .logo-top{height:64px}
  .nav-logo .logo-scr{height:64px}
  .svc-grid,.feat-grid,.pillars,.footer .grid{grid-template-columns:1fr}
  .feat-grid .feat{grid-column:span 1!important}
  .page-hero .pcoin{opacity:.18;right:-60px}
  .menu-btn span.mlabel{display:none}
}
.hist-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:clamp(48px,6vw,72px)}
@media(max-width:620px){.hist-photos{grid-template-columns:1fr}.gen-grid{grid-template-columns:1fr!important;gap:16px!important}}
.wa-btn{position:fixed;bottom:28px;right:28px;z-index:900;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px rgba(37,211,102,.35);transition:transform .2s,box-shadow .2s;text-decoration:none}
.wa-btn:hover{transform:scale(1.1);box-shadow:0 6px 32px rgba(37,211,102,.55)}
.wa-btn svg{width:30px;height:30px;fill:#fff}
@media(max-width:620px){.wa-btn{bottom:20px;right:16px;width:50px;height:50px}.wa-btn svg{width:26px;height:26px}}
@media(max-width:620px){.overlay-secondary a{font-size:16px}.overlay-foot a{font-size:15px}.overlay-nav a.is-vision{font-size:52px}.stat .l{letter-spacing:0;font-size:13px}}
br.mob-br{display:none}
@media(max-width:620px){br.mob-br{display:block}}
@media(max-width:620px){.field label{font-size:13px}.cinfo .ci-k{font-size:13px}.founder .copy .role{font-size:13px}.partner .prole{font-size:13px}.quote .by{font-size:13px}.adv-title{font-size:13px}}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none;transition:none}
}