:root{--bg:#fff;--warm:#faf7f2;--ink:#1a1a1a;--ink2:#232120;--text:#4a4744;--muted:#8a847c;--line:#e9e3da;--gold:#b08d57;--gold2:#d4b483;--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--r:24px}
*{box-sizing:border-box}html{scroll-padding-top:84px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}a{color:inherit}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
.mono{font:500 11px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3{margin:0;color:var(--ink)}h2{font:500 clamp(38px,5vw,64px)/1.05 var(--serif);letter-spacing:-.01em}h2 em{font-style:italic;color:var(--gold)}
h3{font:600 20px/1.3 var(--sans)}
.dark{background:var(--ink);color:#cfc8bf}.dark h2,.dark h3{color:#fff}.warm{background:var(--warm)}
.sec{padding:clamp(80px,11vw,150px) 0}.head{max-width:760px;margin-bottom:56px}.head p.sub{font-size:18px;margin:18px 0 0}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 26px;border-radius:999px;font:600 14px/1 var(--sans);text-decoration:none;transition:transform .25s,background .25s,color .25s;border:1px solid transparent}
.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:#fff}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:#9a7a48}
.btn-line{border-color:currentColor}.btn-light{background:#fff;color:var(--ink)}
/* progress + top */
#prog{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--gold);z-index:100}
.top{position:fixed;inset:0 0 auto;z-index:60;transition:background .3s,box-shadow .3s}.top.scrolled{background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.bar{display:flex;align-items:center;gap:22px;height:76px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 15px/1 var(--sans);color:var(--ink);white-space:nowrap}.brand img{width:40px;height:40px;border-radius:50%}
.menu{display:flex;gap:26px;margin-left:auto;align-items:center}.menu a{text-decoration:none;font-size:14px;font-weight:500;color:var(--ink)}.menu a:hover{color:var(--gold)}
.menu .pill{border:1px solid var(--ink);border-radius:999px;padding:10px 18px}
.langs{display:flex;gap:6px}.flag{display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 9px;cursor:pointer;font:600 11px var(--sans);color:var(--ink)}
.flag svg{width:18px;height:12px;border-radius:2px}.flag[aria-pressed=true]{border-color:var(--gold);background:var(--warm)}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}.burger span{width:16px;height:1.5px;background:var(--ink)}
/* intro — original "shutter & viewfinder" */
#intro{position:fixed;inset:0;z-index:200;overflow:hidden;animation:isafe .6s 14.5s forwards}
@keyframes isafe{to{opacity:0;visibility:hidden;pointer-events:none}}
#intro .sh{position:absolute;left:0;right:0;height:50.5%;background:radial-gradient(90% 120% at 50% 100%,#2c2620 0%,#1c1a18 60%,#121110 100%);transition:transform .9s cubic-bezier(.76,0,.24,1)}
#intro .st{top:0}#intro .sb{bottom:0;transform-origin:bottom;background:radial-gradient(90% 120% at 50% 0%,#2c2620 0%,#1c1a18 60%,#121110 100%)}
#intro .ic{position:absolute;inset:0;transition:opacity .45s ease}
#intro .ip{position:absolute;left:50%;top:50%;width:min(38vw,440px,58vh);aspect-ratio:3/2;margin:0;transform:translate(-50%,-50%);clip-path:inset(50% 50% 50% 50% round 18px);opacity:0;transition:clip-path 1s cubic-bezier(.7,0,.2,1),opacity .6s}
#intro .ip img{width:100%;height:100%;object-fit:cover;filter:sepia(.35) brightness(.42) contrast(1.05);transform:scale(1.18)}
#intro .ip.on{clip-path:inset(0 0 0 0 round 18px);opacity:1}#intro .ip.on img{animation:ikb 2.2s ease-out forwards}@keyframes ikb{to{transform:scale(1.02)}}
#intro .iph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;pointer-events:none}
#intro .iph p{margin:0;max-width:16ch;font:300 clamp(30px,5.4vw,70px)/1.06 var(--sans);text-transform:uppercase;letter-spacing:-.02em;color:#f6f1ea;text-shadow:0 2px 30px rgba(0,0,0,.5)}
#intro .iph b{font:italic 500 1.12em/1 var(--serif);text-transform:none;color:var(--gold2);letter-spacing:0}
#intro .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.04em .02em .1em}#intro .w>span{display:inline-block;transform:translateY(115%) rotate(4deg);opacity:0}
#intro .iph.on .w>span{animation:iw .62s cubic-bezier(.2,.75,.2,1) forwards}#intro .iph.off .w>span{opacity:1;transform:none;animation:iwo .35s ease forwards!important;animation-delay:0s!important}
@keyframes iw{to{transform:none;opacity:1}}@keyframes iwo{to{opacity:0;transform:translateY(-40%)}}
#intro .iph{flex-direction:column}#intro .iph small{display:block;margin-top:20px;font:400 clamp(13px,1.4vw,16px)/1.4 var(--sans);color:#d8cfc3;opacity:0;max-width:30em}#intro .iph.on small{animation:ifd .6s .55s forwards}@keyframes ifd{to{opacity:1}}
#intro .vf{position:absolute;width:34px;height:34px;border:1.5px solid var(--gold);opacity:.85}
#intro .tl{top:clamp(18px,4vw,40px);left:clamp(18px,4vw,40px);border-right:0;border-bottom:0}#intro .tr{top:clamp(18px,4vw,40px);right:clamp(18px,4vw,40px);border-left:0;border-bottom:0}
#intro .bl{bottom:clamp(18px,4vw,40px);left:clamp(18px,4vw,40px);border-right:0;border-top:0}#intro .br{bottom:clamp(18px,4vw,40px);right:clamp(18px,4vw,40px);border-left:0;border-top:0}
#intro .irec,#intro .ibrand{position:absolute;top:calc(clamp(18px,4vw,40px) + 12px);font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#cfc6ba}
#intro .irec{left:calc(clamp(18px,4vw,40px) + 48px);display:flex;align-items:center;gap:8px}#intro .irec b{width:8px;height:8px;border-radius:50%;background:#d94b3d;animation:iblink 1s steps(2) infinite}@keyframes iblink{50%{opacity:.15}}
#intro .ibrand{right:calc(clamp(18px,4vw,40px) + 48px);color:var(--gold2)}
#intro .ifocus{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border:1px solid rgba(212,180,131,.45);border-radius:50%;animation:ifoc 1.1s ease-in-out infinite alternate}@keyframes ifoc{to{transform:scale(1.25);opacity:.4}}
#skip{position:absolute;right:calc(clamp(18px,4vw,40px) + 48px);bottom:calc(clamp(18px,4vw,40px) + 4px);background:none;border:0;color:#cfc6ba;font:500 13px var(--sans);cursor:pointer;padding:10px 4px}#skip:hover{color:var(--gold2)}
#intro.out .ic{opacity:0}#intro.out .st{transform:translateY(-101%)}#intro.out .sb{transform:translateY(101%)}#intro.out{pointer-events:none}
#intro.rm .w>span{transform:none}#intro.rm .ip,#intro.rm .ip.on{clip-path:none}#intro.rm .itag i{transform:none;animation:none}#intro.rm .ip img{transform:none;animation:none}#intro.rm .iph.on .w>span{animation:ifd .5s forwards}@keyframes ifd{to{opacity:1}}
#intro.rm.out{opacity:0;transition:opacity .6s}#intro.rm.out .sh{transform:none}#intro.rm .ifocus,#intro.rm .irec b{animation:none}
/* bilingual corners */
#intro .iph{display:block;padding:0}
#intro .ib{position:absolute;text-align:left;width:min(36vw,460px);--e:calc(clamp(18px,4vw,40px) + 14px)}
#intro .ib.ktl{top:calc(var(--e) + 40px);left:var(--e)}#intro .ib.ktr{top:calc(var(--e) + 40px);right:var(--e);text-align:right}
#intro .ib.kbl{bottom:calc(var(--e) + 34px);left:var(--e)}#intro .ib.kbr{bottom:calc(var(--e) + 34px);right:var(--e);text-align:right}
#intro .ib p{max-width:none;font-size:clamp(20px,2.4vw,36px);line-height:1.1}
#intro .ib[lang=en] p{color:#e9e1d6}
#intro .itag{display:flex;align-items:center;gap:12px;margin-bottom:14px;font:500 10.5px/1 var(--mono);letter-spacing:.24em;color:var(--gold2)}
#intro .itag em{font-style:normal;opacity:0}#intro .itag i{display:block;width:56px;height:1px;background:linear-gradient(90deg,var(--gold2),rgba(212,180,131,0));transform:scaleX(0);transform-origin:left}
#intro .ktr .itag,#intro .kbr .itag{flex-direction:row-reverse}#intro .ktr .itag i,#intro .kbr .itag i{transform-origin:right;background:linear-gradient(270deg,var(--gold2),rgba(212,180,131,0))}
#intro .iph.on .itag em{animation:ifd .5s forwards}#intro .iph.on .itag i{animation:ihl .8s cubic-bezier(.2,.75,.2,1) .1s forwards}@keyframes ihl{to{transform:none}}
#intro .iph.off .itag{opacity:0;transition:opacity .35s}
@media (max-width:640px){#intro .ip{width:58vw;max-width:300px;aspect-ratio:4/5}#intro .ibrand{display:none}
#intro .ib{width:auto;left:var(--e)!important;right:var(--e)!important}
#intro .ib[lang=es]{top:calc(var(--e) + 34px);bottom:auto}#intro .ib[lang=en]{bottom:calc(var(--e) + 44px);top:auto}
#intro .ib p{font-size:clamp(19px,5.6vw,26px)}#intro .itag{margin-bottom:10px}}
/* hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:130px 0 90px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--warm) 100%)}
#lines{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero h1{font:300 clamp(38px,6.4vw,92px)/1.02 var(--sans);text-transform:uppercase;letter-spacing:-.03em;max-width:15ch}
.hero h1 b{font-weight:800}.hero h1 em{font:italic 500 1.05em/1 var(--serif);text-transform:none;color:var(--gold);letter-spacing:0}
.hero .h1sub{font:300 clamp(20px,2.4vw,30px)/1.2 var(--sans);text-transform:uppercase;color:var(--ink);margin:26px 0 0}.hero .h1sub b{font-weight:700}
.hero .lead{max-width:36em;font-size:17px;margin:26px 0 0}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.hero-foot{position:absolute;bottom:26px;left:0;right:0;z-index:1}.hero-foot .wrap{display:flex;justify-content:space-between;gap:16px;color:var(--muted)}
/* bento */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.tile{position:relative;grid-column:span 2;min-height:300px;border-radius:var(--r);background:var(--ink2);color:#cfc8bf;padding:30px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #2e2b28;text-decoration:none;isolation:isolate;transition:border-color .3s,transform .3s}
.tile.w3{grid-column:span 3}.tile.w4{grid-column:span 4}
.tile::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(212,180,131,.22),transparent 60%);opacity:0;transition:opacity .3s}
.tile:hover{border-color:var(--gold)}.tile:hover::before{opacity:1}
.tile .ph{position:absolute;inset:0;z-index:-2;opacity:.38}.tile .ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3)}
.tile .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,26,26,.2),rgba(26,26,26,.92))}
.tile .num{font:500 12px var(--mono);color:var(--gold2);letter-spacing:.15em}
.tile h3{color:#fff;margin-top:auto;font-size:22px}.tile p{margin:10px 0 0;font-size:15px;max-width:32em}
.arrow{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:50%;border:1px solid #4a4642;display:grid;place-items:center;color:#fff;font-size:18px;transition:background .3s,color .3s,border-color .3s}
.tile:hover .arrow{background:#fff;color:var(--ink);border-color:#fff}
.tile .price-tag{margin-top:14px;font:500 12px var(--mono);color:var(--gold2);letter-spacing:.08em}
/* why */
.why{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.wcard{border-radius:var(--r);padding:38px;background:#fff;border:1px solid var(--line);min-height:240px;display:flex;flex-direction:column}
.wcard:nth-child(2),.wcard:nth-child(3){background:var(--ink);border-color:var(--ink);color:#cfc8bf}.wcard:nth-child(2) h3,.wcard:nth-child(3) h3{color:#fff}
.wcard .mono{margin-bottom:auto}.wcard h3{font:500 30px/1.1 var(--serif);margin-top:40px}.wcard p{margin:12px 0 0}
/* pricing */
.pricing{display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,6vw,90px);align-items:start}
.pitch{position:sticky;top:110px}.pitch .big{font:500 clamp(24px,2.6vw,32px)/1.25 var(--serif);color:#fff;margin:22px 0 0}.pitch .big em{color:var(--gold2)}
.pitch p{margin:18px 0 0}.check{list-style:none;padding:0;margin:26px 0 32px}.check li{padding:8px 0 8px 30px;position:relative;font-size:15px}.check li::before{content:"✓";position:absolute;left:0;color:var(--gold2)}
.tiers{display:flex;flex-direction:column;gap:16px}
.tier{position:relative;border-radius:var(--r);border:1px solid #34302c;background:var(--ink2);padding:32px;transition:border-color .3s,box-shadow .3s}
.tier:hover{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 20px 60px rgba(176,141,87,.15)}
.tier.feat{border-color:var(--gold)}
.tier h3{font:500 34px/1 var(--serif);color:#fff;margin-top:14px}.tier h3 small{font:400 14px var(--sans);color:var(--muted);margin-left:8px}
.tier .desc{margin:10px 0 0;font-size:15px}
.tier .row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #34302c;margin-top:22px;padding-top:20px}
.tier .amt{font:700 48px/1 var(--sans);color:#fff;letter-spacing:-.03em}.tier .amt span{font:500 11px var(--mono);color:var(--muted);letter-spacing:.1em;margin-left:8px}
.tier .hrs{font:500 12px var(--mono);color:var(--gold2);letter-spacing:.12em;text-transform:uppercase}
.badge{position:absolute;top:-12px;right:28px;background:var(--gold);color:#fff;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
/* equivalence */
.eq{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;align-items:start}
.eqi{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid var(--line);transition:border-color .25s}
.eqi:hover{border-color:var(--gold)}.eqi span{font-weight:500;color:var(--ink);font-size:15px}
.eqi b{flex:none;font:600 12px var(--mono);color:var(--gold);background:var(--warm);border-radius:999px;padding:7px 12px;letter-spacing:.06em;white-space:nowrap}
.eqi.extra{background:var(--ink);border-color:var(--ink)}.eqi.extra span{color:#fff}.eqi.extra b{background:var(--gold);color:#fff}
.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.rule{border-radius:18px;padding:22px;border:1px dashed var(--gold);font-size:14.5px}.rule b{display:block;color:var(--ink);margin-bottom:6px}
/* photo */
.media{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
.collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 200px 200px;gap:14px}
.collage figure{margin:0;border-radius:var(--r);overflow:hidden}.collage img{width:100%;height:100%;object-fit:cover}
.collage .a{grid-row:span 2}.collage .d{grid-column:span 2}
.sess{display:grid;gap:10px;margin-top:28px}.sess div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border-radius:18px;border:1px solid var(--line);background:#fff}
.sess b{font:700 22px var(--sans);color:var(--ink)}.sess small{display:block;color:var(--muted)}.sess a{font-size:13px;font-weight:600;color:var(--gold);text-decoration:none;white-space:nowrap}
/* weddings */
.wed{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}
.wed figure{margin:0;border-radius:var(--r);overflow:hidden;min-height:440px}.wed figure img{width:100%;height:100%;object-fit:cover}
.wed .box{border-radius:var(--r);background:var(--ink);color:#cfc8bf;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:14px}
.wed .box h2{color:#fff}.wpk{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.wpk span{border:1px solid #3a3632;border-radius:999px;padding:10px 16px;font-size:14px;color:#fff}.wpk span b{color:var(--gold2)}
/* reels */
.reels{display:flex;gap:14px;overflow-x:auto;padding:0 20px 10px;scroll-snap-type:x mandatory}
.reel{flex:0 0 clamp(200px,22vw,270px);aspect-ratio:9/16;margin:0;border-radius:var(--r);overflow:hidden;position:relative;scroll-snap-align:start}
.reel img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.reel:hover img{transform:scale(1.05)}
.reel figcaption{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.92);border-radius:999px;padding:6px 12px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:46px 0}
.stat b{display:block;font:300 clamp(40px,5vw,68px)/1 var(--sans);color:var(--ink);letter-spacing:-.03em}.stat b em{font-style:normal;color:var(--gold);font-weight:600}.stat span{display:block;margin-top:10px}
/* cta */
.cta{border-radius:36px;background:var(--ink);color:#cfc8bf;padding:clamp(40px,7vw,96px);position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;width:600px;height:600px;right:-180px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(176,141,87,.35),transparent 65%)}
.cta h2{color:#fff;font-size:clamp(44px,7vw,96px);max-width:12ch;position:relative;z-index:1}.cta>*{position:relative;z-index:1}
.cta .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px}.contacts a{text-decoration:none;border:1px solid #3a3632;border-radius:18px;padding:20px}.contacts a:hover{border-color:var(--gold)}.contacts b{display:block;color:#fff;margin-top:6px;font-weight:500;word-break:break-word}
/* footer */
.foot{padding:80px 0 36px;background:var(--warm)}.fcols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.foot h4{margin:0 0 14px;font:500 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.foot ul{list-style:none;margin:0;padding:0}.foot li{margin:8px 0}.foot li a{text-decoration:none;font-size:14.5px}.foot li a:hover{color:var(--gold)}
.fbottom{margin-top:60px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
#totop{position:fixed;right:22px;bottom:22px;width:50px;height:50px;border-radius:50%;background:var(--ink);color:#fff;border:1px solid #444;font-size:18px;cursor:pointer;z-index:70;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .3s,transform .3s}
#totop.on{opacity:1;pointer-events:auto;transform:none}#totop:hover{background:var(--gold)}
.rv{will-change:transform,opacity}
@media (max-width:1000px){.pricing,.media,.wed{grid-template-columns:1fr}.pitch{position:static}.rules{grid-template-columns:1fr 1fr}.tile,.tile.w3,.tile.w4{grid-column:span 3}.fcols{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.burger{display:flex}.menu{position:fixed;top:76px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:24px 20px;gap:18px;border-bottom:1px solid var(--line);display:none}.menu.open{display:flex}.langs{margin-left:auto}}
@media (max-width:640px){.bento,.why{grid-template-columns:1fr}.tile,.tile.w3,.tile.w4{grid-column:auto;min-height:250px}.rules,.contacts{grid-template-columns:1fr}.collage{grid-template-rows:150px 150px 150px}.brand span{display:none}.flag span{display:none}.flag{padding:6px}.hero-foot .wrap span+span{display:none}.wcard{padding:28px}.tier{padding:26px}.tier .amt{font-size:40px}.cta{border-radius:26px}.fcols{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*:not(#intro):not(#intro *){animation:none!important;transition:none!important}}

.eqi{display:block;padding:0}
.eqb{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:20px 22px;cursor:pointer;border-radius:18px;-webkit-tap-highlight-color:transparent}
.eqb:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.eqb span{flex:1;font-weight:500;color:var(--ink);font-size:15px}.eqi.extra .eqb span{color:#fff}
.eqx{flex:none;position:relative;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);transition:transform .35s,background .25s,border-color .25s}
.eqx:before,.eqx:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:1.5px;margin:-.75px 0 0 -4.5px;background:var(--gold);transition:transform .35s}
.eqx:after{transform:rotate(90deg)}
.eqi.open .eqx{transform:rotate(180deg);border-color:var(--gold)}.eqi.open .eqx:after{transform:rotate(0)}
.eqi.extra .eqx{border-color:rgba(255,255,255,.35)}.eqi.extra .eqx:before,.eqi.extra .eqx:after{background:#fff}
.eqi.open{border-color:var(--gold)}
.eqp{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease,opacity .3s;opacity:0;visibility:hidden}
.eqp>div{overflow:hidden}
.eqp p{margin:0 22px 20px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;line-height:1.55;color:var(--muted)}
.eqi.extra .eqp p{color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.18)}
.eqi.open .eqp{grid-template-rows:1fr;opacity:1;visibility:visible}
@media (max-width:600px){.eqb{padding:18px}.eqp p{margin:0 18px 18px}}
/* intro grande: text bigger, near photo */
#intro{--pw:min(38vw,440px,58vh);--phh:calc(var(--pw)*2/3);--g:26px}
#intro .ib p{font-size:clamp(24px,2.9vw,44px)}
#intro .ib.ktl,#intro .ib.kbl{left:auto;right:calc(50% + var(--pw)/2 + var(--g));width:min(calc(50vw - var(--pw)/2 - var(--g) - 54px),480px)}
#intro .ib.ktr,#intro .ib.kbr{right:auto;left:calc(50% + var(--pw)/2 + var(--g));width:min(calc(50vw - var(--pw)/2 - var(--g) - 54px),480px)}
#intro .ib.ktl,#intro .ib.ktr{top:calc(50% - var(--phh)/2);bottom:auto}
#intro .ib.kbl,#intro .ib.kbr{bottom:calc(50% - var(--phh)/2);top:auto}
@media (max-width:1000px){
#intro .ib.ktl,#intro .ib.ktr,#intro .ib.kbl,#intro .ib.kbr{width:auto;left:var(--e);right:var(--e)}
#intro .ib.ktl,#intro .ib.ktr{top:auto;bottom:calc(50% + var(--phh)/2 + 22px)}
#intro .ib.kbl,#intro .ib.kbr{bottom:auto;top:calc(50% + var(--phh)/2 + 22px)}
#intro .ib p{font-size:clamp(23px,4.4vw,40px)}}
@media (max-width:640px){#intro{--pw:min(58vw,300px);--phh:calc(var(--pw)*5/4)}
#intro .ib[lang=es]{top:auto!important;bottom:calc(50% + var(--phh)/2 + 18px)!important}
#intro .ib[lang=en]{bottom:auto!important;top:calc(50% + var(--phh)/2 + 18px)!important}
#intro .ib p{font-size:clamp(23px,6.8vw,31px)}}