/* Original responsive layout, colors and type scales live in original.css. */
.founder-portraits{margin:0 0 3rem;}
.founder-portraits>div{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
.founder-portraits img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;}
.founder-portraits figcaption{font: .875rem Inter,sans-serif;line-height:1.5;margin-top:1rem;color:hsl(var(--muted-foreground));}
.private-proposals>div{border-top:1px solid hsl(var(--border));}
#experiences img[data-photo="path"]{object-position:55% center;}
#experiences img[data-photo="harvest"]{object-position:72% center;}
@media(max-width:639px){.founder-portraits>div{grid-template-columns:1fr;gap:1.25rem;}}
/* Give the longer, direct invitation room without changing the visual identity. */
#hero{height:auto;min-height:100svh;}
#hero>.relative{min-height:100svh;padding-top:8rem;padding-bottom:6rem;}
#hero h1{font-size:clamp(3rem,6vw,5.5rem);}
#hero h1 span{font-size:clamp(2.5rem,5vw,4.5rem);}
#hero p{max-width:44rem;color:rgba(255,255,255,.9);font-size:1rem;letter-spacing:0;line-height:1.65;margin-top:1.5rem;}
.hero-invitation{display:block;font-family:"Cormorant Garamond",serif;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2;margin-bottom:1rem;color:white;}
#experiences p,#archivo p,#about p,#carta p{font-size:1rem;line-height:1.75;}
#experiences .tracking-widest.flex{flex-wrap:wrap;row-gap:.6rem;}
.picnic-copy,.personal-copy{border-top:1px solid hsl(var(--border));padding:4rem 0;margin-top:4rem;max-width:52rem;}
.personal-copy{margin-top:0;padding-top:0;border-top:0;padding-bottom:4rem;}
.picnic-copy h3,.personal-copy h3{font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;line-height:1.15;margin-bottom:1.5rem;}
.picnic-copy p,.personal-copy p{font-family:Inter,sans-serif;font-size:1rem;line-height:1.75;color:hsl(var(--muted-foreground));max-width:42rem;}
.copy-eyebrow{display:block;font: .875rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--accent));margin-bottom:1rem;}
.copy-button{display:inline-block;border:1px solid hsl(var(--foreground)/.3);padding:1rem 1.5rem;margin-top:1.75rem;font: .875rem Inter,sans-serif;line-height:1.5;}
.copy-button:hover{background:hsl(var(--foreground));color:hsl(var(--background));}
section{scroll-margin-top:5rem;}
@media(max-width:639px){#hero>.relative{padding-top:7rem;}#hero [data-motion="4"]{display:none;}#hero .mt-12{margin-top:1.75rem;}}
/* Original film stills: keep the tree and the sharing gesture in frame. */
#hero img[src$="mediterraneo-dinar-compartit.webp"] {object-position:50% 48%;}
img[src$="mediterraneo-compartir-pa.webp"] {object-position:53% 50%;}
@media(max-width:639px){#hero img[src$="mediterraneo-dinar-compartit.webp"]{object-position:52% 48%;}}
html.js [data-motion] { opacity:0; transform:translate(var(--from-x),var(--from-y)); transition:opacity var(--duration) cubic-bezier(0,0,.58,1) var(--delay),transform var(--duration) cubic-bezier(0,0,.58,1) var(--delay); }
html.js [data-motion][data-visible] {opacity:1;transform:none;}
html.js [data-motion="1"] {letter-spacing:.2em;transition:opacity 1.2s ease .3s,letter-spacing 1.2s ease .3s;}
html.js [data-motion="1"][data-visible] {letter-spacing:.4em;}
html.js [data-motion="4"] {transform:translateX(-50%);}
html.js [data-motion="4"][data-visible] {transform:translateX(-50%);}
header.is-scrolled {background:hsl(var(--background)/.95);backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--border)/.4);}
header.is-scrolled nav a {color:hsl(var(--foreground)/.6);}
header.is-scrolled nav a:hover {color:hsl(var(--foreground));}
header.is-scrolled [data-lang] {color:hsl(var(--foreground)/.3);}
header.is-scrolled [data-lang][aria-pressed="true"] {color:hsl(var(--foreground));}
header.is-scrolled [data-lang]+span {color:hsl(var(--border));}
header.is-scrolled a.border {border-color:hsl(var(--foreground)/.2);color:hsl(var(--foreground));}
header.is-scrolled a.border:hover {background:hsl(var(--foreground));color:hsl(var(--primary-foreground));}
header.is-scrolled button[aria-controls] svg,header.menu-open button[aria-controls] svg {color:hsl(var(--foreground));}
#mobile-menu[hidden] {display:none;}
@media(min-width:1024px){#mobile-menu{display:none;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;}html.js [data-motion]{opacity:1;transform:none;transition:none!important;}html.js [data-motion="4"]{transform:translateX(-50%);}*{animation:none!important;}}

#experiences div:has(> img[data-photo="path"]){aspect-ratio:4/3;}
#experiences img[data-photo="path"]{object-position:center;}
#experiences div:has(> img[data-photo="harvest"]){aspect-ratio:16/9;}
#experiences img[data-photo="harvest"]{object-position:center;}
.archive-teaser{max-width:1200px;margin:auto;padding:0 1.5rem;display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center}.archive-teaser h2{font:400 clamp(2.5rem,4.5vw,4rem)/1.1 'Cormorant Garamond',Georgia,serif;margin:1.5rem 0}.archive-teaser figure{margin:0}.archive-teaser img{width:100%;aspect-ratio:4/5;object-fit:cover}.archive-teaser figcaption{font-size:.875rem;line-height:1.5;margin-top:.8rem}.archive-secondary{display:block;font-size:.875rem;margin-top:1rem;text-decoration:underline;text-underline-offset:.25em}.booking-route{display:block;font-size:.875rem;line-height:1.5;margin-top:.8rem;color:hsl(var(--muted-foreground))}.brand-shop-link{font:400 .875rem Inter,sans-serif;text-decoration:underline;text-underline-offset:.3em}@media(max-width:760px){.archive-teaser{grid-template-columns:1fr;gap:2rem}.archive-teaser img{aspect-ratio:4/3}}

#experiences div:has(> img[data-photo="harvest"]){aspect-ratio:2/3;}
header .brand-shop-link{color:rgba(255,255,255,.9)}
header.is-scrolled .brand-shop-link,header.menu-open .brand-shop-link{color:#2c332f}
@media(min-width:1024px) and (max-width:1250px){header nav{gap:1rem}}

/* Return to the alternating, photographic rhythm of Jesús’s original. */
#experiences{padding-top:7rem;padding-bottom:7rem}
#experiences>.mb-24{margin-bottom:5rem}
#experiences>.space-y-32>div+div{margin-top:6rem}
#experiences .group:has(>img){aspect-ratio:4/5}
#experiences .group:has(>img[data-photo="harvest"]){aspect-ratio:4/5}
#experiences img[data-photo="harvest"]{object-position:center 80%}
#experiences img[data-photo="path"]{object-position:center 65%}
.founder-portraits>div{max-width:900px;margin:auto;gap:2rem;align-items:center}
.founder-portraits img,.founder-portraits video{width:100%;height:520px;max-height:70svh;object-fit:contain;background:transparent;display:block}
.founder-portraits{margin-bottom:4rem}
#archivo{margin:2rem 0 0;padding:0;background:#242c26;color:#fff}
.archive-teaser{max-width:none;min-height:650px;position:relative;isolation:isolate;display:flex;padding:5rem max(1.5rem,calc((100vw - 1280px)/2));align-items:center}
.archive-teaser>div{max-width:600px;position:relative;z-index:2}
.archive-teaser figure{position:absolute;inset:0;z-index:-2}
.archive-teaser figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,25,17,.9),rgba(15,25,17,.6) 55%,rgba(15,25,17,.12))}
.archive-teaser img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.archive-teaser h2{font-weight:300;font-size:clamp(2.5rem,4.5vw,4.25rem)}
.archive-teaser p{color:#f3f1e9}.archive-teaser .copy-eyebrow{color:#dbcdab}.archive-teaser .copy-button{border-color:#fff8;color:#fff}.archive-teaser .copy-button:hover{background:#fff;color:#243026}
footer .legal-links{display:flex;flex-direction:column;gap:.7rem;font:400 .875rem/1.5 Inter,sans-serif;color:#e5e4da}footer .legal-links a:hover{text-decoration:underline}
footer p,footer h4{color:#d0d1c9!important}footer a{overflow-wrap:anywhere}
header nav{gap:1.25rem}header nav a{font-size:.875rem}
a:focus-visible,button:focus-visible,video:focus-visible{outline:2px solid #bb784a;outline-offset:5px}
@media(max-width:767px){#experiences{padding-top:4rem;padding-bottom:4rem}#experiences>.space-y-32>div+div{margin-top:4rem}.founder-portraits>div{grid-template-columns:1fr 1fr;gap:.75rem}.founder-portraits img,.founder-portraits video{height:auto;aspect-ratio:9/16;max-height:none;object-fit:contain}.archive-teaser{min-height:600px;padding:4rem 1.5rem}.archive-teaser figure:after{background:rgba(15,25,17,.76)}#hero>.relative{padding-top:7rem;padding-bottom:4rem}#hero p{font-size:1rem}header nav{gap:1rem}}
@media(max-width:380px){.founder-portraits>div{grid-template-columns:1fr}.founder-portraits img,.founder-portraits video{max-height:65svh}}

/* Launch review: readable touch targets and documentary images. */
.before-visit{display:grid;grid-template-columns:1.15fr 1fr;gap:3rem;max-width:1200px;margin:auto;padding:3rem 1.5rem;align-items:center}.before-visit h2{font:400 clamp(2rem,4vw,3.5rem)/1.15 Georgia,serif}.before-visit h3{font:400 1.6rem/1.3 Georgia,serif;margin-top:2.5rem}.before-visit p{margin:1rem 0}.before-visit figure{margin:0}.before-visit img{width:100%;height:auto;object-fit:contain}.before-visit a:not(.copy-button){text-decoration:underline;text-underline-offset:4px}.copy-button,header button,header a{min-height:44px}.before-visit a,.campaign-bridge a{overflow-wrap:anywhere}img{image-orientation:from-image}#mobile-menu{overflow-y:auto;padding-bottom:max(2rem,env(safe-area-inset-bottom))}.founder-portraits>div{grid-template-columns:1fr 1fr}@media(max-width:767px){.before-visit{grid-template-columns:1fr;gap:2rem}.founder-portraits>div{grid-template-columns:1fr}.founder-portraits img,.founder-portraits video{max-height:80svh;width:100%;aspect-ratio:auto}#mobile-menu nav a{font-size:1.5rem}}