:root{
  --patina-1000:#031a16;
  --patina-950:#05231d;
  --patina-900:#073129;
  --patina-850:#0a3b31;
  --patina-800:#0e4b3e;
  --patina-700:#176452;
  --patina-600:#287967;
  --gold-deep:#6f4a12;
  --gold:#c89d43;
  --gold-bright:#f0d78e;
  --gold-pale:#fff0bc;
  --ivory:#fbf7ec;
  --ink:#12231f;
  --muted:#718078;
  --glass:rgba(255,255,255,.075);
  --glass-2:rgba(255,255,255,.115);
  --glass-line:rgba(247,220,148,.22);
  --shadow:0 30px 90px rgba(0,20,16,.34);
  --serif:"Cormorant Garamond","Times New Roman",serif;
  --sans:"Manrope","Segoe UI",Arial,sans-serif;
  --mx:50%; --my:30%;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--patina-1000)}
body{margin:0;font-family:var(--sans);color:#fff;background:
  radial-gradient(1000px 700px at var(--mx) var(--my),rgba(42,126,101,.16),transparent 60%),
  linear-gradient(180deg,var(--patina-950),var(--patina-1000));overflow-x:hidden;line-height:1.55}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-5;opacity:.32;background-image:
  radial-gradient(circle at 20% 30%,rgba(255,255,255,.10) 0 1px,transparent 1.3px),
  radial-gradient(circle at 80% 55%,rgba(255,238,180,.08) 0 1px,transparent 1.4px);background-size:34px 34px,46px 46px}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.container{width:min(1240px,calc(100% - 44px));margin:auto}

/* Floating atmosphere */
.ambient{position:fixed;inset:0;pointer-events:none;z-index:-3;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.55;animation:float 14s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,rgba(245,218,141,.2),rgba(24,110,88,.12) 45%,transparent 72%);border:1px solid rgba(236,205,125,.11)}
.orb.a{width:520px;height:520px;right:-170px;top:7vh}.orb.b{width:380px;height:380px;left:-160px;top:60vh;animation-delay:-5s}.orb.c{width:220px;height:220px;left:47%;top:35vh;animation-delay:-9s;opacity:.25}
@keyframes float{50%{transform:translate3d(0,-30px,0) scale(1.04)}}
.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:-2;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(215,177,78,.10),rgba(22,107,85,.07) 35%,transparent 68%);left:-500px;top:-500px;transition:opacity .25s}

/* Header */
.site-header{position:fixed;left:0;right:0;top:0;z-index:120;padding:12px 0;transition:.25s;background:rgba(3,28,23,.46);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);border-bottom:1px solid rgba(239,210,134,.10);box-shadow:0 10px 40px rgba(0,15,12,.18)}
.site-header.scrolled{padding:10px 0;background:rgba(3,28,23,.72);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);border-bottom:1px solid rgba(239,210,134,.16);box-shadow:0 14px 55px rgba(0,15,12,.28)}
.header-inner{display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{width:56px;height:56px;display:grid;place-items:center;filter:drop-shadow(0 8px 18px rgba(202,154,55,.2));transition:.35s}
.brand-mark img{height:56px;width:auto;object-fit:contain}
.brand-copy strong{display:block;font:600 24px/1 var(--serif);letter-spacing:.03em;color:#fff}.brand-copy span{display:block;margin-top:4px;font-size:9px;text-transform:uppercase;letter-spacing:.19em;color:var(--gold-bright)}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:2px;padding:6px;border:1px solid rgba(238,208,131,.16);background:rgba(255,255,255,.065);border-radius:18px;backdrop-filter:blur(16px);box-shadow:0 10px 26px rgba(0,10,8,.20), inset 0 1px rgba(255,255,255,.06)}
.main-nav a{position:relative;padding:10px 11px;border-radius:13px;color:rgba(255,255,255,.72);font-size:12px;font-weight:700;transition:.25s}
.main-nav a::after{content:"";position:absolute;left:18%;right:18%;bottom:5px;height:1px;transform:scaleX(0);background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);transition:.25s}
.main-nav a:hover,.main-nav a.active{color:#fff;background:rgba(255,255,255,.055)}.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}
.menu-toggle{display:none;margin-left:auto;width:48px;height:48px;border-radius:15px;border:1px solid rgba(241,213,138,.22);color:var(--gold-bright);background:rgba(255,255,255,.06);backdrop-filter:blur(12px);font-size:22px}

/* Hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:130px 0 80px}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:
  linear-gradient(90deg,rgba(3,24,20,.92) 0%,rgba(4,31,25,.76) 44%,rgba(5,37,30,.35) 72%,rgba(3,27,22,.72) 100%),
  radial-gradient(circle at 75% 40%,rgba(47,136,109,.25),transparent 37%)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}
.hero-copy{position:relative;z-index:3}
.eyebrow{display:inline-flex;align-items:center;gap:12px;padding:9px 13px;border-radius:999px;border:1px solid rgba(239,213,145,.22);background:rgba(255,255,255,.05);box-shadow:inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(14px);text-transform:uppercase;letter-spacing:.18em;color:var(--gold-bright);font-size:10px;font-weight:800}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 16px var(--gold)}
.hero h1{font:600 clamp(64px,7.3vw,116px)/.83 var(--serif);letter-spacing:-.045em;margin:28px 0 27px;max-width:860px;text-shadow:0 18px 40px rgba(0,15,12,.25)}
.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(180deg,#fff3c5,#d2a744 62%,#8b641d);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 6px 18px rgba(206,163,67,.18))}
.hero-lead{max-width:700px;color:rgba(255,255,255,.70);font-size:18px;margin:0 0 34px}.hero-lead b{color:#fff;font-weight:650}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-note{display:flex;align-items:center;gap:12px;margin-top:34px;color:rgba(255,255,255,.48);font-size:11px;text-transform:uppercase;letter-spacing:.11em}.hero-note span{width:44px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}

/* Gold buttons */
.btn-3d,.btn-glass{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:60px;padding:0 27px;border-radius:18px;font-weight:850;font-size:12px;letter-spacing:.055em;text-transform:uppercase;transition:transform .22s,box-shadow .22s,filter .22s;overflow:hidden;cursor:pointer}
.btn-3d{color:#17332c;border:1px solid #f5dda0;background:linear-gradient(180deg,#fff2bd 0%,#e7c36d 26%,#bd8c30 70%,#dfb85a 100%);box-shadow:inset 0 2px rgba(255,255,255,.85),inset 0 -7px 12px rgba(99,61,8,.24),0 7px 0 #735014,0 16px 34px rgba(0,0,0,.32),0 0 36px rgba(208,162,66,.10);text-shadow:0 1px rgba(255,255,255,.6)}
.btn-3d::before{content:"";position:absolute;inset:-110% auto -110% -40%;width:34%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:rotate(18deg);transition:left .65s}.btn-3d:hover::before{left:120%}.btn-3d:hover{transform:translateY(-3px);box-shadow:inset 0 2px rgba(255,255,255,.9),inset 0 -7px 12px rgba(99,61,8,.22),0 10px 0 #735014,0 24px 42px rgba(0,0,0,.36),0 0 44px rgba(208,162,66,.15)}.btn-3d:active{transform:translateY(4px);box-shadow:inset 0 2px rgba(255,255,255,.8),0 3px 0 #735014,0 10px 22px rgba(0,0,0,.28)}
.btn-glass{color:var(--gold-pale);border:1px solid rgba(244,216,140,.26);background:rgba(255,255,255,.055);backdrop-filter:blur(16px);box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 40px rgba(0,16,13,.14)}.btn-glass:hover{transform:translateY(-3px);background:rgba(255,255,255,.09);border-color:rgba(244,216,140,.44)}

/* Hero visual */
.hero-stage{position:relative;min-height:650px;display:grid;place-items:center;perspective:1200px}
.hero-stage::before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(29,108,87,.52),rgba(11,59,49,.1) 55%,transparent 70%);filter:blur(4px)}
.ring{position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(238,211,139,.17);box-shadow:0 0 0 48px rgba(236,205,128,.018),0 0 0 96px rgba(236,205,128,.012);animation:spin 26s linear infinite}.ring::before,.ring::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 26px rgba(237,209,131,.7)}.ring::before{left:31px;top:105px}.ring::after{right:32px;bottom:105px}@keyframes spin{to{transform:rotate(360deg)}}
.portrait-card{position:relative;width:min(430px,82%);border-radius:38px;padding:10px;background:linear-gradient(145deg,rgba(255,245,204,.82),rgba(137,93,20,.52) 35%,rgba(255,236,174,.70) 58%,rgba(106,69,13,.65));box-shadow:0 40px 100px rgba(0,14,11,.58),0 0 90px rgba(194,150,56,.10);transform-style:preserve-3d;transition:transform .18s ease-out}
.portrait-card::before{content:"";position:absolute;inset:14px;border-radius:28px;border:1px solid rgba(255,255,255,.30);z-index:2;pointer-events:none}.portrait-card img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:29px;filter:saturate(.92) contrast(1.03)}
.floating-logo{position:absolute;left:-36px;bottom:42px;width:175px;padding:15px;border-radius:26px;background:rgba(5,38,31,.68);border:1px solid rgba(238,211,139,.24);box-shadow:0 24px 60px rgba(0,18,14,.42);backdrop-filter:blur(18px);transform:translateZ(40px) rotate(-5deg)}.floating-logo img{width:100%;height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.15))}
.floating-pill{position:absolute;right:-10px;top:72px;padding:13px 16px;border-radius:16px;background:rgba(255,255,255,.075);border:1px solid rgba(247,219,145,.22);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,18,14,.35);color:var(--gold-pale);font:600 19px/1 var(--serif);transform:translateZ(65px) rotate(4deg)}

/* Shared sections */
.section{position:relative;padding:120px 0}.section.compact{padding:88px 0}.section.light{background:var(--ivory);color:var(--ink)}
.section.light::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(34,116,94,.08),transparent 27%),radial-gradient(circle at 85% 70%,rgba(204,161,65,.09),transparent 24%)}
.section-heading{max-width:820px;margin-bottom:50px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--gold-bright);font-size:10px;font-weight:850;letter-spacing:.19em;text-transform:uppercase}.section.light .kicker{color:#927026}.kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.section-heading h2{font:600 clamp(48px,5.7vw,80px)/.92 var(--serif);letter-spacing:-.035em;margin:13px 0 18px}.section.light .section-heading h2{color:var(--patina-950)}
.section-heading p{font-size:17px;color:rgba(255,255,255,.58);margin:0;max-width:750px}.section-heading.center p{margin-left:auto;margin-right:auto}.section.light .section-heading p{color:#607069}

/* Glass portal */
.portal-wrap{position:relative;padding:26px;border-radius:38px;background:rgba(255,255,255,.035);border:1px solid rgba(237,209,132,.14);backdrop-filter:blur(24px);box-shadow:inset 0 1px rgba(255,255,255,.04),0 50px 120px rgba(0,15,12,.24)}
.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.portal-card,.glass-card{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));border:1px solid rgba(244,217,145,.17);box-shadow:inset 0 1px rgba(255,255,255,.06),0 22px 60px rgba(0,18,14,.20);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);transition:transform .18s ease-out,border-color .25s,background .25s,box-shadow .25s;transform-style:preserve-3d}
.portal-card{min-height:285px;padding:29px;display:flex;flex-direction:column}.portal-card::before,.glass-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--cx,50%) var(--cy,0%),rgba(248,222,154,.13),transparent 43%)}
.portal-card::after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-80px;top:-75px;border:1px solid rgba(236,208,132,.10);box-shadow:0 0 0 28px rgba(236,208,132,.018)}
.portal-card:hover,.glass-card:hover{border-color:rgba(245,219,149,.34);background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055));box-shadow:inset 0 1px rgba(255,255,255,.07),0 32px 75px rgba(0,15,12,.30)}
.portal-num{font:600 40px/1 var(--serif);color:rgba(238,211,139,.38)}.portal-card h3{font:600 33px/1.03 var(--serif);margin:18px 0 10px;color:#fff}.portal-card p{margin:0 0 22px;color:rgba(255,255,255,.56);font-size:13px}.portal-go{margin-top:auto;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:850;color:var(--gold-bright)}.portal-go i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-style:normal;background:linear-gradient(180deg,#f1d98f,#b98930);color:var(--patina-950);box-shadow:0 5px 0 #725016,0 12px 26px rgba(0,0,0,.24);transition:.25s}.portal-card:hover .portal-go i{transform:translateX(4px) rotate(-5deg)}

/* Statement / quote */
.statement{display:grid;grid-template-columns:.75fr 1.25fr;gap:72px;align-items:center}.shield-stage{position:relative;display:grid;place-items:center;min-height:440px}.shield-stage::before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;border:1px solid rgba(237,210,136,.14);box-shadow:0 0 0 45px rgba(237,210,136,.018),0 0 0 90px rgba(237,210,136,.01)}.shield-stage img{width:310px;filter:drop-shadow(0 30px 50px rgba(0,0,0,.38)) drop-shadow(0 0 22px rgba(243,205,111,.10));animation:shieldFloat 6s ease-in-out infinite}@keyframes shieldFloat{50%{transform:translateY(-12px) scale(1.015)}}
.quote{font:600 clamp(43px,5.2vw,76px)/.95 var(--serif);letter-spacing:-.03em;margin:12px 0 28px}.quote em{font-style:normal;color:var(--gold-bright)}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:30px 24px;border-radius:26px;background:rgba(255,255,255,.065);border:1px solid rgba(240,212,137,.15);backdrop-filter:blur(18px);box-shadow:inset 0 1px rgba(255,255,255,.05)}.stat strong{display:block;font:600 50px/1 var(--serif);color:var(--gold-bright);margin-bottom:8px}.stat span{display:block;color:rgba(255,255,255,.50);font-size:10px;text-transform:uppercase;letter-spacing:.12em}

/* Page heroes */
.page-hero{position:relative;min-height:640px;display:flex;align-items:flex-end;padding:160px 0 95px;overflow:hidden}.page-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 78% 32%,rgba(39,129,102,.28),transparent 34%),linear-gradient(155deg,#05241e,#08382e 55%,#05241e)}.page-hero::after{content:"";position:absolute;right:-170px;top:-120px;width:620px;height:620px;border-radius:50%;border:1px solid rgba(240,213,139,.12);box-shadow:0 0 0 60px rgba(240,213,139,.018),0 0 0 120px rgba(240,213,139,.01)}
.page-hero-grid{display:grid;grid-template-columns:1fr 300px;gap:60px;align-items:end}.breadcrumbs{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:var(--gold-bright);margin-bottom:20px}.page-hero h1{font:600 clamp(62px,8vw,112px)/.83 var(--serif);letter-spacing:-.045em;margin:0 0 24px;max-width:950px}.page-hero p{max-width:760px;font-size:18px;color:rgba(255,255,255,.62);margin:0}.page-mark{opacity:.88;align-self:center;filter:drop-shadow(0 22px 36px rgba(0,0,0,.32))}

/* Light cards and content */
.light-card{position:relative;padding:36px;border-radius:28px;background:rgba(255,255,255,.74);border:1px solid rgba(117,87,24,.15);box-shadow:0 25px 65px rgba(10,49,40,.10);backdrop-filter:blur(18px);overflow:hidden}.light-card::before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-80px;top:-95px;background:radial-gradient(circle,rgba(211,169,73,.18),transparent 68%)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.text-block h2{font:600 clamp(42px,5vw,66px)/.95 var(--serif);letter-spacing:-.025em;color:var(--patina-950);margin:0 0 20px}.text-block h3{font:600 33px/1.04 var(--serif);color:var(--patina-950);margin:26px 0 10px}.text-block p{color:#53645d;font-size:16px}.gold-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:13px}.gold-list li{position:relative;padding-left:31px;color:#465851}.gold-list li::before{content:"✦";position:absolute;left:0;top:1px;color:#a77c28}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature,.product-card,.review-card{padding:30px;border-radius:26px;background:rgba(255,255,255,.76);border:1px solid rgba(108,80,21,.14);box-shadow:0 20px 56px rgba(8,44,36,.08);backdrop-filter:blur(18px);transition:.3s}.feature:hover,.product-card:hover,.review-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(8,44,36,.13)}.feature .icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--patina-700),var(--patina-950));color:var(--gold-bright);font:600 23px/1 var(--serif);box-shadow:0 6px 0 #031a16,0 14px 30px rgba(5,43,35,.18)}.feature h3,.product-card h3{font:600 31px/1.03 var(--serif);color:var(--patina-950);margin:21px 0 8px}.feature p,.product-card p{color:#697771;font-size:14px;margin:0}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.product-card{padding:35px}.tag{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(12,76,62,.075);border:1px solid rgba(12,76,62,.08);color:var(--patina-700);font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.product-card h3{font-size:38px;margin:17px 0 12px}.mini-link{display:inline-flex;margin-top:23px;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#9b7429}
.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:105px 1fr;gap:22px;padding:28px 30px;border-radius:25px;background:rgba(255,255,255,.76);border:1px solid rgba(111,82,22,.14);box-shadow:0 16px 45px rgba(7,43,35,.06)}.timeline-item .year{font:600 30px/1 var(--serif);color:#9c7429}.timeline-item h3{font:600 29px/1.03 var(--serif);color:var(--patina-950);margin:0 0 6px}.timeline-item p{margin:0;color:#697771}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card .stars{color:#ae822e;letter-spacing:.13em}.review-card blockquote{font:600 25px/1.18 var(--serif);color:var(--patina-950);margin:17px 0}.review-card small{color:#7a8781}

/* Marquee */
.marquee{overflow:hidden;border-top:1px solid rgba(239,211,139,.11);border-bottom:1px solid rgba(239,211,139,.11);background:rgba(255,255,255,.025);backdrop-filter:blur(10px)}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite;padding:18px 0}.marquee span{display:flex;align-items:center;gap:28px;white-space:nowrap;margin-right:28px;color:rgba(255,255,255,.42);font:600 17px/1 var(--serif);letter-spacing:.04em}.marquee span i{font-style:normal;color:var(--gold);font-size:12px}@keyframes marquee{to{transform:translateX(-50%)}}

/* CTA */
.contact-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:48px 50px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));border:1px solid rgba(242,215,144,.19);box-shadow:inset 0 1px rgba(255,255,255,.06),0 35px 90px rgba(0,16,13,.30);backdrop-filter:blur(24px)}.contact-panel::before{content:"";position:absolute;width:350px;height:350px;right:-100px;top:-160px;border-radius:50%;border:1px solid rgba(241,213,140,.14);box-shadow:0 0 0 40px rgba(241,213,140,.018)}.contact-panel h2{font:600 clamp(42px,4.7vw,66px)/.92 var(--serif);letter-spacing:-.03em;margin:0 0 12px}.contact-panel p{color:rgba(255,255,255,.56);margin:0}.contact-actions{display:flex;gap:13px;position:relative;z-index:1}

/* Footer */
.site-footer{position:relative;padding:70px 0 28px;background:#031b16;border-top:1px solid rgba(240,212,137,.11)}.footer-grid{display:grid;grid-template-columns:1.2fr 2fr;gap:70px;margin-bottom:44px}.footer-brand img{width:210px;margin-bottom:18px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.15))}.footer-brand p{max-width:390px;color:rgba(255,255,255,.42);font-size:12px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.footer-links h4{margin:0 0 13px;color:var(--gold-bright);font-size:9px;text-transform:uppercase;letter-spacing:.17em}.footer-links a{display:block;margin:8px 0;color:rgba(255,255,255,.54);font-size:12px;transition:.2s}.footer-links a:hover{color:#fff;transform:translateX(3px)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.34);font-size:10px;text-transform:uppercase;letter-spacing:.08em}

/* Interactions */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.reveal.d2{transition-delay:.10s}.reveal.d3{transition-delay:.20s}.reveal.d4{transition-delay:.30s}
.page-enter{animation:pageIn .72s cubic-bezier(.2,.75,.2,1) both}@keyframes pageIn{from{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.toast{position:fixed;left:50%;bottom:28px;z-index:200;transform:translate(-50%,25px);opacity:0;pointer-events:none;padding:14px 18px;border-radius:15px;background:rgba(3,30,24,.92);border:1px solid rgba(241,213,140,.30);color:var(--gold-pale);font-size:12px;backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.4);transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1100px){
  .main-nav{position:absolute;display:none;top:72px;left:22px;right:22px;margin:0;padding:12px;flex-direction:column;align-items:stretch;background:rgba(3,31,25,.92);backdrop-filter:blur(24px);border:1px solid rgba(240,213,139,.16);box-shadow:0 25px 70px rgba(0,0,0,.35)}.main-nav.open{display:flex}.menu-toggle{display:block}
  .hero-grid{grid-template-columns:1fr .85fr}.portal-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.statement{gap:38px}.page-hero-grid{grid-template-columns:1fr 220px}.footer-grid{grid-template-columns:1fr}
}
@media(max-width:800px){
  .container{width:min(100% - 28px,1240px)}.site-header{padding:10px 0}.brand-copy span{display:none}.brand-mark{width:48px;height:48px}.brand-mark img{height:48px}.brand-copy strong{font-size:21px}
  .hero{min-height:auto;padding:125px 0 72px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(58px,17vw,86px)}.hero-stage{min-height:520px}.ring{width:420px;height:420px}.portrait-card{width:min(390px,82%)}.floating-logo{width:145px;left:-12px}.floating-pill{right:0}.hero-actions{flex-direction:column;align-items:stretch}.btn-3d,.btn-glass{width:100%}
  .section{padding:86px 0}.section.compact{padding:66px 0}.portal-wrap{padding:14px;border-radius:28px}.portal-grid,.feature-grid,.product-grid,.review-grid{grid-template-columns:1fr}.portal-card{min-height:245px}.statement,.two-col{grid-template-columns:1fr}.shield-stage{min-height:360px}.shield-stage img{width:236px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,0,0,.24))}.stats{grid-template-columns:1fr 1fr}
  .page-hero{min-height:560px;padding:135px 0 70px}.page-hero-grid{grid-template-columns:1fr}.page-mark-wrap{width:180px;position:absolute;right:0;bottom:20px}.page-mark{opacity:.42}.page-hero h1{font-size:clamp(56px,16vw,86px)}.page-hero p{font-size:16px;max-width:90%}
  .timeline-item{grid-template-columns:1fr}.contact-panel{grid-template-columns:1fr;padding:34px 28px}.contact-actions{flex-direction:column}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}.cursor-glow{display:none}
}
@media(max-width:520px){.stats{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr}.hero-stage{min-height:470px}.ring{width:330px;height:330px}.floating-pill{font-size:16px}.portal-card{padding:24px}.section-heading h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* =========================================================
   VERSION 3 — unified dark patina, deeper glass, all-page motion
   ========================================================= */
body{
  min-height:100vh;
  background-image:
    radial-gradient(1200px 820px at var(--mx) var(--my), rgba(54,148,115,.12), transparent 60%),
    linear-gradient(180deg, rgba(2,22,18,.52), rgba(3,25,21,.72)),
    url('bg-patina-premium.jpg');
  background-size: cover, cover, 500px auto;
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: center center, center center, center top;
  background-attachment: fixed, fixed, fixed;
}
main{position:relative;isolation:isolate}
main::before{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;background:
  radial-gradient(circle at 12% 25%,rgba(240,215,147,.030),transparent 24%),
  radial-gradient(circle at 84% 72%,rgba(28,117,92,.06),transparent 30%)}

/* Home visual fixes */
.floating-shield{position:absolute;left:-16px;bottom:24px;width:154px;height:174px;padding:12px;border-radius:29px;background:linear-gradient(145deg,rgba(7,50,40,.84),rgba(3,28,23,.68));border:1px solid rgba(238,211,139,.28);box-shadow:inset 0 1px rgba(255,255,255,.07),0 28px 70px rgba(0,15,12,.50),0 0 45px rgba(202,158,61,.12);backdrop-filter:blur(20px);transform:translateZ(58px) rotate(-10deg);z-index:4;display:flex;align-items:center;justify-content:center;overflow:hidden}
.floating-shield img{display:block;width:auto;height:auto;max-width:94%;max-height:94%;object-fit:contain;object-position:center;filter:drop-shadow(0 14px 20px rgba(0,0,0,.22)) drop-shadow(0 0 13px rgba(255,220,135,.14));position:relative;z-index:2}
.floating-shield::after{content:"";position:absolute;inset:-30%;z-index:3;pointer-events:none;background:linear-gradient(112deg,transparent 35%,rgba(255,246,205,0) 43%,rgba(255,246,205,.32) 50%,rgba(255,246,205,0) 57%,transparent 65%);transform:translateX(-68%) rotate(2deg);mix-blend-mode:screen;animation:shieldGlint 5.4s ease-in-out infinite}
@keyframes shieldGlint{0%,58%{transform:translateX(-68%) rotate(2deg);opacity:0}66%{opacity:.78}82%{transform:translateX(68%) rotate(2deg);opacity:.20}100%{transform:translateX(68%) rotate(2deg);opacity:0}}
.floating-pill{right:10px;top:12px;padding:14px 19px;z-index:5;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:inset 0 1px rgba(255,255,255,.11),0 24px 55px rgba(0,18,14,.44),0 0 34px rgba(211,170,73,.09);transform:translateZ(65px) rotate(10deg)}

/* Keep every internal page in the same deep patina instead of ivory */
.section.light{background:linear-gradient(180deg,rgba(6,43,35,.44),rgba(3,29,24,.20));color:#fff;border-top:1px solid rgba(240,214,143,.08);border-bottom:1px solid rgba(240,214,143,.07)}
.section.light::before{background:
  radial-gradient(circle at 14% 18%,rgba(43,137,107,.15),transparent 30%),
  radial-gradient(circle at 87% 72%,rgba(205,163,67,.10),transparent 28%)}
.section.light .kicker{color:var(--gold-bright)}
.section.light .section-heading h2,.section.light .section-heading p{color:inherit}
.section.light .section-heading p{color:rgba(255,255,255,.58)}

.page-hero{min-height:650px;background:transparent}
.page-hero::before{background:
  linear-gradient(90deg,rgba(3,24,20,.94) 0%,rgba(4,31,25,.80) 46%,rgba(5,37,30,.46) 73%,rgba(3,27,22,.83) 100%),
  radial-gradient(circle at 76% 36%,rgba(47,136,109,.25),transparent 37%)}
.page-hero::after{animation:heroRing 14s ease-in-out infinite alternate}
@keyframes heroRing{to{transform:translate3d(-20px,22px,0) scale(1.055)}}

.page-mark-wrap{position:relative;display:grid;place-items:center;justify-self:center;width:270px;animation:pageMarkFloat 6.2s ease-in-out infinite;transform-origin:50% 55%}
.page-mark-wrap::after{content:"";position:absolute;inset:-26%;pointer-events:none;background:linear-gradient(112deg,transparent 36%,rgba(255,246,205,0) 43%,rgba(255,246,205,.34) 50%,rgba(255,246,205,0) 57%,transparent 64%);transform:translateX(-72%) rotate(3deg);mix-blend-mode:screen;animation:shieldGlintWide 5.8s ease-in-out infinite}
@keyframes shieldGlintWide{0%,54%{transform:translateX(-72%) rotate(3deg);opacity:0}62%{opacity:.82}82%{transform:translateX(72%) rotate(3deg);opacity:.22}100%{transform:translateX(72%) rotate(3deg);opacity:0}}
.page-mark{width:100%;opacity:.98;filter:drop-shadow(0 20px 28px rgba(0,0,0,.22))}
@keyframes pageMarkFloat{50%{transform:translateY(-12px) rotate(1.2deg) scale(1.015)}}
.page-hero h1{animation:pageHeroIn .8s .08s cubic-bezier(.2,.75,.2,1) both}.page-hero p,.breadcrumbs{animation:pageHeroIn .8s .18s cubic-bezier(.2,.75,.2,1) both}
@keyframes pageHeroIn{from{opacity:0;transform:translateY(22px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}

/* All content cards: dark glass + stronger depth */
.light-card,.feature,.product-card,.review-card,.timeline-item,.leader-card,.history-card,.academy-logo-card{
  position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.038));
  border:1px solid rgba(244,217,145,.18);
  box-shadow:inset 0 1px rgba(255,255,255,.07),inset 0 -1px rgba(0,0,0,.16),0 24px 70px rgba(0,16,13,.27),0 0 0 1px rgba(0,0,0,.05);
  backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);
  transform-style:preserve-3d;transition:transform .18s ease-out,border-color .25s,box-shadow .25s,background .25s
}
.light-card::after,.feature::after,.product-card::after,.review-card::after,.timeline-item::after,.leader-card::after,.history-card::after,.academy-logo-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(440px circle at var(--cx,50%) var(--cy,0%),rgba(249,224,157,.15),transparent 45%);opacity:.9}
.light-card:hover,.feature:hover,.product-card:hover,.review-card:hover,.timeline-item:hover,.leader-card:hover,.history-card:hover,.academy-logo-card:hover{border-color:rgba(247,222,154,.34);box-shadow:inset 0 1px rgba(255,255,255,.08),0 34px 88px rgba(0,13,10,.36),0 0 48px rgba(194,150,56,.08)}
.text-block h2,.text-block h3,.feature h3,.product-card h3,.review-card blockquote,.timeline-item h3{color:#fff}
.text-block p,.feature p,.product-card p,.timeline-item p,.review-card small,.gold-list li{color:rgba(255,255,255,.62)}
.tag{background:rgba(240,214,143,.07);border-color:rgba(240,214,143,.15);color:var(--gold-bright)}
.mini-link{color:var(--gold-bright)}
.light-card img{position:relative;z-index:1}

/* More layered volume around sections */
.section::after{content:"";position:absolute;right:-130px;top:12%;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:-1;border:1px solid rgba(239,211,139,.045);box-shadow:0 0 0 52px rgba(239,211,139,.010),0 0 0 104px rgba(239,211,139,.006)}
.section:nth-of-type(even)::after{right:auto;left:-180px;top:52%}
.contact-panel{background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.07),0 38px 100px rgba(0,14,11,.38),0 0 55px rgba(198,155,61,.06)}

/* Academy */
.academy-section{background:linear-gradient(180deg,rgba(2,24,19,.30),rgba(7,48,39,.30));border-top:1px solid rgba(239,211,139,.08);border-bottom:1px solid rgba(239,211,139,.07)}
.academy-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:58px;align-items:center}
.academy-logo-card{padding:18px;border-radius:34px;perspective:1000px}
.academy-logo-card img{width:100%;border-radius:23px;box-shadow:0 26px 70px rgba(0,0,0,.34);transition:transform .4s ease;position:relative;z-index:1}
.academy-logo-card:hover img{transform:translateZ(20px) scale(1.012)}
.academy-copy h2{font:600 clamp(50px,5.8vw,82px)/.92 var(--serif);letter-spacing:-.035em;margin:14px 0 20px}
.academy-copy p{font-size:17px;color:rgba(255,255,255,.62);max-width:680px}
.academy-actions{margin-top:28px}

/* Game leaders */
.leader-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.leader-card{min-height:285px;padding:31px;border-radius:29px;display:flex;flex-direction:column}
.leader-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#f0d98e,#a87822);color:#082e26;font:700 27px/1 var(--serif);box-shadow:inset 0 1px rgba(255,255,255,.7),0 7px 0 #66450f,0 17px 34px rgba(0,0,0,.28);position:relative;z-index:2}
.leader-card h3{font:600 34px/1.03 var(--serif);margin:24px 0 10px;position:relative;z-index:2}.leader-card p{color:rgba(255,255,255,.58);font-size:14px;position:relative;z-index:2}.leader-card .mini-link{margin-top:auto;position:relative;z-index:2}

/* Retreat history */
.retreat-history{background:linear-gradient(180deg,rgba(4,34,28,.10),rgba(6,50,40,.24))}
.history-shell{padding:38px;border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.032));border:1px solid rgba(244,217,145,.17);box-shadow:inset 0 1px rgba(255,255,255,.06),0 42px 110px rgba(0,14,11,.35);backdrop-filter:blur(26px)}
.history-intro{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;margin-bottom:30px}.history-intro h2{font:600 clamp(48px,5.8vw,80px)/.92 var(--serif);margin:11px 0 14px}.history-intro p{color:rgba(255,255,255,.58);max-width:720px;margin:0}.history-intro .btn-3d{grid-column:2;grid-row:1/4;align-self:center}
.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.history-card{padding:15px 15px 26px;border-radius:28px}.history-media{position:relative;min-height:215px;display:grid;place-items:center;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(48,137,108,.25),rgba(3,27,22,.92));border:1px solid rgba(240,213,139,.10)}.history-media img{width:125px;opacity:.56;filter:drop-shadow(0 22px 32px rgba(0,0,0,.42));animation:shieldFloat 6s ease-in-out infinite}.history-media span{position:absolute;left:18px;bottom:15px;color:var(--gold-bright);font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:850}.history-card h3{font:600 30px/1.05 var(--serif);margin:22px 8px 9px}.history-card p{margin:0 8px;color:rgba(255,255,255,.56);font-size:13px}

/* Cursor/light behavior also visible on every internal page */
.cursor-glow{z-index:-1;width:520px;height:520px;background:radial-gradient(circle,rgba(225,186,86,.12),rgba(28,119,94,.09) 34%,transparent 69%);mix-blend-mode:screen}

@media(max-width:900px){.academy-grid{grid-template-columns:1fr}.leader-grid,.history-grid{grid-template-columns:1fr}.history-intro{grid-template-columns:1fr}.history-intro .btn-3d{grid-column:auto;grid-row:auto;justify-self:start}.floating-shield{left:-8px;width:136px;height:156px}.floating-pill{top:-6px;right:8px}.page-mark-wrap{width:210px}}
@media(max-width:600px){.history-shell{padding:20px}.academy-logo-card{padding:11px}.floating-shield{width:118px;height:136px;bottom:24px;left:-4px}.floating-pill{top:-4px;font-size:15px;right:6px}.page-mark-wrap{width:165px}}


/* =========================================================
   VERSION 8 — single continuous background + pristine shield
   ========================================================= */
html{background:#173b28}
body{
  min-height:100vh;
  background-image:
    linear-gradient(rgba(3,24,18,.24),rgba(3,24,18,.38)),
    url('bg-patina-premium-hq.jpg') !important;
  background-size:cover,cover !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:center center,center center !important;
  background-attachment:fixed,fixed !important;
}
/* Remove old tiled dots/noise and extra full-width backdrop layers. */
body::before,body::after{display:none!important}
main::before{display:none!important}
.page-hero,.section,.section.light,.academy-section,.retreat-history{background:transparent!important}
.page-hero::before{background:none!important}
.section.light::before{background:none!important}

/* One clean master shield file is used everywhere. */
.page-mark{width:100%;height:auto;opacity:1!important;filter:drop-shadow(0 22px 34px rgba(0,0,0,.24))!important}
.page-mark-wrap{
  position:relative;
  width:270px;
  display:grid;
  place-items:center;
  justify-self:center;
  overflow:visible;
  animation:pageMarkFloat 6.2s ease-in-out infinite;
}
/* The shine is clipped by the alpha silhouette of the shield itself. */
.page-mark-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 34%,rgba(255,248,215,0) 42%,rgba(255,248,215,.52) 49%,rgba(255,248,215,.12) 54%,rgba(255,248,215,0) 60%,transparent 68%);
  background-size:230% 100%;
  background-position:160% 0;
  -webkit-mask:url('shield-pristine.png') center/contain no-repeat;
  mask:url('shield-pristine.png') center/contain no-repeat;
  mix-blend-mode:screen;
  animation:shieldSweep 5.8s ease-in-out infinite;
}
@keyframes shieldSweep{
  0%,55%{background-position:160% 0;opacity:0}
  61%{opacity:.95}
  78%{background-position:-60% 0;opacity:.42}
  88%,100%{background-position:-60% 0;opacity:0}
}

/* Home shield: shine only on the shield image, never across its glass card. */
.floating-shield::after{
  content:"";
  position:absolute;
  inset:10px;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 34%,rgba(255,248,215,0) 42%,rgba(255,248,215,.50) 49%,rgba(255,248,215,.10) 54%,rgba(255,248,215,0) 60%,transparent 68%);
  background-size:230% 100%;
  background-position:160% 0;
  -webkit-mask:url('shield-pristine.png') center/contain no-repeat;
  mask:url('shield-pristine.png') center/contain no-repeat;
  mix-blend-mode:screen;
  animation:shieldSweep 5.8s ease-in-out infinite;
  transform:none!important;
}
.floating-shield img{max-width:94%;max-height:94%;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(0,0,0,.22)) drop-shadow(0 0 13px rgba(255,220,135,.14))}

/* Large philosophy shield: same clipped metallic sweep. */
.shield-stage::after{
  content:"";
  position:absolute;
  width:310px;
  aspect-ratio:1802/2026;
  pointer-events:none;
  z-index:2;
  background:linear-gradient(112deg,transparent 34%,rgba(255,248,215,0) 42%,rgba(255,248,215,.48) 49%,rgba(255,248,215,.10) 54%,rgba(255,248,215,0) 60%,transparent 68%);
  background-size:230% 100%;
  background-position:160% 0;
  -webkit-mask:url('shield-pristine.png') center/contain no-repeat;
  mask:url('shield-pristine.png') center/contain no-repeat;
  mix-blend-mode:screen;
  animation:shieldSweep 6.1s ease-in-out infinite;
  transform:none!important;
}
.shield-stage img{position:relative;z-index:1}

/* Keep section changes subtle so the texture remains continuous. */
.section{border-color:rgba(240,214,143,.06)}
.site-footer{background:rgba(2,23,17,.78);backdrop-filter:blur(10px)}

@media(max-width:900px){.page-mark-wrap{width:210px}.shield-stage::after{width:236px}}
@media(max-width:600px){.page-mark-wrap{width:165px}}


/* =========================================================
   VERSION 9 — one full-screen background per screen/section
   ========================================================= */
:root{--screen-bg:url('bg-patina-premium-screen.jpg')}
html{background:#061f18}
body{
  background:#061f18 !important;
  background-image:none !important;
}
body::before,body::after,main::before{display:none !important}

/* The supplied patina is used as ONE image per screen.
   cover preserves proportions: no tiling and no distortion. */
.hero,.page-hero,.section{
  position:relative;
  min-height:100svh;
  background-image:
    linear-gradient(180deg,rgba(2,25,20,.48),rgba(2,28,22,.60)),
    var(--screen-bg) !important;
  background-size:cover,cover !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:center center,center center !important;
  background-attachment:scroll,scroll !important;
  border-bottom:1px solid rgba(240,213,139,.09);
}

/* Each inner page opens as a complete full-height screen. */
.page-hero{
  min-height:100svh !important;
  display:flex;
  align-items:center !important;
  padding:138px 0 80px !important;
  overflow:hidden;
}
.page-hero-grid{align-items:center !important}
.page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(2,24,19,.82) 0%,rgba(3,29,23,.63) 48%,rgba(3,30,24,.38) 74%,rgba(2,24,19,.58) 100%),
    radial-gradient(circle at 78% 38%,rgba(37,111,88,.15),transparent 35%) !important;
}

/* Every following content block is also a complete screen. */
.section{
  min-height:100svh !important;
  display:flex;
  align-items:center;
  padding:110px 0 !important;
  background-color:transparent !important;
}
.section.compact{min-height:100svh !important;padding:92px 0 !important}
.section.light,.academy-section,.retreat-history{
  background-image:
    linear-gradient(180deg,rgba(3,28,22,.42),rgba(2,27,21,.58)),
    var(--screen-bg) !important;
  background-size:cover,cover !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:center center,center center !important;
  background-attachment:scroll,scroll !important;
  color:#fff;
}
.section.light::before{display:none !important}
.academy-section,.retreat-history{border-top:0;border-bottom:1px solid rgba(240,213,139,.09)}

/* Keep decorative elements above the background, but never blur the texture itself. */
.hero::before{z-index:0;background:linear-gradient(90deg,rgba(2,24,19,.75),rgba(3,30,24,.48) 48%,rgba(3,30,24,.26) 72%,rgba(2,24,19,.52)) !important}
.hero>.container,.page-hero>.container,.section>.container{position:relative;z-index:2}
.ambient{z-index:0;opacity:.72}
.cursor-glow{z-index:1}

/* Full-width content canvas on desktop so the next screen cannot peek into the current one. */
.container{width:min(1320px,calc(100% - 72px))}
.page-hero h1{max-width:980px}

/* Avoid legacy light-section backgrounds and visual seams. */
.section:nth-of-type(even)::after,.section::after{opacity:.35}
.site-footer{background:#031b16}

@media(max-width:1100px){
  .container{width:min(100% - 44px,1320px)}
}
@media(max-width:800px){
  .container{width:min(100% - 28px,1320px)}
  .page-hero{min-height:100svh !important;padding:122px 0 64px !important}
  .section,.section.compact{min-height:auto !important;padding:82px 0 !important}
}


/* =========================================================
   VERSION 10 — floating navigation + premium home typography
   ========================================================= */

/* The right navigation pill disappears only while the page is actively scrolling,
   then returns wherever the visitor stopped. The brand stays visible. */
.main-nav{
  transition:opacity .22s ease,transform .28s cubic-bezier(.2,.75,.2,1),filter .28s ease,background .25s,border-color .25s !important;
  will-change:opacity,transform;
}
.site-header.is-scrolling .main-nav{
  opacity:0;
  transform:translateY(-18px) scale(.975);
  filter:blur(4px);
  pointer-events:none;
}
.site-header:not(.is-scrolling) .main-nav{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:none;
}

/* Home: make ВИНсерфинг the visual signature above the main statement. */
.hero-brandline{
  display:flex;
  align-items:center;
  gap:16px;
  width:max-content;
  max-width:100%;
  padding:10px 16px 10px 14px;
  border-radius:22px;
  border:1px solid rgba(239,213,145,.23);
  background:linear-gradient(145deg,rgba(255,255,255,.072),rgba(255,255,255,.025));
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 18px 45px rgba(0,15,12,.20);
  backdrop-filter:blur(16px) saturate(125%);
  -webkit-backdrop-filter:blur(16px) saturate(125%);
}
.hero-author-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:rgba(255,255,255,.68);
  font-size:10px;
  font-weight:850;
  letter-spacing:.17em;
  text-transform:uppercase;
  white-space:nowrap;
}
.hero-author-kicker::before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:var(--gold-bright);
  box-shadow:0 0 17px rgba(240,215,142,.65);
}
.hero-win-word{
  position:relative;
  display:inline-block;
  font:700 clamp(24px,2.2vw,34px)/.9 var(--serif);
  letter-spacing:.015em;
  color:transparent;
  background:linear-gradient(180deg,#fff7d3 0%,#f6dda0 20%,#d8aa49 48%,#8d6117 72%,#efd382 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 1px 0 rgba(255,255,255,.12),0 7px 16px rgba(0,0,0,.30);
  filter:drop-shadow(0 0 12px rgba(225,184,79,.14));
  white-space:nowrap;
}
.hero-win-word::after{
  content:"";
  position:absolute;
  left:2%;right:2%;bottom:-7px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(250,224,151,.82),transparent);
  box-shadow:0 0 10px rgba(225,179,69,.35);
}
.hero h1{
  font-size:clamp(50px,5.65vw,90px) !important;
  line-height:.90 !important;
  max-width:780px !important;
  margin-top:24px !important;
}

/* Portrait + premium gold name underneath. */
.portrait-stack{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:min(470px,88%);
  transform-style:preserve-3d;
}
.portrait-stack .portrait-card{width:100%}
.portrait-name{
  position:relative;
  z-index:8;
  margin-top:24px;
  padding:2px 20px 9px;
  font:700 clamp(32px,3.15vw,48px)/1 var(--serif);
  letter-spacing:.025em;
  color:transparent;
  background:
    linear-gradient(108deg,transparent 0 35%,rgba(255,255,255,.92) 46%,rgba(255,255,255,.18) 52%,transparent 62%) -180% 0/42% 100% no-repeat,
    linear-gradient(180deg,#fff4c5 0%,#f4d789 18%,#d0a141 42%,#815411 64%,#d7ad53 82%,#fff0b2 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 1px 0 rgba(255,255,255,.14),0 4px 0 rgba(91,57,8,.38),0 12px 25px rgba(0,0,0,.42),0 0 24px rgba(214,169,65,.18);
  filter:drop-shadow(0 2px 1px rgba(255,240,184,.12));
  animation:portraitNameShine 5.2s ease-in-out infinite;
  white-space:nowrap;
}
.portrait-name::after{
  content:"";
  position:absolute;
  left:12%;right:12%;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,#f3d37f 45%,#fff1b1 52%,#b98024 75%,transparent);
  box-shadow:0 0 12px rgba(224,181,78,.42);
  opacity:.9;
}
@keyframes portraitNameShine{
  0%,55%{background-position:-180% 0,0 0}
  72%{background-position:250% 0,0 0}
  100%{background-position:250% 0,0 0}
}

@media(max-width:900px){
  .hero-brandline{gap:11px;padding:9px 12px;flex-wrap:wrap;width:fit-content}
  .hero-author-kicker{font-size:9px}
  .hero-win-word{font-size:28px}
  .hero h1{font-size:clamp(48px,14vw,76px) !important;max-width:100% !important}
  .portrait-stack{width:min(410px,86%)}
  .portrait-name{margin-top:20px;font-size:clamp(31px,9vw,43px)}
}
@media(max-width:560px){
  .hero-brandline{display:grid;gap:8px;border-radius:18px}
  .hero-win-word{font-size:27px}
  .portrait-name{font-size:32px;white-space:normal;text-align:center}
}


/* =========================================================
   VERSION 11 — independent floating menu + compact first screen
   ========================================================= */

/* Navigation is viewport-fixed independently of document sections. */
.main-nav{
  position:fixed !important;
  top:14px !important;
  right:max(22px,calc((100vw - 1320px)/2)) !important;
  left:auto !important;
  margin:0 !important;
  z-index:600 !important;
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:none;
  transition:opacity .22s ease,transform .25s cubic-bezier(.2,.75,.2,1),filter .22s ease !important;
  box-shadow:0 15px 45px rgba(0,12,9,.32),inset 0 1px rgba(255,255,255,.07) !important;
}
.main-nav.nav-scrolling{
  opacity:0 !important;
  transform:translate3d(0,-24px,0) scale(.97) !important;
  filter:blur(4px) !important;
  pointer-events:none !important;
}
/* Disable the older header-state rule so it cannot fight the new behavior. */
.site-header.is-scrolling .main-nav,
.site-header:not(.is-scrolling) .main-nav{ }

/* Home wordmark: use the exact supplied transparent gold artwork. */
.hero-brandline{
  display:block !important;
  width:min(500px,78vw) !important;
  max-width:100% !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.hero-win-wordmark{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 7px 16px rgba(0,0,0,.38)) drop-shadow(0 0 16px rgba(226,182,73,.12));
}
.hero-author-kicker,.hero-win-word{display:none !important}

/* The slogan is secondary to the ВИНСЕРФИНГ wordmark. */
.hero h1{
  font-size:clamp(43px,4.65vw,73px) !important;
  line-height:.91 !important;
  max-width:720px !important;
  margin:17px 0 20px !important;
}
.hero-lead{font-size:15px !important;max-width:700px !important}
.hero-actions{margin-top:22px !important}
.hero-note{margin-top:26px !important}

/* Fit portrait + gold name fully inside the opening viewport. */
.hero{min-height:100svh !important;padding:96px 0 32px !important}
.hero-grid{min-height:calc(100svh - 128px);align-items:center !important}
.hero-stage{min-height:0 !important;height:calc(100svh - 142px);max-height:760px;display:grid;place-items:center}
.portrait-stack{width:min(392px,82%) !important;max-height:100%;justify-content:center}
.portrait-stack .portrait-card{width:100% !important}
.portrait-card img{aspect-ratio:2/2.82 !important}
.portrait-name{
  margin-top:12px !important;
  padding-bottom:7px !important;
  font-size:clamp(31px,2.7vw,42px) !important;
}

@media(max-height:820px) and (min-width:901px){
  .hero{padding-top:86px !important;padding-bottom:20px !important}
  .hero-grid{min-height:calc(100svh - 106px)}
  .hero-stage{height:calc(100svh - 112px);max-height:680px}
  .portrait-stack{width:min(350px,76%) !important}
  .portrait-name{font-size:34px !important;margin-top:9px !important}
  .hero h1{font-size:clamp(40px,4.2vw,63px) !important}
  .hero-lead{font-size:14px !important}
  .hero-actions{margin-top:17px !important}
  .hero-note{margin-top:18px !important}
}

@media(max-width:900px){
  .main-nav{position:absolute !important;top:72px !important;left:22px !important;right:22px !important;z-index:600 !important}
  .main-nav.nav-scrolling{opacity:1 !important;transform:none !important;filter:none !important;pointer-events:auto !important}
  .hero{padding-top:120px !important;height:auto !important;min-height:auto !important}
  .hero-grid{min-height:auto !important}
  .hero-stage{height:auto !important;min-height:520px !important;max-height:none !important}
  .hero-brandline{width:min(430px,88vw) !important}
  .hero h1{font-size:clamp(46px,13vw,72px) !important}
  .portrait-stack{width:min(390px,86%) !important}
  .portrait-name{font-size:clamp(31px,9vw,42px) !important;margin-top:16px !important}
}


/* =========================================================
   VERSION 12 — top-static / scroll-return navigation + larger wordmark
   ========================================================= */

/* The desktop navigation is always present on the opening screen. */
@media(min-width:901px){
  .main-nav{
    position:fixed !important;
    top:14px !important;
    right:max(22px,calc((100vw - 1320px)/2)) !important;
    left:auto !important;
    margin:0 !important;
    z-index:900 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:translate3d(0,0,0) scale(1) !important;
    filter:none !important;
    pointer-events:auto !important;
    transition:opacity .24s ease, transform .30s cubic-bezier(.2,.75,.2,1), filter .24s ease !important;
  }
  .main-nav.nav-at-top{
    opacity:1 !important;
    visibility:visible !important;
    transform:translate3d(0,0,0) scale(1) !important;
    filter:none !important;
    pointer-events:auto !important;
  }
  .main-nav.nav-scrolling:not(.nav-at-top){
    opacity:0 !important;
    visibility:hidden !important;
    transform:translate3d(0,-22px,0) scale(.975) !important;
    filter:blur(3px) !important;
    pointer-events:none !important;
  }
  .main-nav.nav-floating-visible:not(.nav-scrolling){
    opacity:1 !important;
    visibility:visible !important;
    transform:translate3d(0,0,0) scale(1) !important;
    filter:none !important;
    pointer-events:auto !important;
  }
}

/* Make the supplied gold ВИНСЕРФИНГ signature the strongest visual accent. */
.hero-brandline{
  position:relative !important;
  width:min(720px,94%) !important;
  max-width:720px !important;
  margin-bottom:4px !important;
  overflow:visible !important;
}
.hero-win-wordmark{
  width:100% !important;
  height:auto !important;
  filter:
    drop-shadow(0 2px 0 rgba(255,242,185,.14))
    drop-shadow(0 8px 0 rgba(91,57,8,.18))
    drop-shadow(0 15px 24px rgba(0,0,0,.42))
    drop-shadow(0 0 22px rgba(229,184,72,.17)) !important;
}
.hero-brandline::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 35%,rgba(255,251,220,0) 43%,rgba(255,251,220,.48) 50%,rgba(255,251,220,0) 57%,transparent 65%);
  -webkit-mask:url('winserfing-wordmark.png') center/contain no-repeat;
  mask:url('winserfing-wordmark.png') center/contain no-repeat;
  transform:translateX(-115%);
  mix-blend-mode:screen;
  animation:wordmarkGlint 6.4s ease-in-out infinite;
  opacity:.92;
}
@keyframes wordmarkGlint{
  0%,58%{transform:translateX(-115%);opacity:0}
  65%{opacity:.95}
  82%{transform:translateX(115%);opacity:.24}
  100%{transform:translateX(115%);opacity:0}
}

/* Preserve room for the enlarged signature without pushing the portrait/name out. */
.hero h1{
  margin-top:10px !important;
  font-size:clamp(41px,4.25vw,68px) !important;
  line-height:.91 !important;
}

@media(max-height:820px) and (min-width:901px){
  .hero-brandline{width:min(650px,92%) !important;max-width:650px !important}
  .hero h1{font-size:clamp(38px,3.9vw,59px) !important;margin-top:7px !important}
}

@media(max-width:900px){
  .hero-brandline{width:min(520px,92vw) !important;max-width:100% !important}
  .hero-brandline::after{display:none}
}


/* =========================================================
   VERSION 13 — exact wordmark alignment + reliable nav return
   ========================================================= */
@media(min-width:901px){
  .main-nav{
    opacity:1 !important;
    visibility:visible !important;
    transform:translate3d(0,0,0) scale(1) !important;
    filter:none !important;
    pointer-events:auto !important;
  }
  .main-nav.nav-scroll-hidden{
    opacity:0 !important;
    visibility:hidden !important;
    transform:translate3d(0,-22px,0) scale(.975) !important;
    filter:blur(3px) !important;
    pointer-events:none !important;
  }
  .main-nav.nav-floating-visible:not(.nav-scroll-hidden){
    opacity:1 !important;
    visibility:visible !important;
    transform:translate3d(0,0,0) scale(1) !important;
    filter:none !important;
    pointer-events:auto !important;
  }
}

/* The supplied ВИНСЕРФИНГ artwork is cropped only from transparent margins.
   Stretch it to the same visual width as the text block underneath. */
.hero-copy{overflow:visible !important}
.hero-brandline{
  width:100% !important;
  max-width:710px !important;
  margin:0 0 12px 0 !important;
  overflow:visible !important;
}
.hero-win-wordmark{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.hero-brandline::after{
  -webkit-mask-size:100% auto !important;
  mask-size:100% auto !important;
  -webkit-mask-position:left center !important;
  mask-position:left center !important;
}
@media(max-height:820px) and (min-width:901px){
  .hero-brandline{width:100% !important;max-width:690px !important}
}
@media(max-width:900px){
  .hero-brandline{width:min(100%,620px) !important;max-width:100% !important}
}


/* =========================================================
   VERSION 14 — raised wordmark + watchdog navigation
   ========================================================= */

/* Keep the navigation visible by default. Only one simple body state hides it
   while the user is actually moving the page. */
@media(min-width:901px){
  .main-nav{
    position:fixed !important;
    top:14px !important;
    right:max(22px,calc((100vw - 1320px)/2)) !important;
    left:auto !important;
    z-index:1200 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:translate3d(0,0,0) scale(1) !important;
    filter:none !important;
    pointer-events:auto !important;
    transition:opacity .22s ease,transform .28s cubic-bezier(.2,.75,.2,1),filter .22s ease !important;
  }
  body.nav-moving .main-nav{
    opacity:0 !important;
    visibility:hidden !important;
    transform:translate3d(0,-22px,0) scale(.975) !important;
    filter:blur(3px) !important;
    pointer-events:none !important;
  }
}

/* Raise only the supplied ВИНСЕРФИНГ artwork. The rest of the opening layout
   keeps exactly the same document positions. */
@media(min-width:901px){
  .hero-brandline{
    transform:translateY(-56px) !important;
  }
}
@media(max-height:820px) and (min-width:901px){
  .hero-brandline{
    transform:translateY(-44px) !important;
  }
}
@media(max-width:900px){
  .hero-brandline{transform:none !important}
}


/* =========================================================
   VERSION 15 — stable opening nav + independent floating nav
   ========================================================= */
@media(min-width:901px){
  /* Opening header belongs to the first screen and scrolls away naturally. */
  .site-header{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:120 !important;
  }
  .site-header .main-nav{
    position:static !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    margin-left:auto !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    filter:none !important;
    pointer-events:auto !important;
  }
  /* Independent clone: hidden while moving, shown 0.8s after scrolling stops. */
  .floating-nav{
    position:fixed !important;
    top:14px !important;
    right:max(22px,calc((100vw - 1320px)/2)) !important;
    left:auto !important;
    margin:0 !important;
    z-index:5000 !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:translate3d(0,-18px,0) scale(.975) !important;
    filter:blur(3px) !important;
    pointer-events:none !important;
    transition:opacity .24s ease,transform .30s cubic-bezier(.2,.75,.2,1),filter .24s ease,visibility .24s ease !important;
    box-shadow:0 15px 45px rgba(0,12,9,.34),inset 0 1px rgba(255,255,255,.07) !important;
  }
  .floating-nav.is-visible{
    opacity:1 !important;
    visibility:visible !important;
    transform:translate3d(0,0,0) scale(1) !important;
    filter:none !important;
    pointer-events:auto !important;
  }

  /* Keep the ВИНСЕРФИНГ wordmark exactly where v14 placed it.
     Push only the slogan and everything below it lower. */
  .hero h1{
    margin-top:58px !important;
  }
}

@media(max-height:820px) and (min-width:901px){
  .hero h1{margin-top:46px !important}
}


/* =========================================================
   VERSION 16 — physically independent scroll navigation
   ========================================================= */
/* Important: the body used to animate with transform. A transformed ancestor
   can turn position:fixed descendants into document-positioned elements in
   some browsers. Keep the entrance fade, but remove transform/filter entirely. */
.page-enter{
  animation:v16PageFade .32s ease both !important;
  transform:none !important;
  filter:none !important;
}
@keyframes v16PageFade{from{opacity:0}to{opacity:1}}

/* Disable any legacy JS-created clone if an old cached script ever creates one. */
.floating-nav{display:none !important}

@media(min-width:901px){
  .scroll-nav-host{
    position:fixed !important;
    top:14px !important;
    right:max(22px,calc((100vw - 1320px)/2)) !important;
    left:auto !important;
    width:auto !important;
    height:auto !important;
    z-index:2147483000 !important;
    display:block !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translate3d(0,-16px,0) scale(.98) !important;
    transition:opacity .22s ease,transform .28s cubic-bezier(.2,.75,.2,1),visibility .22s ease !important;
    isolation:isolate !important;
  }
  .scroll-nav-host.is-visible{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate3d(0,0,0) scale(1) !important;
  }
  .scroll-nav-panel{
    display:flex !important;
    align-items:center !important;
    gap:2px !important;
    margin:0 !important;
    padding:6px !important;
    width:max-content !important;
    max-width:calc(100vw - 44px) !important;
    border:1px solid rgba(238,208,131,.18) !important;
    border-radius:18px !important;
    background:rgba(4,39,31,.88) !important;
    -webkit-backdrop-filter:blur(22px) saturate(135%) !important;
    backdrop-filter:blur(22px) saturate(135%) !important;
    box-shadow:0 18px 55px rgba(0,10,8,.42),inset 0 1px rgba(255,255,255,.07) !important;
  }
  .scroll-nav-panel a{
    position:relative !important;
    display:block !important;
    padding:10px 11px !important;
    border-radius:13px !important;
    color:rgba(255,255,255,.72) !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    white-space:nowrap !important;
    text-decoration:none !important;
    transition:.22s ease !important;
  }
  .scroll-nav-panel a::after{
    content:"";
    position:absolute;
    left:18%;right:18%;bottom:5px;height:1px;
    transform:scaleX(0);
    background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);
    transition:.22s ease;
  }
  .scroll-nav-panel a:hover,
  .scroll-nav-panel a.active{
    color:#fff !important;
    background:rgba(255,255,255,.065) !important;
  }
  .scroll-nav-panel a:hover::after,
  .scroll-nav-panel a.active::after{transform:scaleX(1)}
}

@media(max-width:900px){
  .scroll-nav-host{display:none !important}
}

/* =========================================================
   VERSION 17 — home CTA copy + gold-bar ecosystem cards
   ========================================================= */

/* Slightly tighter desktop navigation so the longer item "Андрей Росси" fits elegantly. */
@media(min-width:901px){
  .main-nav a,
  .scroll-nav-panel a{
    padding:10px 10px !important;
    font-size:11px !important;
    letter-spacing:.01em;
  }
}

/* Home hero actions */
.hero-actions .btn-3d,
.hero-actions .btn-glass{
  min-width:210px;
}

/* Home ecosystem section: make the full heading + 9 cards read as one compact premium screen. */
.ecosystem-showcase .section-heading{
  margin-bottom:20px;
}
.ecosystem-showcase .section-heading h2{
  margin-bottom:10px;
  font-size:clamp(40px,4.5vw,64px);
}
.ecosystem-showcase .section-heading p{
  max-width:860px;
  margin-inline:auto;
  font-size:15px;
}
.ecosystem-showcase .portal-wrap-bars{
  padding:10px;
  border-radius:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
  border:1px solid rgba(240,214,143,.08);
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 60px rgba(0,14,11,.18);
}
.ecosystem-showcase .portal-grid{
  gap:12px;
}
.ecosystem-showcase .bar-card{
  min-height:190px;
  padding:20px 20px 18px;
  border-radius:26px;
  border:1px solid rgba(255,245,205,.70);
  background:
    linear-gradient(155deg,rgba(255,245,197,.98) 0%,rgba(245,221,151,.98) 10%,rgba(218,180,88,.99) 24%,rgba(189,137,48,.99) 54%,rgba(232,203,120,.99) 76%,rgba(255,240,185,.98) 100%);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.92),
    inset 0 -10px 18px rgba(120,73,9,.22),
    0 10px 0 #8c621a,
    0 24px 44px rgba(0,18,14,.25),
    0 0 34px rgba(208,162,66,.08);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.ecosystem-showcase .bar-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(420px circle at var(--cx,50%) var(--cy,0%),rgba(255,255,255,.24),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.18),transparent 34%,rgba(118,74,15,.07) 100%);
}
.ecosystem-showcase .bar-card::after{
  content:"";
  position:absolute;
  top:-35%;bottom:-35%;left:-34%;
  width:28%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),rgba(255,248,212,.92),rgba(255,255,255,.15),transparent);
  transform:translateX(-180%) skewX(-24deg);
  opacity:0;
  box-shadow:0 0 28px rgba(255,245,205,.25);
}
.ecosystem-showcase .bar-card:hover::after{
  animation:goldBarSweep 1.05s ease forwards;
}
@keyframes goldBarSweep{
  0%{transform:translateX(-180%) skewX(-24deg);opacity:0}
  14%{opacity:.95}
  100%{transform:translateX(610%) skewX(-24deg);opacity:0}
}
.ecosystem-showcase .bar-card:hover{
  transform:perspective(1000px) translateY(-4px) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.96),
    inset 0 -10px 18px rgba(120,73,9,.18),
    0 14px 0 #8c621a,
    0 32px 56px rgba(0,18,14,.28),
    0 0 46px rgba(208,162,66,.14);
}
.ecosystem-showcase .bar-card .portal-num{
  font-size:31px;
  color:rgba(15,71,57,.55);
  text-shadow:0 1px rgba(255,255,255,.55);
}
.ecosystem-showcase .bar-card h3{
  margin:10px 0 6px;
  font-size:29px;
  color:#11483a;
  text-shadow:0 1px rgba(255,250,226,.66);
}
.ecosystem-showcase .bar-card p{
  margin:0 0 14px;
  font-size:12px;
  line-height:1.42;
  color:rgba(12,63,51,.84);
}
.ecosystem-showcase .bar-card .portal-go{
  color:#0b5a49;
  font-size:10px;
  letter-spacing:.12em;
}
.ecosystem-showcase .bar-card .portal-go i{
  width:38px;
  height:38px;
  border-radius:13px;
  color:#fff;
  background:linear-gradient(180deg,#0f6954,#084437 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 4px 0 #052d24,0 10px 18px rgba(0,0,0,.20);
}

@media(min-width:901px){
  .ecosystem-showcase .portal-grid{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:1100px) and (min-width:801px){
  .ecosystem-showcase .bar-card{
    min-height:176px;
    padding:18px 18px 16px;
  }
  .ecosystem-showcase .bar-card h3{font-size:26px}
  .ecosystem-showcase .bar-card .portal-num{font-size:28px}
}
@media(max-width:800px){
  .ecosystem-showcase .portal-grid{grid-template-columns:1fr !important}
  .ecosystem-showcase .bar-card{min-height:210px}
}

/* =========================================================
   VERSION 18 — brighter readable ecosystem cards + more air
   ========================================================= */
.ecosystem-showcase .portal-wrap-bars{
  padding:4px;
}
.ecosystem-showcase .portal-grid{
  max-width:1210px;
  margin:0 auto;
  gap:22px;
}
.ecosystem-showcase .bar-card{
  min-height:174px;
  padding:18px 18px 16px;
  border-radius:24px;
}
.ecosystem-showcase .bar-card .portal-num{
  font-size:28px;
  color:rgba(12,80,66,.58);
}
.ecosystem-showcase .bar-card h3{
  margin:8px 0 8px;
  font-size:24px;
  line-height:1.02;
  color:#0b5b49;
  text-shadow:0 1px rgba(255,249,228,.72);
}
.ecosystem-showcase .bar-card p{
  margin:0 0 16px;
  font-size:14px;
  line-height:1.48;
  font-weight:500;
  color:#115847;
  text-shadow:0 1px rgba(255,249,228,.32);
}
.ecosystem-showcase .bar-card .portal-go{
  font-size:11px;
  font-weight:900;
  color:#0a5a48;
}
.ecosystem-showcase .bar-card .portal-go i{
  width:40px;
  height:40px;
}

@media(max-width:1200px) and (min-width:901px){
  .ecosystem-showcase .portal-grid{
    max-width:1120px;
    gap:18px;
  }
  .ecosystem-showcase .bar-card{
    min-height:168px;
    padding:16px 16px 14px;
  }
  .ecosystem-showcase .bar-card h3{font-size:22px}
  .ecosystem-showcase .bar-card p{font-size:13px}
}

@media(max-width:800px){
  .ecosystem-showcase .portal-grid{gap:16px}
  .ecosystem-showcase .bar-card{min-height:190px}
  .ecosystem-showcase .bar-card h3{font-size:24px}
}

/* =========================================================
   VERSION 19 — lower home CTA block + direct internal pages + richer gold bars
   ========================================================= */

/* Home opening: drop the two CTA buttons and the note lower so they align
   more harmoniously with the portrait signature on the right. */
.hero-actions{
  margin-top:52px !important;
}
.hero-note{
  margin-top:22px !important;
}
@media(max-height:820px) and (min-width:901px){
  .hero-actions{margin-top:42px !important}
  .hero-note{margin-top:18px !important}
}
@media(max-width:900px){
  .hero-actions{margin-top:26px !important}
  .hero-note{margin-top:18px !important}
}

/* Internal pages: remove the duplicate opening title-screens.
   Each section now opens immediately on the substantive content. */
.page-hero{
  display:none !important;
}
main > .page-hero + .section,
main > .page-hero + .academy-section,
main > .page-hero + .retreat-history{
  padding-top:148px !important;
}
main > .page-hero + .section.compact{
  padding-top:132px !important;
}
@media(max-width:900px){
  main > .page-hero + .section,
  main > .page-hero + .academy-section,
  main > .page-hero + .retreat-history{
    padding-top:126px !important;
  }
}

/* Ecosystem cards: stronger real-gold feeling, clearer text and a bit more air. */
.ecosystem-showcase .portal-wrap-bars{
  padding:12px;
  border-radius:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  border:1px solid rgba(245,224,168,.11);
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 28px 70px rgba(0,14,11,.24);
}
.ecosystem-showcase .portal-grid{
  max-width:1140px;
  margin:0 auto;
  gap:24px;
}
.ecosystem-showcase .bar-card{
  min-height:168px;
  padding:18px 20px 16px;
  border-radius:26px;
  border:1px solid rgba(255,246,214,.82);
  background:
    radial-gradient(170% 100% at 0% 0%, rgba(255,252,232,.70) 0%, rgba(255,252,232,0) 34%),
    radial-gradient(120% 95% at 100% 100%, rgba(255,246,204,.40) 0%, rgba(255,246,204,0) 38%),
    linear-gradient(145deg,#fff3c6 0%,#f3dc97 10%,#ddb45a 27%,#bb8230 50%,#f0d48b 74%,#fff0be 100%);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.95),
    inset 0 -14px 20px rgba(120,73,9,.20),
    inset 18px 18px 30px rgba(255,255,255,.12),
    0 10px 0 #8a6118,
    0 24px 42px rgba(0,18,14,.24),
    0 0 36px rgba(208,162,66,.10);
}
.ecosystem-showcase .bar-card::before{
  background:
    radial-gradient(420px circle at var(--cx,50%) var(--cy,0%),rgba(255,255,255,.28),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.18),transparent 34%,rgba(118,74,15,.08) 100%),
    linear-gradient(115deg,transparent 0 37%,rgba(255,255,255,.08) 45%,transparent 53% 100%);
}
.ecosystem-showcase .bar-card .portal-num{
  font-size:30px;
  color:rgba(13,86,70,.54);
  text-shadow:0 1px 0 rgba(255,255,255,.88),0 -1px 0 rgba(103,71,16,.08);
}
.ecosystem-showcase .bar-card h3{
  margin:8px 0 8px;
  font-size:25px;
  color:#0e5b49;
  text-shadow:
    0 1px 0 rgba(255,251,233,.95),
    0 -1px 0 rgba(101,71,16,.12),
    0 0 1px rgba(9,64,52,.20);
}
.ecosystem-showcase .bar-card p{
  margin:0 0 14px;
  font-size:14px;
  line-height:1.47;
  font-weight:600;
  color:rgba(14,79,64,.94);
  text-shadow:0 1px 0 rgba(255,248,223,.36);
}
.ecosystem-showcase .bar-card .portal-go{
  color:#0c5f4c;
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
}
.ecosystem-showcase .bar-card .portal-go i{
  width:40px;
  height:40px;
  border-radius:14px;
  background:linear-gradient(180deg,#0f6d57,#084236 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 4px 0 #052d24,0 12px 18px rgba(0,0,0,.20);
}
.ecosystem-showcase .bar-card:hover{
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.96),
    inset 0 -14px 20px rgba(120,73,9,.17),
    inset 18px 18px 30px rgba(255,255,255,.13),
    0 14px 0 #8a6118,
    0 34px 56px rgba(0,18,14,.29),
    0 0 48px rgba(208,162,66,.15);
}

@media(max-width:1200px) and (min-width:901px){
  .ecosystem-showcase .portal-grid{max-width:1080px;gap:20px}
  .ecosystem-showcase .bar-card{min-height:162px;padding:17px 18px 15px}
  .ecosystem-showcase .bar-card h3{font-size:23px}
  .ecosystem-showcase .bar-card p{font-size:13px}
}

@media(max-width:800px){
  .ecosystem-showcase .portal-grid{gap:16px}
  .ecosystem-showcase .bar-card{min-height:186px}
}

/* =========================================================
   VERSION 20 — lower home buttons + more photographic gold-bar CTA styling
   ========================================================= */

/* Lower the hero CTA block and its supporting note so the whole bottom band
   sits more harmoniously against the portrait signature on the right. */
.hero-actions{
  margin-top:78px !important;
}
.hero-note{
  margin-top:28px !important;
}
@media(max-height:820px) and (min-width:901px){
  .hero-actions{margin-top:64px !important}
  .hero-note{margin-top:22px !important}
}
@media(max-width:900px){
  .hero-actions{margin-top:34px !important}
  .hero-note{margin-top:20px !important}
}

/* Make both hero buttons look like reflective premium gold bars rather than
   illustrated gold. Keep the text embossed and highly readable. */
.hero-actions .btn-3d,
.hero-actions .btn-glass{
  position:relative;
  overflow:hidden;
  min-height:58px;
  padding:0 30px;
  border-radius:19px;
  border:1px solid rgba(255,248,222,.95);
  color:#0d5d4b !important;
  text-shadow:
    0 1px 0 rgba(255,248,224,.95),
    0 -1px 0 rgba(130,88,18,.30);
  background:
    radial-gradient(80% 120% at 12% 8%, rgba(255,255,255,.96) 0%, rgba(255,255,255,.42) 16%, rgba(255,255,255,0) 33%),
    radial-gradient(90% 85% at 84% 82%, rgba(255,245,198,.60) 0%, rgba(255,245,198,0) 46%),
    linear-gradient(104deg, rgba(88,57,8,.82) 0%, rgba(252,233,171,.98) 10%, rgba(255,250,231,.98) 21%, rgba(219,173,76,.98) 33%, rgba(183,124,35,.98) 49%, rgba(245,219,140,.99) 69%, rgba(255,249,223,.99) 82%, rgba(214,160,63,.98) 100%);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.97),
    inset 0 -10px 14px rgba(126,80,12,.22),
    inset 0 0 0 1px rgba(255,255,255,.28),
    0 6px 0 #7a5313,
    0 18px 30px rgba(0,0,0,.25),
    0 0 34px rgba(224,181,76,.12);
}
.hero-actions .btn-3d::before,
.hero-actions .btn-glass::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.36), rgba(255,255,255,.08) 22%, rgba(255,255,255,0) 38%),
    linear-gradient(115deg, transparent 0 41%, rgba(255,255,255,.45) 47%, transparent 53% 100%);
  mix-blend-mode:screen;
}
.hero-actions .btn-3d::after,
.hero-actions .btn-glass::after{
  content:"";
  position:absolute;
  inset:-22% auto -22% -38%;
  width:26%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);
  transition:left .85s ease;
}
.hero-actions .btn-3d:hover::after,
.hero-actions .btn-glass:hover::after{
  left:118%;
}
.hero-actions .btn-3d:hover,
.hero-actions .btn-glass:hover{
  transform:translateY(-3px);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.98),
    inset 0 -10px 14px rgba(126,80,12,.18),
    inset 0 0 0 1px rgba(255,255,255,.32),
    0 10px 0 #7a5313,
    0 24px 42px rgba(0,0,0,.31),
    0 0 44px rgba(224,181,76,.18);
}
.hero-actions .btn-3d:active,
.hero-actions .btn-glass:active{
  transform:translateY(4px);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.92),
    inset 0 -8px 10px rgba(126,80,12,.16),
    0 3px 0 #7a5313,
    0 10px 22px rgba(0,0,0,.22);
}
.hero-actions .btn-glass{
  backdrop-filter:none;
}
.hero-actions .btn-3d,
.hero-actions .btn-glass,
.hero-actions .btn-3d span,
.hero-actions .btn-glass span{
  letter-spacing:.05em;
  font-weight:900;
}

/* =========================================================
   VERSION 21 — ecosystem gold cards upgraded to mirror-gold bars
   + full-card shimmer sweep
   ========================================================= */
.ecosystem-showcase .bar-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(255,248,224,.96);
  background:
    radial-gradient(84% 120% at 12% 8%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.42) 16%, rgba(255,255,255,0) 34%),
    radial-gradient(90% 84% at 86% 82%, rgba(255,245,196,.68) 0%, rgba(255,245,196,0) 44%),
    linear-gradient(104deg,
      rgba(95,62,10,.92) 0%,
      rgba(248,226,161,.99) 11%,
      rgba(255,249,229,.99) 22%,
      rgba(222,178,77,.99) 35%,
      rgba(184,126,34,.99) 49%,
      rgba(244,216,136,.99) 67%,
      rgba(255,250,233,.99) 82%,
      rgba(215,161,63,.99) 100%);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.98),
    inset 0 -14px 18px rgba(125,81,14,.20),
    inset 0 0 0 1px rgba(255,255,255,.24),
    0 9px 0 #7d5414,
    0 24px 42px rgba(0,18,14,.25),
    0 0 36px rgba(224,181,76,.13);
}
.ecosystem-showcase .bar-card > *{
  position:relative;
  z-index:2;
}
.ecosystem-showcase .bar-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,.09) 20%, rgba(255,255,255,0) 38%),
    linear-gradient(135deg, transparent 0 24%, rgba(255,255,255,.10) 33%, transparent 42% 100%),
    radial-gradient(580px circle at var(--cx,50%) var(--cy,0%), rgba(255,255,255,.20), transparent 43%);
  mix-blend-mode:screen;
}
.ecosystem-showcase .bar-card::after{
  content:"";
  position:absolute;
  z-index:3;
  top:-22%;
  left:-46%;
  width:34%;
  height:165%;
  pointer-events:none;
  opacity:0;
  transform:rotate(18deg);
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.08) 12%,
    rgba(255,255,255,.82) 32%,
    rgba(255,249,214,.98) 49%,
    rgba(255,255,255,.78) 66%,
    rgba(255,255,255,.06) 84%,
    transparent 100%);
  box-shadow:0 0 35px rgba(255,246,210,.30);
}
.ecosystem-showcase .bar-card:hover::after{
  animation:goldBarSweepFull 1.1s ease forwards;
}
@keyframes goldBarSweepFull{
  0%{left:-46%;opacity:0}
  10%{opacity:.98}
  100%{left:122%;opacity:0}
}
.ecosystem-showcase .bar-card:hover{
  transform:perspective(1000px) translateY(-4px) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.99),
    inset 0 -14px 18px rgba(125,81,14,.18),
    inset 0 0 0 1px rgba(255,255,255,.28),
    0 13px 0 #7d5414,
    0 34px 56px rgba(0,18,14,.30),
    0 0 48px rgba(224,181,76,.18);
}
.ecosystem-showcase .bar-card .portal-num{
  color:rgba(10,88,72,.48);
  text-shadow:0 1px 0 rgba(255,255,255,.96),0 -1px 0 rgba(122,82,17,.12);
}
.ecosystem-showcase .bar-card h3{
  color:#0a5345;
  text-shadow:
    0 1px 0 rgba(255,251,233,.96),
    0 -1px 0 rgba(122,82,17,.16),
    0 0 1px rgba(12,88,70,.22);
}
.ecosystem-showcase .bar-card p{
  color:rgba(12,90,73,.95);
  text-shadow:0 1px 0 rgba(255,247,220,.50);
}
.ecosystem-showcase .bar-card .portal-go{
  color:#0c5f4c;
}
.ecosystem-showcase .bar-card .portal-go i{
  background:linear-gradient(180deg,#0f6d57,#084236 100%);
}


/* =========================================================
   VERSION 22 — global gold CTA system + WINSERFING page visual upgrade
   ========================================================= */
.btn-3d,
.btn-glass{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:58px;
  padding:0 30px;
  border-radius:19px;
  border:1px solid rgba(255,248,222,.96);
  color:#0c6652 !important;
  background:
    radial-gradient(78% 120% at 12% 8%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.50) 15%, rgba(255,255,255,0) 33%),
    radial-gradient(90% 88% at 85% 84%, rgba(255,246,204,.72) 0%, rgba(255,246,204,0) 44%),
    linear-gradient(104deg,
      rgba(96,63,10,.94) 0%,
      rgba(247,229,165,.99) 10%,
      rgba(255,251,235,.99) 22%,
      rgba(223,178,78,.99) 35%,
      rgba(182,124,34,.99) 49%,
      rgba(246,220,140,.99) 68%,
      rgba(255,250,233,.99) 83%,
      rgba(214,160,63,.99) 100%);
  text-shadow:
    0 1px 0 rgba(255,248,224,.95),
    0 -1px 0 rgba(130,88,18,.28);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.98),
    inset 0 -10px 14px rgba(126,80,12,.22),
    inset 0 0 0 1px rgba(255,255,255,.30),
    0 6px 0 #7a5313,
    0 18px 30px rgba(0,0,0,.25),
    0 0 34px rgba(224,181,76,.12);
  backdrop-filter:none !important;
}
.btn-3d::before,
.btn-glass::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.40), rgba(255,255,255,.10) 22%, rgba(255,255,255,0) 38%),
    linear-gradient(115deg, transparent 0 39%, rgba(255,255,255,.50) 46%, transparent 54% 100%);
  mix-blend-mode:screen;
}
.btn-3d::after,
.btn-glass::after{
  content:"";
  position:absolute;
  top:-22%;
  left:-42%;
  width:28%;
  height:164%;
  z-index:1;
  pointer-events:none;
  transform:rotate(18deg);
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.12) 12%,
    rgba(255,255,255,.84) 34%,
    rgba(255,249,214,.98) 50%,
    rgba(255,255,255,.74) 66%,
    rgba(255,255,255,.10) 86%,
    transparent 100%);
  box-shadow:0 0 28px rgba(255,246,210,.28);
  opacity:0;
}
.btn-3d:hover::after,
.btn-glass:hover::after{
  animation:ctaGoldSweep 1.05s ease forwards;
}
.btn-3d:hover,
.btn-glass:hover{
  transform:translateY(-3px);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.98),
    inset 0 -10px 14px rgba(126,80,12,.18),
    inset 0 0 0 1px rgba(255,255,255,.34),
    0 10px 0 #7a5313,
    0 24px 42px rgba(0,0,0,.31),
    0 0 44px rgba(224,181,76,.18);
}
.btn-3d:active,
.btn-glass:active{
  transform:translateY(4px);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.92),
    inset 0 -8px 10px rgba(126,80,12,.16),
    0 3px 0 #7a5313,
    0 10px 22px rgba(0,0,0,.22);
}
.btn-3d span,
.btn-glass span,
.btn-3d,
.btn-glass{
  font-weight:900;
  letter-spacing:.05em;
}
.btn-3d > *,
.btn-glass > *{position:relative;z-index:2}
@keyframes ctaGoldSweep{
  0%{left:-42%;opacity:0}
  10%{opacity:.98}
  100%{left:118%;opacity:0}
}

.win-core{align-items:center}
.win-core .text-block h2{
  max-width:780px;
}
.win-core .win-intro{
  font-size:18px;
  line-height:1.64;
  color:rgba(255,255,255,.88);
  margin:0 0 18px;
}
.win-core .win-intro b{
  color:var(--gold-pale);
}
.win-core .text-block p{
  color:rgba(255,255,255,.70);
}
.win-flow-visual{
  position:relative;
  min-height:470px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible;
}
.win-flow-visual::before,
.win-flow-visual::after{display:none !important}
.win-flow-shield{
  width:min(310px,88%);
  height:auto;
  filter:drop-shadow(0 22px 42px rgba(0,0,0,.26));
  animation:winShieldFloat 6.8s ease-in-out infinite;
  transform-origin:50% 52%;
}
.win-flow-wordmark{
  width:min(620px,100%);
  height:auto;
  margin-top:-14px;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.22));
  animation:winWordmarkFloat 7.6s ease-in-out infinite;
}
@keyframes winShieldFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-2deg) scale(1)}
  25%{transform:translate3d(0,-10px,0) rotate(1.5deg) scale(1.025)}
  50%{transform:translate3d(0,-2px,0) rotate(2.6deg) scale(1.015)}
  75%{transform:translate3d(0,-12px,0) rotate(-1deg) scale(1.03)}
}
@keyframes winWordmarkFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@media(max-width:900px){
  .win-flow-visual{min-height:330px;gap:4px}
  .win-flow-shield{width:min(240px,74vw)}
  .win-flow-wordmark{width:min(500px,96%)}
  .win-core .win-intro{font-size:16px}
}


/* =========================================================
   VERSION 23 — WINSERFING page typography + gold need-cards
   ========================================================= */
.win-core .win-core-title{
  font-size:clamp(32px,3.85vw,52px);
  line-height:.98;
  max-width:690px;
  margin-bottom:18px;
}
.win-core .text-block p,
.win-core .gold-list li{font-size:15px}
.win-core .win-intro{font-size:16px;line-height:1.58}
.win-core .gold-list{gap:10px;margin-top:18px}

.section-needs .needs-heading{max-width:980px}
.section-needs .needs-heading h2{
  max-width:780px;
  margin-bottom:16px;
}
.section-needs .needs-heading h2 span{
  display:block;
}
.section-needs .needs-heading p{
  max-width:760px;
}
.section-needs .needs-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
.section-needs .needs-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:214px;
  padding:30px 28px;
  border-radius:30px;
  border:1px solid rgba(255,248,224,.96) !important;
  background:
    radial-gradient(84% 120% at 12% 8%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.42) 16%, rgba(255,255,255,0) 34%),
    radial-gradient(90% 84% at 86% 82%, rgba(255,245,196,.68) 0%, rgba(255,245,196,0) 44%),
    linear-gradient(104deg,
      rgba(95,62,10,.92) 0%,
      rgba(248,226,161,.99) 11%,
      rgba(255,249,229,.99) 22%,
      rgba(222,178,77,.99) 35%,
      rgba(184,126,34,.99) 49%,
      rgba(244,216,136,.99) 67%,
      rgba(255,250,233,.99) 82%,
      rgba(215,161,63,.99) 100%) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.98),
    inset 0 -14px 18px rgba(125,81,14,.20),
    inset 0 0 0 1px rgba(255,255,255,.24),
    0 9px 0 #7d5414,
    0 24px 42px rgba(0,18,14,.25),
    0 0 36px rgba(224,181,76,.13) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.section-needs .needs-card > *{
  position:relative;
  z-index:2;
}
.section-needs .needs-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,.09) 20%, rgba(255,255,255,0) 38%),
    linear-gradient(135deg, transparent 0 24%, rgba(255,255,255,.10) 33%, transparent 42% 100%),
    radial-gradient(580px circle at var(--cx,50%) var(--cy,0%), rgba(255,255,255,.20), transparent 43%);
  mix-blend-mode:screen;
}
.section-needs .needs-card::after{
  content:"";
  position:absolute;
  z-index:3;
  top:-22%;
  left:-46%;
  width:34%;
  height:165%;
  pointer-events:none;
  opacity:0;
  transform:rotate(18deg);
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.08) 12%,
    rgba(255,255,255,.82) 32%,
    rgba(255,249,214,.98) 49%,
    rgba(255,255,255,.78) 66%,
    rgba(255,255,255,.06) 84%,
    transparent 100%);
  box-shadow:0 0 35px rgba(255,246,210,.30);
}
.section-needs .needs-card:hover::after{
  animation:goldBarSweepFull 1.1s ease forwards;
}
.section-needs .needs-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.99),
    inset 0 -14px 18px rgba(125,81,14,.18),
    inset 0 0 0 1px rgba(255,255,255,.28),
    0 13px 0 #7d5414,
    0 34px 56px rgba(0,18,14,.30),
    0 0 48px rgba(224,181,76,.18) !important;
}
.section-needs .needs-card .icon{
  width:54px;
  height:54px;
  border-radius:17px;
  background:linear-gradient(180deg,#0f6d57,#084236 100%);
  color:var(--gold-bright);
  box-shadow:0 6px 0 #052a22,0 16px 28px rgba(5,43,35,.24);
  text-shadow:0 1px 0 rgba(0,0,0,.18);
}
.section-needs .needs-card h3{
  color:#0a5345;
  font-size:29px;
  margin:22px 0 10px;
  text-shadow:0 1px 0 rgba(255,251,233,.96),0 -1px 0 rgba(122,82,17,.16),0 0 1px rgba(12,88,70,.22);
}
.section-needs .needs-card p{
  color:rgba(12,90,73,.95);
  font-size:14px;
  line-height:1.45;
  text-shadow:0 1px 0 rgba(255,247,220,.50);
}
@media(max-width:1180px){
  .section-needs .needs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .section-needs .needs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .win-core .win-core-title{font-size:clamp(30px,6vw,42px)}
}
@media(max-width:640px){
  .section-needs .needs-grid{grid-template-columns:1fr}
  .section-needs .needs-card{min-height:auto}
  .section-needs .needs-heading h2{font-size:42px}
}


/* =========================================================
   VERSION 24 — Love card above, six remaining needs below 3×2
   ========================================================= */
.section-needs .needs-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) 390px;
  gap:54px;
  align-items:end;
  margin-bottom:26px;
}
.section-needs .needs-top .needs-heading{
  margin-bottom:0;
}
.section-needs .needs-card-featured{
  min-height:196px;
  align-self:end;
}
.section-needs .needs-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px;
}
@media(max-width:1100px){
  .section-needs .needs-top{
    grid-template-columns:minmax(0,1fr) 340px;
    gap:32px;
  }
}
@media(max-width:900px){
  .section-needs .needs-top{
    grid-template-columns:1fr;
    gap:22px;
    align-items:stretch;
  }
  .section-needs .needs-card-featured{
    width:100%;
    min-height:190px;
  }
  .section-needs .needs-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:640px){
  .section-needs .needs-grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   VERSION 25 — nav order + inner map layout refinements
   ========================================================= */
.win-core .win-core-title{
  font-size:clamp(22px,2.5vw,31px);
  line-height:1.04;
  max-width:650px;
}

.section-needs .needs-heading h2{
  font-size:clamp(44px,4.9vw,70px);
  line-height:.93;
  max-width:840px;
}
.section-needs .needs-heading h2 span{display:block}
.section-needs .needs-heading p{
  max-width:820px;
  font-size:15px;
}
.section-needs .needs-top{
  grid-template-columns:minmax(0,1fr) 360px;
  gap:46px;
  align-items:start;
}
.section-needs .needs-card,
.section-needs .needs-card-featured{
  min-height:228px;
  padding:28px 28px 26px;
}
.section-needs .needs-card .icon{
  position:absolute;
  top:30px;
  left:28px;
  z-index:4;
}
.section-needs .needs-card h3{
  position:absolute;
  top:38px;
  left:116px;
  right:24px;
  margin:0;
  font-size:clamp(28px,2.25vw,40px);
  line-height:.96;
}
.section-needs .needs-card p{
  position:relative;
  margin-top:112px;
  font-size:15px;
  line-height:1.43;
  max-width:none;
  padding-right:6px;
}
@media(max-width:1100px){
  .section-needs .needs-top{
    grid-template-columns:minmax(0,1fr) 330px;
    gap:30px;
  }
  .section-needs .needs-card h3{
    left:108px;
    font-size:clamp(26px,2.15vw,34px);
  }
}
@media(max-width:900px){
  .win-core .win-core-title{font-size:clamp(24px,5vw,32px)}
  .section-needs .needs-heading h2{font-size:clamp(38px,8vw,54px)}
  .section-needs .needs-card,
  .section-needs .needs-card-featured{min-height:220px}
}
@media(max-width:640px){
  .section-needs .needs-card h3{
    position:relative;
    top:auto;left:auto;right:auto;
    margin:18px 0 10px;
    font-size:32px;
  }
  .section-needs .needs-card p{margin-top:0}
}


/* =========================================================
   VERSION 26 — win-core scale + needs cards alignment
   ========================================================= */
.win-core .kicker{
  font-size:15px;
  letter-spacing:.16em;
}
.win-core .win-core-title{
  font-size:clamp(36px,4.2vw,50px);
  line-height:1.03;
  max-width:840px;
  margin-bottom:24px;
}
.win-core .win-intro{
  font-size:21px;
  line-height:1.58;
  max-width:860px;
  margin:0 0 24px;
}
.win-core .text-block p,
.win-core .gold-list li{
  font-size:19px;
  line-height:1.5;
}
.win-core .text-block p{
  max-width:840px;
}
.win-core .gold-list{
  gap:14px;
  margin-top:24px;
}
.win-core .gold-list li{
  padding-left:34px;
}
.win-core .gold-list li::before{
  top:2px;
}

.section-needs .needs-top{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
  margin-bottom:20px;
}
.section-needs .needs-top .needs-heading{
  grid-column:1 / span 2;
  max-width:none;
  margin-bottom:0;
}
.section-needs .needs-card-featured{
  grid-column:3;
  width:100%;
}
.section-needs .needs-card,
.section-needs .needs-card-featured{
  min-height:228px;
  padding:28px 28px 24px;
}
.section-needs .needs-heading p{
  max-width:920px;
  font-size:16px;
  line-height:1.45;
}
.section-needs .needs-card h3{
  top:34px;
  left:118px;
  right:24px;
  font-size:clamp(30px,2.2vw,40px);
}
.section-needs .needs-card p{
  margin-top:92px;
  min-height:96px;
  display:flex;
  align-items:center;
  font-size:15px;
  line-height:1.4;
  font-weight:700;
  color:rgba(12,90,73,.98);
  text-shadow:0 1px 0 rgba(255,247,220,.62);
}
.section-needs .needs-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px;
}
@media(max-width:1200px){
  .win-core .win-core-title{font-size:clamp(34px,4vw,46px)}
  .win-core .win-intro{font-size:19px}
  .win-core .text-block p,
  .win-core .gold-list li{font-size:17px}
}
@media(max-width:1100px){
  .section-needs .needs-top{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
  }
  .section-needs .needs-card h3{
    left:104px;
    font-size:clamp(28px,2vw,34px);
  }
  .section-needs .needs-card p{
    font-size:14px;
  }
}
@media(max-width:900px){
  .section-needs .needs-top{
    grid-template-columns:1fr;
    gap:18px;
  }
  .section-needs .needs-top .needs-heading,
  .section-needs .needs-card-featured{
    grid-column:auto;
  }
  .win-core .win-core-title{font-size:clamp(30px,6.6vw,40px)}
  .win-core .win-intro{font-size:18px}
  .win-core .text-block p,
  .win-core .gold-list li{font-size:16px}
}
@media(max-width:640px){
  .section-needs .needs-card p{
    margin-top:0;
    min-height:0;
    display:block;
  }
}


/* =========================================================
   VERSION 28 — restore approved need-card scale + refine quality cards
   ========================================================= */
.section-needs .needs-card,
.section-needs .needs-card-featured{
  min-height:228px;
  padding:28px 28px 24px;
}
.section-needs .needs-card h3{
  top:34px;
  left:118px;
  right:24px;
  font-size:clamp(30px,2.2vw,40px);
}
.section-needs .needs-card p{
  margin-top:92px;
  min-height:96px;
  display:flex;
  align-items:center;
  font-size:15px;
  line-height:1.4;
  font-weight:700;
  color:rgba(12,90,73,.98);
  text-shadow:0 1px 0 rgba(255,247,220,.62);
}
.section-needs .needs-heading p{
  max-width:940px;
}

.section-qualities{
  padding-top:26px;
}
.section-qualities .qualities-shell{
  display:grid;
  gap:20px;
}
.section-qualities .qualities-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:20px;
  align-items:stretch;
}
.section-qualities .qualities-heading h2{
  margin-bottom:14px;
  max-width:760px;
}
.section-qualities .qualities-heading p{
  max-width:760px;
}
.section-qualities .qualities-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.section-qualities .quality-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:86px;
  padding:18px 20px;
  border-radius:24px;
  border:1px solid rgba(255,248,224,.96);
  background:
    radial-gradient(84% 120% at 12% 8%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.42) 16%, rgba(255,255,255,0) 34%),
    radial-gradient(90% 84% at 86% 82%, rgba(255,245,196,.68) 0%, rgba(255,245,196,0) 44%),
    linear-gradient(104deg,
      rgba(95,62,10,.92) 0%,
      rgba(248,226,161,.99) 11%,
      rgba(255,249,229,.99) 22%,
      rgba(222,178,77,.99) 35%,
      rgba(184,126,34,.99) 49%,
      rgba(244,216,136,.99) 67%,
      rgba(255,250,233,.99) 82%,
      rgba(215,161,63,.99) 100%);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.98),
    inset 0 -12px 16px rgba(125,81,14,.18),
    inset 0 0 0 1px rgba(255,255,255,.22),
    0 8px 0 #7d5414,
    0 22px 36px rgba(0,18,14,.22),
    0 0 30px rgba(224,181,76,.11);
  color:#0a5345;
  font:600 clamp(20px,1.7vw,29px)/1.02 var(--serif);
  letter-spacing:-.02em;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-shadow:0 1px 0 rgba(255,251,233,.96),0 -1px 0 rgba(122,82,17,.16),0 0 1px rgba(12,88,70,.18);
  transition:transform .22s ease,box-shadow .22s ease;
}
.section-qualities .quality-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,.10) 20%, rgba(255,255,255,0) 38%),
    linear-gradient(135deg, transparent 0 24%, rgba(255,255,255,.10) 33%, transparent 42% 100%),
    radial-gradient(580px circle at var(--cx,50%) var(--cy,0%), rgba(255,255,255,.18), transparent 43%);
  mix-blend-mode:screen;
}
.section-qualities .quality-card::after{
  content:"";
  position:absolute;
  z-index:1;
  top:-22%;
  left:-46%;
  width:34%;
  height:165%;
  pointer-events:none;
  opacity:0;
  transform:rotate(18deg);
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.08) 12%,
    rgba(255,255,255,.82) 32%,
    rgba(255,249,214,.98) 49%,
    rgba(255,255,255,.78) 66%,
    rgba(255,255,255,.06) 84%,
    transparent 100%);
  box-shadow:0 0 35px rgba(255,246,210,.30);
}
.section-qualities .quality-card:hover::after{
  animation:goldBarSweepFull 1.1s ease forwards;
}
.section-qualities .quality-card:hover{
  transform:translateY(-4px);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.98),
    inset 0 -12px 16px rgba(125,81,14,.18),
    inset 0 0 0 1px rgba(255,255,255,.24),
    0 12px 0 #7d5414,
    0 28px 44px rgba(0,18,14,.27),
    0 0 38px rgba(224,181,76,.15);
}
.section-qualities .quality-card > *{position:relative;z-index:2}
.section-qualities .quality-card-featured{
  min-height:112px;
  padding:22px;
  font-size:clamp(26px,2.1vw,38px);
  color:#0a5345;
}

@media(max-width:1180px){
  .section-qualities .qualities-top{
    grid-template-columns:minmax(0,1fr) 280px;
  }
  .section-qualities .qualities-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:900px){
  .section-needs .needs-card,
  .section-needs .needs-card-featured{min-height:228px}
  .section-needs .needs-card p{min-height:0;font-size:14px}
  .section-qualities .qualities-top{
    grid-template-columns:1fr;
  }
  .section-qualities .qualities-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .section-qualities .qualities-grid{
    grid-template-columns:1fr;
  }
  .section-qualities .quality-card,
  .section-qualities .quality-card-featured{
    min-height:82px;
    font-size:28px;
  }
}

/* =========================================================
   VERSION 30 — convert remaining green subpage panels to
   approved premium gold cards while preserving their sizes
   ========================================================= */
body.page-enter .portal-card:not(.bar-card),
body.page-enter .feature,
body.page-enter .product-card,
body.page-enter .review-card,
body.page-enter .leader-card,
body.page-enter .history-card,
body.page-enter .light-card,
body.page-enter .contact-panel,
body.page-enter .academy-logo-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(255,248,224,.96) !important;
  background:
    radial-gradient(84% 120% at 12% 8%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.42) 16%, rgba(255,255,255,0) 34%),
    radial-gradient(90% 84% at 86% 82%, rgba(255,245,196,.68) 0%, rgba(255,245,196,0) 44%),
    linear-gradient(104deg,
      rgba(95,62,10,.92) 0%,
      rgba(248,226,161,.99) 11%,
      rgba(255,249,229,.99) 22%,
      rgba(222,178,77,.99) 35%,
      rgba(184,126,34,.99) 49%,
      rgba(244,216,136,.99) 67%,
      rgba(255,250,233,.99) 82%,
      rgba(215,161,63,.99) 100%) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.98),
    inset 0 -14px 18px rgba(125,81,14,.20),
    inset 0 0 0 1px rgba(255,255,255,.24),
    0 9px 0 #7d5414,
    0 24px 42px rgba(0,18,14,.25),
    0 0 36px rgba(224,181,76,.13) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.page-enter .portal-card:not(.bar-card) > *,
body.page-enter .feature > *,
body.page-enter .product-card > *,
body.page-enter .review-card > *,
body.page-enter .leader-card > *,
body.page-enter .history-card > *,
body.page-enter .light-card > *,
body.page-enter .contact-panel > *,
body.page-enter .academy-logo-card > *{
  position:relative;
  z-index:2;
}

body.page-enter .portal-card:not(.bar-card)::before,
body.page-enter .feature::before,
body.page-enter .product-card::before,
body.page-enter .review-card::before,
body.page-enter .leader-card::before,
body.page-enter .history-card::before,
body.page-enter .light-card::before,
body.page-enter .contact-panel::before,
body.page-enter .academy-logo-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,.09) 20%, rgba(255,255,255,0) 38%),
    linear-gradient(135deg, transparent 0 24%, rgba(255,255,255,.10) 33%, transparent 42% 100%),
    radial-gradient(580px circle at var(--cx,50%) var(--cy,0%), rgba(255,255,255,.20), transparent 43%);
  mix-blend-mode:screen;
}

body.page-enter .portal-card:not(.bar-card)::after,
body.page-enter .feature::after,
body.page-enter .product-card::after,
body.page-enter .review-card::after,
body.page-enter .leader-card::after,
body.page-enter .history-card::after,
body.page-enter .light-card::after,
body.page-enter .contact-panel::after,
body.page-enter .academy-logo-card::after{
  content:"";
  position:absolute;
  z-index:3;
  top:-22%;
  left:-46%;
  width:34%;
  height:165%;
  pointer-events:none;
  opacity:0;
  transform:rotate(18deg);
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.08) 12%,
    rgba(255,255,255,.82) 32%,
    rgba(255,249,214,.98) 49%,
    rgba(255,255,255,.78) 66%,
    rgba(255,255,255,.06) 84%,
    transparent 100%);
  box-shadow:0 0 35px rgba(255,246,210,.30);
}

body.page-enter .portal-card:not(.bar-card):hover::after,
body.page-enter .feature:hover::after,
body.page-enter .product-card:hover::after,
body.page-enter .review-card:hover::after,
body.page-enter .leader-card:hover::after,
body.page-enter .history-card:hover::after,
body.page-enter .light-card:hover::after,
body.page-enter .contact-panel:hover::after,
body.page-enter .academy-logo-card:hover::after{
  animation:goldBarSweepFull 1.1s ease forwards;
}

body.page-enter .portal-card:not(.bar-card):hover,
body.page-enter .feature:hover,
body.page-enter .product-card:hover,
body.page-enter .review-card:hover,
body.page-enter .leader-card:hover,
body.page-enter .history-card:hover,
body.page-enter .light-card:hover,
body.page-enter .contact-panel:hover,
body.page-enter .academy-logo-card:hover{
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.99),
    inset 0 -14px 18px rgba(125,81,14,.18),
    inset 0 0 0 1px rgba(255,255,255,.28),
    0 13px 0 #7d5414,
    0 34px 56px rgba(0,18,14,.30),
    0 0 48px rgba(224,181,76,.18) !important;
}

body.page-enter .portal-card:not(.bar-card) .portal-num{
  color:rgba(10,88,72,.48);
  text-shadow:0 1px 0 rgba(255,255,255,.96),0 -1px 0 rgba(122,82,17,.12);
}

body.page-enter .portal-card:not(.bar-card) h3,
body.page-enter .feature h3,
body.page-enter .product-card h3,
body.page-enter .leader-card h3,
body.page-enter .history-card h3,
body.page-enter .light-card h2,
body.page-enter .light-card h3,
body.page-enter .review-card blockquote,
body.page-enter .contact-panel h2{
  color:#0a5345 !important;
  text-shadow:0 1px 0 rgba(255,251,233,.96),0 -1px 0 rgba(122,82,17,.16),0 0 1px rgba(12,88,70,.22);
}

body.page-enter .portal-card:not(.bar-card) p,
body.page-enter .feature p,
body.page-enter .product-card p,
body.page-enter .leader-card p,
body.page-enter .history-card p,
body.page-enter .light-card p,
body.page-enter .light-card .gold-list li,
body.page-enter .review-card small,
body.page-enter .contact-panel p{
  color:rgba(12,90,73,.95) !important;
  text-shadow:0 1px 0 rgba(255,247,220,.50);
}

body.page-enter .portal-card:not(.bar-card) .portal-go,
body.page-enter .mini-link,
body.page-enter .review-card .stars{
  color:#0c5f4c !important;
}

body.page-enter .portal-card:not(.bar-card) .portal-go i,
body.page-enter .feature .icon,
body.page-enter .leader-icon,
body.page-enter .tag{
  background:linear-gradient(180deg,#0f6d57,#084236 100%) !important;
  color:var(--gold-bright) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.18);
  box-shadow:0 6px 0 #052a22,0 16px 28px rgba(5,43,35,.24) !important;
  border:0 !important;
}

body.page-enter .tag{
  background:linear-gradient(180deg,#0f6d57,#084236 100%) !important;
  color:var(--gold-bright) !important;
}

body.page-enter .academy-logo-card img{
  box-shadow:0 26px 70px rgba(0,0,0,.24);
}

/* =========================================================
   VERSION 32 — expanded ANDREY ROSSI profile + Mechnikov recognition
   ========================================================= */
.about-intro{padding-top:150px}
.about-intro-grid{align-items:center}
.about-photo-card{
  position:relative;overflow:hidden;border-radius:34px;
  border:1px solid rgba(255,248,224,.62);
  box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.25);
}
.about-photo-card{aspect-ratio:4/5}
.about-photo-card img{width:100%;height:100%;object-fit:cover;display:block}
.about-name{font:600 clamp(58px,7vw,104px)/.92 var(--serif);letter-spacing:-.035em;margin:12px 0 26px}
.about-lead{font-size:21px;line-height:1.55;max-width:760px;color:rgba(255,255,255,.78)}
.about-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.about-tags span{
  padding:10px 15px;border-radius:999px;border:1px solid rgba(242,215,144,.28);
  background:rgba(7,53,43,.66);color:var(--gold-bright);font-size:11px;font-weight:850;
  letter-spacing:.07em;text-transform:uppercase;
}
.about-bio .section-heading{max-width:1040px}
.about-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.about-item{
  position:relative;overflow:hidden;display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start;
  min-height:138px;padding:24px 26px;border-radius:27px;border:1px solid rgba(255,248,224,.92);
  background:
    radial-gradient(84% 120% at 12% 8%,rgba(255,255,255,.97) 0%,rgba(255,255,255,.40) 16%,rgba(255,255,255,0) 34%),
    radial-gradient(90% 84% at 86% 82%,rgba(255,245,196,.64) 0%,rgba(255,245,196,0) 44%),
    linear-gradient(104deg,rgba(95,62,10,.92) 0%,rgba(248,226,161,.99) 11%,rgba(255,249,229,.99) 22%,rgba(222,178,77,.99) 35%,rgba(184,126,34,.99) 49%,rgba(244,216,136,.99) 67%,rgba(255,250,233,.99) 82%,rgba(215,161,63,.99) 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.98),inset 0 -12px 16px rgba(125,81,14,.18),0 8px 0 #7d5414,0 20px 36px rgba(0,18,14,.20);
}
.about-item::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-42%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:rotate(18deg);opacity:0;pointer-events:none}
.about-item:hover::after{animation:goldBarSweepFull 1.08s ease forwards}
.about-item span{width:52px;height:52px;border-radius:16px;background:linear-gradient(180deg,#0f6d57,#084236);display:grid;place-items:center;color:var(--gold-bright);font:700 22px/1 var(--serif);box-shadow:0 5px 0 #052a22,0 12px 22px rgba(0,0,0,.18);position:relative;z-index:2}
.about-item p{margin:1px 0 0;color:#0a5345;font-size:15px;line-height:1.48;font-weight:700;text-shadow:0 1px rgba(255,249,226,.54);position:relative;z-index:2}
.about-recognition{padding-top:70px}
.recognition-card{
  display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:38px;border-radius:34px;
  border:1px solid rgba(255,248,224,.92);
  background:
    radial-gradient(110% 160% at 10% 0%,rgba(255,255,255,.94),transparent 38%),
    linear-gradient(112deg,#f8e3a1 0%,#c99232 43%,#fff2bf 77%,#d9a342 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.95),0 12px 0 #795113,0 32px 72px rgba(0,15,11,.30)
}
.recognition-copy .kicker{color:#0b5b49}
.recognition-copy h2{font:600 clamp(48px,5vw,76px)/.94 var(--serif);letter-spacing:-.035em;margin:12px 0 22px;color:#0a5345;text-shadow:0 1px rgba(255,255,255,.65)}
.recognition-copy p{font-size:19px;line-height:1.55;color:#0d5f4d;font-weight:700;max-width:720px}
.recognition-hero{border-radius:28px;overflow:hidden;box-shadow:0 24px 50px rgba(54,34,4,.28);background:#6e0b13}
.recognition-hero img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.recognition-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.recognition-gallery figure{margin:0;border-radius:26px;overflow:hidden;border:1px solid rgba(241,213,140,.18);background:rgba(7,49,40,.66);box-shadow:0 22px 45px rgba(0,15,12,.20)}
.recognition-gallery img{width:100%;height:360px;object-fit:cover;display:block}
.recognition-gallery figure:nth-child(2) img{object-position:center 42%}
.recognition-gallery figcaption{padding:14px 16px 16px;color:rgba(255,255,255,.72);font-size:13px}
@media(max-width:1000px){.about-list{grid-template-columns:1fr}.recognition-card{grid-template-columns:1fr}.recognition-gallery{grid-template-columns:1fr 1fr}.recognition-gallery figure:last-child{grid-column:1/-1}.recognition-gallery img{height:320px}}
@media(max-width:700px){.about-intro{padding-top:120px}.about-name{font-size:56px}.about-lead{font-size:17px}.about-item{grid-template-columns:48px 1fr;padding:20px;gap:14px}.about-item span{width:46px;height:46px;font-size:19px}.recognition-card{padding:24px}.recognition-copy h2{font-size:46px}.recognition-copy p{font-size:16px}.recognition-gallery{grid-template-columns:1fr}.recognition-gallery figure:last-child{grid-column:auto}.recognition-gallery img{height:auto;max-height:520px}}

/* =========================================================
   VERSION 33 — ecosystem map on ANDREY ROSSI page
   ========================================================= */
.ecosystem-map-section{padding-top:86px}
.ecosystem-heading{max-width:1080px}
.ecosystem-heading h2{max-width:1040px}
.ecosystem-map-shell{
  position:relative;margin-top:28px;padding:34px;border-radius:38px;
  border:1px solid rgba(244,217,145,.18);
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 34px 90px rgba(0,16,13,.28);
  backdrop-filter:blur(24px) saturate(124%);-webkit-backdrop-filter:blur(24px) saturate(124%);
}
.ecosystem-map{
  position:relative;min-height:960px;border-radius:30px;overflow:hidden;
  background:
    radial-gradient(circle at 50% 50%,rgba(28,111,89,.14),transparent 26%),
    radial-gradient(circle at 16% 14%,rgba(240,213,139,.07),transparent 30%),
    radial-gradient(circle at 88% 18%,rgba(240,213,139,.05),transparent 22%),
    radial-gradient(circle at 84% 82%,rgba(240,213,139,.06),transparent 26%);
}
.ecosystem-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
.ecosystem-lines marker path{fill:rgba(244,212,129,.92)}
.eco-path{
  fill:none;stroke:rgba(244,212,129,.92);stroke-width:2.1;
  stroke-linecap:round;stroke-linejoin:round;marker-end:url(#ecoArrow);
  stroke-dasharray:10 14;animation:ecoFlow 11s linear infinite;
  filter:drop-shadow(0 0 8px rgba(232,195,101,.16));opacity:.92;
}
@keyframes ecoFlow{to{stroke-dashoffset:-240}}
.ecosystem-core{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;
  min-width:278px;min-height:92px;padding:18px 34px;border-radius:26px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  border:1px solid rgba(244,217,145,.34);
  background:linear-gradient(145deg,rgba(8,72,59,.96),rgba(5,45,37,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 22px 55px rgba(0,15,12,.34),0 0 42px rgba(217,175,78,.09);
}
.ecosystem-core::before{
  content:"";position:absolute;inset:10px;border-radius:18px;pointer-events:none;
  border:1px solid rgba(244,217,145,.15)
}
.ecosystem-core span{
  position:relative;z-index:1;font:600 clamp(28px,3.2vw,44px)/.96 var(--serif);
  letter-spacing:.02em;color:var(--gold-bright);text-shadow:0 2px 12px rgba(0,0,0,.25)
}
.eco-node{
  position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:3;
  min-height:54px;padding:12px 18px;border-radius:18px;display:flex;align-items:center;justify-content:center;text-align:center;
  font:800 12px/1.18 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#0a5c4b;
  border:1px solid rgba(255,248,224,.96);
  background:
    radial-gradient(82% 120% at 10% 6%,rgba(255,255,255,.97) 0%,rgba(255,255,255,.50) 14%,rgba(255,255,255,0) 34%),
    radial-gradient(90% 84% at 86% 82%,rgba(255,245,196,.62) 0%,rgba(255,245,196,0) 48%),
    linear-gradient(104deg,rgba(95,62,10,.92) 0%,rgba(248,226,161,.99) 11%,rgba(255,249,229,.99) 22%,rgba(222,178,77,.99) 35%,rgba(184,126,34,.99) 49%,rgba(244,216,136,.99) 67%,rgba(255,250,233,.99) 82%,rgba(215,161,63,.99) 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.98),inset 0 -10px 14px rgba(125,81,14,.17),0 6px 0 #7d5414,0 16px 30px rgba(0,18,14,.18);
}
.eco-node::after{
  content:"";position:absolute;top:-32%;bottom:-32%;left:-46%;width:26%;pointer-events:none;opacity:.0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.86),transparent);transform:rotate(18deg)
}
.eco-node:hover::after{animation:goldBarSweepFull 1.08s ease forwards}
.eco-node.w-sm{width:136px}
.eco-node.w-md{width:180px}
.eco-node.w-lg{width:230px}
.eco-node.w-xl{width:286px}

@media(max-width:1180px){
  .ecosystem-map{min-height:1020px}
  .eco-node{font-size:11px;padding:11px 14px}
}
@media(max-width:980px){
  .ecosystem-map-shell{padding:22px}
  .ecosystem-map{
    min-height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
    padding-top:148px;background:none;
  }
  .ecosystem-core{
    top:20px;left:50%;transform:translateX(-50%);min-width:240px;min-height:82px
  }
  .ecosystem-lines{display:none}
  .eco-node{position:relative;left:auto;top:auto;transform:none;width:100% !important;min-height:68px}
}
@media(max-width:640px){
  .ecosystem-map{grid-template-columns:1fr;padding-top:138px}
  .ecosystem-core{min-width:210px;padding:16px 24px}
  .ecosystem-core span{font-size:24px}
}

/* =========================================================
   VERSION 34 — compact ecosystem layout refinement
   ========================================================= */
.ecosystem-map-section{padding-top:58px;padding-bottom:58px}
.ecosystem-heading{max-width:1200px;margin-bottom:10px}
.ecosystem-heading .kicker{margin-bottom:8px}
.ecosystem-heading h2.ecosystem-title{
  font-size:clamp(34px,3.8vw,56px);
  line-height:.98;
  letter-spacing:-.028em;
  max-width:1060px;
  margin:6px 0 10px;
}
.ecosystem-map-shell{margin-top:12px;padding:18px 22px 20px;border-radius:34px}
.ecosystem-map{
  min-height:770px;
  border-radius:26px;
  background:
    radial-gradient(circle at 50% 50%,rgba(28,111,89,.12),transparent 26%),
    radial-gradient(circle at 18% 12%,rgba(240,213,139,.06),transparent 26%),
    radial-gradient(circle at 84% 18%,rgba(240,213,139,.05),transparent 20%),
    radial-gradient(circle at 80% 80%,rgba(240,213,139,.05),transparent 22%);
}
.ecosystem-core{
  min-width:250px;min-height:82px;padding:16px 28px;border-radius:24px;
}
.ecosystem-core span{font-size:clamp(24px,3vw,40px)}
.eco-path{stroke-width:1.95;stroke-dasharray:9 13}
.eco-node{
  min-height:50px;
  padding:10px 16px;
  border-radius:17px;
  font-size:11.5px;
  line-height:1.12;
}
.eco-node.w-sm{width:118px}
.eco-node.w-md{width:152px}
.eco-node.w-lg{width:188px}
.eco-node.w-xl{width:236px}

@media (min-width:981px){
  .ecosystem-map-shell{overflow:hidden}
}
@media(max-width:1180px){
  .ecosystem-heading h2.ecosystem-title{font-size:clamp(32px,4vw,48px)}
  .ecosystem-map{min-height:736px}
  .eco-node{font-size:11px;padding:10px 13px}
  .eco-node.w-sm{width:112px}
  .eco-node.w-md{width:144px}
  .eco-node.w-lg{width:176px}
  .eco-node.w-xl{width:220px}
}
@media(max-width:980px){
  .ecosystem-map-section{padding-top:42px}
  .ecosystem-heading h2.ecosystem-title{font-size:clamp(30px,7vw,44px)}
  .ecosystem-map-shell{padding:18px}
  .ecosystem-map{min-height:auto;padding-top:132px}
  .ecosystem-core{min-width:220px;min-height:74px}
  .eco-node{font-size:11px;min-height:62px}
}
@media(max-width:640px){
  .ecosystem-map-shell{padding:14px}
  .ecosystem-map{padding-top:122px}
  .ecosystem-core{min-width:208px;min-height:70px;padding:14px 20px}
  .ecosystem-core span{font-size:22px}
}

/* =========================================================
   VERSION 35 — ecosystem section fit-to-one-screen
   ========================================================= */
.ecosystem-map-section{padding-top:36px;padding-bottom:42px}
.ecosystem-heading{max-width:1180px;margin-bottom:8px}
.ecosystem-heading .kicker{margin-bottom:6px}
.ecosystem-heading h2.ecosystem-title{
  font-size:clamp(24px,2.65vw,38px);
  line-height:1.02;
  letter-spacing:-.025em;
  max-width:920px;
  margin:0 0 6px;
}
.ecosystem-map-shell{margin-top:8px;padding:14px 16px 16px;border-radius:30px;overflow:hidden}
.ecosystem-map{min-height:590px;border-radius:24px}
.ecosystem-core{min-width:230px;min-height:72px;padding:14px 24px;border-radius:22px}
.ecosystem-core span{font-size:clamp(22px,2.6vw,34px);letter-spacing:.01em}
.eco-path{stroke-width:1.85;stroke-dasharray:8 12}
.eco-node{min-height:46px;padding:9px 14px;border-radius:16px;font-size:10.8px;line-height:1.08;letter-spacing:.035em}
.eco-node.w-sm{width:108px}
.eco-node.w-md{width:142px}
.eco-node.w-lg{width:178px}
.eco-node.w-xl{width:218px}
@media (max-width:1180px){
  .ecosystem-heading h2.ecosystem-title{font-size:clamp(23px,2.9vw,34px);max-width:860px}
  .ecosystem-map{min-height:566px}
  .eco-node{font-size:10.2px;padding:8px 12px}
  .eco-node.w-sm{width:104px}
  .eco-node.w-md{width:136px}
  .eco-node.w-lg{width:170px}
  .eco-node.w-xl{width:208px}
}
@media (max-width:980px){
  .ecosystem-map-section{padding-top:38px;padding-bottom:38px}
  .ecosystem-heading h2.ecosystem-title{font-size:clamp(28px,6vw,40px);max-width:none}
  .ecosystem-map-shell{padding:16px}
  .ecosystem-map{min-height:auto}
}

/* =========================================================
   VERSION 54 — fixed cinematic patina + scrolling content
   The approved design stays intact. Only the master background
   becomes a separate viewport-fixed layer, while page content
   scrolls above it like on the reference site.
   ========================================================= */
html{
  background:#061f18 !important;
}
body{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  background:transparent !important;
  background-image:none !important;
}
.site-fixed-bg{
  position:fixed;
  inset:-2px;
  z-index:-20;
  pointer-events:none;
  background-image:
    radial-gradient(1150px 760px at var(--mx,50%) var(--my,28%),rgba(46,129,101,.12),transparent 62%),
    linear-gradient(180deg,rgba(3,27,21,.28),rgba(2,24,19,.43)),
    url('bg-patina-premium-screen.jpg');
  background-size:auto,cover,cover;
  background-position:center,center,center;
  background-repeat:no-repeat;
  transform:translateZ(0) scale(1.004);
  will-change:transform;
}
/* A single static texture is visible through every screen. */
.hero,.page-hero,.section,.section.light,.academy-section,.retreat-history,
.about-page-redraw .about-bio,.about-page-redraw .about-recognition,
.ecosystem-map-section{
  background-image:none !important;
  background-color:transparent !important;
  background-attachment:scroll !important;
}
/* Keep the approved depth/tone with translucent overlays, not new textures. */
.hero::before{
  background:linear-gradient(90deg,rgba(2,24,19,.70),rgba(3,30,24,.40) 48%,rgba(3,30,24,.20) 72%,rgba(2,24,19,.46)) !important;
}
.page-hero::before{
  background:
    linear-gradient(90deg,rgba(2,24,19,.74) 0%,rgba(3,29,23,.50) 48%,rgba(3,30,24,.23) 74%,rgba(2,24,19,.43) 100%),
    radial-gradient(circle at 78% 38%,rgba(37,111,88,.12),transparent 35%) !important;
}
.section.light::before{display:none !important}

/* Cinematic entrance for complete page screens. This animates wrappers only,
   so approved cards, tilts, arrows and compositions keep their own transforms. */
.motion-screen > .container{
  opacity:0;
  transform:translate3d(0,34px,0);
  filter:blur(2px);
  transition:
    opacity .82s cubic-bezier(.2,.72,.2,1),
    transform .92s cubic-bezier(.2,.72,.2,1),
    filter .75s ease;
  will-change:opacity,transform,filter;
}
.motion-screen.motion-visible > .container{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:none;
}
/* The first visible screen should not wait for scrolling. */
.motion-screen.motion-first > .container{
  transition-duration:.72s,.86s,.65s;
}

/* Mild depth for large approved visual groups while the page scrolls. */
.scroll-depth{
  transform:translate3d(0,var(--depth-y,0px),0);
  transition:transform .12s linear;
  will-change:transform;
}

@media(max-width:900px){
  .site-fixed-bg{
    /* real fixed layer works on mobile too; no background-attachment dependency */
    background-size:auto,cover,cover;
    background-position:center,center,center;
  }
  .motion-screen > .container{
    transform:translate3d(0,22px,0);
    filter:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .motion-screen > .container{opacity:1!important;transform:none!important;filter:none!important}
  .scroll-depth{transform:none!important}
}


/* =========================================================
   VERSION 55 — approved one-screen needs map
   Keep all typography sizes; make all seven gold cards equal
   and more compact so the complete block fits one viewport.
   ========================================================= */
@media (min-width:901px){
  .section-needs{
    min-height:100svh !important;
    padding:72px 0 34px !important;
  }
  .section-needs .needs-top{
    gap:16px !important;
    margin-bottom:14px !important;
  }
  .section-needs .needs-grid{
    gap:16px !important;
  }
  .section-needs .needs-card,
  .section-needs .needs-card-featured{
    min-height:180px !important;
    height:180px !important;
    padding:20px 24px 18px !important;
  }
  .section-needs .needs-card .icon{
    top:20px !important;
    left:24px !important;
  }
  .section-needs .needs-card h3{
    top:27px !important;
    left:110px !important;
    right:20px !important;
    /* approved font size intentionally preserved */
  }
  .section-needs .needs-card p{
    margin-top:70px !important;
    min-height:0 !important;
    line-height:1.32 !important;
    /* approved 15px font size intentionally preserved */
  }
}


/* =========================================================
   VERSION 56 — keep approved compact cards, move need descriptions up
   No typography size changes: only vertical fit correction.
   ========================================================= */
@media (min-width:901px){
  .section-needs .needs-card p{
    margin-top:52px !important;
    min-height:0 !important;
    display:block !important;
    align-items:initial !important;
    line-height:1.28 !important;
  }
}


/* =========================================================
   VERSION 57 — final fit correction for seven need cards
   Keep approved typography. Increase card height only enough
   to show every description in full, and reclaim vertical room
   from spacing so the whole block remains a single-screen layout.
   ========================================================= */
@media (min-width:901px){
  .section-needs{
    padding:58px 0 24px !important;
  }
  .section-needs .needs-top{
    gap:14px !important;
    margin-bottom:12px !important;
  }
  .section-needs .needs-grid{
    gap:12px 16px !important;
  }
  .section-needs .needs-card,
  .section-needs .needs-card-featured{
    min-height:198px !important;
    height:198px !important;
    padding:18px 24px 18px !important;
  }
  .section-needs .needs-card .icon{
    top:18px !important;
    left:24px !important;
  }
  .section-needs .needs-card h3{
    top:25px !important;
    left:110px !important;
    right:20px !important;
  }
  .section-needs .needs-card p{
    margin-top:48px !important;
    padding-right:4px !important;
    line-height:1.26 !important;
    overflow:visible !important;
  }
}

/* Universal back navigation */
.global-back-btn{position:fixed;left:22px;top:22px;z-index:10000;display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;border:1px solid rgba(244,217,145,.22);background:rgba(3,36,29,.82);backdrop-filter:blur(16px);color:#f4d991;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.22)}.global-back-btn:hover{background:rgba(11,76,63,.92)}
@media(max-width:700px){.global-back-btn{left:12px;top:12px;padding:8px 12px;font-size:11px}}
@media print{.global-back-btn{display:none!important}}

/* VERSION 69 — every premium gold button turns silver on hover */
.btn-3d:hover,.btn-glass:hover,.hero-actions .btn-3d:hover,.hero-actions .btn-glass:hover{
  color:#243039!important;
  border-color:rgba(255,255,255,.98)!important;
  background:
    radial-gradient(78% 120% at 12% 8%,rgba(255,255,255,1) 0%,rgba(255,255,255,.72) 18%,rgba(255,255,255,0) 36%),
    radial-gradient(90% 88% at 85% 84%,rgba(245,247,249,.82) 0%,rgba(245,247,249,0) 46%),
    linear-gradient(104deg,#61666b 0%,#e0e3e6 10%,#ffffff 22%,#b7bbc0 36%,#8f9499 50%,#d7dade 69%,#ffffff 83%,#9ca1a6 100%)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,1),inset 0 -10px 14px rgba(62,67,72,.20),inset 0 0 0 1px rgba(255,255,255,.42),0 10px 0 #5f6468,0 24px 42px rgba(0,0,0,.31),0 0 40px rgba(230,235,240,.20)!important;
}


/* =========================================================
   VERSION 74 — proportional narrow-screen composition
   Compact floating mobile menu, preserved ecosystem diagram,
   and smaller horizontal action groups instead of reflowing.
   ========================================================= */
@media(max-width:1240px){
  .site-header{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    z-index:6500!important;
    padding:8px 0!important;
    background:rgba(3,28,23,.72)!important;
    backdrop-filter:blur(18px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  }
  .header-inner{min-height:52px!important;position:relative!important}
  .menu-toggle{
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:fixed!important;top:10px!important;right:12px!important;z-index:7100!important;
    width:44px!important;height:44px!important;margin:0!important;border-radius:14px!important;
    background:rgba(4,42,34,.72)!important;border:1px solid rgba(241,213,138,.28)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.26)!important;
    color:var(--gold-bright)!important;font-size:21px!important;line-height:1!important;
  }
  .main-nav{
    display:flex!important;
    position:fixed!important;
    top:62px!important;right:12px!important;left:auto!important;
    width:min(226px,calc(100vw - 24px))!important;
    max-height:calc(100svh - 76px)!important;
    overflow:auto!important;
    margin:0!important;padding:8px!important;gap:2px!important;
    flex-direction:column!important;align-items:stretch!important;
    border-radius:18px!important;
    background:rgba(3,36,29,.76)!important;
    border:1px solid rgba(240,213,139,.20)!important;
    backdrop-filter:blur(22px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
    box-shadow:0 22px 65px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.06)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(-8px) scale(.96)!important;transform-origin:top right!important;
    transition:opacity .18s ease,transform .22s ease,visibility .18s ease!important;
  }
  .main-nav.open{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }
  .main-nav.nav-scrolling{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px) scale(.96)!important;filter:none!important}
  .main-nav.open.nav-scrolling{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}
  .main-nav a{
    padding:8px 10px!important;border-radius:11px!important;
    font-size:10.5px!important;line-height:1.2!important;white-space:nowrap!important;
    background:transparent!important;
  }
  .main-nav a:hover,.main-nav a.active{background:rgba(255,255,255,.075)!important}
  .brand{max-width:calc(100% - 58px)!important}
  .brand-mark{width:43px!important;height:43px!important}.brand-mark img{height:43px!important}
  .brand-copy strong{font-size:clamp(18px,3.1vw,23px)!important}.brand-copy span{font-size:7.5px!important}
}

/* Keep action groups horizontal and scale the controls themselves. */
@media(max-width:900px){
  .btn-3d,.btn-glass{
    width:auto!important;min-width:0!important;min-height:44px!important;
    padding:0 15px!important;border-radius:14px!important;
    font-size:10px!important;letter-spacing:.035em!important;
  }
  .hero-actions,.contact-actions,.application-actions,.scanner-actions{
    flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
    flex-wrap:nowrap!important;gap:8px!important;
  }
  .hero-actions .btn-3d,.hero-actions .btn-glass,
  .contact-actions .btn-3d,.contact-actions .btn-glass,
  .application-actions .btn-3d,.application-actions .btn-glass,
  .scanner-actions .btn-3d,.scanner-actions .btn-glass{
    width:auto!important;min-width:0!important;flex:0 1 auto!important;
  }
  .contact-panel{grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;padding:26px 24px!important}
  .contact-actions{max-width:46vw!important}
  .application-page .application-actions{justify-content:center!important}
  .application-page .application-step[data-step="4"] .application-actions{justify-content:space-between!important}
}
@media(max-width:620px){
  .btn-3d,.btn-glass{min-height:38px!important;padding:0 10px!important;border-radius:12px!important;font-size:8.5px!important;gap:6px!important}
  .hero-actions,.contact-actions,.application-actions,.scanner-actions{gap:6px!important}
  .contact-panel{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding:20px 16px!important}
  .contact-panel h2{font-size:clamp(28px,8vw,38px)!important}.contact-panel p{font-size:11px!important}
  .contact-actions{max-width:44vw!important}
  .global-back-btn{top:70px!important;left:10px!important;padding:7px 10px!important;font-size:9px!important}
}

/* Preserve the approved ecosystem as a diagram at every viewport width. */
.home-ecosystem .ecosystem-map{container-type:inline-size}
@media(max-width:980px){
  .home-ecosystem.ecosystem-map-section{padding-top:28px!important;padding-bottom:30px!important}
  .home-ecosystem .ecosystem-heading h2.ecosystem-title{font-size:clamp(20px,4.2vw,32px)!important;max-width:920px!important}
  .home-ecosystem .ecosystem-map-shell{padding:8px!important;overflow:hidden!important}
  .home-ecosystem .ecosystem-map{
    position:relative!important;display:block!important;grid-template-columns:none!important;gap:0!important;
    width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1200 / 590!important;
    padding:0!important;border-radius:18px!important;overflow:hidden!important;
    background:radial-gradient(circle at 50% 52%,rgba(28,111,89,.12),transparent 26%),radial-gradient(circle at 18% 12%,rgba(240,213,139,.06),transparent 26%),radial-gradient(circle at 84% 18%,rgba(240,213,139,.05),transparent 20%),radial-gradient(circle at 80% 80%,rgba(240,213,139,.05),transparent 22%)!important;
  }
  .home-ecosystem .ecosystem-lines{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  .home-ecosystem .ecosystem-core{
    position:absolute!important;left:50%!important;top:52.7%!important;transform:translate(-50%,-50%)!important;
    min-width:clamp(80px,19.2cqw,230px)!important;min-height:clamp(28px,6cqw,72px)!important;
    padding:clamp(4px,1.16cqw,14px) clamp(8px,2cqw,24px)!important;border-radius:clamp(8px,1.8cqw,22px)!important;
  }
  .home-ecosystem .ecosystem-core::before{inset:clamp(3px,.83cqw,10px)!important;border-radius:clamp(6px,1.5cqw,18px)!important}
  .home-ecosystem .ecosystem-core span{font-size:clamp(9px,2.6cqw,34px)!important}
  .home-ecosystem .eco-node{
    position:absolute!important;left:var(--x)!important;top:var(--y)!important;transform:translate(-50%,-50%)!important;
    min-height:clamp(18px,3.83cqw,46px)!important;padding:clamp(3px,.75cqw,9px) clamp(4px,1.16cqw,14px)!important;
    border-radius:clamp(6px,1.33cqw,16px)!important;font-size:clamp(5.2px,.9cqw,10.8px)!important;line-height:1.04!important;
  }
  .home-ecosystem .eco-node.w-sm{width:clamp(36px,9cqw,108px)!important}
  .home-ecosystem .eco-node.w-md{width:clamp(46px,11.83cqw,142px)!important}
  .home-ecosystem .eco-node.w-lg{width:clamp(58px,14.83cqw,178px)!important}
  .home-ecosystem .eco-node.w-xl{width:clamp(70px,18.16cqw,218px)!important}
}
@media(max-width:520px){
  .home-ecosystem .ecosystem-map-shell{padding:5px!important;border-radius:18px!important}
  .home-ecosystem .ecosystem-heading{margin-bottom:5px!important}
  .home-ecosystem .ecosystem-heading h2.ecosystem-title{font-size:18px!important;line-height:1.05!important}
  .home-ecosystem .eco-node{box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 -4px 6px rgba(125,81,14,.15),0 2px 0 #7d5414,0 5px 10px rgba(0,18,14,.18)!important}
}


/* v74.1 — local back button and proportional home opening */
.application-card{position:relative}
.application-site-back{
  position:absolute;left:18px;top:16px;z-index:5;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:0 12px;border-radius:999px;
  border:1px solid rgba(244,217,145,.24);background:rgba(3,36,29,.48);
  color:var(--gold-pale);font-size:10px;font-weight:800;cursor:pointer;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.application-site-back:hover{background:rgba(255,255,255,.11)}
@media(max-width:900px){
  .btn-full,.ticket-type-card button,.registration-form .btn-full,.admin-login .btn-full,.checkin-login .btn-full{width:100%!important}
  .hero{padding:82px 0 24px!important;min-height:100svh!important}
  .hero-grid{grid-template-columns:1.08fr .92fr!important;gap:clamp(10px,2.7vw,24px)!important;min-height:calc(100svh - 106px)!important;align-items:center!important}
  .hero-copy{min-width:0!important}.hero-stage{min-width:0!important;min-height:0!important;height:auto!important;max-height:none!important}
  .hero-brandline{width:100%!important;max-width:100%!important}
  .hero h1{font-size:clamp(24px,6.1vw,46px)!important;line-height:.92!important;margin:10px 0 12px!important;max-width:none!important}
  .hero-lead{font-size:clamp(9px,1.8vw,13px)!important;line-height:1.45!important;margin-bottom:10px!important}
  .hero-actions{margin-top:14px!important}.hero-note{margin-top:12px!important;font-size:clamp(6px,1.2vw,9px)!important;gap:6px!important;letter-spacing:.07em!important}.hero-note span{width:24px!important}
  .portrait-stack{width:min(100%,260px)!important}.portrait-name{font-size:clamp(15px,3.7vw,27px)!important;margin-top:7px!important}
  .portrait-card{border-radius:22px!important;padding:6px!important}.portrait-card img{border-radius:17px!important}
  .floating-shield{width:clamp(48px,10vw,92px)!important;height:clamp(58px,12vw,106px)!important;padding:6px!important;left:-4px!important;bottom:12px!important;border-radius:18px!important}
  .floating-pill{font-size:clamp(7px,1.6vw,12px)!important;padding:7px 9px!important;right:-2px!important;top:24px!important;border-radius:10px!important}
  .ring{width:min(35vw,300px)!important;height:min(35vw,300px)!important}
}
@media(max-width:520px){
  .application-site-back{left:10px;top:10px;min-height:29px;padding:0 9px;font-size:8px}
  .application-progress{padding-left:54px!important}
  .hero{padding-top:68px!important}
  .hero-grid{grid-template-columns:1.08fr .92fr!important;gap:7px!important}
  .hero h1{font-size:clamp(20px,6.2vw,28px)!important}.hero-lead{font-size:8.5px!important;line-height:1.38!important}
  .hero-actions .btn-3d,.hero-actions .btn-glass{font-size:7.4px!important;padding:0 8px!important;min-height:34px!important}
  .portrait-stack{width:100%!important}.portrait-name{font-size:14px!important}.ring{width:155px!important;height:155px!important}
}


/* =========================================================
   VERSION 75 — single compact navigation state + funnel back
   ========================================================= */
@media(max-width:1240px){
  /* At compact widths the only navigation entry point is the hamburger. */
  .scroll-nav-host{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .site-header .main-nav:not(.open){opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px) scale(.96)!important}
  .site-header .main-nav.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}
}
@media(min-width:1241px){
  .menu-toggle{display:none!important}
  .site-header .main-nav{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
}
.application-page .application-first-actions{justify-content:center!important;gap:10px!important;margin-top:20px!important}
.application-page .application-first-actions .btn-glass,
.application-page .application-first-actions .btn-3d{min-width:118px!important}
@media(max-width:620px){
  .application-page .application-progress{padding-left:0!important}
  .application-page .application-first-actions{justify-content:center!important;gap:7px!important}
  .application-page .application-first-actions .btn-glass,
  .application-page .application-first-actions .btn-3d{min-width:96px!important}
}

/* =========================================================
   VERSION 76 — compact header + composed narrow-screen alignment
   ========================================================= */
@media(max-width:1240px){
  /* Never allow the compact header to become a tall empty band. */
  .site-header{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    padding:7px 0!important;
    display:block!important;
    overflow:visible!important;
    background:rgba(3,28,23,.82)!important;
  }
  .site-header .header-inner{
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:0!important;
    align-items:center!important;
  }
  .site-header .brand{
    height:50px!important;
    min-height:50px!important;
    align-items:center!important;
  }
  .site-header .brand-mark{width:42px!important;height:42px!important}
  .site-header .brand-mark img{height:42px!important}
  .site-header .menu-toggle{top:11px!important}
  /* The compact menu is never part of document flow. */
  .site-header .main-nav{
    position:fixed!important;
    top:64px!important;
    right:12px!important;
    left:auto!important;
    width:min(224px,calc(100vw - 24px))!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100svh - 78px)!important;
  }
  .scroll-nav-host{display:none!important}
}

/* Narrow screens: center presentation/brand statements, keep working content readable. */
@media(max-width:760px){
  .container{width:min(100% - 24px,1320px)!important}

  /* Opening and presentation blocks */
  .hero-copy,
  .page-hero-grid>div:first-child,
  .section-heading,
  .ecosystem-heading,
  .statement>div:last-child,
  .application-step:not([data-step="4"]),
  .recognition-copy,
  .special-registration-head{
    text-align:center!important;
  }
  .hero-brandline,
  .page-hero-grid>div:first-child>*,
  .section-heading>*,
  .ecosystem-heading>*,
  .statement>div:last-child>*,
  .recognition-copy>*{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .hero-actions,
  .page-hero .hero-actions,
  .statement .hero-actions,
  .statement>div:last-child .btn-3d,
  .application-step:not([data-step="4"]) .application-actions{
    justify-content:center!important;
  }
  .hero-note{justify-content:center!important}
  .hero-note span{display:none!important}
  .page-hero-grid{justify-items:center!important}
  .page-mark-wrap{margin-left:auto!important;margin-right:auto!important}
  .quote{max-width:620px!important;margin-left:auto!important;margin-right:auto!important}
  .kicker{justify-content:center!important}

  /* Footer branding is centered; navigation columns stay easy to scan. */
  .footer-brand{text-align:center!important}
  .footer-brand img{margin-left:auto!important;margin-right:auto!important}
  .footer-brand p{margin-left:auto!important;margin-right:auto!important}

  /* Functional copy should remain left-aligned. */
  .registration-form,
  .application-step[data-step="4"],
  .application-contact-grid,
  .application-summary,
  .admin-v2-main,
  .admin-table,
  .legal-card,
  .story-panel,
  .event-info-card,
  .ticket-type-card{
    text-align:left!important;
  }
}

@media(max-width:520px){
  .site-header{height:62px!important;min-height:62px!important;max-height:62px!important;padding:5px 0!important}
  .site-header .header-inner{height:50px!important;min-height:50px!important;max-height:50px!important}
  .site-header .brand{height:46px!important;min-height:46px!important}
  .site-header .brand-mark{width:38px!important;height:38px!important}.site-header .brand-mark img{height:38px!important}
  .site-header .brand-copy strong{font-size:18px!important}
  .site-header .menu-toggle{top:8px!important;right:10px!important;width:42px!important;height:42px!important}
  .site-header .main-nav{top:57px!important;right:10px!important;width:min(214px,calc(100vw - 20px))!important}
  .hero{padding-top:66px!important}
  .page-hero{padding-top:78px!important}
  .hero-copy{text-align:center!important}
  .hero-brandline{margin-left:auto!important;margin-right:auto!important}
  .hero-lead{margin-left:auto!important;margin-right:auto!important}
  .hero-actions{justify-content:center!important}
}

/* =========================================================
   VERSION 77 — global narrow-screen polish
   ========================================================= */
@media(max-width:1100px){
  /* Footer brand is a visual signature: center it as soon as layout becomes compact. */
  .site-footer .footer-grid{grid-template-columns:1fr!important;gap:34px!important}
  .site-footer .footer-brand{text-align:center!important;justify-items:center!important}
  .site-footer .footer-brand img{display:block!important;margin-left:auto!important;margin-right:auto!important}
  .site-footer .footer-brand p{max-width:520px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  .site-footer .footer-bottom{justify-content:center!important;align-items:center!important;text-align:center!important;flex-wrap:wrap!important}

  /* Global quick actions become one centered dock instead of sticking to screen edges. */
  .global-quick-dock{
    position:fixed!important;left:50%!important;right:auto!important;bottom:10px!important;z-index:9998!important;
    transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;
    gap:7px!important;width:max-content!important;max-width:calc(100vw - 20px)!important;padding:0!important;
  }
  .global-quick-dock .admin-quick-access,
  .global-quick-dock .apply-quick-access{
    position:static!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
    margin:0!important;min-height:36px!important;padding:8px 12px!important;border-radius:999px!important;
    font-size:9.5px!important;line-height:1!important;white-space:nowrap!important;
  }
  .global-quick-dock .apply-quick-access:hover,
  .global-quick-dock .admin-quick-access:hover{transform:translateY(-2px)!important}
}

@media(max-width:700px){
  .site-footer{padding:44px 0 68px!important}
  .site-footer .footer-grid{gap:26px!important;margin-bottom:30px!important}
  .site-footer .footer-brand img{width:min(180px,58vw)!important}
  .site-footer .footer-brand p{font-size:11px!important;line-height:1.5!important;max-width:360px!important}
  .site-footer .footer-links{gap:14px!important}
  .site-footer .footer-bottom{gap:8px!important;font-size:8.5px!important}
  .global-quick-dock{bottom:8px!important;gap:5px!important}
  .global-quick-dock .admin-quick-access,
  .global-quick-dock .apply-quick-access{min-height:32px!important;padding:7px 10px!important;font-size:8.5px!important}
}

/* =========================================================
   VERSION 78 — philosophy block always scales as one composition
   ========================================================= */
@media(max-width:900px){
  /* Never stack the shield and philosophy text. Preserve the approved two-part composition. */
  .statement{
    display:grid!important;
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;
    gap:clamp(10px,3vw,30px)!important;
    align-items:center!important;
    width:100%!important;
  }
  .statement .shield-stage{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    display:grid!important;
    place-items:center!important;
  }
  .statement .shield-stage::before{
    width:82%!important;
    height:82%!important;
    max-width:380px!important;
    max-height:380px!important;
    box-shadow:0 0 0 clamp(18px,4.8vw,45px) rgba(237,210,136,.018),0 0 0 clamp(36px,9.2vw,90px) rgba(237,210,136,.01)!important;
  }
  .statement .shield-stage img{
    width:min(72%,310px)!important;
    max-width:100%!important;
    height:auto!important;
  }
  .statement .shield-stage::after{
    width:min(72%,310px)!important;
    height:min(82%,350px)!important;
  }
  .statement>div:last-child{
    min-width:0!important;
    text-align:left!important;
  }
  .statement>div:last-child>*{
    margin-left:0!important;
    margin-right:0!important;
  }
  .statement .kicker{
    justify-content:flex-start!important;
    font-size:clamp(7px,1.25vw,10px)!important;
    margin-bottom:clamp(5px,1vw,10px)!important;
  }
  .statement .quote{
    max-width:none!important;
    margin:clamp(5px,1.2vw,12px) 0 clamp(10px,2.1vw,22px)!important;
    font-size:clamp(19px,4.45vw,43px)!important;
    line-height:.98!important;
    letter-spacing:-.025em!important;
  }
  .statement .btn-3d{
    min-height:clamp(34px,5.2vw,48px)!important;
    padding:0 clamp(10px,2vw,20px)!important;
    font-size:clamp(7px,1.2vw,10px)!important;
    border-radius:clamp(11px,1.8vw,18px)!important;
  }
}

@media(max-width:520px){
  .statement{
    grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)!important;
    gap:8px!important;
  }
  .statement .shield-stage::before{
    width:80%!important;
    height:80%!important;
    box-shadow:0 0 0 14px rgba(237,210,136,.018),0 0 0 28px rgba(237,210,136,.01)!important;
  }
  .statement .shield-stage img{width:74%!important}
  .statement .shield-stage::after{width:74%!important;height:82%!important}
  .statement .kicker{font-size:6.5px!important;margin-bottom:4px!important}
  .statement .quote{font-size:clamp(16px,4.7vw,22px)!important;margin:4px 0 9px!important;line-height:1!important}
  .statement .btn-3d{min-height:31px!important;padding:0 8px!important;font-size:6.7px!important;border-radius:10px!important}
}

/* =========================================================
   VERSION 79 — narrow-screen vertical rhythm follows content
   The content and its outer screen shrink together. No full-
   viewport empty bands around already scaled compositions.
   ========================================================= */
@media(max-width:900px){
  /* Home opening: preserve approved two-column composition, but stop
     reserving a full viewport after the composition has scaled down. */
  body:not(.application-page) .hero{
    min-height:auto!important;
    height:auto!important;
    padding:clamp(76px,8vw,88px) 0 clamp(30px,5vw,46px)!important;
    align-items:center!important;
  }
  body:not(.application-page) .hero-grid{
    min-height:0!important;
    height:auto!important;
    align-items:center!important;
  }
  body:not(.application-page) .hero-copy,
  body:not(.application-page) .hero-stage{
    align-self:center!important;
  }
}

@media(max-width:760px){
  /* Inner-page opening screens must also follow their actual composition
     rather than leaving a mostly empty 100svh canvas on narrow devices. */
  .page-hero{
    min-height:auto!important;
    height:auto!important;
    padding:clamp(82px,11vw,98px) 0 clamp(38px,7vw,56px)!important;
  }
  .page-hero-grid{min-height:0!important;height:auto!important}

  /* Generic content sections already switch away from 100svh in legacy CSS;
     tighten only the excess vertical padding at truly narrow widths. */
  .section,
  .section.compact{
    min-height:auto!important;
    height:auto!important;
    padding-top:clamp(40px,7vw,58px)!important;
    padding-bottom:clamp(40px,7vw,58px)!important;
  }
}

@media(max-width:520px){
  body:not(.application-page) .hero{
    padding-top:68px!important;
    padding-bottom:24px!important;
  }
  body:not(.application-page) .hero-grid{
    gap:clamp(5px,1.8vw,8px)!important;
  }
  .page-hero{
    padding-top:72px!important;
    padding-bottom:32px!important;
  }
  .section,
  .section.compact{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
}

/* =========================================================
   VERSION 80 — one proportional compact mode + fixed 3-column footer
   At compact widths the outer section follows the scaled content.
   ========================================================= */
@media(max-width:1240px){
  /* Public screens must not keep desktop 100svh after their content has scaled. */
  body:not(.admin-v2-page):not(.checkin-page) .hero,
  body:not(.admin-v2-page):not(.checkin-page) .page-hero,
  body:not(.admin-v2-page):not(.checkin-page) .section,
  body:not(.admin-v2-page):not(.checkin-page) .section.compact{
    min-height:0!important;
    height:auto!important;
  }
  body:not(.admin-v2-page):not(.checkin-page) .hero{
    padding-top:clamp(78px,7.2vw,92px)!important;
    padding-bottom:clamp(24px,3.8vw,42px)!important;
  }
  body:not(.admin-v2-page):not(.checkin-page) .hero-grid{
    min-height:0!important;
    height:auto!important;
  }
  body:not(.admin-v2-page):not(.checkin-page) .page-hero{
    padding-top:clamp(82px,7.8vw,104px)!important;
    padding-bottom:clamp(34px,4.8vw,58px)!important;
  }
  body:not(.admin-v2-page):not(.checkin-page) .section,
  body:not(.admin-v2-page):not(.checkin-page) .section.compact{
    padding-top:clamp(36px,4.7vw,62px)!important;
    padding-bottom:clamp(36px,4.7vw,62px)!important;
  }

  /* Other public full-height shells follow their actual content too. */
  .event-hero,
  .special-registration-shell,
  .test-payment-shell,
  .application-shell,
  .legal-shell,
  .ticket-shell{
    min-height:0!important;
    height:auto!important;
  }
  .event-hero{padding-top:clamp(82px,7.8vw,104px)!important;padding-bottom:clamp(34px,4.8vw,58px)!important}
  .special-registration-shell,
  .test-payment-shell,
  .legal-shell,
  .ticket-shell{padding-top:clamp(82px,7.8vw,104px)!important;padding-bottom:clamp(36px,5vw,60px)!important}
  .application-shell{padding-top:clamp(86px,8vw,108px)!important;padding-bottom:clamp(32px,4.5vw,54px)!important;align-items:flex-start!important}

  /* Footer navigation: ALWAYS three columns, centered as one composition. */
  .site-footer .footer-grid{
    grid-template-columns:1fr!important;
    gap:clamp(22px,3.4vw,36px)!important;
  }
  .site-footer .footer-links{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:clamp(10px,2.6vw,28px)!important;
    width:min(100%,760px)!important;
    max-width:760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:start!important;
    justify-content:center!important;
  }
  .site-footer .footer-links>div{
    min-width:0!important;
    text-align:center!important;
  }
  .site-footer .footer-links h4{
    font-size:clamp(7px,.86vw,9px)!important;
    letter-spacing:clamp(.08em,.13vw,.17em)!important;
    margin-bottom:clamp(7px,1vw,13px)!important;
    white-space:normal!important;
  }
  .site-footer .footer-links a{
    margin:clamp(5px,.75vw,8px) 0!important;
    font-size:clamp(9px,1.08vw,12px)!important;
    line-height:1.3!important;
    transform:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}

@media(max-width:760px){
  body:not(.admin-v2-page):not(.checkin-page) .hero{padding-top:72px!important;padding-bottom:24px!important}
  body:not(.admin-v2-page):not(.checkin-page) .page-hero{padding-top:76px!important;padding-bottom:30px!important}
  body:not(.admin-v2-page):not(.checkin-page) .section,
  body:not(.admin-v2-page):not(.checkin-page) .section.compact{padding-top:30px!important;padding-bottom:30px!important}
  .event-hero,.special-registration-shell,.test-payment-shell,.legal-shell,.ticket-shell{padding-top:76px!important;padding-bottom:32px!important}
  .application-shell{padding-top:78px!important;padding-bottom:28px!important}

  .site-footer{padding-top:36px!important;padding-bottom:64px!important}
  .site-footer .footer-grid{gap:20px!important;margin-bottom:24px!important}
  .site-footer .footer-links{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
  .site-footer .footer-links h4{font-size:7.2px!important;letter-spacing:.08em!important;margin-bottom:7px!important}
  .site-footer .footer-links a{font-size:9px!important;margin:5px 0!important;line-height:1.25!important}
}

@media(max-width:520px){
  /* Even on a phone the three footer groups stay side by side. */
  .site-footer .footer-links{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  .site-footer .footer-links h4{font-size:6.2px!important;letter-spacing:.04em!important}
  .site-footer .footer-links a{font-size:7.5px!important;line-height:1.22!important;margin:4px 0!important}
  .site-footer .footer-brand img{width:min(150px,46vw)!important}
  .site-footer .footer-brand p{font-size:9px!important;line-height:1.42!important;max-width:300px!important}
}

/* =========================================================
   VERSION 81 — MASTER PROPORTIONAL RESPONSIVE LAYER
   One composition at every width: compact, centered, no sudden stacking.
   This layer intentionally overrides legacy breakpoint experiments above.
   ========================================================= */
:root{--compact-gap:clamp(8px,2.2vw,28px)}

@media(max-width:1240px){
  html,body{overflow-x:hidden!important}
  .container{width:min(94vw,1240px)!important;max-width:94vw!important;margin-inline:auto!important}
  main>.hero,main>.page-hero,main>.section,main>section,
  .section,.section.compact,.academy-section,.retreat-history{
    min-height:0!important;height:auto!important;
  }
  .section,.section.compact,.academy-section,.retreat-history{
    padding-block:clamp(28px,4.3vw,58px)!important;
  }
  .page-hero{padding:clamp(78px,7vw,100px) 0 clamp(28px,4vw,52px)!important;min-height:0!important}
  .page-hero-grid{grid-template-columns:minmax(0,1fr) clamp(100px,20vw,230px)!important;gap:clamp(12px,3vw,48px)!important;align-items:center!important}
  .page-mark-wrap{position:static!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:230px!important;justify-self:end!important;align-self:center!important}
  .page-mark{width:100%!important;height:auto!important;opacity:.82!important}
  .page-hero h1{font-size:clamp(42px,7vw,92px)!important;line-height:.88!important;margin-bottom:clamp(10px,2vw,22px)!important}
  .page-hero p{font-size:clamp(12px,1.55vw,17px)!important;line-height:1.45!important;max-width:760px!important}

  /* Structural two-part compositions never collapse into one column. */
  .two-col,.win-core{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;gap:clamp(12px,3vw,48px)!important;align-items:center!important}
  .academy-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;gap:clamp(12px,3vw,42px)!important;align-items:center!important}
  .recognition-card{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:clamp(12px,3vw,34px)!important;align-items:center!important}
  .contact-panel{grid-template-columns:minmax(0,1fr) auto!important;gap:clamp(10px,2.5vw,32px)!important;padding:clamp(18px,3.5vw,44px)!important;align-items:center!important}
  .contact-actions{flex-direction:row!important;flex-wrap:nowrap!important;gap:clamp(6px,1.4vw,13px)!important}
  .history-intro{grid-template-columns:minmax(0,1fr) auto!important;gap:clamp(10px,2.5vw,28px)!important;align-items:end!important}
  .history-intro .btn-3d{grid-column:2!important;grid-row:1/4!important;justify-self:auto!important;align-self:center!important}

  /* Home opening stays one composition. */
  body:not(.application-page) .hero{padding:clamp(72px,6.5vw,92px) 0 clamp(22px,3.5vw,42px)!important;min-height:0!important;height:auto!important}
  body:not(.application-page) .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:clamp(10px,3vw,50px)!important;min-height:0!important;height:auto!important;align-items:center!important}
  body:not(.application-page) .hero-stage{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1!important}
  .hero-stage::before{width:min(88%,540px)!important;height:auto!important;aspect-ratio:1/1!important}
  .portrait-stack{width:min(88%,470px)!important}
  .hero h1{font-size:clamp(34px,5.2vw,78px)!important;line-height:.9!important;margin:clamp(12px,2vw,24px) 0 clamp(10px,1.8vw,24px)!important}
  .hero-lead{font-size:clamp(11px,1.35vw,16px)!important;line-height:1.45!important;margin-bottom:clamp(12px,2vw,28px)!important}
  .hero-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:clamp(6px,1.2vw,12px)!important;flex-wrap:nowrap!important;margin-top:clamp(12px,2vw,28px)!important}
  .hero-actions .btn-3d,.hero-actions .btn-glass,.btn-3d,.btn-glass{width:auto!important;min-width:0!important;min-height:clamp(34px,4.4vw,52px)!important;padding:0 clamp(10px,2vw,24px)!important;font-size:clamp(7px,.95vw,11px)!important;border-radius:clamp(11px,1.5vw,18px)!important;white-space:nowrap!important}
  .hero-note{font-size:clamp(7px,.9vw,10px)!important;margin-top:clamp(10px,1.8vw,22px)!important;letter-spacing:.07em!important}

  /* WINSERFING core must remain text + shield/wordmark side by side. */
  .win-core .kicker{font-size:clamp(7px,1.15vw,13px)!important}
  .win-core .win-core-title{font-size:clamp(18px,3.15vw,44px)!important;line-height:1.02!important;margin-bottom:clamp(8px,1.5vw,20px)!important}
  .win-core .win-intro,.win-core .text-block p,.win-core .gold-list li{font-size:clamp(9px,1.45vw,17px)!important;line-height:1.45!important}
  .win-core .gold-list{gap:clamp(5px,.9vw,12px)!important;margin-top:clamp(8px,1.6vw,20px)!important}
  .win-core .gold-list li{padding-left:clamp(14px,2vw,28px)!important}
  .win-flow-visual{min-height:0!important;height:auto!important;aspect-ratio:.92/1!important;gap:clamp(2px,.7vw,8px)!important;justify-content:center!important}
  .win-flow-shield{width:min(60%,260px)!important;max-width:100%!important;height:auto!important}
  .win-flow-wordmark{width:min(98%,500px)!important;max-width:100%!important;height:auto!important;margin-top:clamp(-10px,-.8vw,-3px)!important}

  /* Preserve card-grid geometry instead of switching layouts abruptly. */
  .portal-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(6px,1.5vw,16px)!important}
  .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(6px,1.5vw,18px)!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(7px,1.5vw,18px)!important}
  .review-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(6px,1.5vw,18px)!important}
  .leader-grid,.history-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(6px,1.5vw,18px)!important}
  .stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(5px,1.3vw,14px)!important}
  .timeline-item{grid-template-columns:clamp(52px,8vw,100px) minmax(0,1fr)!important;gap:clamp(8px,2vw,20px)!important}
  .about-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(7px,1.5vw,16px)!important}
  .recognition-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(6px,1.5vw,18px)!important}
  .recognition-gallery figure:last-child{grid-column:auto!important}

  /* WINSERFING maps/cards retain their intended multi-column structure. */
  .section-needs .needs-top{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(6px,1.4vw,18px)!important;align-items:stretch!important}
  .section-needs .needs-top .needs-heading{grid-column:1/span 2!important}
  .section-needs .needs-card-featured{grid-column:3!important;width:100%!important}
  .section-needs .needs-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(6px,1.4vw,18px)!important}
  .section-needs .needs-card,.section-needs .needs-card-featured{min-height:clamp(118px,20vw,220px)!important;padding:clamp(10px,2vw,26px)!important}
  .section-needs .needs-card .icon{position:absolute!important;top:clamp(10px,2vw,28px)!important;left:clamp(10px,2vw,26px)!important;width:clamp(28px,4.5vw,52px)!important;height:clamp(28px,4.5vw,52px)!important;font-size:clamp(11px,1.8vw,20px)!important}
  .section-needs .needs-card h3{position:absolute!important;top:clamp(14px,2.5vw,34px)!important;left:clamp(48px,7.7vw,112px)!important;right:clamp(8px,1.5vw,22px)!important;margin:0!important;font-size:clamp(13px,2.5vw,34px)!important}
  .section-needs .needs-card p{margin-top:clamp(52px,8.7vw,92px)!important;min-height:0!important;display:block!important;font-size:clamp(7.5px,1.18vw,14px)!important;line-height:1.35!important;padding:0!important}
  .section-needs .needs-heading h2{font-size:clamp(24px,5vw,62px)!important}
  .section-needs .needs-heading p{font-size:clamp(8px,1.2vw,15px)!important}
  .section-qualities .qualities-top{grid-template-columns:minmax(0,1fr) clamp(150px,27vw,320px)!important;gap:clamp(8px,2vw,24px)!important}
  .section-qualities .qualities-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(5px,1.2vw,14px)!important}

  /* General typography/padding scales with viewport instead of reflowing. */
  .section-heading h2{font-size:clamp(26px,5vw,62px)!important;line-height:.98!important}
  .section-heading p{font-size:clamp(9px,1.25vw,15px)!important;line-height:1.45!important}
  .portal-card,.feature,.product-card,.review-card,.leader-card,.history-card{padding:clamp(12px,2.4vw,30px)!important;min-height:0!important}
  .portal-card h3,.feature h3,.product-card h3,.leader-card h3{font-size:clamp(15px,2.8vw,34px)!important}
  .portal-card p,.feature p,.product-card p,.leader-card p,.history-card p,.review-card small{font-size:clamp(7.5px,1.1vw,13px)!important;line-height:1.4!important}
  .review-card blockquote{font-size:clamp(13px,2.2vw,24px)!important}
  .stat{padding:clamp(10px,2vw,24px)!important}.stat strong{font-size:clamp(22px,4vw,48px)!important}.stat span{font-size:clamp(6px,.8vw,9px)!important}
  .contact-panel h2{font-size:clamp(24px,4.5vw,58px)!important}.contact-panel p{font-size:clamp(8px,1.15vw,14px)!important}

  /* About page remains image + copy, not two separate screens. */
  .about-intro{padding:clamp(78px,7vw,100px) 0 clamp(28px,4.5vw,58px)!important;min-height:0!important}
  .about-intro-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:clamp(12px,3vw,42px)!important;align-items:center!important}
  .about-name{font-size:clamp(34px,6vw,78px)!important}.about-lead{font-size:clamp(10px,1.4vw,17px)!important}

  /* Footer: brand centered, links ALWAYS three columns. */
  .site-footer{padding:clamp(28px,4.2vw,56px) 0 clamp(54px,6vw,72px)!important}
  .site-footer .footer-grid{grid-template-columns:1fr!important;gap:clamp(16px,2.5vw,30px)!important;margin-bottom:clamp(18px,2.8vw,34px)!important}
  .site-footer .footer-brand{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
  .site-footer .footer-brand img{width:clamp(120px,18vw,200px)!important;margin-bottom:clamp(8px,1.5vw,16px)!important}
  .site-footer .footer-brand p{max-width:520px!important;margin-inline:auto!important;font-size:clamp(7.5px,1vw,11px)!important}
  .site-footer .footer-links{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:min(100%,760px)!important;margin-inline:auto!important;gap:clamp(5px,2vw,24px)!important}
  .site-footer .footer-links>div{text-align:center!important;min-width:0!important}
  .site-footer .footer-links h4{font-size:clamp(6px,.8vw,9px)!important;margin-bottom:clamp(5px,1vw,11px)!important}
  .site-footer .footer-links a{font-size:clamp(7px,1vw,11px)!important;margin:clamp(3px,.65vw,7px) 0!important;line-height:1.25!important;overflow-wrap:anywhere!important}
  .site-footer .footer-bottom{flex-direction:row!important;justify-content:center!important;gap:clamp(8px,3vw,28px)!important;text-align:center!important;font-size:clamp(6px,.8vw,9px)!important;flex-wrap:nowrap!important}
}

@media(max-width:900px){
  /* Compact header only; no layout takeover. */
  .site-header{padding:6px 0!important}.header-inner{min-height:56px!important;height:56px!important}
  .brand{gap:7px!important}.brand-mark{width:38px!important;height:38px!important}.brand-mark img{height:38px!important}.brand-copy strong{font-size:clamp(16px,2.8vw,22px)!important}.brand-copy span{display:none!important}
  .menu-toggle{width:42px!important;height:42px!important;font-size:22px!important}

  .container{width:96vw!important;max-width:96vw!important}
  .page-hero{padding-top:70px!important;padding-bottom:22px!important}
  body:not(.application-page) .hero{padding-top:66px!important;padding-bottom:20px!important}
  .section,.section.compact,.academy-section,.retreat-history{padding-block:clamp(20px,4vw,34px)!important}
  .global-back-btn{top:10px!important;left:10px!important;transform:scale(.82);transform-origin:left top!important}

  /* Main nav only opens as floating panel; never takes document space. */
  .main-nav{position:fixed!important;top:64px!important;right:10px!important;left:auto!important;width:min(250px,70vw)!important;max-height:calc(100svh - 78px)!important;overflow:auto!important;padding:8px!important;display:none!important;flex-direction:column!important;align-items:stretch!important;border-radius:18px!important;background:rgba(3,31,25,.88)!important;backdrop-filter:blur(22px)!important;z-index:10050!important}
  .main-nav.open{display:flex!important}.main-nav a{font-size:10px!important;padding:8px 10px!important}
  .scroll-nav-host{display:none!important}

  /* Keep every major grid in its approved geometry. */
  .portal-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .review-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .leader-grid,.history-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .about-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .recognition-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:600px){
  .container{width:97vw!important;max-width:97vw!important}
  .header-inner{height:52px!important;min-height:52px!important}.site-header{padding:4px 0!important}.brand-mark{width:34px!important;height:34px!important}.brand-mark img{height:34px!important}.brand-copy strong{font-size:17px!important}.menu-toggle{width:38px!important;height:38px!important;font-size:20px!important}
  .page-hero{padding-top:62px!important;padding-bottom:18px!important}.page-hero-grid{grid-template-columns:minmax(0,1fr) clamp(76px,22vw,120px)!important;gap:8px!important}.page-hero h1{font-size:clamp(28px,9.5vw,46px)!important}.page-hero p{font-size:clamp(8px,2.5vw,11px)!important}.breadcrumbs{font-size:6.5px!important;margin-bottom:8px!important}
  body:not(.application-page) .hero{padding-top:58px!important;padding-bottom:16px!important}.hero-grid{gap:6px!important}.hero h1{font-size:clamp(25px,8.5vw,42px)!important}.hero-lead{font-size:clamp(8px,2.25vw,11px)!important}.hero-note{font-size:6px!important}.hero-actions .btn-3d,.hero-actions .btn-glass,.btn-3d,.btn-glass{min-height:31px!important;padding-inline:8px!important;font-size:6.8px!important;border-radius:10px!important}
  .section,.section.compact,.academy-section,.retreat-history{padding-block:18px!important}
  .two-col,.win-core{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;gap:7px!important}.win-core .win-core-title{font-size:clamp(14px,4.8vw,22px)!important}.win-core .win-intro,.win-core .text-block p,.win-core .gold-list li{font-size:clamp(7px,2.15vw,10px)!important}.win-flow-shield{width:62%!important}.win-flow-wordmark{width:100%!important}
  .contact-panel{padding:12px!important;gap:7px!important}.contact-panel h2{font-size:clamp(18px,5.5vw,28px)!important}.contact-actions{gap:4px!important}
  .about-intro{padding-top:62px!important;padding-bottom:18px!important}.about-intro-grid{gap:8px!important}.about-name{font-size:clamp(28px,8vw,40px)!important}.about-lead{font-size:8.5px!important}
  .portal-card,.feature,.product-card,.review-card,.leader-card,.history-card{padding:8px!important;border-radius:12px!important}.portal-card h3,.feature h3,.product-card h3,.leader-card h3{font-size:clamp(11px,3.4vw,17px)!important}.portal-card p,.feature p,.product-card p,.leader-card p,.history-card p{font-size:6.5px!important}.review-card blockquote{font-size:10px!important}
  .site-footer{padding-top:24px!important;padding-bottom:58px!important}.site-footer .footer-brand img{width:110px!important}.site-footer .footer-brand p{font-size:7px!important;max-width:270px!important}.site-footer .footer-links{gap:3px!important}.site-footer .footer-links h4{font-size:5.8px!important}.site-footer .footer-links a{font-size:6.8px!important}.site-footer .footer-bottom{font-size:5.5px!important;gap:7px!important}
}


/* v169 — fixed premium shield watermark across the public site. */
body{position:relative;isolation:isolate}
body::before{content:""!important;position:fixed!important;inset:0!important;pointer-events:none!important;z-index:-1!important;opacity:.18!important;background-image:url("shield-pristine.png"),radial-gradient(circle at 20% 30%,rgba(255,255,255,.10) 0 1px,transparent 1.3px),radial-gradient(circle at 80% 55%,rgba(255,238,180,.08) 0 1px,transparent 1.4px)!important;background-repeat:no-repeat,repeat,repeat!important;background-position:center center,0 0,0 0!important;background-size:min(62vw,820px) auto,34px 34px,46px 46px!important;filter:saturate(.78) contrast(.95)!important}
@media(max-width:720px){body::before{opacity:.17!important;background-size:min(86vw,560px) auto,34px 34px,46px 46px!important;background-position:center 48%,0 0,0 0!important}}


/* v171 — visible fixed shield watermark over the premium background and under site content. */
body::before{display:block!important;content:""!important;position:fixed!important;inset:0!important;pointer-events:none!important;z-index:1!important;opacity:.14!important;background-image:url("shield-pristine.png")!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:min(58vw,760px) auto!important;filter:saturate(.72) contrast(.92)!important;mix-blend-mode:soft-light!important}
.site-header{z-index:120!important}.hero>.container,.page-hero>.container,.section>.container,.site-footer>.container{position:relative!important;z-index:3!important}.ambient{z-index:0!important}.cursor-glow{z-index:2!important}
@media(max-width:720px){body::before{display:block!important;opacity:.13!important;background-size:min(84vw,520px) auto!important;background-position:center 47%!important}}


/* =========================================================
   v179 — approved portraits remain 100% opaque above site watermark
   ========================================================= */
.portrait-card,.about-photo-card{z-index:8!important;isolation:isolate!important}
.portrait-card{background:linear-gradient(145deg,rgba(255,247,218,.98),rgba(141,96,22,.76) 34%,rgba(255,237,179,.92) 58%,rgba(103,69,13,.82))!important;border:1px solid rgba(255,246,214,.62)!important;box-shadow:0 40px 100px rgba(0,14,11,.58),0 0 90px rgba(194,150,56,.14)!important}
.portrait-card::before{border:1px solid rgba(255,248,229,.52)!important}
.about-photo-card{background:transparent!important;border:1px solid rgba(255,248,224,.78)!important;box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.25)!important}
.portrait-card>img,.about-photo-card>img{opacity:1!important;mix-blend-mode:normal!important;filter:none!important;position:relative!important;z-index:2!important}


/* v179 review fixes — retreat cards are fully clickable and the weekend note sits by the title. */
.product-card-link{display:block;text-decoration:none;color:inherit;height:100%}
.product-card-link .mini-link{margin-top:20px}
.product-card-title-note{display:block;margin-top:10px;font:700 15px/1.25 var(--sans);letter-spacing:.02em;color:#0b6b57}
@media(max-width:700px){.product-card-title-note{font-size:12px}}


/* v179 hotfix — retreat CTA wording + fully opaque approved portraits above watermark */
.portrait-card,.about-photo-card{position:relative!important;overflow:hidden!important;isolation:isolate!important}
.portrait-card::after,.about-photo-card::after{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;z-index:1!important;background:#20334d!important}
.portrait-card{background:linear-gradient(145deg,rgba(255,247,218,.99),rgba(141,96,22,.84) 34%,rgba(255,237,179,.96) 58%,rgba(103,69,13,.88))!important;border:1px solid rgba(255,246,214,.68)!important;box-shadow:0 40px 100px rgba(0,14,11,.58),0 0 90px rgba(194,150,56,.14)!important}
.portrait-card::before{z-index:4!important;border:1px solid rgba(255,248,229,.58)!important}
.about-photo-card{padding:8px!important;background:linear-gradient(145deg,rgba(255,247,218,.98),rgba(141,96,22,.78) 34%,rgba(255,237,179,.94) 58%,rgba(103,69,13,.84))!important;border:1px solid rgba(255,248,224,.82)!important;box-shadow:0 28px 70px rgba(0,0,0,.28),0 0 54px rgba(194,150,56,.10)!important}
.portrait-card>img,.about-photo-card>img{display:block!important;opacity:1!important;mix-blend-mode:normal!important;filter:none!important;position:relative!important;z-index:2!important;transform:translateZ(0)!important;backface-visibility:hidden!important}
.about-photo-card>img{border-radius:26px!important}
.floating-shield,.floating-pill{position:absolute!important;z-index:5!important}


/* v179 hotfix 4 — restore approved home portrait framing and clean admin background */
body.admin-v2-page,body.admin-events-page,body.checkin-page{background:#05231d!important;background-image:none!important}
body.admin-v2-page::before,body.admin-events-page::before,body.checkin-page::before,
body.admin-v2-page::after,body.admin-events-page::after,body.checkin-page::after{display:none!important;content:none!important;background:none!important;opacity:0!important}
body.admin-v2-page main::before,body.admin-events-page main::before,body.checkin-page main::before{display:none!important;content:none!important;background:none!important;opacity:0!important}

/* Home portrait card: thin gold frame only, no gray outer frame, shield can go outside the frame */
.portrait-card{position:relative!important;padding:2px!important;border-radius:32px!important;background:transparent!important;border:1px solid rgba(232,201,118,.78)!important;box-shadow:0 28px 70px rgba(0,14,11,.38)!important;overflow:visible!important;isolation:isolate!important}
.portrait-card::before{display:none!important;content:none!important}
.portrait-card::after{content:""!important;position:absolute!important;inset:2px!important;border-radius:29px!important;background:#20334d!important;pointer-events:none!important;z-index:1!important}
.portrait-card>img{display:block!important;position:relative!important;z-index:2!important;border-radius:29px!important;opacity:1!important;mix-blend-mode:normal!important;filter:none!important;transform:translateZ(0)!important;backface-visibility:hidden!important}
.portrait-card .floating-shield{z-index:5!important;left:-18px!important;bottom:26px!important;overflow:hidden!important}
.portrait-card .floating-pill{z-index:6!important}


/* v179 FIX superseded: portraits are rendered as normal fully opaque <img> layers. */
.payment-plan-box{display:grid;gap:10px;margin:18px 0;padding:18px;border:1px solid rgba(240,213,139,.24);border-radius:20px;background:rgba(4,43,35,.48)}
.payment-plan-box[hidden]{display:none!important}.payment-plan-title{font:700 13px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-bright)}
.payment-plan-option{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid rgba(240,213,139,.16);border-radius:15px;cursor:pointer;background:rgba(255,255,255,.025)}
.payment-plan-option input{margin-top:4px}.payment-plan-option span{display:grid;gap:4px}.payment-plan-option b{font:700 15px/1.25 var(--sans);color:#fff}.payment-plan-option small{font:600 12px/1.4 var(--sans);color:rgba(255,255,255,.65)}
.ticket-payment-terms{display:grid;gap:4px;margin:8px 0 12px;font:600 12px/1.35 var(--sans);color:rgba(255,255,255,.72)}
.ticket-payment-terms b{color:#fff}


/* v179 FINAL HOME/PHOTO FIX — restore correct pill/shield placement and fully opaque portraits. */
.portrait-card{position:relative!important;padding:2px!important;border-radius:32px!important;background:#20334d!important;background-image:none!important;border:1px solid rgba(232,201,118,.78)!important;box-shadow:0 28px 70px rgba(0,14,11,.38)!important;overflow:visible!important;isolation:isolate!important}
.portrait-card::before{display:none!important;content:none!important}
.portrait-card::after{display:none!important;content:none!important}
.portrait-card>img{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:auto!important;aspect-ratio:2/2.82!important;object-fit:cover!important;object-position:center center!important;border-radius:29px!important;position:relative!important;z-index:2!important;mix-blend-mode:normal!important;filter:none!important;transform:translateZ(0)!important;backface-visibility:hidden!important;background:#20334d!important}
.portrait-card .floating-pill{top:-10px!important;right:-8px!important;z-index:6!important;transform:translateZ(65px) rotate(7deg)!important}
.portrait-card .floating-shield{left:-18px!important;bottom:-8px!important;z-index:5!important;overflow:hidden!important}
.about-page-redraw .about-photo-card{position:relative!important;z-index:8!important;isolation:isolate!important;padding:8px!important;background:linear-gradient(145deg,rgba(255,247,218,.98),rgba(141,96,22,.78) 34%,rgba(255,237,179,.94) 58%,rgba(103,69,13,.84))!important;border:1px solid rgba(255,248,224,.82)!important;box-shadow:0 28px 70px rgba(0,0,0,.28),0 0 54px rgba(194,150,56,.10)!important;overflow:hidden!important}
.about-page-redraw .about-photo-card::before,.about-page-redraw .about-photo-card::after{display:none!important;content:none!important}
.about-page-redraw .about-photo-card>img{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 42%!important;z-index:2!important;mix-blend-mode:normal!important;filter:none!important;transform:translateZ(0)!important;backface-visibility:hidden!important;border-radius:26px!important;background:#20334d!important}