/* EL ÁRBOL HUECO — inmersión material. 13 octubre 2026. */
/* Una única travesía exterior/corteza/umbral/interior; SVG originales intactos. */
:root{--im-p:0;--im-zoom:.76;--im-dark:.12;--im-symbol-opacity:1;--im-intro-opacity:1;--im-copy-opacity:0;--im-core-light:1;--ap-progress:0}
body{background:#1b251d}
body::before{display:none!important}
.section{isolation:isolate}
.hero{position:relative!important;isolation:isolate;min-height:100svh!important;background:#536655!important;overflow:hidden}
.hero-inner{display:block!important;position:relative!important;isolation:isolate;min-height:100svh!important}
.hero-photo{position:absolute!important;inset:0!important;z-index:-1!important;margin:0!important;min-height:100%!important;width:100%!important;height:100%!important;overflow:hidden;background:#5e6c61}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:55% 53%;filter:saturate(.75) contrast(1.12) brightness(.84);transform:scale(1.025)}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,23,17,.12),transparent 70%),linear-gradient(0deg,rgba(13,25,19,.32),transparent 50%);pointer-events:none}
.hero-copy{position:relative;z-index:2;width:100%;max-width:none!important;min-height:100svh!important;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center!important;padding:clamp(105px,11vw,174px) clamp(32px,8vw,156px)!important;background:linear-gradient(90deg,rgba(237,231,217,.985) 0%,rgba(237,231,217,.96) 30%,rgba(237,231,217,.78) 46%,rgba(237,231,217,.13) 76%,transparent 100%)!important;border:0!important}
.hero-copy::after{display:none!important}
.hero h1{font-size:clamp(64px,7vw,114px);line-height:.96;letter-spacing:-.055em}
.hero .lead{max-width:49ch;line-height:1.7}
.hero-passage{position:absolute;right:clamp(32px,6vw,100px);bottom:clamp(34px,5vw,80px);z-index:3;color:#f2e9d9;text-align:right;display:flex;flex-direction:column;gap:10px;font-size:10px;font-weight:750;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.45);pointer-events:none}
.hero-passage::after{content:"";height:48px;width:1px;align-self:flex-end;background:#f2e9d9;opacity:.9}
.approach{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(720px,114svh,1260px);background:#29231b;color:#f2e9db;display:block!important}
.approach-cut,.approach-rock{position:absolute;inset:0;margin:0;overflow:hidden}
.approach-cut{z-index:0;background:#37291d}
.approach-rock{z-index:1;background:transparent;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 7%,transparent 49%,rgba(0,0,0,.28) 74%,#000 100%);mask-image:linear-gradient(180deg,transparent 7%,transparent 49%,rgba(0,0,0,.28) 74%,#000 100%);opacity:.78}
.approach-cut img,.approach-rock img{width:100%;height:100%;object-fit:cover;display:block}
.approach-cut img{object-position:55% 46%;filter:brightness(.66) contrast(1.13) saturate(.68);transform:scale(calc(1.05 + var(--ap-progress,0) * .12)) translateY(calc(var(--ap-progress,0) * -1.6%))}
.approach-rock img{object-position:50% 70%;filter:brightness(.4) contrast(1.13) saturate(.46)}
.approach::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(16,13,10,.72),rgba(18,14,11,.27) 58%,rgba(13,11,9,.17)),linear-gradient(0deg,rgba(10,9,8,.67),transparent 46%,rgba(12,10,8,.1))}
.approach-title{position:absolute;z-index:3;left:max(36px,calc((100vw - 1250px)/2));bottom:clamp(80px,14svh,200px);width:min(980px,calc(100% - 72px));transform:translateY(calc(var(--ap-progress,0) * -18px))}
.approach-label{display:block;font-size:11px;font-weight:700;letter-spacing:.27em;text-transform:uppercase;color:#d5bd97;margin-bottom:26px}
.approach-title h2{font-size:clamp(72px,12vw,178px);color:#f3eadb;line-height:.86;letter-spacing:-.06em;max-width:10ch;text-transform:lowercase;text-shadow:0 5px 50px rgba(0,0,0,.28)}
.approach-note{font-family:Georgia,serif;font-style:italic;font-size:clamp(19px,2vw,27px);color:#eee5d7;margin:26px 0 0;max-width:25ch}
.threshold{height:330svh!important;background:#171b16!important;position:relative;isolation:isolate}
.threshold-sticky{position:sticky!important;top:0!important;height:100svh!important;min-height:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;overflow:hidden!important;isolation:isolate;background:#171b16!important}
.threshold-sticky::before{content:"";position:absolute;inset:-7%;z-index:0;background:#18160f url('/media/tree-hollow.jpg') center/cover no-repeat;transform:scale(calc(1.03 + var(--im-p,0) * .33));filter:contrast(1.2) brightness(.92) saturate(.78)}
.threshold-sticky::after{content:"";position:absolute;inset:0;z-index:2;background:#0e120e;opacity:var(--im-dark,.12);pointer-events:none}
.threshold-rings{position:absolute;z-index:1;inset:-15%;width:130%;height:130%;color:rgba(232,220,199,.27)!important;opacity:calc(.36 * (1 - var(--im-p,0)))!important;pointer-events:none;transform:scale(calc(1 + var(--im-p,0) * .3));transform-origin:center}
.threshold-rings .ring{stroke:currentColor;stroke-width:1.7;fill:none}
.threshold-core{position:absolute!important;z-index:4;top:50%;left:50%;margin:0;width:min(390px,64vw)!important;height:auto!important;aspect-ratio:1!important;border-radius:42% 58% 47% 53% / 56% 42% 58% 44%!important;border:1px solid rgba(238,219,184,.38)!important;background:#21160f url('/media/tree-hollow.jpg') center/cover no-repeat!important;box-shadow:0 0 0 16px rgba(43,25,14,.24),0 0 120px 30px rgba(0,0,0,.40)!important;transform:translate(-50%,-50%) scale(var(--im-zoom,.76))!important;transform-origin:50% 50%;filter:brightness(var(--im-core-light,1)) contrast(1.07);overflow:hidden}
.threshold-core::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 70px 48px rgba(0,0,0,.77),inset 0 0 0 2px rgba(249,229,192,.19)}
.threshold-core .brand-symbol-svg{width:66%!important;color:#e9dfc9!important;opacity:var(--im-symbol-opacity,1)!important;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));position:relative;z-index:1;transition:none!important}
.threshold-invitation{position:absolute;z-index:5;left:50%;bottom:clamp(58px,9svh,102px);transform:translateX(-50%) translateY(calc(var(--im-p,0) * 30px));display:flex;align-items:center;flex-direction:column;gap:13px;color:#f6ebd9;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.31em;white-space:nowrap;opacity:var(--im-intro-opacity,1);pointer-events:none}
.threshold-invitation::after{content:"";display:block;width:1px;height:44px;background:#e9dfc9;opacity:.72}
.threshold-copy{position:absolute!important;z-index:6!important;top:50%!important;left:50%!important;bottom:auto!important;width:min(870px,calc(100% - 48px))!important;padding:22px!important;transform:translate(-50%,-50%) translateY(calc((1 - var(--im-copy-opacity,0)) * 40px))!important;text-align:center!important;color:#f5efe4!important;opacity:var(--im-copy-opacity,0)!important;pointer-events:none}
.threshold-copy h2{font-size:clamp(47px,6vw,93px)!important;line-height:1.02;text-transform:lowercase;letter-spacing:-.048em}
.threshold-copy p{font-size:clamp(17px,1.65vw,21px)!important;line-height:1.72;max-width:690px;margin:28px auto 0!important;color:rgba(246,237,223,.88)}
.threshold-chapter{position:absolute;z-index:7;top:clamp(108px,12svh,148px);left:clamp(20px,5vw,80px);font-size:10px;text-transform:uppercase;letter-spacing:.24em;color:#f7ead3;opacity:calc(.65 * (1 - var(--im-p,0)))}
.studio-zone.section.charcoal{background:linear-gradient(100deg,rgba(17,27,22,.95),rgba(16,24,19,.87) 48%,rgba(14,21,17,.86)),url('/media/rock-surface-optimized.jpg') center/cover no-repeat!important;border-top:1px solid rgba(192,155,99,.16);padding-top:clamp(105px,12vw,190px);padding-bottom:clamp(110px,13vw,200px)}
.studio-photo{box-shadow:24px 24px 0 rgba(10,16,12,.35);border-left:1px solid rgba(246,225,190,.25)}
.studio-photo img{filter:contrast(1.12) saturate(.79)}
.section.paper{background:linear-gradient(100deg,rgba(247,243,233,.90),rgba(247,243,233,.92)),url('/media/linen-photo.jpg') center/cover!important}
.section.linen{background:linear-gradient(100deg,rgba(238,233,223,.93),rgba(237,229,213,.94)),url('/media/rock-surface-optimized.jpg') center/cover!important}
.section.oak{background:linear-gradient(105deg,rgba(208,180,135,.93),rgba(207,175,126,.90)),url('/media/linen-photo.jpg') center/cover!important}
.section.stone{background:linear-gradient(125deg,rgba(223,218,207,.85),rgba(226,219,207,.89)),url('/media/rock-surface-optimized.jpg') center/cover!important}
.location-card{background:#4c5b50 url('/media/sierra-atmosphere.jpg') center/cover no-repeat!important;isolation:isolate}
.location-card::before{content:""!important;display:block!important;position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,23,18,.74),rgba(16,29,24,.14))!important;transform:none!important}
.bio-side{background:linear-gradient(115deg,rgba(18,44,34,.88),rgba(13,31,25,.93)),url('/media/rock-surface-optimized.jpg') center/cover no-repeat!important}
.footer{background:linear-gradient(90deg,rgba(18,25,20,.96),rgba(19,24,20,.94)),url('/media/rock-surface-optimized.jpg') center/cover!important}
@media(max-width:650px){.hero-copy{min-height:100svh!important;justify-content:flex-end!important;padding:clamp(80px,14svh,125px) 24px 44px!important;background:linear-gradient(0deg,rgba(238,231,216,.99) 0%,rgba(238,231,216,.97) 48%,rgba(238,231,216,.55) 68%,transparent 93%)!important}.hero h1{font-size:clamp(54px,13vw,75px)}.hero-passage{right:25px;bottom:22px;color:#243529;text-shadow:none;font-size:9px}.approach{min-height:95svh}.approach-title{left:25px;bottom:12svh;width:calc(100% - 50px)}.approach-title h2{font-size:clamp(68px,17vw,110px)}.threshold{height:295svh!important}.threshold-core{width:min(310px,73vw)!important}.threshold-invitation{font-size:9px;bottom:70px}.threshold-copy{width:calc(100% - 38px)!important;padding:0!important}.threshold-copy h2{font-size:clamp(45px,11vw,62px)!important}.threshold-copy p{font-size:16px!important}.studio-zone.section.charcoal{padding-top:98px}}
@media(prefers-reduced-motion:reduce){.threshold{height:auto!important}.approach-cut img,.approach-title{transform:none!important}.threshold-sticky{position:relative!important;min-height:100svh!important;height:auto!important;padding:120px 20px!important;display:flex!important;flex-direction:column;gap:42px;justify-content:center}.threshold-sticky::after{opacity:.83!important}.threshold-sticky::before{transform:none!important}.threshold-core{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:min(180px,52vw)!important;flex:none;filter:brightness(.8)}.threshold-copy{position:relative!important;top:auto!important;left:auto!important;transform:none!important;opacity:1!important;width:100%!important;padding:0!important}.threshold-invitation,.threshold-rings{display:none!important}.threshold-chapter{opacity:1!important}}

/* Ajuste editorial: portada completa, CTA visible en escritorio y sin logo recortado. */
@media(min-width:651px){
 .hero-copy{padding-top:96px!important;padding-bottom:56px!important}
 .hero-copy .eyebrow{margin-bottom:18px!important}
 .hero-symbol{width:clamp(68px,6vw,88px)!important;margin-bottom:6px!important}
 .hero-logo{max-width:520px!important;margin-bottom:22px!important}
 .hero h1{font-size:clamp(59px,6vw,88px)!important;margin-bottom:18px!important}
 .hero .lead{font-size:clamp(16px,1.22vw,18px)!important;line-height:1.55!important;max-width:47ch!important}
 .hero .actions{margin-top:22px!important}
}
@media(max-width:650px){
 .hero-copy .eyebrow{margin-bottom:14px!important}
 .hero-symbol{width:76px!important;margin-bottom:4px!important}
 .hero-logo{max-width:340px!important;margin-bottom:22px!important}
 .hero h1{margin-bottom:18px!important}
 .hero .lead{font-size:16px!important;line-height:1.54!important}
 .hero .actions{margin-top:18px!important}
}

/* El umbral oscurece también la navegación: no queda una barra clara fuera del relato. */
.site-header{transition:background-color .38s ease,border-color .38s ease,color .38s ease}
.site-header.immersive-header{background:rgba(14,20,16,.94)!important;background-image:none!important;border-bottom-color:rgba(231,217,188,.16)}
.site-header.immersive-header .brand .brand-symbol-svg,.site-header.immersive-header .brand-copy,.site-header.immersive-header .brand-copy small,.site-header.immersive-header .nav a,.site-header.immersive-header .menu-btn{color:#f3e9d7}
.site-header.immersive-header .nav a:hover,.site-header.immersive-header .nav a.active{color:#fffdf5}
.site-header.immersive-header .nav .nav-cta{border-color:rgba(243,233,215,.6)}
.site-header.immersive-header :focus-visible{outline-color:#f3e9d7}
@media(max-width:980px){.site-header.immersive-header .mobile-nav{background:#17231c;border-bottom-color:rgba(243,233,215,.18)}.site-header.immersive-header .mobile-nav a{color:#f3e9d7}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}

/* Desktop wheel/trackpad: no long inactive stretch before the interior is revealed. */
@media(min-width:651px) and (prefers-reduced-motion:no-preference){
 .threshold{height:245svh!important}
 .threshold-core{will-change:transform;backface-visibility:hidden}
}

/* Small-screen hero: keep both calls to action clear; move scroll cue off the buttons. */
@media(max-width:650px){.hero-passage{top:23px!important;bottom:auto!important;right:24px!important;color:#fff8e9!important;text-shadow:0 2px 12px rgba(0,0,0,.55)!important}.hero-passage::after{height:27px!important;background:#fff8e9!important}}
/* The sticky header is part of the viewport; don't make the mobile hero an additional full viewport taller. */
@media(max-width:650px){.hero,.hero-inner,.hero-copy{min-height:calc(100svh - 68px)!important}}

/* PORTADA CENTRADA APROBADA */
.hero-copy{align-items:center!important;text-align:center!important;background:linear-gradient(180deg,rgba(9,20,14,.38),rgba(9,20,14,.25) 55%,rgba(9,20,14,.59))!important;padding:clamp(90px,10svh,130px) 24px 85px!important}
.hero-copy .eyebrow,.hero-copy h1,.hero-copy .lead{color:#fff8ee!important;text-shadow:0 2px 24px rgba(0,0,0,.7)}
.hero-copy .hero-symbol{width:clamp(150px,17vw,240px)!important;margin:0 auto 14px!important;color:#fff8ee!important;filter:drop-shadow(0 3px 18px rgba(0,0,0,.55))}
.hero-copy .hero-logo{width:min(870px,86vw)!important;max-width:none!important;margin:0 auto 16px!important;color:#fff8ee!important;filter:drop-shadow(0 2px 16px rgba(0,0,0,.65))}
.hero-copy .hero-logo path{fill:currentColor!important}
.hero-copy h1{font-size:clamp(48px,5.5vw,80px)!important;margin:0 auto 16px!important}
.hero-copy .lead{max-width:58ch!important;margin-left:auto!important;margin-right:auto!important}
.hero-copy .actions{justify-content:center!important}
@media(max-width:650px){
.hero-copy{justify-content:center!important;padding:90px 22px 58px!important;background:linear-gradient(180deg,rgba(9,20,14,.45),rgba(9,20,14,.25) 52%,rgba(9,20,14,.65))!important}
.hero-copy .hero-symbol{width:clamp(120px,30vw,170px)!important}
.hero-copy .hero-logo{width:94%!important;max-width:none!important}
.hero-copy h1{font-size:clamp(44px,10vw,62px)!important}
}

.hero-copy .hero-symbol,.hero-copy .hero-logo{transform-origin:50% 50%;will-change:transform;backface-visibility:hidden}

/* La portada fotográfica necesita un CTA secundario legible sobre el bosque. */
.hero .hero-copy .actions .btn.ghost{color:#fff8ee!important;border-color:rgba(255,248,238,.9)!important;background:rgba(10,20,14,.48)!important;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.hero .hero-copy .actions .btn.ghost:hover{background:rgba(10,20,14,.72)!important}
.hero .hero-copy .actions .btn:focus-visible{outline:3px solid #fff8ee!important;outline-offset:4px}

.venturada-photos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,28px);margin-top:30px}.venturada-photos figure{margin:0;overflow:hidden;max-height:560px}.venturada-photos img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover;object-position:center 55%}@media(max-width:700px){.venturada-photos{grid-template-columns:1fr}.venturada-photos figure{max-height:470px}}

.hero-inner{height:100svh!important;min-height:100svh!important;overflow:hidden!important}.hero .hero-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}.hero .hero-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 54%!important}.hero .hero-copy{height:100%!important;min-height:0!important}@media(max-width:650px){.hero,.hero-inner{height:calc(100svh - 68px)!important;min-height:calc(100svh - 68px)!important}.hero .hero-copy{height:100%!important;min-height:0!important}}

/* Portada escritorio: los CTA deben quedar visibles en la primera pantalla. */
@media (min-width:981px) and (max-height:1100px){
 .hero-copy{padding-top:clamp(26px,4svh,50px)!important;padding-bottom:clamp(22px,3svh,38px)!important}
 .hero-copy .hero-symbol{width:clamp(125px,15svh,180px)!important;margin-bottom:7px!important}
 .hero-copy .hero-logo{width:min(800px,82vw)!important;margin-bottom:9px!important}
 .hero-copy h1{font-size:clamp(45px,5.6svh,65px)!important;margin-bottom:8px!important}
 .hero-copy .lead{line-height:1.45!important}
 .hero-copy .actions{margin-top:15px!important}
}

/* Encuadre del sendero: conservar el centro del camino en escritorio y móvil. */
.hero .hero-photo img{object-position:50% 57%!important}
@media(max-width:650px){.hero .hero-photo img{object-position:50% 53%!important}}
/* Centrado geométrico del conjunto de marca en portada, exclusivamente escritorio. */
@media(min-width:751px){
 .hero-copy .hero-symbol,.hero-copy .hero-logo{position:relative!important;left:auto!important;transform:none!important;align-self:center!important;margin-left:auto!important;margin-right:auto!important;flex-shrink:0!important}
 .hero-copy .hero-symbol svg,.hero-copy .hero-logo svg{display:block!important;width:100%!important;height:auto!important}
}