.site-header{--header-progress:0%;--nav-x:0px;--nav-w:0px;top:14px;right:var(--pad);left:var(--pad);display:grid;grid-template-columns:minmax(185px,.8fr) auto minmax(165px,.8fr);gap:clamp(.65rem,1.5vw,1.5rem);width:auto;min-height:72px;padding:.55rem .6rem .55rem 1rem;border:1px solid rgba(255,255,255,.16);background:rgba(20,36,27,.82);color:var(--white);box-shadow:0 18px 55px rgba(10,20,14,.16);backdrop-filter:blur(18px) saturate(1.15);isolation:isolate;transition:top .45s var(--motion-enter),min-height .45s var(--motion-enter),padding .45s var(--motion-enter),background .45s,box-shadow .45s,opacity .65s var(--motion-enter),transform .65s var(--motion-enter),clip-path .75s var(--motion-enter)}.site-header:before{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:linear-gradient(90deg,var(--lime) var(--header-progress),rgba(255,255,255,.12) var(--header-progress));pointer-events:none}.site-header:after{content:"";position:absolute;z-index:-1;top:-120%;left:-14%;width:18%;height:340%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);transform:rotate(18deg);animation:headerGleam 9s ease-in-out infinite;pointer-events:none}.site-header.scrolled,.site-header.on-light{top:8px;min-height:62px;padding-top:.35rem;padding-bottom:.35rem;background:rgba(25,43,32,.95);box-shadow:0 16px 44px rgba(10,20,14,.24)}.brand{min-width:0;transition:transform .42s var(--motion-enter)}.brand:hover{transform:translateX(3px)}.brand img{width:49px;height:43px;transition:transform .55s var(--motion-enter),filter .35s}.brand:hover img{transform:rotate(-4deg) scale(1.06);filter:saturate(1.12)}.brand>span{font-size:1.42rem;white-space:nowrap}.brand small{font-size:.52rem;opacity:.72}.nav-primary{position:relative;justify-self:center;padding:.25rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045)}.nav-primary ul{position:relative;z-index:2;gap:0}.nav-primary li{position:relative}.nav-primary a{display:block;padding:.6rem clamp(.48rem,.8vw,.8rem);font-size:.66rem;font-weight:600;letter-spacing:.055em;white-space:nowrap;transition:color .2s,transform .25s var(--motion-enter)}.nav-primary a:after{display:none}.nav-primary a:hover{color:var(--lime);transform:translateY(-2px)}.nav-primary a[aria-current]{color:var(--white)}.nav-indicator{position:absolute;z-index:1;bottom:3px;left:0;width:var(--nav-w);height:2px;background:var(--lime);opacity:var(--nav-opacity,0);transform:translate3d(var(--nav-x),0,0);transition:width .38s var(--motion-enter),transform .38s var(--motion-enter),opacity .22s}.header-book{position:relative;justify-self:end;min-width:164px;min-height:54px;padding:.75rem .7rem .75rem 1rem;border:0;background:var(--lime);color:var(--forest);overflow:hidden;transition:transform .28s var(--motion-enter),box-shadow .28s,background .28s}.header-book:before{content:"";position:absolute;top:0;bottom:0;left:-48%;width:38%;background:rgba(255,255,255,.28);transform:skewX(-22deg);transition:left .55s var(--motion-enter)}.header-book span{display:grid;place-items:center;width:31px;height:31px;margin-left:auto;border:1px solid rgba(33,53,41,.28);border-radius:50%;transition:transform .4s var(--motion-enter),background .3s}.header-book:hover{background:var(--white);color:var(--forest);box-shadow:0 14px 32px rgba(0,0,0,.18);transform:translateY(-2px)}.header-book:hover:before{left:120%}.header-book:hover span{background:var(--lime);transform:rotate(45deg)}.header-book:active{transform:translateY(0) scale(.975)}.header-motion-ready:not(.header-ready) .site-header{opacity:0;clip-path:inset(0 0 100%);transform:translate3d(0,-26px,0)}.header-motion-ready:not(.header-ready) .brand,.header-motion-ready:not(.header-ready) .nav-primary,.header-motion-ready:not(.header-ready) .header-book{opacity:0;transform:translate3d(0,-12px,0)}.header-ready .brand,.header-ready .nav-primary,.header-ready .header-book{transition:opacity .55s var(--motion-enter),transform .55s var(--motion-enter)}.header-ready .nav-primary{transition-delay:100ms}.header-ready .header-book{transition-delay:180ms}.nav-toggle{position:relative;z-index:102;width:46px;height:46px;padding:10px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06)}.nav-toggle>span:not(.sr-only){position:absolute;left:10px;width:24px;margin:0;transition:top .42s var(--motion-enter),transform .42s var(--motion-enter),opacity .22s}.nav-toggle>span:nth-child(1){top:14px}.nav-toggle>span:nth-child(2){top:22px}.nav-toggle>span:nth-child(3){top:30px}.nav-toggle[aria-expanded="true"]>span:nth-child(1){top:22px;transform:rotate(45deg)}.nav-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle[aria-expanded="true"]>span:nth-child(3){top:22px;transform:rotate(-45deg)}
@keyframes headerGleam{0%,70%{left:-22%;opacity:0}76%{opacity:1}92%,100%{left:116%;opacity:0}}
@media(max-width:1120px){.site-header{grid-template-columns:1fr auto auto}.nav-toggle{display:block;grid-column:2}.nav-primary{position:fixed;z-index:100;inset:-15px calc(var(--pad) * -1);display:flex;align-items:center;justify-content:center;padding:7rem var(--pad) 4rem;border:0;background:radial-gradient(circle at 84% 8%,rgba(165,201,26,.16),transparent 32%),var(--forest);opacity:0;visibility:hidden;clip-path:circle(0 at calc(100% - 48px) 40px);transition:opacity .28s,visibility .28s,clip-path .68s var(--motion-enter)}.nav-primary.open{opacity:1;visibility:visible;clip-path:circle(150% at calc(100% - 48px) 40px)}.nav-primary ul{counter-reset:navitem;flex-direction:column;align-items:flex-start;width:min(650px,100%);gap:0;text-align:left}.nav-primary li{counter-increment:navitem;width:100%;border-bottom:1px solid rgba(255,255,255,.16);opacity:0;transform:translate3d(24px,18px,0);transition:opacity .45s var(--motion-enter),transform .45s var(--motion-enter)}.nav-primary.open li{opacity:1;transform:none}.nav-primary.open li:nth-child(2){transition-delay:45ms}.nav-primary.open li:nth-child(3){transition-delay:90ms}.nav-primary.open li:nth-child(4){transition-delay:135ms}.nav-primary.open li:nth-child(5){transition-delay:180ms}.nav-primary.open li:nth-child(6){transition-delay:225ms}.nav-primary li:before{content:"0" counter(navitem);position:absolute;top:50%;left:0;font-size:.58rem;letter-spacing:.12em;color:var(--lime);transform:translateY(-50%)}.nav-primary a{padding:1rem 2.2rem;font-family:var(--serif);font-size:clamp(2rem,5vw,3.4rem);font-weight:400;letter-spacing:-.02em}.nav-primary a:hover{transform:translateX(8px)}.nav-indicator{display:none}.header-book{grid-column:3}.nav-primary.open:after{content:"Casa rural · Córdoba";position:absolute;right:var(--pad);bottom:2rem;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;opacity:.6}}
@media(max-width:680px){.site-header{top:8px;right:.65rem;left:.65rem;min-height:62px;padding:.35rem .4rem .35rem .7rem;gap:.4rem}.site-header.scrolled,.site-header.on-light{top:5px}.brand img{width:43px;height:38px}.brand>span{display:none}.header-book{min-width:48px;width:48px;min-height:46px;padding:0;font-size:0}.header-book span{width:100%;height:100%;margin:0;border:0;font-size:.85rem}.nav-toggle{width:46px;height:46px}.nav-primary{inset:-10px -.65rem}.nav-primary a{padding:1rem 1.8rem;font-size:2.25rem}}

/* Rounded navigation refinement */
.site-header{border-radius:999px}.site-header:before{right:1.5rem;bottom:3px;left:1.5rem;height:1px;border-radius:999px}.site-header:after{display:none}.nav-primary{border:0;border-radius:999px;background:transparent;padding:0}.nav-primary ul{gap:.32rem}.nav-primary a{position:relative;isolation:isolate;overflow:hidden;padding:.62rem 2.15rem .62rem .9rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.055);transition:color .28s,transform .32s var(--motion-enter),background .32s,border-color .32s,box-shadow .32s}.nav-primary a:before{content:"";position:absolute;z-index:-1;right:15px;bottom:9px;width:2px;height:12px;border-radius:2px;background:currentColor;opacity:0;transform:scaleY(0);transform-origin:50% 100%;transition:opacity .18s,transform .28s var(--motion-enter) .05s}.nav-primary a:after{content:"";position:absolute;z-index:-1;display:block;right:6px;top:50%;width:20px;height:20px;background:radial-gradient(circle at 50% 24%,var(--lime) 0 30%,transparent 32%),radial-gradient(circle at 25% 55%,var(--lime) 0 27%,transparent 29%),radial-gradient(circle at 75% 55%,var(--lime) 0 27%,transparent 29%),radial-gradient(circle at 50% 72%,var(--lime) 0 30%,transparent 32%);opacity:0;transform:translate3d(0,-38%,0) scale(.28) rotate(-12deg);transform-origin:50% 70%;transition:opacity .18s,transform .46s var(--motion-enter)}.nav-primary a:hover,.nav-primary a:focus-visible{border-color:rgba(255,255,255,.72);background:var(--white);color:var(--forest);box-shadow:0 9px 24px rgba(8,18,12,.18);transform:translateY(-2px)}.nav-primary a:hover:before,.nav-primary a:focus-visible:before,.nav-primary a[aria-current]:before{opacity:.72;transform:scaleY(1)}.nav-primary a:hover:after,.nav-primary a:focus-visible:after,.nav-primary a[aria-current]:after{opacity:1;transform:translate3d(0,-50%,0) scale(1) rotate(0)}.nav-primary a[aria-current]{border-color:rgba(165,201,26,.46);background:rgba(165,201,26,.12);padding-right:2.15rem}.nav-primary a[aria-current]:before{color:var(--white)}.nav-indicator{display:none}.header-book,.nav-toggle{border-radius:999px}.brand,.nav-toggle,.header-book{position:relative;z-index:102}

@media(max-width:1120px){.site-header{overflow:visible}.nav-primary{position:absolute;top:-14px;right:auto;bottom:auto;left:calc(var(--pad) * -1);display:flex;width:100vw;height:100dvh;max-height:100dvh;align-items:flex-start;justify-content:flex-start;padding:clamp(6.75rem,16vh,8.5rem) clamp(1.25rem,5vw,4rem) 3rem;border-radius:0;background:radial-gradient(circle at 88% 7%,rgba(165,201,26,.19),transparent 32%),linear-gradient(145deg,#1b3024,var(--forest));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;clip-path:circle(0 at calc(100% - 78px) 48px)}.site-header.scrolled .nav-primary,.site-header.on-light .nav-primary{top:-8px}.nav-primary.open{clip-path:circle(160% at calc(100% - 78px) 48px)}.nav-primary ul{width:100%;max-width:720px;margin:auto auto 0;padding:0 0 4rem;gap:.65rem}.nav-primary li{width:100%;border:0}.nav-primary li:before{display:none}.nav-primary a{width:100%;padding:.88rem 3.25rem .88rem 1.35rem;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.055);font-size:clamp(1.55rem,5.3vw,2.75rem);line-height:1.08}.nav-primary a:hover,.nav-primary a:focus-visible{transform:translateX(6px)}.nav-primary a:before{right:24px;bottom:13px;height:18px}.nav-primary a:after{right:12px;width:28px;height:28px}.nav-primary.open:after{right:clamp(1.25rem,5vw,4rem);bottom:1.25rem}.header-book{z-index:103}.menu-open .header-book{opacity:0;pointer-events:none;transform:scale(.75)}}

@media(max-width:680px){.site-header{grid-template-columns:minmax(42px,1fr) 46px 46px;border-radius:34px}.nav-primary{top:-8px;left:-.65rem;width:100vw;padding:6.6rem 1rem 2rem;clip-path:circle(0 at calc(100% - 82px) 38px)}.site-header.scrolled .nav-primary,.site-header.on-light .nav-primary{top:-5px}.nav-primary.open{clip-path:circle(170% at calc(100% - 82px) 38px)}.nav-primary ul{margin:0;padding-bottom:3.5rem;gap:.55rem}.nav-primary a{padding:.82rem 3rem .82rem 1.15rem;font-size:clamp(1.42rem,7vw,2rem)}.header-book{display:flex!important;visibility:visible;opacity:1}.menu-open .header-book{opacity:0}.nav-toggle{grid-column:2}.header-book{grid-column:3}}

/* Olive tree grows from the centre, behind each label */
.nav-primary a:before{right:auto;bottom:-7px;left:50%;width:82%;height:42px;border-radius:0;background:linear-gradient(90deg,transparent 48.8%,currentColor 49.3% 50.7%,transparent 51.2%),linear-gradient(58deg,transparent 48%,currentColor 48.7% 50.8%,transparent 51.5%) 8% 58%/52% 58% no-repeat,linear-gradient(-58deg,transparent 48%,currentColor 48.7% 50.8%,transparent 51.5%) 92% 58%/52% 58% no-repeat,linear-gradient(70deg,transparent 48.5%,currentColor 49% 50.4%,transparent 51%) 24% 28%/42% 45% no-repeat,linear-gradient(-70deg,transparent 48.5%,currentColor 49% 50.4%,transparent 51%) 76% 28%/42% 45% no-repeat;color:var(--forest);opacity:0;transform:translate3d(-50%,45%,0) scale(.42,.16);transform-origin:50% 100%;transition:opacity .22s,transform .42s cubic-bezier(.2,.72,.18,1)}
.nav-primary a:after{right:auto;top:50%;left:50%;width:calc(100% - 14px);height:34px;background:radial-gradient(ellipse at 8% 58%,rgba(143,163,116,.9) 0 5.5%,transparent 6.5%),radial-gradient(ellipse at 17% 31%,rgba(177,192,145,.92) 0 5%,transparent 6%),radial-gradient(ellipse at 26% 68%,rgba(126,151,101,.88) 0 5.5%,transparent 6.5%),radial-gradient(ellipse at 36% 25%,rgba(163,181,133,.92) 0 5%,transparent 6%),radial-gradient(ellipse at 45% 61%,rgba(119,145,94,.9) 0 6%,transparent 7%),radial-gradient(ellipse at 55% 29%,rgba(180,194,148,.94) 0 5.5%,transparent 6.5%),radial-gradient(ellipse at 65% 67%,rgba(130,154,103,.9) 0 5.5%,transparent 6.5%),radial-gradient(ellipse at 75% 27%,rgba(165,183,133,.92) 0 5%,transparent 6%),radial-gradient(ellipse at 84% 63%,rgba(118,143,92,.9) 0 5.5%,transparent 6.5%),radial-gradient(ellipse at 93% 38%,rgba(174,190,141,.92) 0 5%,transparent 6%),radial-gradient(circle at 22% 54%,rgba(45,66,39,.78) 0 2%,transparent 2.8%),radial-gradient(circle at 49% 37%,rgba(45,66,39,.78) 0 2%,transparent 2.8%),radial-gradient(circle at 72% 53%,rgba(45,66,39,.78) 0 2%,transparent 2.8%),radial-gradient(circle at 88% 30%,rgba(45,66,39,.78) 0 2%,transparent 2.8%);opacity:0;transform:translate3d(-50%,-34%,0) scale(.2,.12);transform-origin:50% 72%;transition:opacity .28s,transform .58s cubic-bezier(.18,.78,.16,1) .06s}
.nav-primary a:hover:before,.nav-primary a:focus-visible:before,.nav-primary a[aria-current]:before{opacity:.26;transform:translate3d(-50%,0,0) scale(1)}
.nav-primary a:hover:after,.nav-primary a:focus-visible:after,.nav-primary a[aria-current]:after{opacity:.72;transform:translate3d(-50%,-50%,0) scale(1)}
.nav-primary a[aria-current]:before{color:var(--white);opacity:.18}
.nav-primary a[aria-current]:after{opacity:.52}
@media(max-width:1120px){.nav-primary a:before{right:auto;bottom:-8px;left:50%;width:70%;height:56px}.nav-primary a:after{right:auto;left:50%;width:78%;height:48px}}

/* Keep link labels above the animated olive canopy */
.nav-primary a:before,.nav-primary a:after{z-index:0}
.nav-primary a .nav-label{position:relative;z-index:1;text-shadow:0 1px 2px rgba(19,34,23,.28)}
.nav-primary a[aria-current] .nav-label{text-shadow:0 1px 4px rgba(19,34,23,.72)}
.nav-primary a[aria-current]{border-color:rgba(165,201,26,.62);background:var(--white);color:var(--forest);box-shadow:0 8px 22px rgba(8,18,12,.16)}
.nav-primary a[aria-current]:before{color:var(--forest);opacity:.14}
.nav-primary a[aria-current]:after{opacity:.3}
.nav-primary a[aria-current] .nav-label{text-shadow:none}

/* Small olive sprig, opening behind each link label */
.nav-primary a:before,.nav-primary a:after{content:none!important;display:none!important}
.nav-primary a .nav-label{position:relative;z-index:1}
.nav-primary a .nav-olive{position:absolute;z-index:0;top:50%;left:50%;width:2.9rem;height:1.9rem;overflow:visible;pointer-events:none;opacity:0;transform:translate3d(-50%,-38%,0) scale(.34) rotate(-15deg);transform-origin:15% 85%;transition:opacity .2s ease,transform .46s cubic-bezier(.18,.78,.16,1)}
.nav-olive .olive-stem{fill:none;stroke:#738360;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:62;stroke-dashoffset:62;transition:stroke-dashoffset .44s cubic-bezier(.2,.72,.18,1)}
.nav-olive .olive-leaf{fill:#82936a;opacity:0;transform:scale(.55);transform-box:fill-box;transform-origin:center;transition:opacity .2s ease,transform .34s cubic-bezier(.2,.72,.18,1)}
.nav-olive .olive-leaf:nth-of-type(3n){fill:#a4b17b}
.nav-olive .olive-fruit{fill:#a9b54f;stroke:#738360;stroke-width:.65;opacity:0;transform:scale(.62);transform-box:fill-box;transform-origin:center;transition:opacity .22s ease,transform .32s cubic-bezier(.2,.72,.18,1)}
.nav-olive .olive-fruit:nth-of-type(2){fill:#c0c36a}
.nav-olive .olive-fruit:nth-of-type(3){fill:#99a747}
.nav-primary a:hover .nav-olive,.nav-primary a:focus-visible .nav-olive{opacity:.88;transform:translate3d(-50%,-50%,0) scale(1) rotate(-4deg)}
.nav-primary a:hover .olive-stem,.nav-primary a:focus-visible .olive-stem,.nav-primary a[aria-current] .olive-stem{stroke-dashoffset:0}
.nav-primary a:hover .olive-leaf,.nav-primary a:focus-visible .olive-leaf,.nav-primary a[aria-current] .olive-leaf{opacity:.82;transform:scale(1)}
.nav-primary a:hover .olive-fruit,.nav-primary a:focus-visible .olive-fruit,.nav-primary a[aria-current] .olive-fruit{opacity:.94;transform:scale(1)}
.nav-primary a:hover .olive-leaf-2,.nav-primary a:focus-visible .olive-leaf-2{transition-delay:35ms}
.nav-primary a:hover .olive-leaf-3,.nav-primary a:focus-visible .olive-leaf-3{transition-delay:60ms}
.nav-primary a:hover .olive-leaf-4,.nav-primary a:focus-visible .olive-leaf-4{transition-delay:85ms}
.nav-primary a:hover .olive-leaf-5,.nav-primary a:focus-visible .olive-leaf-5{transition-delay:110ms}
.nav-primary a:hover .olive-leaf-6,.nav-primary a:focus-visible .olive-leaf-6{transition-delay:135ms}
.nav-primary a:hover .olive-leaf-7,.nav-primary a:focus-visible .olive-leaf-7{transition-delay:160ms}
.nav-primary a[aria-current] .nav-olive{opacity:.46;transform:translate3d(-50%,-50%,0) scale(.96) rotate(-4deg)}
.nav-primary a[aria-current] .olive-leaf{opacity:.58}
.nav-primary a[aria-current] .olive-fruit{opacity:.78}
.nav-primary a[aria-current]:hover .nav-olive,.nav-primary a[aria-current]:focus-visible .nav-olive{opacity:.88;transform:translate3d(-50%,-50%,0) scale(1) rotate(-4deg)}
.nav-primary a[aria-current]:hover .olive-leaf,.nav-primary a[aria-current]:focus-visible .olive-leaf{opacity:.82}
.nav-primary a[aria-current]:hover .olive-fruit,.nav-primary a[aria-current]:focus-visible .olive-fruit{opacity:.94}
@media(max-width:1120px){.nav-primary a .nav-olive{left:4.6rem;width:3.1rem;height:2rem}}