/* CAPTURE 369: editorial pilot, scoped to home and Portrait Experience. */
body[data-creative-pilot]{--pilot-ease:cubic-bezier(.19,1,.22,1)}
body[data-creative-pilot] main{overflow:clip}
body[data-creative-pilot] main>section{scroll-margin-top:120px}
body[data-creative-pilot] :is(h1,h2){text-wrap:balance}
body[data-creative-pilot] .eyebrow{color:#DCB675}
body[data-creative-pilot] :is(.button,.text-link) span[aria-hidden]{display:inline-block;transition:transform 220ms ease}
body[data-creative-pilot] .pilot-panel{position:relative;isolation:isolate;background:#292A2D;border:1px solid #DCB67526;border-radius:72px 24px 72px 24px;padding:clamp(28px,5vw,64px);margin-block:56px}
body[data-creative-pilot] .pilot-panel::before{content:'';position:absolute;inset:14px;border:1px solid #DCB67513;border-radius:inherit;pointer-events:none;z-index:-1}
body[data-creative-pilot] .pilot-paper{background:#F3EEE4;color:#101113;border-radius:24px 88px 24px 88px;padding:clamp(28px,5vw,64px);margin-block:56px;border:0}
body[data-creative-pilot] .pilot-paper :is(p,li){color:#48453F}
body[data-creative-pilot] .pilot-paper :is(.eyebrow,em,.text-link){color:#775327}
body[data-creative-pilot] .pilot-paper .button{color:#101113}
body[data-creative-pilot] .pilot-photo{position:relative;overflow:hidden;border-radius:28px 90px 28px 28px}
body[data-creative-pilot] .pilot-photo img{display:block;width:100%;height:auto;transition:transform 750ms var(--pilot-ease)}
body[data-creative-pilot] .pilot-photo figcaption{padding:12px 4px}
body[data-creative-pilot] .pilot-closing{position:relative;background:linear-gradient(120deg,#292A2D,#18191C);border:1px solid #DCB67533;border-radius:80px 24px 24px 24px;padding:clamp(26px,5vw,64px);margin-top:64px;overflow:hidden}
body[data-creative-pilot] .pilot-closing::after{content:'';position:absolute;left:32px;top:28px;width:64px;height:1px;background:#DCB675;pointer-events:none}
body[data-creative-pilot] .pilot-step{position:relative;border-top:1px solid #DCB67566;min-height:200px;overflow:hidden}
body[data-creative-pilot] .pilot-step .step-index{font-size:48px;line-height:1;color:#DCB675}
body[data-creative-pilot] .pilot-step h3{margin-top:22px}
body[data-creative-pilot] .pilot-reveal{animation:pilot-reveal 760ms var(--pilot-ease) both;animation-delay:var(--pilot-delay,0ms)}
body[data-creative-pilot] .pilot-reveal-image{animation:pilot-image 1000ms var(--pilot-ease) both}
@keyframes pilot-reveal{from{opacity:.45;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes pilot-image{from{transform:scale(1.055)}to{transform:scale(1)}}
@keyframes pilot-back-settle{from{transform:translateY(12px) rotate(-10deg)}to{transform:rotate(-7deg)}}
@keyframes pilot-front-settle{from{transform:translateY(18px) rotate(9deg)}to{transform:rotate(6deg)}}
/* Home: spacious type and three editorial transitions. The CTA is never hidden. */
body[data-creative-pilot="home"] .hero{padding-block:64px 88px;gap:6%;grid-template-columns:1.03fr 1fr}
body[data-creative-pilot="home"] h1{font-size:clamp(50px,6vw,86px);line-height:1.01;letter-spacing:-.04em}
body[data-creative-pilot="home"] .hero .lead{max-width:470px;font-size:16px}
body[data-creative-pilot="home"] .photo-stage{height:540px;isolation:isolate}
body[data-creative-pilot="home"] .photo-stage::before{content:'';position:absolute;inset:30px 22px 46px;background:#292A2D;border-radius:160px 30px 150px 30px;z-index:-1}
body[data-creative-pilot="home"] .photo{animation:none;border-width:5px;box-shadow:0 24px 50px #0005}
body[data-creative-pilot="home"] .photo.back{width:65%;height:345px;top:8px;border-radius:120px 120px 18px 18px;transform:rotate(-7deg)}
body[data-creative-pilot="home"] .photo.front{width:76%;height:310px;bottom:22px;transform:rotate(6deg);border-radius:20px}
body[data-creative-pilot="home"] .focus-ring{top:4px;right:8px;width:190px;height:190px;border-color:#DCB67555}
body[data-creative-pilot="home"] #eventos{padding-block:64px}
body[data-creative-pilot="home"] #eventos .visual-event-card{background:#1B1C1F;border:1px solid #DCB67520;padding:14px;overflow:hidden}
body[data-creative-pilot="home"] #eventos .visual-event-photo{border-radius:18px;overflow:hidden}
body[data-creative-pilot="home"] #servicios .service{background:#101113;border-color:#DCB67530;min-height:200px}
body[data-creative-pilot="home"] #servicios h2{font-size:clamp(38px,4vw,56px)}
body[data-creative-pilot="home"] .memory-story{gap:7%;padding-block:80px}
body[data-creative-pilot="home"] .pilot-paper .memory-photo{border-radius:120px 24px 24px 24px;box-shadow:0 20px 36px #0002}
body[data-creative-pilot="home"] .portrait-catalog{background:#1B1C1F;border-radius:64px 24px 64px 24px}
body[data-creative-pilot="home"] .story-card h3{font-family:var(--capture-display)}
body[data-creative-pilot="home"] .story-image{border:1px solid #DCB67533}
/* Portrait: the exact square backdrop is preserved, followed by print and Guestbook. */
body[data-creative-pilot="portrait"] .experience-hero{padding-block:56px 70px;gap:6%;align-items:center}
body[data-creative-pilot="portrait"] .experience-hero h1{font-size:clamp(48px,5.5vw,78px);line-height:1.04}
body[data-creative-pilot="portrait"] .station-hero{background:#292A2D;padding:14px;border:1px solid #DCB67533;border-radius:80px 24px 24px 24px;position:relative}
body[data-creative-pilot="portrait"] .station-hero img{border-radius:68px 16px 16px 16px;object-fit:contain;aspect-ratio:auto;min-height:0;animation:none}
body[data-creative-pilot="portrait"] .station-hero figcaption{padding:10px 8px 0}
body[data-creative-pilot="portrait"] #experiencia h2{font-size:clamp(38px,4.5vw,60px)}
body[data-creative-pilot="portrait"] #experiencia .experience-photo img{border-radius:24px 90px 24px 24px}
body[data-creative-pilot="portrait"] #guestbook .experience-photo img{border-radius:22px 22px 100px 22px}
body[data-creative-pilot="portrait"] #guestbook ol{padding-left:22px}
body[data-creative-pilot="portrait"] #guestbook li{padding:12px 0;border-bottom:1px solid #10111320}
body[data-creative-pilot="portrait"] .experience-price{border-radius:32px;padding-top:38px;transition:transform 300ms var(--pilot-ease),border-color 300ms ease}
body[data-creative-pilot="portrait"] .experience-price.featured{background:#292A2D;border-color:#DCB675;box-shadow:0 20px 45px #0004}
body[data-creative-pilot="portrait"] .package-badge{background:#DCB675;color:#101113}
body[data-creative-pilot="portrait"] .gallery-shell{padding:clamp(20px,3vw,40px);border-radius:36px;background:#1B1C1F}
body[data-creative-pilot="portrait"] #photo-dialog{width:min(960px,94vw);border-radius:26px}
body[data-creative-pilot="portrait"] .experience-strip{border-color:#DCB67533;gap:18px}
body[data-creative-pilot="portrait"] #consulta .experience-inquiry{background:#101113}
body[data-creative-pilot="portrait"] .experience-photo img{animation:none}
@media(min-width:961px){body[data-creative-pilot="portrait"] #experiencia .experience-split>div{position:sticky;top:140px;align-self:start}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body[data-creative-pilot] :is(.button,.text-link):hover span[aria-hidden]{transform:translate(3px,-2px)}
 body[data-creative-pilot] .pilot-photo:hover img{transform:scale(1.035)}
 body[data-creative-pilot="portrait"] .experience-price:hover{transform:translateY(-5px);border-color:#DCB675}
}
@media(prefers-reduced-motion:no-preference){body[data-creative-pilot="home"] .photo.back{animation:pilot-back-settle 1100ms var(--pilot-ease) both}body[data-creative-pilot="home"] .photo.front{animation:pilot-front-settle 1250ms var(--pilot-ease) both}}
@media(max-width:960px){body[data-creative-pilot="portrait"] .experience-hero{grid-template-columns:1fr;gap:26px;padding-top:32px}}
@media(max-width:750px){
 body[data-creative-pilot] main>section{scroll-margin-top:102px}
 body[data-creative-pilot] .pilot-panel,body[data-creative-pilot] .pilot-paper{padding:28px 22px;margin-block:32px;border-radius:42px 18px 42px 18px}
 body[data-creative-pilot] .pilot-closing{padding:40px 22px 26px;border-radius:44px 20px 20px 20px}
 body[data-creative-pilot="home"] .hero{grid-template-columns:1fr;padding-block:36px 54px;gap:34px}
 body[data-creative-pilot="home"] h1{font-size:clamp(46px,11vw,66px)}
 body[data-creative-pilot="home"] .hero .lead{font-size:16px}
 body[data-creative-pilot="home"] .photo-stage{height:390px;max-width:480px}
 body[data-creative-pilot="home"] .photo.back{height:275px;top:4px}
 body[data-creative-pilot="home"] .photo.front{height:255px;bottom:18px}
 body[data-creative-pilot="home"] .focus-ring{width:130px;height:130px;right:12px}
 body[data-creative-pilot="home"] .memory-story{padding-block:32px}
 body[data-creative-pilot="home"] #eventos{padding-block:40px}
 body[data-creative-pilot="home"] .portrait-catalog{border-radius:42px 18px}
 body[data-creative-pilot="portrait"] .experience-hero h1{font-size:clamp(42px,11vw,58px)}
 body[data-creative-pilot="portrait"] .station-hero{border-radius:44px 20px 20px 20px;padding:10px}
 body[data-creative-pilot="portrait"] .station-hero img{border-radius:34px 14px 14px 14px}
 body[data-creative-pilot="portrait"] .experience-price{border-radius:24px}
}
@media(max-width:380px){body[data-creative-pilot="home"] .photo-stage{height:335px}body[data-creative-pilot="home"] .photo.back{height:232px}body[data-creative-pilot="home"] .photo.front{height:220px}body[data-creative-pilot] .pilot-panel,body[data-creative-pilot] .pilot-paper{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){body[data-creative-pilot] *,body[data-creative-pilot] *::before,body[data-creative-pilot] *::after{animation:none!important;transition:none!important}body[data-creative-pilot] .pilot-reveal{opacity:1;transform:none}body[data-creative-pilot] .pilot-reveal-image{transform:none}}