@font-face{font-family:"P052";src:url(assets/fonts/p052-regular.woff) format("woff");font-display:swap}
@font-face{font-family:"URW Gothic";src:url(assets/fonts/gothic-book.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"URW Gothic";src:url(assets/fonts/gothic-demi.woff) format("woff");font-weight:700;font-display:swap}
:root{--bg:#06182a;--bg2:#08243b;--ink:#eaf1f7;--mut:#a9bccb;--gold:#e5c791;--gold2:#b98d43;--line:#ffffff1f}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 "URW Gothic",Arial,sans-serif;overflow-x:hidden}
a{color:inherit}img{max-width:100%;display:block}
h1,h2,h3{font-family:"P052",Georgia,serif;font-weight:400;margin:0}
.wrap{max-width:1180px;margin:auto;padding:0 24px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin:0 0 18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 28px;border-radius:10px;border:0;background:linear-gradient(135deg,#f3dcaa,#b98d43);color:#08243b;font:700 16px "URW Gothic",Arial;text-decoration:none;cursor:pointer;box-shadow:0 14px 34px #b98d4340,inset 0 1px 0 #fff8;transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-3px);box-shadow:0 20px 44px #b98d4366}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.btn.ghost:hover{border-color:var(--gold)}
/* header */
.top{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:linear-gradient(#06182af2,#06182a00);backdrop-filter:blur(2px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:44px;height:44px;object-fit:contain}
.brand b{font:400 24px "P052",Georgia,serif;display:block;line-height:1.1}.brand small{font-size:10px;letter-spacing:.28em;color:var(--gold)}
.top nav{display:flex;gap:26px;font-size:14px}.top nav a{text-decoration:none;color:var(--mut)}.top nav a:hover{color:var(--gold)}
.top .btn{min-height:42px;padding:8px 18px;font-size:14px}
/* hero */
.hero{position:relative;min-height:min(100svh,880px);display:grid;align-items:center;overflow:hidden;padding:104px 0 56px;isolation:isolate}
.stage{position:absolute;inset:0;z-index:-2}
.stage img{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;opacity:0;animation:scene 21s infinite -3s,drift 21s infinite linear -3s;filter:saturate(1.05)}
.stage img:nth-child(2){animation-delay:4s,4s}.stage img:nth-child(3){animation-delay:11s,11s}
@keyframes scene{0%{opacity:0}6%{opacity:.95}30%{opacity:.95}38%,100%{opacity:0}}
@keyframes drift{from{transform:scale(1) translate(0,0)}to{transform:scale(1.14) translate(-2%,-1.5%)}}
.veil{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 40%,#06182a22,#06182acc 60%),linear-gradient(90deg,#06182ae6 0%,#06182a80 50%,#06182a40 100%),linear-gradient(0deg,var(--bg),transparent 30%)}
#dust{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(38px,5.2vw,70px);line-height:1.04;letter-spacing:-.02em}
.hero h1 em{font-style:normal;color:var(--gold);display:block}
.hero .lead{font-size:19px;color:#c9d8e4;max-width:540px;margin:26px 0 34px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.beats{height:30px;position:relative;margin:0 0 26px;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.beats span{position:absolute;left:0;opacity:0;animation:beat 21s infinite -3s}.beats span:nth-child(2){animation-delay:4s}.beats span:nth-child(3){animation-delay:11s}
@keyframes beat{0%{opacity:0;transform:translateY(8px)}5%,30%{opacity:1;transform:none}36%,100%{opacity:0}}
.fine{font-size:13px;color:var(--mut);margin-top:22px}
/* 3D portrait */
.tilt{perspective:1100px}
.portrait{position:relative;transform-style:preserve-3d;transform:rotateY(var(--ry,-10deg)) rotateX(var(--rx,4deg));transition:transform .25s ease-out;max-width:340px;margin-left:auto}
.portrait .frame{border-radius:22px;padding:6px;background:linear-gradient(135deg,#f3dcaa,#8d6a2f 50%,#f3dcaa);box-shadow:0 50px 90px #000a,0 0 80px #b98d4333}
.portrait .frame img{border-radius:17px;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;width:100%}
.portrait .glass{position:absolute;left:-34px;bottom:34px;transform:translateZ(70px);background:#08243bd9;border:1px solid #e5c79155;border-radius:14px;padding:14px 20px;backdrop-filter:blur(8px);box-shadow:0 20px 40px #0008}
.portrait .glass b{font:400 22px "P052",Georgia,serif;display:block}.portrait .glass small{color:var(--gold);letter-spacing:.2em;font-size:10px}
.portrait .chip{position:absolute;right:-18px;top:36px;transform:translateZ(90px);background:linear-gradient(135deg,#f3dcaa,#b98d43);color:#08243b;border-radius:12px;padding:10px 16px;font-weight:700;font-size:13px;box-shadow:0 18px 36px #0007;animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateZ(90px) translateY(-10px)}}
.scroll{position:absolute;left:50%;bottom:22px;width:22px;height:36px;border:1px solid var(--line);border-radius:14px;transform:translateX(-50%)}
.scroll:after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;border-radius:2px;background:var(--gold);transform:translateX(-50%);animation:wheel 2s infinite}
@keyframes wheel{to{transform:translate(-50%,12px);opacity:0}}
/* sections */
section{padding:96px 0;position:relative}
h2{font-size:clamp(32px,4.4vw,56px);line-height:1.1;letter-spacing:-.015em;margin-bottom:18px}
.sub{color:var(--mut);max-width:640px;font-size:18px}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s,transform .9s}.reveal.in{opacity:1;transform:none}
/* scenes */
.scenes{display:grid;gap:26px;margin-top:48px}
.scene{position:relative;min-height:440px;border-radius:24px;overflow:hidden;display:flex;align-items:flex-end;border:1px solid var(--line);isolation:isolate}
.scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.04);transition:transform 8s ease-out}
.scene.in img{transform:scale(1.14)}
.scene:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#06182af5 10%,#06182a66 55%,#06182a11)}
.scene .txt{padding:38px;max-width:620px}.scene .num{font:400 56px "P052",serif;color:var(--gold);line-height:1;opacity:.9}
.scene h3{font-size:clamp(26px,3.4vw,40px);margin:8px 0 12px}.scene p{color:#c9d8e4;margin:0 0 20px}
.scene .tag{position:absolute;top:16px;right:18px;font-size:11px;color:#fff9;background:#0007;padding:4px 10px;border-radius:99px}
/* services */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:44px}
.card{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#0c3050,#071d33);border:1px solid var(--line);transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .2s,border-color .3s;display:flex;flex-direction:column;text-decoration:none}
.card:hover{border-color:var(--gold)}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.card div{padding:20px 22px 24px}.card h3{font-size:23px;margin-bottom:6px}.card p{margin:0 0 14px;color:var(--mut);font-size:15px}.card span{color:var(--gold);font-weight:700;font-size:14px}
/* funnel */
.funnel{background:radial-gradient(ellipse at 20% 0,#0e3a5e55,transparent 60%),var(--bg2);border-block:1px solid var(--line)}
.fgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.box{background:#06182ae6;border:1px solid #e5c79144;border-radius:22px;padding:34px;box-shadow:0 40px 80px #0006}
.prog{display:flex;gap:6px;margin-bottom:24px}.prog i{flex:1;height:4px;border-radius:3px;background:#ffffff22}.prog i.on{background:var(--gold)}
.box h3{font-size:28px;margin-bottom:6px}.help{color:var(--mut);font-size:15px;margin:0 0 20px}
.opts{display:grid;gap:10px}
.opt{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:15px 18px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--ink);font:400 16px "URW Gothic",Arial;cursor:pointer;transition:.2s}
.opt:hover{border-color:var(--gold)}.opt[aria-pressed=true]{border-color:var(--gold);background:#e5c79120}
.opt:before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid #fff6;flex:none}.opt[aria-pressed=true]:before{border-color:var(--gold);background:radial-gradient(var(--gold) 45%,transparent 50%)}
.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:14px;color:var(--mut)}
.field input{min-height:50px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:#ffffff0d;color:var(--ink);font:400 16px "URW Gothic",Arial}
.field input:focus,.opt:focus-visible,.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.chk{display:flex;gap:10px;font-size:14px;color:var(--mut);margin:6px 0 18px;align-items:flex-start}.chk input{margin-top:4px;width:18px;height:18px;accent-color:#e5c791}
.nav{display:flex;gap:12px;margin-top:22px;align-items:center}.err{color:#ffb4a8;font-size:14px;min-height:20px;margin:10px 0 0}
.summary{background:#ffffff0a;border-radius:12px;padding:16px 18px;margin-bottom:16px;font-size:15px}.summary b{color:var(--gold)}
.note{margin:18px 0 0;font-size:13px;color:var(--mut)}
.trustlist{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}.trustlist li{display:flex;gap:12px;color:#c9d8e4}.trustlist li:before{content:"✦";color:var(--gold)}
/* steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:44px}
.step{border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#071d33}.step img{aspect-ratio:16/10;object-fit:cover;width:100%}.step div{padding:22px}.step b{font:400 34px "P052",serif;color:var(--gold)}.step h3{font-size:22px;margin:4px 0 8px}.step p{margin:0;color:var(--mut);font-size:15px}
/* faq */
details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font:400 22px "P052",Georgia,serif;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:"+";color:var(--gold)}details[open] summary:after{content:"–"}details p{color:var(--mut);margin:12px 0 0;max-width:760px}
.cta{text-align:center;background:radial-gradient(ellipse at 50% 100%,#b98d4333,transparent 60%)}
.cta img{width:min(380px,80%);margin:0 auto 30px;filter:drop-shadow(0 30px 50px #000a);animation:float2 6s ease-in-out infinite}
@keyframes float2{50%{transform:translateY(-12px)}}
footer{border-top:1px solid var(--line);padding:46px 0;color:var(--mut);font-size:14px}footer .links{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0}footer a{color:var(--ink)}
.wa{position:fixed;right:18px;bottom:18px;z-index:60;min-height:52px;display:inline-flex;align-items:center;padding:0 22px;border-radius:99px;background:#1e7a4f;color:#fff;font-weight:700;text-decoration:none;box-shadow:0 14px 30px #0008}
@media(max-width:860px){.top nav{display:none}.hero-grid,.fgrid{grid-template-columns:1fr;gap:36px}.portrait{margin:0 auto;max-width:300px;--ry:-5deg}.portrait .glass{left:-8px;bottom:18px;padding:10px 14px}.portrait .chip{right:-6px}.hero{padding-top:96px}section{padding:68px 0}.scene{min-height:380px}.scene .txt{padding:24px}.box{padding:24px 20px}.top{padding:10px 16px}.top .btn{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.stage img:first-child{opacity:.6}.beats span:first-child{opacity:1}.reveal{opacity:1;transform:none}}
[hidden]{display:none!important}
@media(min-width:1000px){.cards{grid-template-columns:repeat(5,1fr);gap:16px}.card h3{font-size:21px}.card p{font-size:14px}}
@media(max-width:860px){.scene{display:block;min-height:0}.scene img{position:static;height:230px;transform:none!important;width:100%}.scene:before{display:none}.scene .txt{padding:24px 22px 28px}.scene .tag{top:12px}.portrait{max-width:250px}.hero-grid{gap:44px}}
/* ---- páginas internas (markup original preservado) ---- */
.vbg{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#06182a}
.vbg video{width:100%;height:100%;object-fit:cover;opacity:.9}
.vbg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06182af0,#06182a99 55%,#06182a66),linear-gradient(0deg,var(--bg),transparent 40%)}
.pausebtn{position:absolute;right:18px;bottom:18px;z-index:5;min-height:40px;padding:0 16px;border-radius:99px;border:1px solid var(--line);background:#06182aaa;color:var(--ink);font:400 13px "URW Gothic",Arial;cursor:pointer}
main .wrap{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}
.subhero{position:relative;isolation:isolate;padding:150px 24px 80px!important;max-width:none!important;overflow:hidden}
.subhero>*:not(.vbg):not(.pausebtn){position:relative}
.subhero>.vbg{position:absolute}.subhero{padding-left:max(24px,calc((100% - 1132px)/2))!important;padding-right:max(24px,calc((100% - 1132px)/2))!important}
.subhero h1{font-size:clamp(38px,5.5vw,72px);line-height:1.05;letter-spacing:-.02em;margin-top:0;margin-bottom:18px}
.subhero .lead,.lead{font-size:20px;color:#d3e0ea;max-width:700px;margin-bottom:28px}.subhero>.vbg+.pausebtn{right:24px;bottom:20px}
.breadcrumb{display:block;color:var(--gold);text-decoration:none;font-size:14px;margin-bottom:22px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin:0 0 16px}
.button,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 28px;border-radius:10px;background:linear-gradient(135deg,#f3dcaa,#b98d43);color:#08243b!important;font:700 16px "URW Gothic",Arial;text-decoration:none;box-shadow:0 14px 34px #b98d4340;margin:4px 0}
.secondary{background:transparent;color:var(--ink)!important;border:1px solid var(--line);box-shadow:none}
.fine{font-size:13px;color:var(--mut)}
.article{max-width:860px!important;padding-top:70px;padding-bottom:50px}
.article h2,.section h2{font-size:clamp(28px,3.4vw,42px);margin:48px 0 16px}
.article h2:first-child,.section>h2:first-child{margin-top:0}
.article h3,.section h3{font-size:22px;margin:18px 0 8px}
.article p,.article li,.section p,.section li{color:#c3d3df}
.article a:not(.button):not(.secondary),.section a:not(.button):not(.secondary):not(.service){color:var(--gold)}
.article ul,.article ol,.section ul,.section ol{padding-left:22px}
.note{background:#ffffff0c;border:1px solid #e5c79144;border-radius:16px;padding:20px 24px;margin:24px 0}
.note h3{margin-top:0;color:var(--gold)}
.section{padding-top:60px;padding-bottom:60px}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:28px}
.service{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#0c3050,#071d33);border:1px solid var(--line);text-decoration:none;transition:transform .25s,border-color .3s}
.service:hover{transform:translateY(-6px);border-color:var(--gold)}
.service figure{margin:0}.service img{aspect-ratio:4/3;object-fit:cover;width:100%}
.card-copy{padding:18px 20px 22px}.card-copy h3{font-size:20px;margin:0 0 6px;color:var(--ink)}.card-copy p{margin:0;font-size:14px;color:var(--mut)}
.strategy-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding-top:140px;padding-bottom:70px}
.strategy-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.05;margin-bottom:18px}.strategy-hero h1 em{font-style:normal;color:var(--gold)}
.product-chips{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.product-chips span{border:1px solid var(--line);border-radius:99px;padding:6px 14px;font-size:13px;color:var(--gold)}
.product-price{font:400 44px "P052",serif;margin:0 0 14px}.product-price small{font:400 14px "URW Gothic";color:var(--mut);margin-left:8px}
.book-mockup{margin:0;text-align:center}.book-mockup img{max-width:340px;margin:auto;border-radius:12px;box-shadow:0 40px 80px #000a,0 0 60px #b98d4333;transform:perspective(900px) rotateY(-12deg)}.book-mockup figcaption{margin-top:14px;color:var(--mut);font-size:14px}
.strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:24px}
.strategy-grid article{background:#ffffff0a;border:1px solid var(--line);border-radius:16px;padding:22px}.strategy-grid h3{margin-top:0}
.intro{max-width:680px;color:#c3d3df;font-size:18px}
.curriculum ol{max-width:760px}
.sample-link{margin:8px 0}
.portrait-card img{border-radius:18px}
@media(max-width:860px){.strategy-hero{grid-template-columns:1fr;padding-top:110px}.subhero{padding:112px 20px 56px!important}.book-mockup img{max-width:240px}}
/* home additions */
.vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.orbit{position:absolute;inset:0;pointer-events:none}
.pill{position:absolute;transform:translateZ(80px);background:#08243bd9;border:1px solid #e5c79155;border-radius:99px;padding:8px 16px;font-size:13px;color:var(--ink);backdrop-filter:blur(8px);box-shadow:0 16px 30px #0007;animation:float 6s ease-in-out infinite;white-space:nowrap}
.pill:nth-child(1){left:-40px;top:22%}.pill:nth-child(2){right:-30px;top:48%;animation-delay:1.2s}.pill:nth-child(3){left:-24px;bottom:30%;animation-delay:2.4s}
@keyframes float{50%{transform:translateZ(80px) translateY(-10px)}}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.about img{border-radius:22px;border:6px solid #d9b56f;box-shadow:0 40px 80px #000a;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;width:100%;max-width:380px}
.alt{margin-top:10px;display:inline-block;color:var(--gold);background:none;border:0;font:400 14px "URW Gothic";cursor:pointer;text-decoration:underline;padding:6px 0}
@media(max-width:860px){.about{grid-template-columns:1fr;gap:28px}.pill{display:none}}
.vstage video{width:100%;height:100%;object-fit:cover;opacity:.75}
.vstage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06182aee,#06182a88 60%,#06182a55)}
.portrait{max-width:300px}
.top{position:fixed}
.scene .txt{background:linear-gradient(0deg,#06182af5,#06182ac0 65%,transparent)}
@media(max-width:860px){.portrait{max-width:230px!important}}
.strategy-portrait{margin:0;text-align:center}
.strategy-portrait img{width:100%;max-width:380px;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;border-radius:22px;border:6px solid #d9b56f;box-shadow:0 40px 80px #000a}
.strategy-portrait figcaption{margin-top:12px;color:var(--mut)}
/* v3.1 fixes */
.beats{display:none!important}
.vstage video{opacity:1;filter:saturate(1.1) contrast(1.05)}
.vstage:after{background:linear-gradient(90deg,#06182aeb 0%,#06182ab0 42%,#06182a40 75%,#06182a26 100%),linear-gradient(0deg,#06182a 0%,transparent 28%)}
.hero h1{text-shadow:0 2px 24px #000a}.hero .lead{color:#e6eef5;text-shadow:0 1px 14px #000b;font-weight:400}
.wa{background:linear-gradient(135deg,#f3dcaa,#b98d43)!important;color:#08243b!important;box-shadow:0 12px 30px #0009!important;border:0!important;font-weight:700;transition:opacity .25s,transform .25s}
.wa.off{opacity:0;pointer-events:none;transform:translateY(12px)}
@media(max-width:860px){.wa{left:16px!important;right:16px!important;bottom:14px!important;text-align:center;justify-content:center;display:flex}}
.cta .wrap img{max-height:340px;width:auto;margin:0 auto 10px;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}
.cta h2{background:none!important;-webkit-text-fill-color:var(--ink)!important;color:var(--ink)!important}
.step img{aspect-ratio:16/10;object-fit:cover;width:100%}
footer .links{display:flex;flex-wrap:wrap;gap:10px 24px;margin:16px 0}
footer .links a{text-decoration:none;color:#c3d3df;font-size:15px;min-height:32px;display:inline-flex;align-items:center}
footer .links a:hover{color:var(--gold)}
footer .links a[href^="tel"]{color:var(--gold);font-weight:700}
footer p{max-width:900px;font-size:13px;color:var(--mut);line-height:1.6}
.cards img{aspect-ratio:3/2;object-fit:cover}
@media(max-width:860px){.cards img{aspect-ratio:16/10}.cta .wrap img{max-height:240px}footer{padding-bottom:90px}}
.scene .txt{background:linear-gradient(90deg,#06182af2 0%,#06182ac4 55%,#06182a00 100%);max-width:none;width:100%}
.scene .txt>*{max-width:520px}
@media(max-width:860px){.scene .txt{background:linear-gradient(0deg,#06182af5,#06182ac0 70%,transparent)}}
.card>img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}
@media(max-width:860px){.card>img{aspect-ratio:2/1;max-height:190px}}
#next{width:100%;min-height:54px;justify-content:center;font-size:17px}
.funnel .btn,form .btn{display:flex;align-items:center;justify-content:center}
@media(max-width:860px){.btn,.button{min-height:52px}}
h1,h2,h3{text-wrap:balance}
.hero h1{font-size:clamp(40px,5.6vw,76px);line-height:1.04;letter-spacing:-.01em}
.hero .lead{font-size:clamp(17px,1.5vw,20px);line-height:1.6;max-width:36ch;color:#f1f6fa}
.hero .fine{color:#b7c6d3;font-size:14px}
.cta-row .btn{min-width:230px;justify-content:center;display:inline-flex;align-items:center}
@media(max-width:860px){
.top .btn{display:inline-flex!important;min-height:40px!important;padding:0 14px;font-size:13px}
.top{justify-content:space-between}.brand small{display:none}
.hero h1{font-size:clamp(36px,10.5vw,46px)}
.cta-row{display:grid;grid-template-columns:1fr;gap:12px}.cta-row .btn{width:100%;min-width:0}
.portrait{max-width:210px!important}.hero-grid{gap:28px}
}
.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr)!important;gap:48px}
.hero h1{font-size:clamp(38px,4.6vw,60px)}
.hero h1 em{display:block;white-space:nowrap}
.portrait .frame img{aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;width:100%;height:auto}
.portrait{max-width:380px;margin-left:auto}
.brand b,.brand span{white-space:nowrap}
@media(max-width:860px){
.hero-grid{grid-template-columns:1fr!important}
.brand b{font-size:18px}.brand img{width:38px;height:38px}
.top .btn{white-space:nowrap;font-size:12.5px;padding:0 12px;min-height:38px!important;width:auto}
.hero h1 em{white-space:normal}
.portrait{max-width:100%!important;margin:0 auto}
.portrait .frame img{aspect-ratio:4/3;object-position:50% 18%}
.portrait .glass{left:10px;bottom:10px}
.portrait .orbit{display:none}
}
@media(max-width:860px){.wa{display:none!important}}
.vstage video.hv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease}
.vstage video.hv.on{opacity:1}
.eyebrow#sit{transition:opacity .5s}
@media(prefers-reduced-motion:reduce){.vstage video.hv{transition:none}}
.hero .veil{background:linear-gradient(90deg,#06182ad9 0%,#06182a99 38%,#06182a26 72%,#06182a10 100%),linear-gradient(0deg,var(--bg) 0%,transparent 22%)!important}
.vstage:after{background:none!important}
.hero .vstage video.hv.on{filter:saturate(1.15) contrast(1.08) brightness(1.05)}
.hero .veil{background:linear-gradient(90deg,#06182af2 0%,#06182ad4 42%,#06182a70 68%,#06182a24 100%),linear-gradient(0deg,var(--bg) 0%,transparent 22%)!important}
.hero .vstage video.hv.on{filter:saturate(1.1) contrast(1.05) brightness(.9)}
@media(max-width:860px){.hero .veil{background:linear-gradient(180deg,#06182af0 0%,#06182ae0 48%,#06182a8c 72%,#06182a55 100%),linear-gradient(0deg,var(--bg) 0%,transparent 18%)!important}}
.hcards{display:grid;gap:14px;max-width:440px;margin-left:auto;padding:26px;border:1px solid #f3dcaa40;border-radius:26px;background:linear-gradient(160deg,#0b2a45cc,#06182ad9);backdrop-filter:blur(10px);box-shadow:0 30px 70px #000a,inset 0 1px 0 #ffffff18}
.hc-title{margin:0;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.hc{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:14px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff14}
.hc b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#f3dcaa,#b98d43);color:#08243b;font:700 20px 'P052',serif}
.hc strong{display:block;color:#fff;font-size:17px;margin-bottom:2px}.hc span{color:#c3d3df;font-size:14px;line-height:1.45}
.hc-cta{margin-top:4px;justify-content:center;display:inline-flex;align-items:center;min-height:54px}
.about-img{width:100%;max-width:400px;aspect-ratio:5/6;object-fit:cover;object-position:50% 20%;border-radius:22px;border:2px solid #d6b36a;box-shadow:0 30px 70px #000a}
@media(max-width:860px){.hcards{max-width:none;padding:18px}.about-img{max-width:100%;aspect-ratio:4/3;object-position:50% 18%}}
.about img.about-img{height:auto!important;max-height:none!important;aspect-ratio:5/6!important;width:100%;max-width:400px;object-fit:cover;object-position:50% 12%;border:2px solid #d6b36a;border-radius:22px;padding:0;background:none}
@media(max-width:860px){.about img.about-img{aspect-ratio:4/3!important;max-width:100%}}
.hero .veil{background:linear-gradient(90deg,#06182af2 0%,#06182ad0 40%,#06182a50 64%,#06182a00 100%),linear-gradient(0deg,var(--bg) 0%,transparent 22%)!important}
.hero .vstage video.hv.on{filter:saturate(1.1) contrast(1.05) brightness(1.05)}
.hcards{background:linear-gradient(160deg,rgba(10,38,64,.78),rgba(6,24,42,.7))}
.reveal{opacity:1;transform:none}
html.js .reveal:not(.in){opacity:0;transform:translateY(34px)}
html.js .reveal{transition:opacity .9s,transform .9s}
@media(prefers-reduced-motion:reduce){html.js .reveal:not(.in){opacity:1;transform:none}}
