:root{--navy:#14243a;--mid:#101820;--ivory:#f7f6f2;--steel:#667d96;--gold:#b89a62;--gd:#7a5f2c;--mut:#4b6178;--line:#e3e0d6;--serif:"Newsreader",Georgia,serif;--sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--ivory);color:var(--navy);font:17px/1.7 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:3px}
.w{max-width:1160px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--mid);padding:8px 14px;z-index:30}.skip:focus{left:8px}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,5vw,3.6rem)}h2{font-size:clamp(1.8rem,3.6vw,2.6rem)}h3{font-size:1.3rem}
p{margin:0 0 1em}
header{position:sticky;top:0;z-index:20;background:rgba(247,246,242,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
header .w{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 24px;min-height:64px}
.logo{font-weight:800;letter-spacing:.14em;font-size:.9rem;text-decoration:none}
nav{display:flex;gap:22px;font-size:.92rem;font-weight:600;overflow-x:auto;max-width:100%}
nav a{text-decoration:none;padding:10px 0;border-bottom:2px solid transparent;white-space:nowrap}
nav a:hover,nav a[aria-current]{border-color:var(--gold)}
section{padding:88px 0}
.tint{background:#eeece4}
.dk{background:var(--mid);color:var(--ivory)}.nv{background:var(--navy);color:var(--ivory)}
.grid-bg{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px}
.eye{font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}.eye.d{color:var(--gd)}
.sub{font-family:var(--serif);font-size:1.3rem;color:var(--mut);font-style:italic}
.lead{font-size:1.1rem;color:#c9d4e0;max-width:34em}
.hero{padding:72px 0 96px;overflow:hidden}
.hg{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.wd{display:inline-block;animation:up .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i)*80ms)}
@keyframes up{from{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:none}}
.pt{position:relative;max-width:400px;justify-self:center;width:100%;aspect-ratio:4/5}
.pt::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--gold);animation:fd 1.4s .4s both}
.pt img,.mono{position:relative;width:100%;height:100%;object-fit:cover;animation:rev 1.2s .2s cubic-bezier(.2,.7,.2,1) both}
.mono{display:grid;place-items:center;background:var(--navy);color:var(--gold);font:500 6rem var(--serif)}
@keyframes rev{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes fd{from{opacity:0}to{opacity:1}}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btns.c{justify-content:center}
.b{display:inline-block;padding:13px 26px;font-weight:700;font-size:.95rem;text-decoration:none;border:1.5px solid var(--gold);border-radius:2px;transition:transform .2s,background .2s,color .2s}
.b:hover{transform:translateY(-2px)}.b:active{transform:none}
.b.g{background:var(--gold);color:var(--mid)}.b.g:hover{background:#c8ab72}
.b.o{color:var(--ivory)}.b.o:hover{background:rgba(184,154,98,.2)}
.b.t{border-color:transparent;color:var(--ivory);text-decoration:underline;text-underline-offset:5px}
.ln{font-weight:700;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px;text-decoration-thickness:2px}
.two{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:start}
.prose{max-width:40em}.prose h2{font-size:1.6rem;margin-top:1.4em}.prose ul{padding-left:1.2em}
.hd{max-width:640px;margin-bottom:40px}.hd p{color:var(--mut)}.dk .hd p{color:#b9c6d4}
.more{margin-top:32px}
.g3,.g4{display:grid;gap:22px}
.g3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);text-decoration:none;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(20,36,58,.12);border-color:var(--gold)}
.card img,.ph{width:100%;aspect-ratio:16/10;object-fit:cover}.ph{background:linear-gradient(135deg,var(--navy),var(--steel))}
.cb,.pl{padding:26px}.card p{color:var(--mut);font-size:.97rem}.card small{color:var(--mut)}
.pl{display:block}.num{font:500 2.2rem var(--serif);color:var(--gd)}
.tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gd);margin-bottom:10px}
.tl{list-style:none;margin:0;padding:0 0 0 28px;border-left:1px solid var(--steel)}
.tl li{position:relative;padding:0 0 34px 8px}
.tl li::before{content:"";position:absolute;left:-35px;top:8px;width:13px;height:13px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(184,154,98,.25)}
.tl small{color:var(--gd);font-weight:700}.dk .tl small{color:var(--gold)}
.tl h3{margin:4px 0 2px}.org{font-weight:600}.tl ul{margin:6px 0 0;padding-left:1.1em;color:var(--mut);max-width:46em}.dk .tl ul{color:#b9c6d4}
.phil{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 48px}
.phil li{font:500 1.5rem/1.35 var(--serif);padding:22px 0;border-top:1px solid var(--line)}
.gal{columns:3 240px;column-gap:16px}.gal figure{margin:0 0 16px;break-inside:avoid}.gal figcaption{font-size:.88rem;color:var(--mut);padding-top:6px}
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.chips li{background:#fff;border:1px solid var(--line);padding:6px 16px;font-size:.92rem;font-weight:600}.chips small{color:var(--mut);font-weight:400}
.close{text-align:center;padding:104px 0}.close p{color:#c9d4e0;max-width:34em;margin:0 auto}
.doc{max-width:760px;padding-top:72px;padding-bottom:88px}.cov{margin-bottom:28px;width:100%}
form{display:grid;gap:18px}label{display:grid;gap:6px;font-weight:700;font-size:.92rem}
input,textarea{font:inherit;padding:12px 14px;border:1px solid var(--steel);background:#fff;color:var(--navy);border-radius:2px}
.hp{position:absolute;left:-9999px}form .b{justify-self:start;cursor:pointer;font-family:inherit}
footer{background:var(--mid);color:#b9c6d4;padding:48px 0 calc(32px + env(safe-area-inset-bottom,0px));font-size:.92rem}
footer .w{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}footer strong{color:#fff}footer p{margin:4px 0}
.fl{display:flex;gap:20px}footer small{width:100%}
@keyframes rv{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@supports (animation-timeline:view()){.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}
@media (max-width:820px){.hg,.two{grid-template-columns:1fr;gap:40px}.pt{order:-1;max-width:290px;justify-self:start;margin-left:6px}section{padding:60px 0}.hero{padding:40px 0 64px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.hero{position:relative}.hero .hg{position:relative;z-index:1}
.hbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,24,32,.9) 0%,rgba(16,24,32,.62) 55%,rgba(16,24,32,.35) 100%)}
@media (max-width:820px){.hov{background:rgba(16,24,32,.78)}}
@media (prefers-reduced-motion:reduce){video.hbg{display:none}}

.logo img{height:40px;width:auto;max-width:200px}

/* Warm gradient theme: #f3f0eb, #e6bf87, #926d42 */
:root{--gd:#5c4420;--mut:#33465c;--line:rgba(20,36,58,.16)}
body{background:#f3f0eb}
header{background:rgba(243,240,235,.92)}
section:nth-of-type(odd){background:linear-gradient(180deg,#f3f0eb 0%,#e6bf87 100%)}
section:nth-of-type(even){background:linear-gradient(180deg,#e6bf87 0%,#f3f0eb 100%)}
section.dk,section.nv{background:radial-gradient(120% 90% at 100% 100%,rgba(230,191,135,.3),transparent 60%),#926d42;color:#fff}
.eye,.lead,.close p,.dk .hd p,.dk .tl ul,.dk .tl small{color:#fff}.eye.d{color:#5c4420}
.tl{border-color:#926d42}.tl li::before{background:#926d42;box-shadow:0 0 0 4px rgba(146,109,66,.25)}
.dk .tl{border-color:rgba(255,255,255,.55)}.dk .tl li::before{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.3)}
.dk .b.g,.nv .b.g{background:#f3f0eb;border-color:#f3f0eb;color:#14243a}.dk .b.g:hover,.nv .b.g:hover{background:#fff}
.dk .b.o,.nv .b.o,.b.t{border-color:#fff;color:#fff}.dk .b.o:hover,.nv .b.o:hover{background:rgba(255,255,255,.16)}
.pt::before{border-color:rgba(255,255,255,.7)}
.phil li{border-top-color:rgba(20,36,58,.18)}.ln{text-decoration-color:#926d42}
footer{background:#926d42;color:#fff;border-top:1px solid rgba(255,255,255,.25)}footer p,footer strong,footer a{color:#fff}

.wc .ic{width:34px;height:34px;color:var(--gd);margin-bottom:14px;transition:transform .3s}.wc:hover .ic{transform:scale(1.12) rotate(-4deg)}
.wc ul{margin:0 0 18px;padding-left:1.1em;color:var(--mut);font-size:.93rem;flex:1}.wc h3{margin-bottom:.4em}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.steps li{border-top:3px solid #926d42;padding-top:18px}.steps p{color:var(--mut)}
.ev{list-style:none;margin:0 0 48px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px 32px}
.ev li{border-top:1px solid rgba(255,255,255,.4);padding-top:12px}.ev strong{display:block}.ev span{font-size:.95rem}
.enq{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.enq a{display:block;border:1px solid rgba(255,255,255,.7);padding:8px 18px;text-decoration:none;font-weight:600;font-size:.92rem;transition:background .2s}.enq a:hover{background:rgba(255,255,255,.18)}
select{font:inherit;padding:12px 14px;border:1px solid var(--steel);background:#fff;color:var(--navy);border-radius:2px}
@media (max-width:820px){.steps{grid-template-columns:1fr;gap:0;padding-left:22px;border-left:3px solid #926d42}.steps li{border-top:0;padding:0 0 28px 8px;position:relative}.steps li::before{content:"";position:absolute;left:-33px;top:6px;width:13px;height:13px;border-radius:50%;background:#926d42}}

.orgs{background:#f3f0eb;padding:26px 0 22px;border-bottom:1px solid rgba(20,36,58,.1);overflow:hidden}
.ot{text-align:center;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5c4420;margin:0 0 12px}
.ow{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.otk{display:flex;width:max-content;animation:org 45s linear infinite}.ow:hover .otk{animation-play-state:paused}
.oi{display:flex;align-items:center;justify-content:center;height:56px;padding:0 34px;flex:none;text-decoration:none}
.oi img{height:44px;width:auto;max-width:160px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .3s,opacity .3s}.oi:hover img{filter:none;opacity:1}
.on{font:500 1.15rem var(--serif);white-space:nowrap;color:var(--navy)}
@keyframes org{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.otk{width:auto;flex-wrap:wrap;justify-content:center}.oi[aria-hidden]{display:none}}

.otk.st{animation:none;width:auto}

.faq details{border-top:1px solid rgba(20,36,58,.18);padding:16px 0}.faq summary{cursor:pointer;font:500 1.25rem var(--serif)}.faq p{color:var(--mut);margin:10px 0 0;max-width:42em}
.note{max-width:46em;color:var(--mut);font-size:.95rem;margin:0}

/* waves */
section{position:relative;overflow:hidden}section>.w{position:relative;z-index:1}
section::before,section::after{content:"";position:absolute;left:0;right:0;height:90px;pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 45C200 90 400 90 600 45S1000 0 1200 45V120H0Z' fill='%23926d42' fill-opacity='.14'/%3E%3C/svg%3E") repeat-x;background-size:1200px 90px;animation:wv 70s linear infinite}
section::before{top:0;transform:scaleY(-1)}section::after{bottom:0;animation-duration:95s;animation-direction:reverse}
section.dk::before,section.dk::after,section.nv::before,section.nv::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 45C200 90 400 90 600 45S1000 0 1200 45V120H0Z' fill='%23e6bf87' fill-opacity='.16'/%3E%3C/svg%3E")}
@keyframes wv{to{background-position-x:1200px}}
.proof{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:26px 0 0;padding:0}
.proof li{border:1px solid rgba(255,255,255,.6);padding:6px 14px;font-size:.84rem;font-weight:600;color:#fff;background:rgba(255,255,255,.08)}
.now{margin:14px 0 0;font-size:.92rem;color:#fff}.now::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#e6bf87;margin-right:10px}
.feat{grid-column:1/-1;flex-direction:row}.feat img,.feat .ph{width:52%;aspect-ratio:16/10;height:auto}.feat .cb{display:flex;flex-direction:column;justify-content:center;padding:36px}.feat h3{font-size:1.7rem}
@media (max-width:820px){.feat{flex-direction:column}.feat img,.feat .ph{width:100%}}
.ap{position:relative;isolation:isolate;max-width:300px;aspect-ratio:4/5;margin:0 0 28px 6px}
.ap::before{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid #926d42;z-index:-1}
.ap img{width:100%;height:100%;object-fit:cover;display:block}

/* stronger waves (override) */
section::before,section::after{height:110px;background-size:1200px 110px}
section::before{animation-duration:45s}section::after{animation-duration:60s}
section:nth-of-type(odd)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 40C200 95 400 95 600 40S1000 -15 1200 40V120H0Z' fill='%23e6bf87' fill-opacity='.65'/%3E%3C/svg%3E")}section:nth-of-type(odd)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 40C200 95 400 95 600 40S1000 -15 1200 40V120H0Z' fill='%23926d42' fill-opacity='.24'/%3E%3C/svg%3E")}
section:nth-of-type(even)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 40C200 95 400 95 600 40S1000 -15 1200 40V120H0Z' fill='%23926d42' fill-opacity='.24'/%3E%3C/svg%3E")}section:nth-of-type(even)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 40C200 95 400 95 600 40S1000 -15 1200 40V120H0Z' fill='%23e6bf87' fill-opacity='.65'/%3E%3C/svg%3E")}
section.dk::before,section.nv::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 40C200 95 400 95 600 40S1000 -15 1200 40V120H0Z' fill='%23e6bf87' fill-opacity='.4'/%3E%3C/svg%3E")}section.dk::after,section.nv::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 40C200 95 400 95 600 40S1000 -15 1200 40V120H0Z' fill='%23f3f0eb' fill-opacity='.22'/%3E%3C/svg%3E")}

/* experience cards */
.xp{display:grid;grid-template-columns:5fr 6fr;gap:56px;align-items:start}
.chip2{display:inline-flex;align-items:center;gap:8px;background:rgba(16,24,32,.45);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.82rem;font-weight:800;padding:6px 14px;border-radius:999px}
.chip2::before{content:"";width:7px;height:7px;border-radius:50%;background:#e6bf87}
.xp h2{color:#fff;margin:16px 0 12px}.xp h2 em{font-style:normal;color:#e6bf87}.xp>div>p{color:#fff}
.xa{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.xa li{display:flex;gap:14px;background:rgba(16,24,32,.5);border:1px solid rgba(255,255,255,.22);padding:14px 18px;border-radius:14px;color:#fff}
.xa strong{display:block}.xa span{font-size:.92rem;color:rgba(255,255,255,.9)}
.xt{list-style:none;margin:0;padding:0 0 0 38px;position:relative;display:grid;gap:18px;max-width:860px}
.xt::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:rgba(255,255,255,.35)}
.xt>li{position:relative;background:rgba(16,24,32,.5);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:22px 26px;color:#fff}
.xt>li::before{content:"";position:absolute;left:-36px;top:26px;width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:#926d42}
.xt>li:first-child::before{background:#e6bf87;border-color:#e6bf87;box-shadow:0 0 0 5px rgba(230,191,135,.3)}
.xh{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.xh small{color:#e6bf87;font-weight:800;font-size:.82rem}.xl{font-size:.78rem;font-weight:700;background:rgba(255,255,255,.14);padding:4px 12px;border-radius:999px;color:#fff}
.xt h3{color:#fff;font-size:1.3rem;margin:12px 0 2px}.xt .org{color:rgba(255,255,255,.88);margin:0 0 10px}
.xt ul{margin:0;padding-left:1.1em}.xt ul li{margin-bottom:4px;font-size:.96rem}
@media (max-width:820px){.xp{grid-template-columns:1fr;gap:36px}}

section{overflow:clip}
.xp h1{color:#fff;margin:16px 0 12px;font-size:clamp(2rem,4vw,2.9rem)}.xp h1 em{font-style:normal;color:#e6bf87}
@media (min-width:821px) and (min-height:860px){.xp>div:first-child{position:sticky;top:96px}}

/* rising gold arrow */
.arr{position:fixed;left:0;top:0;width:clamp(28px,3.5vw,52px);aspect-ratio:4/5;pointer-events:none;z-index:0;opacity:0;filter:drop-shadow(0 0 8px rgba(246,200,100,.55));animation:rise 34s linear infinite;will-change:transform,opacity}
@keyframes rise{0%{transform:translate3d(-10vw,105vh,0);opacity:0}8%{opacity:.5}92%{opacity:.5}100%{transform:translate3d(105vw,-25vh,0);opacity:0}}
@media (prefers-reduced-motion:reduce){.arr{display:none}}

.crumb{font-size:.88rem;color:var(--mut);margin:0 0 18px}.crumb a{text-decoration:underline;text-decoration-color:#926d42;text-underline-offset:4px}

/* festival banner */
.fb[hidden],.bd[hidden]{display:none}
.fb{--c1:#b3261e;--c2:#f2b84b;position:relative;color:#fff;background:linear-gradient(110deg,#101820 0%,var(--c1) 160%);overflow:hidden;animation:fbin .7s cubic-bezier(.2,.7,.2,1) both}
.fb[data-theme=purple]{--c1:#7a2e8f;--c2:#ffb347}.fb[data-theme=green]{--c1:#0f6b5a;--c2:#e6bf87}.fb[data-theme=colorful]{--c1:#d6336c;--c2:#3bb3e6}.fb[data-theme=navy]{--c1:#27507a;--c2:#e6bf87}
@keyframes fbin{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
@keyframes fbout{to{opacity:0;transform:translateY(-30px)}}@keyframes fbfo{to{opacity:0}}
.fb.out{animation:fbout .35s ease forwards}.fb.popup.out{animation:fbfo .3s ease forwards}
.fb.banner{display:grid;grid-template-columns:230px 1fr auto;gap:24px;align-items:center;padding:14px 24px}.fb.banner.nm{grid-template-columns:1fr auto}
.fm{position:relative;height:130px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2))}
.fm img,.fm video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fk{margin:0 0 4px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--c2)}
.fb h2{font:500 1.7rem/1.15 var(--serif);margin:0 0 6px;color:#fff}.fb p.m{margin:0 0 12px;color:#fff;max-width:36em}
.fbtn{display:inline-block;background:#e6bf87;color:#14243a;font-weight:800;font-size:.9rem;padding:9px 20px;border-radius:999px;text-decoration:none;transition:transform .2s}.fbtn:hover{transform:translateY(-2px)}
.fa{display:flex;align-items:center;gap:10px}
.fb .skip{background:none;border:1px solid rgba(255,255,255,.6);color:#fff;font:700 .85rem var(--sans);padding:7px 16px;border-radius:999px;cursor:pointer}.fb .skip:hover{background:rgba(255,255,255,.16)}
.fb .x{width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.fb .x:hover{background:rgba(255,255,255,.32)}
.fb :focus-visible{outline:3px solid #e6bf87;outline-offset:2px}
.bd{position:fixed;inset:0;background:rgba(10,18,28,.55);z-index:40;animation:fbfade .4s both}@keyframes fbfade{from{opacity:0}}
.fb.popup{position:fixed;z-index:50;right:20px;bottom:20px;width:min(380px,calc(100vw - 40px));border-radius:20px;padding:0;box-shadow:0 24px 60px rgba(0,0,0,.45);animation:fbpop .6s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes fbpop{from{opacity:0;transform:translateY(40px) scale(.94)}to{opacity:1;transform:none}}
.fb.popup .fm{height:190px;border-radius:0}.fb.popup .ft{padding:18px 20px 6px}.fb.popup .fa{padding:6px 20px 18px;justify-content:space-between}
.fb.popup.nm .ft{padding-top:26px}.fb.popup .x{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.45);z-index:2}
.fb.popup.center{right:50%;bottom:50%;transform:translate(50%,50%);animation:fbpc .6s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes fbpc{from{opacity:0;transform:translate(50%,60%) scale(.9)}to{opacity:1;transform:translate(50%,50%)}}
@media (max-width:820px){.fb.banner{grid-template-columns:1fr;padding:14px}.fb .fm{height:150px}.fa{justify-content:flex-end}}
@media (prefers-reduced-motion:reduce){.bd{animation:none}}

/* welcome intro */
html.intro-on body{background:linear-gradient(135deg,#f3f0eb,#e6bf87)}
html.intro-on body>*:not(#intro){visibility:hidden;animation:ivis 0s 9s forwards}
@keyframes ivis{to{visibility:visible}}
html.intro-on .wd,html.intro-on .pt img,html.intro-on .mono,html.intro-on .pt::before,html.intro-on .fb{animation-play-state:paused}
#intro{position:fixed;inset:0;z-index:100;color:#14243a}
#intro .ibg{position:absolute;inset:0;background:linear-gradient(135deg,#f3f0eb,#e6bf87)}
#intro .itext{position:absolute;left:0;right:0;text-align:center;font:700 .95rem var(--sans);letter-spacing:.06em;opacity:0;animation:itin .8s .5s both}
@keyframes itin{to{opacity:1}}
.idots i{font-style:normal;animation:ib 1.2s infinite}.idots i:nth-child(2){animation-delay:.2s}.idots i:nth-child(3){animation-delay:.4s}
@keyframes ib{0%,100%{opacity:.2}50%{opacity:1}}
.ibar{width:180px;height:3px;border-radius:3px;background:rgba(146,109,66,.25);margin:14px auto 0;overflow:hidden}
.ibar b{display:block;height:100%;width:0;background:#926d42;animation:ifill 1.5s .6s ease-out forwards}
@keyframes ifill{to{width:100%}}
html.intro-done main,html.intro-done footer{animation:ifade 1s ease both}
@keyframes ifade{from{opacity:0}to{opacity:1}}

/* logo blends into any light background */
.logo{mix-blend-mode:multiply}
.logo img{filter:brightness(1.14) contrast(1.18);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.15) 5%,rgba(0,0,0,.45) 10%,rgba(0,0,0,.8) 15%,#000 20%,#000 80%,rgba(0,0,0,.8) 85%,rgba(0,0,0,.45) 90%,rgba(0,0,0,.15) 95%,rgba(0,0,0,0) 100%),linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.15) 5%,rgba(0,0,0,.45) 10%,rgba(0,0,0,.8) 15%,#000 20%,#000 80%,rgba(0,0,0,.8) 85%,rgba(0,0,0,.45) 90%,rgba(0,0,0,.15) 95%,rgba(0,0,0,0) 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.15) 5%,rgba(0,0,0,.45) 10%,rgba(0,0,0,.8) 15%,#000 20%,#000 80%,rgba(0,0,0,.8) 85%,rgba(0,0,0,.45) 90%,rgba(0,0,0,.15) 95%,rgba(0,0,0,0) 100%),linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.15) 5%,rgba(0,0,0,.45) 10%,rgba(0,0,0,.8) 15%,#000 20%,#000 80%,rgba(0,0,0,.8) 85%,rgba(0,0,0,.45) 90%,rgba(0,0,0,.15) 95%,rgba(0,0,0,0) 100%);mask-composite:intersect}

.logo img{opacity:0;animation:lshow 0s 1.4s forwards}.logo img.lr{opacity:1;animation:none}
@keyframes lshow{to{opacity:1}}
.logo.lp{mix-blend-mode:normal}.logo.lp img,.logo img.lp{filter:none;-webkit-mask-image:none;mask-image:none}
@media (prefers-reduced-motion:reduce){.logo img{opacity:1}}

/* brand: logo + animated gradient name */
a.logo,#intro .logo{display:flex;align-items:center;gap:10px;letter-spacing:0;font-size:1rem;font-weight:400;text-decoration:none}
.logo img{height:56px;width:auto;max-width:150px;margin:-6px -4px}
.bn{display:flex;flex-direction:column;line-height:1}
.bn .nm{font:700 1.3rem/1.05 var(--serif);letter-spacing:.01em;background:linear-gradient(100deg,#7a4f10 0%,#b8841f 22%,#d9a441 36%,#b8841f 50%,#6b7078 76%,#4f545c 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:nmshine 6s ease-in-out infinite alternate;transition:letter-spacing .4s}
.bn .tg{font:italic 500 .76rem/1 var(--serif);letter-spacing:.07em;color:#5c4420;margin-top:5px;animation:tgin 1.1s .5s ease both}
.logo:hover .nm{letter-spacing:.04em;animation-duration:2.2s}
@keyframes nmshine{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes tgin{from{opacity:0;transform:translateY(5px)}to{opacity:.95;transform:none}}
@media (max-width:420px){.bn .nm{font-size:1.1rem}.bn .tg{font-size:.7rem}.logo img{height:48px;margin:-5px -3px}}

.logo img.fl{filter:none}

/* no inline styles (CSP: style-src without unsafe-inline) */
.hero{position:relative;overflow:hidden}.hero .hg{position:relative;z-index:1}
.hbg,.hov{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hbg{object-fit:cover}
.hov.o0{background:rgba(16,24,32,0)}.hov.o5{background:rgba(16,24,32,0.05)}.hov.o10{background:rgba(16,24,32,0.1)}.hov.o15{background:rgba(16,24,32,0.15)}.hov.o20{background:rgba(16,24,32,0.2)}.hov.o25{background:rgba(16,24,32,0.25)}.hov.o30{background:rgba(16,24,32,0.3)}.hov.o35{background:rgba(16,24,32,0.35)}.hov.o40{background:rgba(16,24,32,0.4)}.hov.o45{background:rgba(16,24,32,0.45)}.hov.o50{background:rgba(16,24,32,0.5)}.hov.o55{background:rgba(16,24,32,0.55)}.hov.o60{background:rgba(16,24,32,0.6)}.hov.o65{background:rgba(16,24,32,0.65)}.hov.o70{background:rgba(16,24,32,0.7)}.hov.o75{background:rgba(16,24,32,0.75)}.hov.o80{background:rgba(16,24,32,0.8)}.hov.o85{background:rgba(16,24,32,0.85)}.hov.o90{background:rgba(16,24,32,0.9)}.hov.o95{background:rgba(16,24,32,0.95)}.hov.o100{background:rgba(16,24,32,1)}
.ot{text-align:center}.ow{overflow:hidden}.otk{display:flex;width:max-content}
.otk.n1{--n:1;animation-duration:24s}.otk.n2{--n:2;animation-duration:24s}.otk.n3{--n:3;animation-duration:27s}.otk.n4{--n:4;animation-duration:36s}.otk.n5{--n:5;animation-duration:45s}.otk.n6{--n:6;animation-duration:54s}.otk.n7{--n:7;animation-duration:63s}.otk.n8{--n:8;animation-duration:72s}.otk.n9{--n:9;animation-duration:81s}.otk.n10{--n:10;animation-duration:90s}.otk.n11{--n:11;animation-duration:99s}.otk.n12{--n:12;animation-duration:108s}.otk.n13{--n:13;animation-duration:117s}.otk.n14{--n:14;animation-duration:126s}.otk.n15{--n:15;animation-duration:135s}.otk.n16{--n:16;animation-duration:144s}.otk.n17{--n:17;animation-duration:153s}.otk.n18{--n:18;animation-duration:162s}.otk.n19{--n:19;animation-duration:171s}.otk.n20{--n:20;animation-duration:180s}.otk.n21{--n:21;animation-duration:189s}.otk.n22{--n:22;animation-duration:198s}.otk.n23{--n:23;animation-duration:207s}.otk.n24{--n:24;animation-duration:216s}.otk.n25{--n:25;animation-duration:225s}.otk.n26{--n:26;animation-duration:234s}.otk.n27{--n:27;animation-duration:243s}.otk.n28{--n:28;animation-duration:252s}.otk.n29{--n:29;animation-duration:261s}.otk.n30{--n:30;animation-duration:270s}
.oi{display:flex;align-items:center;justify-content:center;padding:6px 28px;height:auto;min-height:56px;min-width:max(220px,calc(100vw / var(--n)));flex:none;text-decoration:none}
.ocw{display:flex;flex-direction:column;align-items:center;gap:4px}.ont{font-size:.72rem;font-weight:700;color:#5c4420;white-space:nowrap}
.oimg{height:44px;width:auto;max-width:160px;object-fit:contain}.ck{flex:none;margin-top:3px}.mt48{margin-top:48px}
.wd:nth-of-type(1){animation-delay:0ms}.wd:nth-of-type(2){animation-delay:80ms}.wd:nth-of-type(3){animation-delay:160ms}.wd:nth-of-type(4){animation-delay:240ms}.wd:nth-of-type(5){animation-delay:320ms}.wd:nth-of-type(6){animation-delay:400ms}.wd:nth-of-type(7){animation-delay:480ms}.wd:nth-of-type(8){animation-delay:560ms}.wd:nth-of-type(9){animation-delay:640ms}.wd:nth-of-type(10){animation-delay:720ms}.wd:nth-of-type(11){animation-delay:800ms}.wd:nth-of-type(12){animation-delay:880ms}.wd:nth-of-type(13){animation-delay:960ms}.wd:nth-of-type(14){animation-delay:1040ms}.wd:nth-of-type(15){animation-delay:1120ms}.wd:nth-of-type(16){animation-delay:1200ms}.wd:nth-of-type(17){animation-delay:1280ms}.wd:nth-of-type(18){animation-delay:1360ms}.wd:nth-of-type(19){animation-delay:1440ms}.wd:nth-of-type(20){animation-delay:1520ms}.wd:nth-of-type(21){animation-delay:1600ms}.wd:nth-of-type(22){animation-delay:1680ms}.wd:nth-of-type(23){animation-delay:1760ms}.wd:nth-of-type(24){animation-delay:1840ms}

.acov{margin:0 0 28px}.acov img{width:100%;height:auto;border-radius:14px;display:block}
.prose img{max-width:100%;height:auto;border-radius:12px;margin:1.2em 0}

/* article with a side cover image that stays in view while reading */
.doc.wide{max-width:1120px}
.abody{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,36%);gap:56px;align-items:start}
.abody.l{grid-template-columns:minmax(260px,36%) minmax(0,1fr)}.abody.l .acov{order:-1}
.abody .acov{position:sticky;top:96px;margin:6px 0 0}
.abody .atext{min-width:0}
@media (max-width:900px){.abody,.abody.l{display:flex;flex-direction:column;gap:0}.abody .acov,.abody.l .acov{order:-1;position:static;margin:0 0 24px}}

/* ===== v2: lively cards, snapshot, recommendations, back to top ===== */
:root{--ok:#1f7a5a}
.card{position:relative}
.card::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#926d42,#e6bf87);transform:scaleX(0);transform-origin:left;transition:transform .45s;z-index:2}
.card:hover::before{transform:scaleX(1)}
.card::after{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-18deg);transition:left .8s;pointer-events:none;z-index:2}
.card:hover::after{left:140%}
.card.cd{padding:26px;border-radius:20px;background:linear-gradient(180deg,#fff,#fbf9f4);box-shadow:0 1px 0 rgba(20,36,58,.04)}
.card.cd:hover{transform:translateY(-7px);box-shadow:0 24px 48px rgba(20,36,58,.16);border-color:#e6bf87}
.cd svg.ic{width:48px;height:48px;padding:12px;border-radius:15px;background:#14243a;color:#e6bf87;margin-bottom:14px;transition:transform .35s,background .35s}
.cd:hover svg.ic{transform:rotate(-6deg) scale(1.08);background:#926d42;color:#fff}
.cd h3{margin-bottom:.4em}.cd p{color:var(--mut);font-size:.96rem}
.chs{margin:2px 0 14px}.chip{display:inline-block;font-size:.78rem;font-weight:700;border:1px solid var(--line);background:rgba(255,255,255,.9);border-radius:999px;padding:4px 12px;margin:0 6px 6px 0;color:#14243a}
.cd .ln{margin-top:auto}.acv{margin:-26px -26px 16px;width:calc(100% + 52px);max-width:none;aspect-ratio:16/9;object-fit:cover}
.more{margin-top:28px}
/* featured work bento */
.bento{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.bento .big{grid-row:span 2}
.card.pj{padding:0}.pa{position:relative;height:150px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#14243a,#2b5aa0)}
.pa.p2{background:linear-gradient(135deg,#926d42,#c9962f)}.pa.p3{background:linear-gradient(135deg,#0f6b5a,#14243a)}
.pa::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 2px,transparent 2px 22px)}
.pa span{position:relative;z-index:1;font:500 3.2rem var(--serif);color:#e6bf87}.pa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.pj.big .pa{height:270px}.pbody{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}.pj.big h3{font-size:1.6rem}
/* recruiter snapshot */
.snap{position:relative;z-index:3;margin-top:-76px}
.snap .box{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 54px rgba(20,36,58,.18);padding:26px 28px;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:22px;align-items:center}
.snap small{display:block;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5c4420}.snap b{display:block;font-weight:800;line-height:1.35}.snap span{display:block;font-size:.9rem;color:var(--mut)}
.snap .cta{display:flex;flex-direction:column;gap:8px}.snap .cta .b{padding:10px 20px;text-align:center}
.b.d{border-color:#14243a;color:#14243a}.b.d:hover{background:#14243a;color:#fff}
/* recommendations */
.rq{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px 22px;transition:transform .3s,box-shadow .3s}
.rq:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(20,36,58,.14)}
.rq::before{content:"\201C";position:absolute;top:2px;left:18px;font:700 3.8rem var(--serif);color:#e6bf87;line-height:1}
.rq p{font:italic 500 1.1rem/1.45 var(--serif);margin:28px 0 14px;color:#14243a}.rq b{display:block;font-size:.92rem}.rq small{display:block;color:var(--mut);margin-bottom:6px}
.rq.big .prose{font-size:.97rem;color:var(--mut)}.rq .tag{margin-right:8px}
/* now strip and closing */
.nowbar{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;font-weight:700;font-size:.95rem;margin-bottom:34px}
.nowbar span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#7be0b0;margin-right:10px;box-shadow:0 0 0 0 rgba(123,224,176,.6);animation:okpulse 2.4s infinite}
@keyframes okpulse{70%{box-shadow:0 0 0 9px rgba(123,224,176,0)}100%{box-shadow:0 0 0 0 rgba(123,224,176,0)}}
.now::before{background:#7be0b0}
/* back to top */
.totop{position:fixed;right:18px;bottom:18px;z-index:45;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(135deg,#926d42,#c9962f);box-shadow:0 10px 24px rgba(20,36,58,.35);opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .3s,transform .3s,filter .2s}
.totop.on{opacity:1;transform:none;pointer-events:auto}.totop:hover{filter:brightness(1.1)}
.totop svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;display:block;margin:auto}
@media (max-width:900px){.bento{grid-template-columns:1fr}.bento .big{grid-row:auto}.snap .box{grid-template-columns:1fr 1fr}.snap .cta{flex-direction:row;grid-column:1/-1}.pj.big .pa{height:200px}}
@media (max-width:560px){.snap .box{grid-template-columns:1fr}}
.xt .q{margin-top:14px;border-top:1px dashed rgba(255,255,255,.35);padding-top:12px;font:italic 500 1rem/1.4 var(--serif);color:#fff}
.xt .q small{display:block;font:700 .75rem var(--sans);font-style:normal;color:#e6bf87;margin-top:4px}

/* ===== v3: one radius for every card/image, justified text, sticky About, snapshot, cursor ===== */
:root{--r:22px}
.card,.card.cd,.rq,.snap .box{border-radius:var(--r)}
.xt>li{border-radius:var(--r)}.xa li{border-radius:18px}.ev li{border-radius:18px}
.pt img,.pt::before{border-radius:28px}.pt::before{border-radius:30px}
.ap img{border-radius:26px}.ap::before{border-radius:28px}
.gal img,.cov,.acov img,.acv{border-radius:var(--r)}.acv{border-radius:0}
input,textarea,select{border-radius:14px}
.proof li{border-radius:999px}
.fb,.card.pj{border-radius:var(--r)}
/* justified reading text */
.prose p,.prose li,.card p,.cd p,.hd p,.lead,.xt ul li,.xa span,.rq p,.faq p,.note,.snap span{text-align:justify;text-justify:inter-word;text-align-last:left;hyphens:auto;-webkit-hyphens:auto}
.sub,.card .tag,.chs,.hd h2{text-align:left;hyphens:manual}
.close p,.nowbar{text-align:center;text-align-last:center;hyphens:manual}
/* About: photo and name stay while the story scrolls */
@media (min-width:821px){.two.ab>div:first-child{position:sticky;top:96px;align-self:start}}
/* recruiter snapshot */
.snap .box{grid-template-columns:repeat(4,1fr);gap:26px;padding:26px 30px}
.sf{display:flex;gap:14px;align-items:flex-start}
.ico{flex:none;width:46px;height:46px;border-radius:15px;background:#14243a;color:#e6bf87;display:grid;place-items:center;transition:transform .35s,background .35s}
.ico svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sf:hover .ico{transform:rotate(-8deg) scale(1.1);background:#926d42;color:#fff}
.snap small.live::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#1f9d6c;margin-left:8px;vertical-align:middle;animation:okp 2.4s infinite}
@keyframes okp{0%{box-shadow:0 0 0 0 rgba(31,157,108,.55)}70%{box-shadow:0 0 0 9px rgba(31,157,108,0)}100%{box-shadow:0 0 0 0 rgba(31,157,108,0)}}
@media (max-width:900px){.snap .box{grid-template-columns:1fr 1fr}}@media (max-width:560px){.snap .box{grid-template-columns:1fr}}
/* cursor follower */
.cur-ring,.cur-dot,.cur-tr{position:fixed;left:0;top:0;pointer-events:none;z-index:9999}
.cur-ring,.cur-dot{opacity:0;transition:opacity .25s}.cur-tr{visibility:hidden;border-radius:50%;background:radial-gradient(circle,#f6d98a,#c9962f)}
body.cur-on .cur-ring,body.cur-on .cur-dot{opacity:1}body.cur-on .cur-tr{visibility:visible}
.cur-ring{width:38px;height:38px;border-radius:50%;border:1.5px solid #c9962f;box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 20px rgba(230,191,135,.65);transition:width .25s,height .25s,background .25s,border-color .25s,opacity .25s}
.cur-ring.hot{width:66px;height:66px;background:rgba(230,191,135,.2);border-color:#e6bf87}.cur-ring.down{width:26px;height:26px}
.cur-dot{width:8px;height:8px;border-radius:50%;background:#c9962f;box-shadow:0 0 10px #e6bf87}
@media (pointer:coarse){.cur-ring,.cur-dot,.cur-tr{display:none}}

/* ===== v4: glass cards in the hero, tinted with our navy / gold / bronze ===== */
.hero{padding:72px 0 84px}
.hero .snap{position:relative;z-index:3;margin:54px 0 0}
.hero .snap .box{background:none;border:0;box-shadow:none;padding:0;grid-template-columns:repeat(4,1fr);gap:30px;border-radius:0}
.hero .sf{position:relative;align-items:center;padding:18px 20px;border-radius:24px;border:1px solid rgba(230,191,135,.38);
 background:linear-gradient(135deg,rgba(230,191,135,.16),rgba(255,255,255,.05) 45%,rgba(146,109,66,.16));
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 26px rgba(230,191,135,.07);transition:transform .35s,border-color .35s,box-shadow .35s}
.hero .sf:hover{transform:translateY(-5px);border-color:rgba(246,217,138,.8);box-shadow:0 18px 46px rgba(0,0,0,.4),0 0 28px rgba(230,191,135,.3),inset 0 1px 0 rgba(255,255,255,.3)}
.hero .sf:not(:last-child)::after{content:"";position:absolute;left:100%;top:50%;width:30px;height:1px;background:linear-gradient(90deg,rgba(230,191,135,.85),rgba(230,191,135,.2));box-shadow:0 0 8px rgba(230,191,135,.6)}
.hero .sf:not(:last-child)::before{content:"";position:absolute;left:calc(100% + 28px);top:calc(50% - 2px);width:5px;height:5px;border-radius:50%;background:#f6d98a;box-shadow:0 0 10px #e6bf87}
.hero .ico{width:50px;height:50px;border-radius:16px;color:#f6d98a;border:1px solid rgba(230,191,135,.65);background:linear-gradient(135deg,rgba(230,191,135,.28),rgba(146,109,66,.38));box-shadow:0 0 20px rgba(230,191,135,.4),inset 0 0 12px rgba(255,255,255,.12)}
.hero .sf:hover .ico{background:linear-gradient(135deg,rgba(246,217,138,.5),rgba(201,150,47,.55));color:#fff}
.hero .snap small{color:#e6bf87;letter-spacing:.14em}.hero .snap b{color:#fff}.hero .snap span{color:#d5deea;text-align:left}
/* glass portrait frame with glowing corner */
.hero .pt::before{inset:-14px;border-radius:34px;border:1px solid rgba(230,191,135,.55);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.02));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 44px rgba(230,191,135,.25),inset 0 0 30px rgba(230,191,135,.08)}
.hero .pt::after{content:"";position:absolute;right:-24px;bottom:-24px;width:46%;height:46%;border-right:2px solid #e6bf87;border-bottom:2px solid #e6bf87;border-radius:0 0 36px 0;filter:drop-shadow(0 0 8px rgba(230,191,135,.8));pointer-events:none}
.hero .pt img{border-radius:26px;box-shadow:0 18px 44px rgba(0,0,0,.45)}
/* hero buttons: glass with a gold glow */
.hero .b.g{background:linear-gradient(135deg,rgba(230,191,135,.32),rgba(146,109,66,.34));border:1.5px solid #e6bf87;color:#fff;box-shadow:0 0 24px rgba(230,191,135,.4),inset 0 1px 0 rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero .b.g:hover{background:linear-gradient(135deg,rgba(246,217,138,.5),rgba(201,150,47,.5));box-shadow:0 0 34px rgba(230,191,135,.6),inset 0 1px 0 rgba(255,255,255,.35)}
.hero .b.o{background:rgba(255,255,255,.06);border:1.5px solid rgba(230,191,135,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 18px rgba(230,191,135,.18)}
/* other cards on dark sections get the same glass look */
.xt>li,.xa li{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:rgba(230,191,135,.3);box-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12)}
@media (max-width:900px){.hero .snap .box{grid-template-columns:1fr 1fr;gap:18px}.hero .sf:not(:last-child)::before,.hero .sf:not(:last-child)::after{display:none}.hero .pt::before{inset:-10px}}
@media (max-width:560px){.hero .snap .box{grid-template-columns:1fr}.hero .snap{margin-top:38px}}

/* v5: no icons in the snapshot; hero keeps its original height (cards sit in the bottom padding) */
.hero{padding:52px 0 140px}
.hero .snap{margin:0}
.hero .sf{padding:14px 20px;min-height:84px;display:flex;align-items:center}
.hero .snap b{font-size:.98rem;line-height:1.3}.hero .snap span{font-size:.86rem;line-height:1.3}.hero .snap small{margin-bottom:2px}
@media (min-width:901px){.hero .snap{position:absolute;left:0;right:0;bottom:18px}.hero .snap .box{align-items:stretch}}
@media (max-width:900px){.hero{padding:40px 0 64px}.hero .snap{position:static;margin-top:34px}}