.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:1}.hero-film[hidden]{display:none}.cinematic-hero .hero-photo{animation:none}.cinematic-hero .hero-shade{background:linear-gradient(90deg,#0b1b19e6,#10211b55 65%,#10191511),linear-gradient(0deg,#0b1918eb,transparent 45%,#0b191855)}.cinematic-hero .hero-copy{z-index:2}.film-control{position:absolute;right:5%;top:140px;z-index:5;font-size:12px;border:1px solid #ffffff50;border-radius:30px;padding:9px 15px;background:#11191555;backdrop-filter:blur(10px)}.hero-copy .eyebrow{letter-spacing:4px}.hero h1{font-size:clamp(76px,8.5vw,132px);line-height:.98}.hero-copy:before{content:'';position:absolute;left:-35px;top:22vh;width:1px;height:210px;background:linear-gradient(transparent,#dec68b,transparent)}.hero-note{backdrop-filter:blur(8px);padding:15px 25px;background:#12211b30}.hero-note p{margin:12px 0}.story-panel{border-color:#efdbab40;box-shadow:0 25px 100px #0004,0 0 0 6px #ffffff03}.story-panel h2{font-size:46px}.story-panel .eyebrow:before{content:'';display:inline-block;width:20px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}.scene-image{transition:opacity 1.2s ease,filter 1.6s ease;filter:saturate(.88)}.scene-image.active{filter:saturate(1)}.route-line{opacity:.95}.spatial-label>span{-webkit-text-stroke:1px #f2dca272;text-shadow:0 10px 80px #d3bb7422}.journey-top{border-bottom:1px solid #ffffff25;padding-bottom:22px}.journey-progress{box-shadow:0 0 12px #e9dba0}.page-transition{position:fixed;inset:0;background:#111f1b;z-index:150;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.page-transition span{font:40px var(--serif);color:var(--gold)}.is-navigating .page-transition{opacity:.28}::view-transition-old(root){animation:pageOut .45s ease both}::view-transition-new(root){animation:pageIn .65s cubic-bezier(.2,.7,.2,1) both}.welcome-intro{position:fixed;inset:0;z-index:200;background:radial-gradient(ellipse at 50% 85%,#334435,#101b17 65%);display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;text-align:center;transition:clip-path .9s cubic-bezier(.7,0,.2,1),opacity .9s;clip-path:inset(0);padding:30px}.welcome-intro:before,.welcome-intro:after{content:'';position:absolute;width:1px;height:18vh;background:linear-gradient(transparent,#cdbb8166,transparent);left:50%}.welcome-intro:before{top:0}.welcome-intro:after{bottom:0}.welcome-mark{font:clamp(140px,27vw,420px)/1 var(--serif);position:absolute;color:transparent;-webkit-text-stroke:1px #d8bf7520;top:50%;left:50%;transform:translate(-50%,-62%);pointer-events:none}.welcome-intro h2{font:clamp(48px,6.5vw,94px)/1.08 var(--serif);position:relative;animation:welcomeText 1.4s cubic-bezier(.16,1,.3,1) both}.welcome-intro .eyebrow{font-size:10px;letter-spacing:4px;animation:welcomeText 1s ease both}.welcome-name{font-size:12px;letter-spacing:8px;margin:15px 0 35px;color:#d0d6c7}.welcome-enter{border:1px solid #ccb78066;border-radius:50px;padding:13px 25px;font-size:13px;background:#ffffff04;animation:welcomeText 2s ease both}.welcome-enter span{margin-left:30px}.welcome-line{position:absolute;bottom:0;left:0;height:2px;background:var(--gold);animation:welcomeProgress 5.2s linear both}.welcome-leaving{clip-path:inset(0 0 100% 0);pointer-events:none}.welcome-grain{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff01 0px,#ffffff01 1px,transparent 1px,transparent 4px);opacity:.5}.page-intro{position:relative;overflow:hidden}.page-intro:after{content:'R';position:absolute;right:4%;top:-40px;font:360px var(--serif);color:transparent;-webkit-text-stroke:1px #d8bc7820;pointer-events:none}.page-intro .title-row{position:relative;z-index:1}.editorial-image{position:relative}.editorial-image:after{content:'CASA ROCÍO';position:absolute;bottom:20px;left:20px;font-size:10px;letter-spacing:4px;color:white;background:#10231b80;padding:10px 18px}.home-gallery>a img{transition:transform .7s,filter .7s}.home-gallery>a{overflow:hidden}.home-gallery>a:hover img{transform:scale(1.035);filter:brightness(1.08)}@keyframes welcomeText{from{opacity:0;transform:translateY(28px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes welcomeProgress{from{width:0}to{width:100%}}@keyframes pageOut{to{opacity:0;transform:translateY(-12px);filter:blur(4px)}}@keyframes pageIn{from{opacity:0;transform:translateY(22px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:700px){.hero h1{font-size:clamp(58px,13vw,84px);line-height:1.02}.hero-copy .eyebrow{letter-spacing:2px}.hero-copy:before{display:none}.film-control{top:104px;right:7%;font-size:10px;padding:7px 12px}.story-panel h2{font-size:36px}.journey-top{padding-bottom:15px}.welcome-intro h2{font-size:47px}.welcome-name{font-size:10px;letter-spacing:5px}.welcome-intro .eyebrow{font-size:8px;letter-spacing:2px}.page-intro:after{font-size:300px;top:0}.hero-film{object-position:59% center}}
@media(max-width:380px){.story-panel h2{font-size:31px}.hero h1{font-size:56px}.welcome-intro h2{font-size:39px}}
body .visual-edit-launch{top:124px;right:18px;bottom:auto;left:auto}body:has(.visual-edit-launch) .film-control{top:180px}body .visual-editor{top:175px;max-height:calc(100dvh - 195px)}@media(max-width:700px){body .visual-edit-launch{top:94px;left:12px;right:auto;bottom:auto}body:has(.visual-edit-launch) .film-control{top:104px}body .visual-editor{top:auto;bottom:18px;max-height:50dvh}}
@media(prefers-reduced-motion:reduce){.welcome-intro{display:none}.hero-film{opacity:1}.page-transition{display:none}::view-transition-old(root),::view-transition-new(root){animation:none}.home-gallery>a:hover img{transform:none}}
.hero h1 em{display:block;font-size:.66em;line-height:1.1;margin-top:14px}.visual-editing .hero-film{opacity:1}@media(max-width:700px){.hero h1 em{font-size:.78em;line-height:1.12;margin-top:12px}}
