/* FacuRomera: social cards, quiet gold details and progressive motion. */
body{overflow-x:clip}
.hero,.intro{overflow:clip}
.landing-live-globe{animation:globe-drift 16s ease-in-out infinite alternate;will-change:transform;filter:drop-shadow(0 0 18px #d2ab4020)}
.landing-live-globe.globe-motion-paused{animation-play-state:paused;will-change:auto}
@keyframes globe-drift{0%{transform:translate3d(calc(-50% - 13px),calc(-50% + 5px),0) rotate(-3deg)}100%{transform:translate3d(calc(-50% + 14px),calc(-50% - 9px),0) rotate(3deg)}}
@media(max-width:680px){.landing-live-globe{filter:none}}
.hero h1,.intro h1{animation:hero-arrive .9s cubic-bezier(.2,.75,.2,1) both}
.hero .eyebrow,.intro .notice{animation:hero-arrive .65s ease both}
@keyframes hero-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.video-embed{position:relative;box-shadow:0 18px 80px #0008,0 0 42px #c49a2412}
.story-shell{position:relative;margin-inline:-16px}
.story-carousel{position:relative}
.story-stage{display:flex;align-items:stretch;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:max(16px,calc((100% - 570px)/2));padding:26px max(16px,calc((100% - 570px)/2)) 30px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.story-stage::-webkit-scrollbar{display:none}
.story-post{flex:0 0 min(570px,85%);min-width:0;scroll-snap-align:center;display:flex;flex-direction:column;margin:0;border:1px solid #49422e;border-radius:24px;background:linear-gradient(155deg,#1f201a,#11120f 65%);box-shadow:0 18px 40px #0005;opacity:.5;scale:.96;transition:opacity .5s,scale .55s cubic-bezier(.22,1,.36,1),border-color .5s;overflow:hidden}
.story-post.is-active{opacity:1;scale:1;border-color:#ab8f49;box-shadow:0 20px 60px #0007,0 0 28px #e7c74709}
.story-post-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px;border-bottom:1px solid #ffffff0a}
.story-avatar{display:none}
.story-post-identity{min-width:0}
.story-post-identity strong{display:block;color:#f3f0e8;font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.story-post-identity small{display:block;font-size:12px;color:#a19f94;margin-top:5px}
.story-post-tag{flex:none;color:#d9c582;border:1px solid #b3985038;border-radius:30px;padding:5px 9px;font-size:10px;letter-spacing:.03em}
.story-post-content{flex:1;display:flex;align-items:center;position:relative;padding:35px 28px 30px;min-height:310px}
.story-post-content:before{content:'“';position:absolute;top:2px;left:22px;font:90px Georgia,serif;color:#d9ba4324;pointer-events:none}
.story-post-content blockquote{position:relative;margin:0;font-size:clamp(17px,2.3vw,21px);line-height:1.55;letter-spacing:-.012em;color:#e8e6de}
.story-post-content blockquote strong{color:#e4ce81;font-weight:400}
.story-post-media{flex:1;min-height:310px}
.story-post-media span{display:block;color:#cbbd8e;font-size:12px;margin:10px 0 0}
.story-post-bottom{display:flex;align-items:center;gap:10px;margin:0 24px;padding:14px 0 18px;border-top:1px solid #ffffff0a;font-size:11px;color:#888b7d;letter-spacing:.02em}
.post-symbol{font-size:23px;line-height:1;color:#d9c582}
.story-controls{display:flex;gap:18px;justify-content:center;align-items:center;margin-top:0}
.story-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #756333;border-radius:50%;background:#d9b6370a;color:#e7cd74;font:22px Outfit,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.story-controls button:hover{background:#d9b63722;transform:translateY(-2px)}
.story-controls button[data-story-auto]{width:36px;height:36px;font-size:15px;border-color:#3d3d31;color:#b7b39f}
[data-story-count]{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.18em;color:#c6c1ae;min-width:60px;text-align:center}
.story-dots{display:flex;gap:8px;justify-content:center;margin:13px 0 0}
.story-dots button{position:relative;width:24px;height:24px;padding:0;background:none;border:0;cursor:pointer}
.story-dots button:after{content:'';position:absolute;left:8px;right:8px;top:9px;height:5px;border-radius:9px;background:#484537;transition:background .3s,left .3s,right .3s}
.story-dots button[aria-current=true]:after{background:#e7c747;left:2px;right:2px}
.story-stage:focus-visible,.story-controls button:focus-visible,.story-dots button:focus-visible{outline:2px solid #e7c747;outline-offset:4px}
html.has-reveal [data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .85s cubic-bezier(.22,1,.36,1)}
html.has-reveal [data-reveal].is-visible{opacity:1;transform:none}
.faq details,.prep-list li,.step{transition:border-color .3s,background .3s,transform .3s}
@media(hover:hover){.faq details:hover,.prep-list li:hover,.step:hover{border-color:#7b6b3b}.prep-list li:hover{transform:translateX(3px)}}
.faq details[open] p{animation:answer-enter .32s ease both}
@keyframes answer-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:680px){.story-stage{gap:12px;padding-top:18px}.story-post{flex-basis:88%;border-radius:20px}.story-post-top{padding:18px;gap:8px}.story-post-identity strong{font-size:15px}.story-post-identity small{font-size:11px}.story-post-content{padding:30px 20px 24px;min-height:340px}.story-post-content blockquote{font-size:17px;line-height:1.55}.story-post-bottom{margin-inline:18px}.story-post-tag{font-size:9px}.landing-live-globe{animation-duration:19s}.story-controls{gap:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.landing-live-globe{will-change:auto}html.has-reveal [data-reveal]{opacity:1;transform:none}}

/* Recompose the original 827 x 205 logo as FACU / FR / ROMERA.
   The three masks reuse its exact lettering; the finished group is 720 x 205. */
.facu-signature{width:min(320px,78%);margin:0 auto 30px;perspective:800px;isolation:isolate}
.facu-signature-mark{position:relative;display:block;aspect-ratio:720/205;transform:rotateX(5deg) rotateY(-5deg);transition:transform .7s cubic-bezier(.2,.75,.2,1);filter:drop-shadow(0 1px 0 #70551f) drop-shadow(0 2px 0 #3a2a0e) drop-shadow(0 8px 10px #0009)}
.facu-signature-piece{position:absolute;top:0;left:0;width:114.861111%;height:100%;-webkit-mask:url("facundo-romera-logo.png") center/contain no-repeat;mask:url("facundo-romera-logo.png") center/contain no-repeat;pointer-events:none}
.facu-signature-name{background:#fff;clip-path:inset(0 81.862152% 0 0)}
.facu-signature-monogram{transform:translateX(-13.422007%);clip-path:polygon(35.187424% 0,65.9% 0,65.9% 100%,35.187424% 100%,35.187424% 66%,36.28% 66%,36.28% 43%,35.187424% 43%);background:linear-gradient(165deg,#fff1bd 0%,#dfc16e 24%,#a97c29 43%,#ffe7a0 51%,#c0953d 68%,#f3d88d 100%)}
.facu-signature-surname{background:#fff;clip-path:inset(0 0 0 68.319226%);transform:translateX(-12.938331%)}
.facu-signature-monogram:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 42%,#fff8dcbb 49%,#fffdf1 50%,#fff8dcbb 51%,transparent 58%) -150% 0/300% 100% no-repeat;animation:signature-glint 9s ease-in-out infinite;opacity:.75}
@keyframes signature-glint{0%,65%{background-position:150% 0}86%,100%{background-position:-50% 0}}
@media(hover:hover) and (pointer:fine){.facu-signature:hover .facu-signature-mark{transform:rotateX(-4deg) rotateY(6deg) translateY(-2px)}}
@media(max-width:680px){.facu-signature{width:min(250px,85%);margin-bottom:24px}.facu-signature-mark{transform:none}.intro{padding-top:30px}.hero{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.facu-signature-mark,.facu-signature:hover .facu-signature-mark{transform:none;transition:none}.facu-signature-monogram:after{animation:none;opacity:0}}

/* Small-screen polish and keyboard access. */
.skip-link{position:fixed;left:16px;top:12px;z-index:100;padding:12px 18px;border-radius:8px;background:#e7c747;color:#111;font-weight:700;transform:translateY(-160%);text-decoration:none}
.skip-link:focus{transform:none;outline:2px solid #fff;outline-offset:3px}
#video{scroll-margin-top:20px}
.hero h1,.intro h1,.section-heading h2,.section-title h2{text-wrap:balance}
.faq summary:focus-visible{outline:2px solid #e7c747;outline-offset:-4px;border-radius:10px}
@media(max-width:680px){.landing-live-globe{animation:none;will-change:auto}.hero h1,.intro h1{animation-duration:.55s}}