/*
Theme Name: N&C Studio
Theme URI: https://ncstudiovelasartesanales.14soles.com/
Author: 14Soles
Description: Tema editorial a medida para N&C Studio Velas Artesanales.
Version: 0.13.5
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: nc-studio
*/

@font-face {
  font-family: 'IvyOra Display';
  src: url('assets/fonts/IvyOraDisplay-Light-v3.woff2') format('woff2'),
       url('assets/fonts/IvyOraDisplay-Light-v3.woff') format('woff'),
       url('assets/fonts/IvyOraDisplay-Light-v3.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IvyOra Display';
  src: url('assets/fonts/IvyOraDisplay-LightItalic-v3.woff2') format('woff2'),
       url('assets/fonts/IvyOraDisplay-LightItalic-v3.woff') format('woff'),
       url('assets/fonts/IvyOraDisplay-LightItalic-v3.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'IvyOra Display';
  src: url('assets/fonts/IvyOraDisplay-Regular-v3.woff2') format('woff2'),
       url('assets/fonts/IvyOraDisplay-Regular-v3.woff') format('woff'),
       url('assets/fonts/IvyOraDisplay-Regular-v3.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IvyOra Display';
  src: url('assets/fonts/IvyOraDisplay-RegularItalic-v3.woff2') format('woff2'),
       url('assets/fonts/IvyOraDisplay-RegularItalic-v3.woff') format('woff'),
       url('assets/fonts/IvyOraDisplay-RegularItalic-v3.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'IvyOra Display';
  src: url('assets/fonts/IvyOraDisplay-Medium-v3.woff2') format('woff2'),
       url('assets/fonts/IvyOraDisplay-Medium-v3.woff') format('woff'),
       url('assets/fonts/IvyOraDisplay-Medium-v3.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IvyOra Display';
  src: url('assets/fonts/IvyOraDisplay-MediumItalic-v3.woff2') format('woff2'),
       url('assets/fonts/IvyOraDisplay-MediumItalic-v3.woff') format('woff'),
       url('assets/fonts/IvyOraDisplay-MediumItalic-v3.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'IvyOra Display';
  src: url('assets/fonts/IvyOraDisplay-Thin-v3.woff2') format('woff2'),
       url('assets/fonts/IvyOraDisplay-Thin-v3.woff') format('woff'),
       url('assets/fonts/IvyOraDisplay-Thin-v3.ttf') format('truetype');
  font-weight: 100;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IvyOra Display';
  src: url('assets/fonts/IvyOraDisplay-ThinItalic-v3.woff2') format('woff2'),
       url('assets/fonts/IvyOraDisplay-ThinItalic-v3.woff') format('woff'),
       url('assets/fonts/IvyOraDisplay-ThinItalic-v3.ttf') format('truetype');
  font-weight: 100;
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Alias IvyOra */
@font-face {
  font-family: 'IvyOra';
  src: url('assets/fonts/IvyOraDisplay-Light-v3.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IvyOra';
  src: url('assets/fonts/IvyOraDisplay-LightItalic-v3.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'IvyOra';
  src: url('assets/fonts/IvyOraDisplay-Regular-v3.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IvyOra';
  src: url('assets/fonts/IvyOraDisplay-RegularItalic-v3.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --stone:#E4E4DC;
  --vanilla:#F9F4E6;
  --blush:#E5CBC2;
  --mocha:#C8B7A6;
  --ink:#2D2D2D;
  --serif:"IvyOra Display","IvyOra",serif;
  --sans:"SuisseIntl","Suisse Int'l","Suisse Intl","Helvetica Neue",Arial,sans-serif;
  --pad:clamp(24px,4vw,68px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--vanilla)}
body{margin:0;color:var(--ink);background:var(--vanilla);font-family:var(--sans);font-size:15px;overflow-x:hidden}
a{color:inherit;text-decoration:none} button,input{font:inherit;color:inherit} img{display:block;width:100%;height:100%;object-fit:cover}
.skip-link{position:fixed;left:20px;top:-80px;z-index:999;background:var(--ink);color:var(--vanilla);padding:12px 16px}.skip-link:focus{top:20px}
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:92px;padding:16px var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:start;mix-blend-mode:multiply;pointer-events:none}
.site-header a,.site-header button{pointer-events:auto}.brand{width:76px;height:78px;overflow:hidden;justify-self:center}.brand img{object-fit:contain;filter:contrast(1.15)}
.menu-trigger{width:54px;height:32px;border:0;background:transparent;padding:8px 0;display:grid;align-content:center;gap:7px;cursor:pointer}.menu-trigger span{width:29px;height:1px;background:currentColor}.menu-trigger span:last-child{width:18px}
.bag{justify-self:end;text-transform:uppercase;font-size:11px;letter-spacing:.14em;padding-top:8px}.bag sup{font-size:8px;margin-left:3px}
.scroll-index{position:fixed;z-index:90;left:18px;top:50%;translate:0 -50%;height:188px;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:9px;font:500 9px/1 var(--sans);letter-spacing:.1em;mix-blend-mode:multiply}
.scroll-index__rail{width:1px;background:rgba(45,45,45,.22);position:relative}.scroll-index__rail i{position:absolute;left:-2px;top:0;width:5px;height:5px;background:var(--ink);border-radius:50%;translate:0 -50%;transition:top .4s cubic-bezier(.2,.7,.2,1)}
.scene{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.chapter{position:absolute;top:110px;left:var(--pad);z-index:5;margin:0;text-transform:uppercase;font-size:10px;letter-spacing:.18em}.kicker{margin:0 0 24px;text-transform:uppercase;font-size:10px;line-height:1.5;letter-spacing:.18em}.text-link{display:inline-flex;gap:40px;align-items:center;border-bottom:1px solid;padding:0 0 8px;text-transform:uppercase;font-size:10px;letter-spacing:.16em}.text-link i{font:normal 18px/1 var(--serif)}
.hero{min-height:100svh;color:var(--ink)}.hero__image{position:absolute;inset:0;background:url("assets/01-hero-primera-luz-v4.webp") center/cover no-repeat;scale:1;transform:none;animation:none}.hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,244,230,.94) 0%,rgba(249,244,230,.48) 41%,transparent 66%)}
.hero__copy{position:absolute;z-index:2;left:var(--pad);top:25%;width:min(900px,68vw)}.hero h1{font:300 clamp(78px,10.5vw,176px)/.76 var(--serif);letter-spacing:-.065em;margin:0}.hero h1 span{display:block;font-style:normal!important}.hero h1 em{display:block;margin-left:0;font-style:italic!important;font-weight:inherit}.hero__intro{width:min(390px,40vw);font-size:13px;line-height:1.7;margin:48px 0 24px 10vw}.hero__copy .text-link{margin-left:10vw}.hero__place{position:absolute;z-index:3;right:var(--pad);bottom:45px;margin:0;text-align:right;text-transform:uppercase;font-size:9px;line-height:1.7;letter-spacing:.15em}.scroll-cue{position:absolute;z-index:3;left:var(--pad);bottom:40px;margin:0;text-transform:uppercase;font-size:9px;line-height:1.55;letter-spacing:.15em}.scroll-cue span{display:block;font-size:20px;margin-top:7px}
@keyframes hero-drift{to{scale:1.08;translate:-1% 0}}
.manifesto{min-height:135vh;background:var(--vanilla)}.orbital-mark{position:absolute;width:min(66vw,900px);aspect-ratio:1;border:1px solid rgba(45,45,45,.22);border-left-color:transparent;border-radius:50%;right:-10vw;top:8vh;rotate:14deg}.orbital-mark:after{content:"";position:absolute;left:50%;top:-14%;height:128%;width:1px;background:var(--ink);rotate:-14deg}.orbital-mark i,.orbital-mark b{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--ink)}.orbital-mark i{left:20%;top:4%}.orbital-mark b{left:50%;top:49%;translate:-50% -50%}
.manifesto__statement{position:absolute;z-index:2;left:10vw;top:25vh;font:400 clamp(58px,7.9vw,130px)/.91 var(--serif);letter-spacing:-.05em}.manifesto__statement p{margin:0}.manifesto__statement p:nth-child(2){margin-left:15vw}.manifesto__statement em{font-style:italic;color:var(--mocha)}.manifesto__statement p:nth-child(4){margin-left:9vw}.manifesto__body{position:absolute;right:8vw;bottom:9vh;width:min(350px,26vw);font-size:13px;line-height:1.75;margin:0}
.gestures{min-height:125vh;background:var(--stone)}.gestures__intro{position:absolute;left:var(--pad);top:20vh;z-index:2}.gestures__intro h2{font:400 clamp(54px,6.8vw,104px)/.86 var(--serif);letter-spacing:-.045em;margin:0}.gesture{position:absolute;z-index:3;display:grid;grid-template-columns:40px auto;align-items:baseline}.gesture span{font-size:9px;letter-spacing:.15em}.gesture strong,.gesture em{font:400 clamp(31px,3.3vw,56px)/.9 var(--serif);letter-spacing:-.04em}.gesture em{font-style:italic;color:#706d67}.gesture small{grid-column:2;text-transform:uppercase;font-size:9px;letter-spacing:.16em;margin-top:15px}.gesture--one{left:52vw;top:20vh}.gesture--two{left:64vw;top:47vh}.gesture--three{left:42vw;top:75vh}.gesture--three strong,.gesture--three em{font-size:clamp(29px,3vw,49px)}.gestures__line{position:absolute;left:50vw;top:0;width:1px;height:100%;background:rgba(45,45,45,.22);transform-origin:top;rotate:16deg}
.collection{min-height:145vh;background:var(--vanilla)}.collection__header{position:absolute;top:18vh;left:18vw;z-index:5}.collection__header h2{font:400 clamp(65px,8.2vw,132px)/.85 var(--serif);letter-spacing:-.055em;margin:0}.collection__header p{font:italic 400 clamp(30px,4vw,64px)/1 var(--serif);color:#7c756f;margin:8px 0 0 24vw}.collection__stage{position:absolute;inset:36vh 0 0}.object{position:absolute}.object figure{margin:0;overflow:hidden;background:var(--stone)}.object div{display:grid;grid-template-columns:30px 1fr auto;gap:4px 12px;align-items:baseline;margin-top:13px}.object div span{grid-row:1/3;font-size:9px}.object h3{font:400 20px/1 var(--serif);margin:0}.object p{font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin:3px 0}.object b{grid-column:3;grid-row:1/3;font:400 18px/1 var(--serif)}.object--a{left:6vw;top:14vh;width:27vw}.object--a figure{height:55vh}.object--b{left:39vw;top:3vh;width:20vw}.object--b figure{height:42vh}.object--c{right:5vw;top:29vh;width:30vw}.object--c figure{height:40vh}.collection .circle-link{position:absolute;right:35vw;bottom:10vh}
.circle-link{width:132px;height:132px;border:1px solid;border-radius:50%;display:grid;place-content:center;text-align:center;text-transform:uppercase;font-size:9px;line-height:1.5;letter-spacing:.15em;transition:.35s}.circle-link i{font:normal 18px/1 var(--serif);margin-top:8px}.circle-link:hover{background:var(--ink);color:var(--vanilla);rotate:8deg}
.atlas{min-height:150vh;background:#d9d5cc}.atlas__image{position:absolute;inset:0;background:url("assets/05-atlas-aromas-v3.webp") center/cover no-repeat;filter:saturate(.7) contrast(.93)}.atlas__image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,244,230,.86),rgba(249,244,230,.18) 58%,rgba(249,244,230,.68))}.atlas__title{position:absolute;z-index:3;left:8vw;top:23vh}.atlas__title h2{font:400 clamp(60px,7.6vw,120px)/.87 var(--serif);letter-spacing:-.055em;margin:0}.scent-orbit{position:absolute;z-index:4;inset:0;margin:0;padding:0;list-style:none}.scent-orbit li{position:absolute}.scent-orbit li:nth-child(1){left:60%;top:15%}.scent-orbit li:nth-child(2){left:77%;top:24%}.scent-orbit li:nth-child(3){left:68%;top:38%}.scent-orbit li:nth-child(4){left:82%;top:51%}.scent-orbit li:nth-child(5){left:58%;top:58%}.scent-orbit li:nth-child(6){left:72%;top:70%}.scent-orbit li:nth-child(7){left:46%;top:77%}.scent-orbit li:nth-child(8){left:28%;top:70%}.scent-orbit li:nth-child(9){left:17%;top:55%}.scent-orbit li:nth-child(10){left:39%;top:43%}.scent-orbit button{border:0;background:transparent;font:400 clamp(18px,2.1vw,35px)/1 var(--serif);cursor:pointer;padding:8px;transition:.25s}.scent-orbit small{display:block;font:500 7px/1.4 var(--sans);letter-spacing:.13em;text-transform:uppercase;opacity:0;translate:0 5px;transition:.25s}.scent-orbit button:hover{font-style:italic;scale:1.15}.scent-orbit button:hover small{opacity:1;translate:0 0}.atlas__note{position:absolute;left:var(--pad);bottom:5vh;margin:0;font-size:9px;text-transform:uppercase;letter-spacing:.13em;line-height:1.6}
.process{min-height:140vh;background:var(--blush)}.process__image{position:absolute;left:10vw;top:19vh;width:38vw;height:82vh;overflow:hidden}.process__image img{object-position:center}.process__copy{position:absolute;z-index:3;left:43vw;top:26vh;width:47vw;background:rgba(249,244,230,.92);padding:8vh 6vw 9vh}.process__copy h2{font:400 clamp(55px,6vw,92px)/.89 var(--serif);letter-spacing:-.05em;margin:0 0 32px}.process__copy h2 em{font-style:italic}.process__copy>p:last-child{width:min(370px,80%);font-size:13px;line-height:1.75}.material-facts{position:absolute;left:43vw;bottom:9vh;width:47vw;display:flex;gap:5vw}.material-facts p{display:flex;align-items:flex-start;gap:12px;margin:0}.material-facts strong{font:400 28px/1 var(--serif)}.material-facts span{font-size:8px;line-height:1.5;text-transform:uppercase;letter-spacing:.12em}.concept-label{position:absolute;z-index:5;right:var(--pad);bottom:24px;font-size:7px;letter-spacing:.13em;text-transform:uppercase;margin:0}
.signature{min-height:125vh;background:var(--ink);color:var(--vanilla)}.signature__ghost{position:absolute;top:9vh;left:-2vw;margin:0;color:transparent;-webkit-text-stroke:1px rgba(249,244,230,.22);font:400 18vw/.8 var(--serif);white-space:nowrap;letter-spacing:-.06em}.signature__product{position:absolute;left:12vw;top:28vh;width:34vw;height:72vh;clip-path:ellipse(47% 50% at 50% 50%)}.signature__copy{position:absolute;left:54vw;top:33vh;width:38vw}.signature__copy h2{font:400 clamp(65px,7.2vw,112px)/.86 var(--serif);letter-spacing:-.055em;margin:0 0 35px}.signature__copy h2 em{font-style:italic;color:var(--blush)}.signature__copy>p:last-child{width:330px;line-height:1.7;font-size:12px}.signature__price{position:absolute;left:52vw;bottom:10vh;display:flex;align-items:flex-start}.signature__price span{font-size:8px;text-transform:uppercase;letter-spacing:.12em;margin:18px 14px 0 0}.signature__price strong{font:400 100px/.8 var(--serif)}.signature__price sup{font:400 25px/1 var(--serif)}.signature .circle-link{position:absolute;right:6vw;bottom:8vh}.circle-link--light:hover{background:var(--vanilla);color:var(--ink)}
.events{min-height:125vh;background:var(--vanilla)}.events__image{position:absolute;inset:0;background:url("assets/08-eventos-memoria.webp") center/cover no-repeat}.events__image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,244,230,.2),transparent 55%,rgba(249,244,230,.86))}.events__copy{position:absolute;z-index:3;right:6vw;top:25vh;width:38vw}.events__copy h2{font:400 clamp(70px,8vw,124px)/.84 var(--serif);letter-spacing:-.06em;margin:0 0 35px}.events__copy>p:nth-of-type(2){width:330px;font-size:13px;line-height:1.7}.events .text-link{margin-top:20px}
.origin{min-height:125vh;background:var(--vanilla);display:grid;place-content:center;text-align:center}.origin__symbol{position:absolute;left:50%;top:10vh;translate:-50% 0;width:min(65vw,850px);aspect-ratio:1;border:1px solid rgba(45,45,45,.22);border-left-color:transparent;border-radius:50%}.origin__symbol span{position:absolute;left:50%;top:-8%;height:116%;width:1px;background:var(--ink)}.origin__symbol i,.origin__symbol b{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--ink)}.origin__symbol i{left:15%;top:12%}.origin__symbol b{left:50%;top:50%;translate:-50% -50%}.origin__overline{position:relative;z-index:2;text-transform:uppercase;font-size:9px;letter-spacing:.2em}.origin h2{position:relative;z-index:2;font:400 clamp(66px,8vw,124px)/.86 var(--serif);letter-spacing:-.055em;margin:20px auto 38px}.origin h2 em{font-style:italic;color:#827a73}.origin__body{position:relative;z-index:2;width:min(520px,55vw);margin:0 auto 30px;font-size:12px;line-height:1.75}.origin .text-link{position:relative;z-index:2;justify-self:center}
.studio{min-height:145vh;background:var(--stone)}.studio h2{position:absolute;z-index:4;left:var(--pad);top:20vh;font:400 clamp(70px,8.5vw,132px)/.84 var(--serif);letter-spacing:-.055em;margin:0}.studio h2 em{font-style:italic;color:#79756f}.studio__frames figure{position:absolute;margin:0;overflow:hidden;box-shadow:0 30px 80px rgba(45,45,45,.12)}.studio__frame--a{width:25vw;height:54vh;left:8vw;top:61vh;rotate:-4deg}.studio__frame--b{width:22vw;height:64vh;left:40vw;top:48vh;rotate:3deg}.studio__frame--c{width:29vw;height:42vh;right:5vw;top:69vh;rotate:-2deg}.studio__handle{position:absolute;left:var(--pad);bottom:6vh;text-transform:uppercase;font-size:9px;letter-spacing:.13em;border-bottom:1px solid;padding-bottom:8px}.studio__handle span{margin-left:25px}
.letter{min-height:110vh;background:var(--blush)}.letter__copy{position:absolute;left:10vw;top:24vh}.letter__copy>p{font:italic 400 24px/1 var(--serif);margin:0 0 28px}.letter__copy h2{font:400 clamp(70px,8.4vw,132px)/.85 var(--serif);letter-spacing:-.06em;margin:0}.letter__copy h2 em{font-style:italic}.letter__form{position:absolute;left:54vw;bottom:22vh;width:38vw;border-bottom:1px solid;display:grid;grid-template-columns:1fr auto;align-items:end}.letter__form label{grid-column:1/-1;text-transform:uppercase;font-size:8px;letter-spacing:.15em;margin-bottom:12px}.letter__form input{border:0;background:transparent;padding:12px 0;font:400 24px/1.2 var(--serif);outline:none}.letter__form input::placeholder{color:rgba(45,45,45,.5)}.letter__form button{border:0;background:transparent;font:400 30px/1 var(--serif);padding:10px;cursor:pointer}.letter__legal{position:absolute;left:54vw;bottom:13vh;width:340px;font-size:9px;line-height:1.55;letter-spacing:.04em}
.footer{min-height:105vh;background:var(--ink);color:var(--vanilla);padding:18vh var(--pad) 4vh}.footer__statement{position:relative;z-index:2;display:flex;flex-direction:column;font:400 clamp(55px,7vw,112px)/.83 var(--serif);letter-spacing:-.05em}.footer__statement strong{font-weight:400;font-style:italic;color:var(--blush);margin-left:25vw}.footer__statement span:last-child{margin-left:9vw}.footer__nav{position:absolute;z-index:2;right:var(--pad);bottom:14vh;display:grid;grid-template-columns:repeat(3,130px);gap:45px}.footer__nav div{display:flex;flex-direction:column;gap:10px}.footer__nav b{font-size:8px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:7px}.footer__nav a{font:400 15px/1.2 var(--serif)}.footer__base{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:4vh;padding-top:14px;border-top:1px solid rgba(249,244,230,.3);display:flex;justify-content:space-between;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.footer__orbit{position:absolute;width:45vw;aspect-ratio:1;border:1px solid rgba(249,244,230,.16);border-left-color:transparent;border-radius:50%;left:-12vw;bottom:-20vw}.footer__orbit:after{content:"";position:absolute;left:50%;top:-15%;width:1px;height:130%;background:rgba(249,244,230,.24)}.footer__orbit i,.footer__orbit b{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--blush)}.footer__orbit i{left:16%;top:12%}.footer__orbit b{left:50%;top:50%;translate:-50% -50%}

@supports (animation-timeline:view()){
  .manifesto__statement,.collection__header,.atlas__title,.process__copy,.events__copy,.origin h2,.studio h2,.letter__copy{animation:reveal linear both;animation-timeline:view();animation-range:entry 15% cover 45%}
  .orbital-mark,.origin__symbol{animation:orbit linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  .gestures__line{animation:line-grow linear both;animation-timeline:view();animation-range:entry 0% cover 65%}
  .object--a{animation:float-a linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.object--b{animation:float-b linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.object--c{animation:float-c linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  @keyframes reveal{from{opacity:0;translate:0 60px}to{opacity:1;translate:0 0}}
  @keyframes orbit{from{rotate:-16deg}to{rotate:32deg}}
  @keyframes line-grow{from{scale:1 0}to{scale:1 1}}
  @keyframes float-a{from{translate:0 9vh}to{translate:0 -9vh}}
  @keyframes float-b{from{translate:0 0}to{translate:0 -14vh}}
  @keyframes float-c{from{translate:0 16vh}to{translate:0 -6vh}}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__image{animation:none!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media (max-width:800px){
  :root{--pad:22px}.site-header{height:76px;padding-top:10px}.brand{width:62px;height:64px}.bag{font-size:9px}.scroll-index{display:none}.chapter{top:86px}
  .hero__image{background-position:62% center}.hero__veil{background:linear-gradient(180deg,rgba(249,244,230,.88),rgba(249,244,230,.22) 70%)}.hero__copy{left:var(--pad);top:22%;width:92vw}.hero h1{font-size:17vw;line-height:.82}.hero h1 span:last-child{margin-left:0}.hero__intro{width:78vw;margin:45px 0 22px;font-size:12px}.hero__copy .text-link{margin-left:0}.hero__place{display:none}
  .manifesto{min-height:120vh}.manifesto__statement{left:var(--pad);top:25vh;font-size:13vw}.manifesto__statement p:nth-child(2),.manifesto__statement p:nth-child(4){margin-left:0}.manifesto__body{right:var(--pad);bottom:10vh;width:75vw}.orbital-mark{width:100vw;right:-45vw;top:20vh}
  .gestures{min-height:145vh}.gestures__intro{left:var(--pad);top:17vh}.gestures__intro h2{font-size:15vw}.gesture{left:12vw!important}.gesture--one{top:55vh}.gesture--two{top:82vh}.gesture--three{top:109vh}.gesture strong,.gesture em{font-size:9vw}.gestures__line{left:76vw}
  .collection{min-height:210vh}.collection__header{left:var(--pad);top:16vh}.collection__header h2{font-size:16vw}.collection__header p{font-size:8vw;margin-left:10vw}.collection__stage{top:36vh}.object{width:66vw!important}.object figure{height:45vh!important}.object--a{left:6vw;top:5vh}.object--b{left:28vw;top:61vh}.object--c{left:7vw;right:auto;top:117vh}.collection .circle-link{right:6vw;bottom:4vh}
  .atlas{min-height:170vh}.atlas__title{left:var(--pad);top:16vh}.atlas__title h2{font-size:15vw}.scent-orbit li{position:static}.scent-orbit{left:var(--pad);right:var(--pad);top:65vh;display:grid;grid-template-columns:1fr 1fr;gap:15px}.scent-orbit button{font-size:7vw;text-align:left}.scent-orbit small{opacity:.7;translate:0 0}.atlas__note{display:none}
  .process{min-height:170vh}.process__image{left:0;top:0;width:100%;height:75vh}.process__copy{left:var(--pad);top:67vh;width:calc(100% - 44px);padding:8vh 7vw}.process__copy h2{font-size:14vw}.material-facts{left:var(--pad);bottom:8vh;width:calc(100% - 44px);gap:20px;justify-content:space-between}.material-facts p{display:block}.material-facts span{display:block;margin-top:7px}
  .signature{min-height:155vh}.signature__product{left:8vw;top:24vh;width:84vw;height:62vh}.signature__copy{left:var(--pad);top:91vh;width:88vw}.signature__copy h2{font-size:15vw}.signature__price{left:var(--pad);bottom:11vh}.signature .circle-link{right:var(--pad);bottom:8vh}
  .events{min-height:150vh}.events__image{height:72vh;background-position:42% center}.events__image:after{background:linear-gradient(180deg,transparent,rgba(249,244,230,.98))}.events__copy{left:var(--pad);right:auto;top:78vh;width:86vw}.events__copy h2{font-size:16vw}.events__copy>p:nth-of-type(2){width:100%}
  .origin{min-height:130vh;padding:0 var(--pad)}.origin__symbol{width:120vw}.origin h2{font-size:13.8vw}.origin__body{width:82vw}
  .studio{min-height:175vh}.studio h2{top:16vh;font-size:15vw}.studio__frame--a{width:60vw;height:50vh;left:4vw;top:51vh}.studio__frame--b{width:49vw;height:58vh;left:47vw;top:71vh}.studio__frame--c{width:64vw;height:43vh;right:auto;left:10vw;top:121vh}
  .letter{min-height:125vh}.letter__copy{left:var(--pad);top:20vh}.letter__copy h2{font-size:15vw}.letter__form{left:var(--pad);bottom:23vh;width:calc(100% - 44px)}.letter__legal{left:var(--pad);bottom:14vh;width:80vw}
  .footer{min-height:145vh;padding-top:18vh}.footer__statement{font-size:14vw}.footer__statement strong{margin-left:10vw}.footer__statement span:last-child{margin-left:0}.footer__nav{left:var(--pad);right:auto;bottom:22vh;grid-template-columns:1fr 1fr;gap:40px 65px}.footer__base{display:grid;gap:8px}.footer__base a{position:absolute;right:0;bottom:0}
}

/* WordPress shell and accessible navigation */
body.admin-bar .site-header{top:32px}
.site-menu{position:fixed;inset:0;z-index:300;background:var(--vanilla);color:var(--ink);padding:clamp(28px,5vw,76px);display:grid;grid-template-rows:auto 1fr auto;visibility:hidden;opacity:0;transition:opacity .35s ease,visibility .35s ease}
.site-menu[aria-hidden="false"]{visibility:visible;opacity:1}
.site-menu__top{display:flex;align-items:flex-start;justify-content:space-between}
.site-menu__logo{width:92px;height:auto}
.site-menu__close{border:0;background:transparent;font:400 clamp(34px,4vw,58px)/1 var(--serif);cursor:pointer;padding:0}
.site-menu__nav{align-self:center;display:grid;grid-template-columns:auto minmax(240px,34vw);gap:9vw;align-items:end}
.site-menu__index{font:500 9px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;display:grid;gap:18px}
.site-menu__links{display:grid}
.site-menu__links a{font:300 clamp(48px,6.4vw,102px)/.92 var(--serif);letter-spacing:-.045em;border-bottom:1px solid rgba(45,45,45,.2);padding:8px 0}
.site-menu__links a:hover,.site-menu__links a:focus-visible{font-style:italic;padding-left:2vw}
.site-menu__base{display:flex;justify-content:space-between;text-transform:uppercase;font-size:8px;letter-spacing:.14em}
body.menu-open{overflow:hidden}
.letter__feedback{position:absolute;left:54vw;bottom:8vh;width:38vw;font-size:10px;line-height:1.5;letter-spacing:.06em;margin:0}
.letter__feedback[hidden]{display:none}
.scent-orbit button[aria-pressed="true"]{font-style:italic;scale:1.12}
.scent-orbit button:focus-visible,.text-link:focus-visible,.circle-link:focus-visible,.menu-trigger:focus-visible,.bag:focus-visible{outline:1px solid currentColor;outline-offset:6px}
.nc-page{min-height:100vh;padding:180px var(--pad) 100px;max-width:960px;margin:auto}.nc-page h1{font:300 clamp(62px,8vw,118px)/.9 var(--serif);letter-spacing:-.05em}.nc-page__content{font-size:16px;line-height:1.8}.nc-page__back{display:inline-flex;margin-top:50px}
@media (max-width:782px){body.admin-bar .site-header{top:46px}}
@media (max-width:800px){.site-menu{padding:24px}.site-menu__nav{grid-template-columns:1fr;gap:50px}.site-menu__index{display:none}.site-menu__links a{font-size:13vw}.site-menu__base{gap:20px;line-height:1.6}.letter__feedback{left:var(--pad);bottom:6vh;width:calc(100% - 44px)}}

/* V4 — editorial refinement inspired by the client references */
:root{--serif:"Zapf Humanist","Zapf Humanist 601",Optima,"URW Classico",sans-serif;--sans:"SuisseIntl","Suisse Int'l","Suisse Intl","Helvetica Neue",Arial,sans-serif}
.hero h1,.manifesto__statement,.gestures__intro h2,.collection__header h2,.atlas__title h2,.process__copy h2,.signature__copy h2,.events__copy h2,.origin h2,.studio h2,.letter__copy h2,.footer__statement{letter-spacing:-.036em;font-weight:300}
.hero h1{font-size:clamp(72px,9.2vw,150px);margin-top:80px !important;line-height:.8}.hero h1 span:last-child,.hero h1 em{font-style:normal;margin-left:0}.hero__intro{margin-left:0}.hero__copy .text-link{margin-left:0}
.kicker,.chapter,.text-link,.bag{font-family:var(--sans);font-weight:500}

.manifesto{min-height:135vh;background:var(--vanilla)}
.manifesto__media{position:absolute;left:7vw;top:17vh;width:32vw;height:82vh;margin:0;overflow:hidden}
.manifesto__media img{object-position:center}
.manifesto__statement{left:34vw;top:20vh;font-size:clamp(54px,6.7vw,108px);line-height:.92;z-index:3}
.manifesto__statement p:nth-child(2){margin-left:11vw}.manifesto__statement p:nth-child(3){margin-left:4vw}.manifesto__statement p:nth-child(4){margin-left:10vw}
.manifesto__statement em{color:var(--ink);font-style:normal}
.manifesto__body{right:6vw;bottom:12vh;width:min(360px,29vw);font-size:12px;line-height:1.8}
.manifesto__caption{position:absolute;left:7vw;bottom:9vh;margin:0;font-size:8px;line-height:1.7;text-transform:uppercase;letter-spacing:.14em}

.gestures{min-height:125vh;background:var(--stone);color:var(--ink)}
.gestures__image{position:absolute;inset:0;background:url("assets/03-tres-gestos-v3.webp") center/cover no-repeat}
.gestures__image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,244,230,.92) 0 37%,rgba(249,244,230,.06) 58%,rgba(45,45,45,.18))}
.gestures__intro{left:7vw;top:20vh;width:30vw;padding:0}.gestures__intro h2{font-size:clamp(48px,5.4vw,85px);line-height:.95}
.gesture{display:block;background:rgba(249,244,230,.9);backdrop-filter:blur(8px);padding:18px 20px;width:21vw;border-top:1px solid rgba(45,45,45,.35)}
.gesture span{display:block;margin-bottom:8px}.gesture strong,.gesture em{display:block;font-size:clamp(24px,2.6vw,42px);line-height:.93;font-weight:300}.gesture em{font-style:normal;color:var(--ink)}.gesture small{display:block;margin-top:14px}
.gesture--one{left:42vw;top:72vh}.gesture--two{left:63vw;top:72vh}.gesture--three{left:82vw;top:72vh;width:16vw}.gesture--three strong,.gesture--three em{font-size:clamp(20px,2.1vw,34px)}
.gestures__discover{position:absolute;left:7vw;bottom:10vh;z-index:4}

.collection{min-height:135vh;background:var(--vanilla);color:var(--ink)}
.collection__image{position:absolute;inset:0 0 24vh;background:url("assets/04-coleccion-arquitectonica-v3.webp") center/cover no-repeat}
.collection__image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(249,244,230,.92),rgba(249,244,230,0) 35%,rgba(249,244,230,.12))}
.collection__header{left:7vw;top:16vh}.collection__header h2{font-size:clamp(62px,7.2vw,114px);line-height:.9}.collection__header p{font-size:clamp(26px,3vw,48px);font-style:normal;margin:4px 0 0 11vw;color:#5e5a55}
.collection__rail{position:absolute;z-index:4;left:var(--pad);right:var(--pad);bottom:8vh;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(45,45,45,.45);border-bottom:1px solid rgba(45,45,45,.45)}
.collection__rail a{display:grid;grid-template-columns:28px 1fr auto;grid-template-rows:auto auto;gap:5px 10px;padding:18px 22px;border-right:1px solid rgba(45,45,45,.3);transition:.3s}.collection__rail a:last-child{border-right:0}.collection__rail a:hover{background:var(--ink);color:var(--vanilla)}
.collection__rail span{grid-row:1/3;font-size:8px}.collection__rail strong{font:300 22px/1 var(--serif)}.collection__rail small{font-size:8px;text-transform:uppercase;letter-spacing:.1em}.collection__rail b{grid-column:3;grid-row:1/3;font:300 20px/1 var(--serif)}
.collection__cta{position:absolute;right:var(--pad);bottom:2.5vh;z-index:4}

.atlas__title h2{font-size:clamp(56px,6.8vw,106px);line-height:.9}.scent-orbit button{font-family:var(--serif);font-weight:300}.atlas__image{filter:saturate(.65) contrast(.96)}

.process__copy h2{font-size:clamp(50px,5.4vw,84px);line-height:.94}.process__detail{position:absolute;left:10vw;bottom:5vh;width:22vw;height:26vh;overflow:hidden;border:10px solid var(--blush);z-index:3}.process__detail img{object-position:center}.material-facts{left:43vw;bottom:8vh}.concept-label{bottom:18px}

.signature{min-height:125vh;background:var(--ink)}
.signature__background{position:absolute;inset:0;background:url("assets/07-pieza-noche-v2.webp") center/cover no-repeat}
.signature__background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(45,45,45,.08) 0 42%,rgba(45,45,45,.82) 74%,rgba(45,45,45,.96))}
.signature__copy{left:auto;right:6vw;top:26vh;width:37vw;z-index:3}.signature__copy h2{font-size:clamp(58px,6.4vw,98px);line-height:.91}.signature__copy h2 em{font-style:normal;color:var(--blush)}
.signature__price{left:auto;right:29vw;bottom:13vh;z-index:3}.signature__link{position:absolute;right:6vw;bottom:14vh;z-index:3}

.events__copy h2{font-size:clamp(58px,6.5vw,100px);line-height:.91}.events__details{position:absolute;z-index:4;left:6vw;bottom:8vh;width:35vw;display:grid;grid-template-columns:1.2fr 1fr;background:rgba(249,244,230,.9);backdrop-filter:blur(8px)}
.events__details figure{height:18vh;margin:0;overflow:hidden}.events__details p{margin:0;padding:18px;display:grid;align-content:center;gap:4px}.events__details span{font-size:7px;text-transform:uppercase;letter-spacing:.14em}.events__details b{font:300 15px/1.2 var(--serif);margin-bottom:8px}

.origin{min-height:125vh;display:block;text-align:left;background:var(--vanilla)}
.origin__image{position:absolute;right:0;top:0;width:56vw;height:100%;overflow:hidden}.origin__image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--vanilla),transparent 25%)}
.origin__copy{position:absolute;z-index:3;left:7vw;top:25vh;width:48vw}.origin__overline{font-size:8px;letter-spacing:.18em;margin:0 0 30px}.origin h2{font-size:clamp(53px,5.7vw,89px);line-height:.94;margin:0 0 32px}.origin h2 em{font-style:normal;color:#706b65}.origin__body{width:min(430px,90%);margin:0 0 28px;line-height:1.8}

.studio{min-height:140vh;background:var(--stone)}.studio h2{top:16vh;font-size:clamp(55px,6.5vw,100px);line-height:.92}.studio__frames{position:absolute;left:0;right:0;top:50vh;height:58vh;display:flex;align-items:stretch;gap:1px;padding-left:7vw;overflow:hidden}.studio__frames figure{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:25vw!important;height:100%!important;rotate:0!important;flex:0 0 25vw;box-shadow:none;margin:0}.studio__frames figure:nth-child(2){flex-basis:22vw}.studio__frames figure:nth-child(3){flex-basis:30vw}.studio__frames figure:nth-child(4){flex-basis:25vw}.studio__frames figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px;background:rgba(45,45,45,.72);color:var(--vanilla);font-size:8px;text-transform:uppercase;letter-spacing:.14em;translate:0 100%;transition:.3s}.studio__frames figure:hover figcaption{translate:0 0}.studio__handle{bottom:7vh}

.letter{min-height:115vh;background:var(--blush)}.letter__image{position:absolute;left:0;top:0;width:46vw;height:100%;background:url("assets/01-hero-primera-luz.webp") 72% center/cover no-repeat}.letter__image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,var(--blush))}.letter__copy{left:51vw;top:20vh}.letter__copy h2{font-size:clamp(54px,6vw,92px);line-height:.94}.letter__form{left:55vw;width:36vw}.letter__legal{left:55vw}.footer__statement{font-size:clamp(52px,6.2vw,96px);line-height:.9}

@media (max-width:1100px) and (min-width:801px){.site-menu__nav{grid-template-columns:1fr;gap:38px}.site-menu__index{display:none}.site-menu__links{width:min(620px,78vw);justify-self:end}.site-menu__links a{font-size:clamp(48px,8vw,78px)}}

@media (max-width:800px){
  .hero h1{font-size:15vw}.hero h1 span:last-child,.hero__intro,.hero__copy .text-link{margin-left:0}
  .manifesto{min-height:150vh}.manifesto__media{left:0;top:0;width:100%;height:70vh}.manifesto__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,var(--vanilla))}.manifesto__statement{left:var(--pad);top:62vh;font-size:12vw;width:90vw}.manifesto__statement p:nth-child(n){margin-left:0}.manifesto__body{right:var(--pad);bottom:10vh;width:82vw}.manifesto__caption{display:none}
  .gestures{min-height:170vh}.gestures__image{height:70vh;background-position:center}.gestures__image:after{background:linear-gradient(180deg,rgba(249,244,230,.1),var(--stone))}.gestures__intro{left:var(--pad);top:75vh;width:85vw}.gestures__intro h2{font-size:14vw}.gesture{left:var(--pad)!important;right:var(--pad);width:auto!important;background:transparent;padding:18px 0}.gesture--one{top:111vh}.gesture--two{top:129vh}.gesture--three{top:147vh}.gesture strong,.gesture em,.gesture--three strong,.gesture--three em{font-size:8vw}.gestures__discover{display:none}
  .collection{min-height:175vh}.collection__image{height:85vh;inset:0}.collection__header{left:var(--pad);top:16vh}.collection__header h2{font-size:14vw}.collection__header p{font-size:7vw;margin-left:0}.collection__rail{left:var(--pad);right:var(--pad);bottom:9vh;grid-template-columns:1fr}.collection__rail a{border-right:0;border-bottom:1px solid rgba(45,45,45,.25)}.collection__cta{left:var(--pad);right:auto;bottom:3vh}
  .process__detail{display:none}.process__copy h2{font-size:13vw}
  .signature{min-height:145vh}.signature__background{height:75vh;background-position:32% center}.signature__background:after{background:linear-gradient(180deg,transparent 45%,var(--ink))}.signature__copy{left:var(--pad);right:auto;top:78vh;width:88vw}.signature__copy h2{font-size:14vw}.signature__price{left:var(--pad);right:auto;bottom:9vh}.signature__link{right:var(--pad);bottom:9vh}
  .events__details{left:var(--pad);bottom:5vh;width:calc(100% - 44px)}
  .origin{min-height:150vh}.origin__image{top:0;right:0;width:100%;height:72vh}.origin__image:after{background:linear-gradient(180deg,transparent 55%,var(--vanilla))}.origin__copy{left:var(--pad);top:76vh;width:88vw}.origin h2{font-size:13vw}
  .studio{min-height:190vh}.studio h2{font-size:13vw}.studio__frames{top:52vh;height:116vh;display:grid;grid-template-columns:1fr 1fr;padding:0 var(--pad);gap:1px}.studio__frames figure{width:100%!important;height:58vh!important;min-width:0!important}.studio__frames figcaption{translate:0 0}.studio__handle{bottom:5vh}
  .letter{min-height:150vh}.letter__image{width:100%;height:70vh}.letter__image:after{background:linear-gradient(180deg,transparent 50%,var(--blush))}.letter__copy{left:var(--pad);top:73vh}.letter__copy h2{font-size:13vw}.letter__form{left:var(--pad);width:calc(100% - 44px);bottom:20vh}.letter__legal{left:var(--pad);bottom:11vh}
}

/* V5 — sistema tipográfico y retícula unificada */
:root{
  --grid-margin:4vw;
  --grid-01:4vw;
  --grid-02:11.667vw;
  --grid-03:19.333vw;
  --grid-04:27vw;
  --grid-05:34.667vw;
  --grid-06:42.333vw;
  --grid-07:50vw;
  --grid-08:57.667vw;
  --grid-09:65.333vw;
  --grid-10:73vw;
  --grid-11:80.667vw;
  --grid-12:88.333vw;
  --grid-13:96vw;
}
html,body{text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--sans);font-weight:300}
p,li,label,input,textarea,button,small,.hero__intro,.manifesto__body,.origin__body,.letter__legal,.letter__feedback{font-family:var(--sans);font-weight:300}
h1,h3,h4,h5,h6,.manifesto__statement,.gesture strong,.gesture em,.collection__rail strong,.collection__rail b,.scent-orbit button,.signature__price,.events__details b,.footer__statement,.site-menu__links a,.nc-page h1{font-family:var(--serif);font-weight:400;letter-spacing:-.026em}
h2{font-family:var(--serif);font-weight:300!important;letter-spacing:-.026em}
.kicker,.chapter,.text-link,.bag,.scroll-index,.origin__overline,.concept-label,.site-menu__index,.site-menu__base,.collection__rail small,.gesture small{font-family:var(--sans);font-weight:400;letter-spacing:.145em}
.hero h1{font-size:clamp(70px,8.7vw,142px);line-height:.86;letter-spacing:-.035em}
.manifesto__statement{font-size:clamp(52px,6.1vw,98px);line-height:.98}
.gestures__intro h2{font-size:clamp(46px,5vw,78px);line-height:.98}
.gesture strong,.gesture em{line-height:1}
.collection__header h2{font-size:clamp(58px,6.8vw,106px);line-height:.94}
.collection__header p{font-family:var(--sans);font-size:clamp(20px,2.2vw,34px);font-weight:300;letter-spacing:-.01em}
.atlas__title h2{font-size:clamp(54px,6.25vw,98px);line-height:.96}
.process__copy h2{font-size:clamp(48px,5.05vw,80px);line-height:.98}
.signature__copy h2,.events__copy h2{font-size:clamp(54px,5.9vw,92px);line-height:.97}
.origin h2{font-size:clamp(50px,5.2vw,82px);line-height:.98}
.studio h2{font-size:clamp(52px,6vw,94px);line-height:.97}
.letter__copy h2{font-size:clamp(50px,5.5vw,86px);line-height:.98}
.footer__statement{font-size:clamp(50px,5.8vw,90px);line-height:.95}
.site-menu__links a{line-height:.98}

@media (min-width:1101px){
  .chapter,.hero__copy,.scroll-cue{left:var(--grid-margin)}
  .hero__copy{width:calc(var(--grid-09) - var(--grid-01))}
  .hero h1 span:last-child,.hero h1 em,.hero__intro,.hero__copy .text-link{margin-left:0}
  .hero__place,.collection__cta{right:var(--grid-margin)}
  .manifesto__media{left:var(--grid-02);width:calc(var(--grid-06) - var(--grid-02))}
  .manifesto__statement{left:var(--grid-05);width:calc(var(--grid-13) - var(--grid-05))}
  .manifesto__body{right:var(--grid-margin);width:24vw}
  .manifesto__caption{left:var(--grid-02)}
  .gestures__intro,.gestures__discover{left:var(--grid-margin);width:calc(var(--grid-05) - var(--grid-01))}
  .gesture--one{left:var(--grid-06);width:20vw}
  .gesture--two{left:var(--grid-09);width:20vw}
  .gesture--three{left:auto;right:var(--grid-margin);width:15vw}
  .collection__header{left:var(--grid-02)}
  .collection__rail{left:var(--grid-margin);right:var(--grid-margin)}
  .atlas__title{left:var(--grid-01);width:calc(var(--grid-08) - var(--grid-01))}
  .process__image{left:var(--grid-02);width:calc(var(--grid-07) - var(--grid-02))}
  .process__detail{left:var(--grid-02);width:22vw}
  .process__copy{left:var(--grid-07);width:calc(var(--grid-13) - var(--grid-07))}
  .material-facts{left:var(--grid-07);width:calc(var(--grid-13) - var(--grid-07));justify-content:space-between}
  .signature__copy{right:var(--grid-margin);width:calc(var(--grid-13) - var(--grid-08))}
  .signature__price{right:27vw}
  .signature__link{right:var(--grid-margin)}
  .events__copy{right:var(--grid-margin);width:calc(var(--grid-13) - var(--grid-08))}
  .events__details{left:var(--grid-margin);width:calc(var(--grid-07) - var(--grid-01))}
  .origin__copy{left:var(--grid-margin);width:calc(var(--grid-07) - var(--grid-01))}
  .origin__image{width:calc(var(--grid-13) - var(--grid-07))}
  .studio h2{left:var(--grid-margin)}
  .studio__frames{padding-left:var(--grid-margin)}
  .studio__handle{left:var(--grid-margin)}
  .letter__image{width:var(--grid-07)}
  .letter__copy{left:var(--grid-08);width:calc(var(--grid-13) - var(--grid-08))}
  .letter__form,.letter__legal,.letter__feedback{left:var(--grid-08);width:calc(var(--grid-13) - var(--grid-08))}
  .footer{padding-left:var(--grid-margin);padding-right:var(--grid-margin)}
  .footer__nav{right:var(--grid-margin)}
  .footer__base{left:var(--grid-margin);right:var(--grid-margin)}
}

@media (max-width:1100px){
  .hero h1,.manifesto__statement,.gestures__intro h2,.collection__header h2,.atlas__title h2,.process__copy h2,.signature__copy h2,.events__copy h2,.origin h2,.studio h2,.letter__copy h2,.footer__statement{line-height:.98;letter-spacing:-.022em}
}

@media (max-width:800px){
  :root{--grid-margin:22px}
  .hero h1{font-size:14vw;line-height:.91;margin-top:62px!important}
  .manifesto__statement{font-size:10.8vw;line-height:1.02}
  .gestures__intro h2,.collection__header h2,.signature__copy h2,.events__copy h2{font-size:12.5vw}
  .atlas__title h2,.process__copy h2,.origin h2,.studio h2,.letter__copy h2{font-size:11.8vw}
  .collection__header p{font-size:5.6vw;line-height:1.25}
  .footer__statement{font-size:11.5vw}
  .kicker,.chapter,.text-link,.bag{letter-spacing:.12em}
}

/* V6 — retícula editorial aplicada desde las referencias de dirección de arte */
:root{
  --outer-axis:3.25vw;
  --content-axis:8.5vw;
  --measure-text:360px;
  --line-soft:rgba(45,45,45,.28);
  --card-paper:rgba(249,244,230,.94);
}
.site-header{height:110px;padding:20px var(--outer-axis);align-items:start}
.brand{width:84px;height:94px}
.scroll-index{left:2.4vw;height:184px;font-weight:400}
.chapter{left:var(--content-axis);top:12vh}
.text-link{min-width:280px;justify-content:space-between;gap:24px}

@media (min-width:801px){
  /* 01 — texto dentro del tercio izquierdo y producto respirando a la derecha */
  .hero__image{scale:1;transform:none;background-position:center center}
  .hero__veil{background:linear-gradient(90deg,rgba(249,244,230,.92) 0%,rgba(249,244,230,.62) 31%,rgba(249,244,230,.16) 54%,transparent 70%)}
  .hero__copy{left:var(--content-axis);top:29vh;width:46vw}
  .hero h1{max-width:46vw;margin-top:44px!important;font-size:clamp(66px,7.2vw,120px);line-height:.88;letter-spacing:-.028em}
  .hero h1 span:last-child,.hero__intro,.hero__copy .text-link{margin-left:0}
  .hero__intro{width:min(var(--measure-text),34vw);margin-top:36px;margin-bottom:26px;line-height:1.65}
  .hero__place{right:var(--outer-axis);bottom:5vh}
  .scroll-cue{left:var(--outer-axis);bottom:5vh}

  /* 02 — díptico estricto: gesto fotográfico / manifiesto */
  .manifesto{min-height:100vh}
  .manifesto .chapter{top:12vh}
  .manifesto__media{left:var(--content-axis);top:18vh;width:42vw;height:82vh}
  .manifesto__statement{left:54vw;top:30vh;width:42vw;font-size:clamp(36px,4.25vw,72px);line-height:1.03;letter-spacing:-.022em}
  .manifesto__statement p,.manifesto__statement p:nth-child(n){margin-left:0;white-space:nowrap}
  .manifesto__statement p:nth-child(3){margin-top:.35em}
  .manifesto__statement em{font-style:normal;color:var(--ink)}
  .manifesto__cta{position:absolute;z-index:4;left:54vw;top:82vh;width:22vw}
  .manifesto__body,.manifesto__caption{display:none}

  /* 03 — tres objetos de navegación sobre una misma línea base */
  .gestures{min-height:100vh}
  .gestures .chapter{top:19vh}
  .gestures__image:after{background:linear-gradient(90deg,rgba(249,244,230,.96) 0%,rgba(249,244,230,.84) 43%,rgba(249,244,230,.12) 68%,rgba(45,45,45,.06))}
  .gestures__content{position:absolute;left:var(--content-axis);top:22vh;width:min(66vw,950px);z-index:3;display:flex;flex-direction:column;gap:20px}
  .gestures__intro{position:static;width:100%;padding:0}
  .gestures__intro .kicker{margin-bottom:18px}
  .gestures__intro h2{font-size:clamp(42px,4.3vw,72px);line-height:.96;white-space:nowrap}
  .gestures__rail{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.4vw,22px);width:100%;margin-top:20px}
  .gesture{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:clamp(165px,23vh,220px);display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;align-items:start;padding:1.8vw 1.9vw;border:0;background:var(--card-paper);backdrop-filter:blur(10px);transition:transform .35s ease,background-color .35s ease}
  .gesture span,.gesture strong,.gesture em,.gesture small{grid-column:1}
  .gesture span{margin:0 0 16px;font-size:8px}
  .gesture strong,.gesture em,.gesture--three strong,.gesture--three em{font-size:clamp(20px,1.9vw,32px);line-height:.98}
  .gesture small{position:absolute;left:1.9vw;bottom:1.8vw;margin:0;padding-right:32px}
  .gesture>i{position:absolute;right:1.9vw;bottom:1.8vw;font:normal 22px/1 var(--serif)}
  .gesture:hover,.gesture:focus-visible{transform:translateY(-6px);background:#fffaf0;outline:0}
  .gestures__discover{display:none}

  /* 04 — bodegón a pantalla completa; comercio después del primer pliegue */
  .collection{min-height:135vh}
  .collection .chapter{top:25vh}
  .collection__image{inset:0 0 24vh;background-position:center}
  .collection__image:after{background:linear-gradient(90deg,rgba(249,244,230,.9) 0%,rgba(249,244,230,.44) 34%,rgba(249,244,230,0) 58%),linear-gradient(180deg,rgba(249,244,230,.2),transparent 52%,rgba(249,244,230,.12))}
  .collection__header{left:var(--content-axis);top:33vh}
  .collection__header h2{font-size:clamp(62px,6.8vw,112px);line-height:.95}
  .collection__header p{margin:18px 0 0;font-size:clamp(19px,2vw,32px)}
}

@media (max-width:800px){
  :root{--outer-axis:22px;--content-axis:22px}
  .site-header{height:78px;padding:10px var(--outer-axis)}
  .brand{width:62px;height:66px}
  .text-link{min-width:min(280px,78vw)}
  .chapter{left:var(--content-axis);top:88px}

  .hero__copy{left:var(--content-axis);top:18vh;width:calc(100vw - 44px)}
  .hero h1{max-width:100%;margin-top:44px!important;font-size:15vw;line-height:.93}
  .hero__intro{width:82vw;margin-top:34px}

  .manifesto{min-height:158vh}
  .manifesto__media{left:0;top:0;width:100%;height:68vh}
  .manifesto__statement{left:var(--content-axis);top:74vh;width:calc(100vw - 44px);font-size:10.6vw;line-height:1.04}
  .manifesto__statement p:nth-child(n){margin-left:0}
  .manifesto__statement p:nth-child(3){margin-top:.35em}
  .manifesto__cta{position:absolute;left:var(--content-axis);top:116vh}
  .manifesto__body{left:var(--content-axis);right:auto;top:128vh;bottom:auto;width:calc(100vw - 44px)}
  .manifesto__caption{display:none}

  .gestures{min-height:182vh}
  .gestures__image{height:72vh}
  .gestures__content{position:absolute;left:var(--content-axis);top:76vh;width:calc(100vw - 44px);display:flex;flex-direction:column;gap:20px}
  .gestures__intro{position:static;width:100%}
  .gestures__intro h2{font-size:11.8vw;white-space:normal}
  .gestures__rail{display:grid;grid-template-columns:1fr;gap:14px;width:100%;margin-top:20px}
  .gesture{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:18vh;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;padding:20px 22px;border:0;background:var(--card-paper)}
  .gesture span{margin:0 0 8px}.gesture strong,.gesture em,.gesture--three strong,.gesture--three em{font-size:7.4vw;line-height:.96}
  .gesture span,.gesture strong,.gesture em,.gesture small{grid-column:1}.gesture small{position:absolute;left:22px;bottom:20px;margin:0}.gesture>i{position:absolute;right:22px;bottom:20px;font:normal 22px/1 var(--serif)}

  .collection .chapter{top:88px}
  .collection__header{left:var(--content-axis);top:18vh}
  .collection__header p{margin-top:12px}
}

/* V7 — escenas 05–08 bajo la misma dirección editorial de 01–04 */
html[data-scene="07"] .site-header{color:var(--vanilla);mix-blend-mode:normal}
.brand{position:relative}.brand img,.brand svg{position:absolute;inset:0;width:100%;height:100%}.brand__light{display:none}
html[data-scene="07"] .site-header .brand__dark{display:none}
html[data-scene="07"] .site-header .brand__light{display:block;filter:none;mix-blend-mode:normal}
html[data-scene="07"] .scroll-index{color:var(--vanilla);mix-blend-mode:normal}
html[data-scene="07"] .scroll-index__rail{background:rgba(249,244,230,.35)}
html[data-scene="07"] .scroll-index__rail i{background:var(--vanilla)}

@media (min-width:801px){
  /* 05 — atlas sensorial: siete piezas, siete etiquetas, un ritmo diagonal */
  .atlas{min-height:100vh;background:#eee9df}
  .atlas .chapter{top:12vh}
  .atlas__image{filter:saturate(.58) contrast(.96);background-position:center}
  .atlas__image:after{background:linear-gradient(90deg,rgba(249,244,230,.94) 0%,rgba(249,244,230,.7) 29%,rgba(249,244,230,.16) 48%,rgba(249,244,230,0) 70%)}
  .atlas__title{left:var(--content-axis);top:27vh;width:44.5vw}
  .atlas__title .kicker{margin-bottom:32px}
  .atlas__title h2{font-size:clamp(55px,5.05vw,84px);line-height:.98}
  .scent-orbit li:nth-child(1){left:60.5%;top:21%}
  .scent-orbit li:nth-child(2){left:86%;top:37%}
  .scent-orbit li:nth-child(3){left:71.5%;top:55%}
  .scent-orbit li:nth-child(4){left:40.5%;top:66%}
  .scent-orbit li:nth-child(5){left:20%;top:85%}
  .scent-orbit li:nth-child(6){left:65.5%;top:84%}
  .scent-orbit li:nth-child(7){left:83%;top:78%}
  .scent-orbit button{font-size:clamp(17px,1.35vw,23px);font-style:normal!important;scale:1!important;padding:6px;text-align:left}
  .scent-orbit button:hover,.scent-orbit button:focus-visible,.scent-orbit button[aria-pressed="true"]{font-style:normal;scale:1;transform:translateY(-2px)}
  .scent-orbit small{font-size:6px;font-weight:400;opacity:0;translate:0 3px}
  .scent-orbit button:hover small,.scent-orbit button:focus-visible small{opacity:.7;translate:0 0}
  .atlas__note{display:none}

  /* 06 — oficio: 45 % imagen, 55 % información y una banda técnica compensada con márgenes superior e inferior simétricos */
  .process{min-height:100vh;height:100vh;background:#f2ede3}
  .process .chapter{display:none}
  .process__image{left:var(--content-axis);top:14vh;width:35.5vw;height:58vh;overflow:hidden;border-radius:2px}
  .process__image img{width:100%;height:100%;object-fit:cover;object-position:center}
  .process__detail{display:block;left:9.5vw;bottom:14vh;width:22vw;height:24vh;overflow:hidden;border:6px solid #f2ede3;border-radius:2px;box-shadow:0 12px 30px rgba(45,40,35,.09);z-index:3}
  .process__detail img{width:100%;height:100%;object-fit:cover;object-position:center}
  .process__copy{left:53.5vw;top:18vh;width:40vw;max-width:700px;background:transparent;padding:0}
  .process__copy .kicker{margin-bottom:22px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#78736b}
  .process__copy h2{font-size:clamp(48px,4.55vw,76px);line-height:.96;margin:0 0 24px}
  .process__copy h2 em{font-style:italic;color:inherit}
  .process__copy>p:last-child{width:min(var(--measure-text),33vw);font-size:13px;line-height:1.7;color:#5f5a53;margin:0}
  .material-facts{left:48.8vw;bottom:14vh;width:46.2vw;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
  .material-facts p{min-height:50px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:0;padding:0 2vw;border-left:1px solid var(--line-soft)}
  .material-facts p:first-child{border-left:0;padding-left:0}
  .material-facts p:last-child{padding-right:0}
  .material-facts strong{font:400 clamp(28px,2.5vw,42px)/1 var(--serif)}
  .material-facts span{font-size:7.5px;line-height:1.45;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:#736d65}
  .process .concept-label{display:none}

  /* 07 — único capítulo nocturno; mismas coordenadas, contraste invertido */
  .signature{min-height:100vh;background:#211c18;color:#f2eadc}
  .signature .chapter{display:none}
  .signature__background{background-position:center}
  .signature__background:after{background:linear-gradient(90deg,rgba(24,20,17,.06) 0 43%,rgba(24,20,17,.48) 63%,rgba(24,20,17,.82) 100%)}
  .signature__copy{left:53.5vw;right:auto;top:26vh;width:40vw}
  .signature__copy .kicker{margin-bottom:34px}
  .signature__copy h2{font-size:clamp(58px,5.8vw,97px);line-height:.96;margin-bottom:30px}
  .signature__copy h2 em{font-style:normal;color:inherit}
  .signature__copy>p:last-child{width:min(var(--measure-text),30vw);font-size:12px}
  .signature__price{left:53.5vw;right:auto;bottom:8vh}
  .signature__price strong{font-size:clamp(82px,7.2vw,120px)}
  .signature__link{right:var(--content-axis);bottom:9vh}

  /* 08 — división 50/50: imagen + detalles a la izquierda, transición central y bloque editorial a la derecha */
  .events{min-height:100vh;background:#f3efe5}
  .events .chapter{left:var(--content-axis);top:18vh}
  .events__image{background-position:left center}
  .events__image:after{background:linear-gradient(90deg,rgba(243,239,229,0) 0%,rgba(243,239,229,0) 38%,rgba(243,239,229,.6) 46%,rgba(243,239,229,.98) 50%,#f3efe5 52%,#f3efe5 100%)}
  .events__copy{left:53.5vw!important;right:auto!important;top:23vh;width:40vw!important;max-width:580px}
  .events__copy .kicker{margin-bottom:20px}
  .events__copy h2{line-height:.92!important;margin-bottom:24px}
  .events__copy>p:nth-of-type(2){width:min(440px,94%);font-size:clamp(14px,1.1vw,17px);line-height:1.65;margin-bottom:28px;color:#5f5a53}
  .events .text-link{margin-top:0;width:auto;min-width:0}
  .events__details{left:var(--content-axis)!important;bottom:5.5vh;width:40vw!important;max-width:520px;height:21.5vh;min-height:140px;display:grid;grid-template-columns:54% 46%;background:rgba(249,244,230,.94);backdrop-filter:blur(10px);border:4px solid rgba(255,255,255,.9);border-radius:4px;box-shadow:0 12px 30px rgba(60,50,42,.07)}
  .events__details figure{height:100%;margin:0;overflow:hidden}
  .events__details figure img{object-position:center}
  .events__details p{height:100%;padding:1.8vw;display:grid;align-content:center;gap:5px;margin:0}
  .events__details span{font-size:7.5px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#857f77}
  .events__details b{font-size:clamp(14px,1.15vw,19px);line-height:1.2;margin:0;font-family:var(--serif);font-weight:500}
  .events__details b:first-of-type{padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid var(--line-soft)}
  .events .concept-label{display:none}
}

/* V8 — escenas 09–12: origen, estudio, carta y cierre editorial */
html[data-scene="12"] .site-header{color:var(--vanilla);mix-blend-mode:normal}
html[data-scene="12"] .site-header .brand__dark{display:none}
html[data-scene="12"] .site-header .brand__light{display:block;filter:none;mix-blend-mode:normal}
html[data-scene="12"] .scroll-index{color:var(--vanilla);mix-blend-mode:normal}
html[data-scene="12"] .scroll-index__rail{background:rgba(249,244,230,.35)}
html[data-scene="12"] .scroll-index__rail i{background:#c8b7a6}

@media (min-width:801px){
  /* 09 — relato a la izquierda, naturaleza muerta cenital a la derecha */
  .origin{min-height:100vh;background:var(--vanilla);display:block;text-align:left}
  .origin .chapter{top:22vh}
  .origin__image{right:0;top:0;width:44.5vw!important;height:100%;overflow:hidden}
  .origin__image:after{background:none}
  .origin__image img{object-position:center}
  .origin__copy{left:var(--content-axis)!important;top:30vh;width:46vw!important}
  .origin__overline{margin:0 0 34px;font-size:8px}
  .origin h2{font-size:clamp(48px,4.05vw,68px);line-height:1.02;margin:0 0 42px;white-space:nowrap}
  .origin h2 em{font-style:italic;color:#817a72}
  .origin__body{width:min(410px,35vw);margin:0 0 30px;font-size:12px;line-height:1.8}
  .origin .text-link{justify-self:auto;width:33vw;min-width:330px}

  /* 10 — cuatro instantes sujetos a una única línea de horizonte */
  .studio{min-height:100vh;background:#f2ede3}
  .studio .chapter{top:13vh}
  .studio h2{left:7.2vw!important;top:18vh;font-size:clamp(54px,5.4vw,90px);line-height:1.02}
  .studio h2 em{font-style:italic;color:#817a72}
  .studio__frames{left:0;right:0;top:42vh;height:54vh;padding-left:7.2vw!important;display:grid;grid-template-columns:1fr 1fr 1.16fr 1.18fr;gap:6px;overflow:hidden}
  .studio__frames figure,.studio__frames figure:nth-child(n){position:relative!important;inset:auto!important;width:auto!important;height:100%!important;min-width:0;rotate:0deg!important;flex:none;margin:0;box-shadow:none}
  .studio__frames img{object-position:center}
  .studio__frames figcaption{padding:14px 16px;background:linear-gradient(0deg,rgba(28,26,23,.72),transparent);translate:0 0;color:var(--vanilla)}
  .studio__handle{display:none}

  /* 11 — media página de atmósfera y media página de conversación */
  .letter{min-height:100vh;background:var(--vanilla)}
  .letter__image{left:0;top:0;width:50vw!important;height:100%;background-position:65% center;filter:saturate(.3) sepia(.05) contrast(.96)}
  .letter__image:after{background:linear-gradient(90deg,transparent 78%,rgba(249,244,230,.12))}
  .letter .chapter{left:59.5vw;top:20vh}
  .letter__copy{left:59.5vw!important;top:30vh;width:35vw!important}
  .letter__copy>p{font:italic 500 22px/1 var(--serif);margin:0 0 26px}
  .letter__copy h2{font-size:clamp(50px,4.85vw,81px);line-height:1.02}
  .letter__copy h2 em{font-style:italic}
  .letter__form{left:59.5vw!important;bottom:16vh;width:35.5vw!important;border-color:rgba(45,45,45,.45);transition:border-color .25s ease}
  .letter__form input{font-family:var(--serif);font-size:22px;font-weight:500}
  .letter__form button{transition:transform .25s ease}
  .letter__form:focus-within{border-color:var(--ink)}
  .letter__form:focus-within button,.letter__form:hover button{transform:translateX(4px)}
  .letter__legal{left:59.5vw!important;bottom:6vh;width:35.5vw!important;font-size:9px;line-height:1.55}
  .letter__feedback{left:59.5vw!important;bottom:2.5vh;width:35.5vw!important}

  /* 12 — retorno nocturno: producto, manifiesto y navegación en un mismo plano */
  .footer{min-height:100vh;background:#1c1a17;color:#f2eadc;padding:0;overflow:hidden}
  .footer .chapter{display:none}
  .footer__image{position:absolute;inset:0;background:url("assets/12-footer-cierre-v3.webp") center/cover no-repeat;transform:none;filter:brightness(.85)}
  .footer:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#1c1a17 0%,rgba(28,26,23,.98) 35%,rgba(28,26,23,.78) 53%,rgba(28,26,23,.12) 74%,rgba(28,26,23,.78) 100%)}
  .footer__statement{position:absolute;left:8.5vw;top:20vh;width:62vw;z-index:3;font-size:clamp(54px,5.7vw,95px);line-height:.98}
  .footer__statement strong{font-weight:500;font-style:italic;color:#c8b7a6;margin-left:22vw}
  .footer__statement span:last-child{margin-left:12vw}
  .footer__nav{right:4vw;bottom:12vh;z-index:4;grid-template-columns:repeat(3,130px);gap:50px}
  .footer__nav b{color:#d8cabb}
  .footer__nav a{color:#f2eadc}
  .footer__base{left:3.25vw;right:3.25vw;bottom:4vh;z-index:4}
  .footer__orbit{z-index:2;width:42vw;left:10vw;bottom:-24vw;border-color:rgba(200,183,166,.35);border-left-color:transparent}
  .footer__orbit:after{background:rgba(200,183,166,.35)}
  .footer__orbit i,.footer__orbit b{width:8px;height:8px;background:#c8b7a6}
  body.admin-bar .origin,body.admin-bar .studio,body.admin-bar .letter,body.admin-bar .footer{min-height:calc(100vh - 32px)}
}

@media (max-width:800px){
  .origin{min-height:150vh;background:var(--vanilla)}
  .origin .chapter{top:88px}
  .origin__image{top:0;width:100%!important;height:70vh}
  .origin__image:after{background:linear-gradient(180deg,transparent 50%,var(--vanilla))}
  .origin__copy{left:var(--content-axis)!important;top:76vh;width:calc(100vw - 44px)!important}
  .origin h2{font-size:11.8vw;line-height:1.02;white-space:normal}
  .origin h2 em{font-style:italic;color:#817a72}
  .origin__body{width:100%}

  .studio{min-height:190vh;background:#f2ede3}
  .studio h2{left:var(--content-axis)!important;top:16vh;font-size:11.8vw;line-height:1.02}
  .studio h2 em{font-style:italic;color:#817a72}
  .studio__frames{top:50vh;height:124vh;display:grid;grid-template-columns:1fr 1fr;padding:0 var(--content-axis)!important;gap:5px}
  .studio__frames figure,.studio__frames figure:nth-child(n){width:100%!important;height:62vh!important;min-width:0!important;rotate:0deg!important}
  .studio__frames figcaption{translate:0 0;background:linear-gradient(0deg,rgba(28,26,23,.72),transparent)}
  .studio__handle{display:none}

  .letter{min-height:155vh;background:var(--vanilla)}
  .letter__image{width:100%!important;height:70vh;background-position:65% center}
  .letter__image:after{background:linear-gradient(180deg,transparent 50%,var(--vanilla))}
  .letter .chapter{left:var(--content-axis);top:72vh}
  .letter__copy{left:var(--content-axis)!important;top:81vh;width:calc(100vw - 44px)!important}
  .letter__copy>p{font-size:20px}
  .letter__copy h2{font-size:11.8vw;line-height:1.02}
  .letter__form{left:var(--content-axis)!important;bottom:20vh;width:calc(100vw - 44px)!important}
  .letter__form:focus-within{border-color:var(--ink)}
  .letter__legal{left:var(--content-axis)!important;bottom:10vh;width:calc(100vw - 44px)!important}
  .letter__feedback{left:var(--content-axis)!important;bottom:5vh;width:calc(100vw - 44px)!important}

  .footer{min-height:145vh;background:#1c1a17;color:#f2eadc;padding:0;overflow:hidden}
  .footer .chapter{display:none}
  .footer__image{position:absolute;inset:0;background:url("assets/12-footer-cierre-v3.webp") center/cover no-repeat;transform:none;filter:brightness(.85)}
  .footer:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(28,26,23,.9) 0%,rgba(28,26,23,.48) 38%,rgba(28,26,23,.82) 69%,#1c1a17 100%)}
  .footer__statement{position:absolute;left:var(--content-axis);top:17vh;width:calc(100vw - 44px);z-index:3;font-size:11.5vw;line-height:.98}
  .footer__statement strong{margin-left:8vw;color:#c8b7a6}
  .footer__statement span:last-child{margin-left:0}
  .footer__nav{left:var(--content-axis);right:var(--content-axis);bottom:21vh;z-index:4;grid-template-columns:1fr 1fr;gap:34px 50px}
  .footer__base{left:var(--content-axis);right:var(--content-axis);bottom:4vh;z-index:4;display:grid;gap:8px}
  .footer__base a{position:absolute;right:0;bottom:0}
  .footer__orbit{z-index:2;border-color:rgba(200,183,166,.35);border-left-color:transparent}
  .footer__orbit:after{background:rgba(200,183,166,.35)}
  .footer__orbit i,.footer__orbit b{background:#c8b7a6}
}

/* V9 — sustitución definitiva de 02 y 04 */
@media (min-width:801px){
  /* 02 — capítulo emocional: intimidad, pausa y luz contenida */
  .manifesto{min-height:100vh;background:#f3efe5}
  .manifesto .chapter{left:55.5vw;top:27vh}
  .manifesto__media{left:9.8vw;top:15vh;width:38vw;height:85vh}
  .manifesto__media img{object-position:center}
  .manifesto__statement{left:55.5vw;top:31vh;width:37.5vw;font-size:clamp(44px,4vw,68px);line-height:0.98;letter-spacing:-.045em}
  .manifesto__statement p,.manifesto__statement p:nth-child(n){margin:0!important;margin-top:0!important;margin-bottom:0!important;margin-left:0;white-space:nowrap;font-family:var(--serif);font-weight:500}
  .manifesto__statement em{font-style:italic;color:#857c74;font-weight:400!important}
  .manifesto__cta{left:55.5vw;top:76.5vh;width:26vw;min-width:300px}
  .manifesto__body,.manifesto__caption{display:none}

  /* 04 — presentación editorial arriba, decisión comercial abajo */
  .collection{min-height:100vh;background:#f3efe5}
  .collection .chapter{left:9.4vw;top:19.5vh}
  .collection__image{inset:0;background-position:center center}
  .collection__image:after{background:linear-gradient(90deg,rgba(243,239,229,.97) 0%,rgba(243,239,229,.86) 24%,rgba(243,239,229,.34) 43%,rgba(243,239,229,0) 61%),linear-gradient(180deg,rgba(243,239,229,.12),transparent 55%,rgba(243,239,229,.08))}
  .collection__header{left:9.4vw;top:24vh}
  .collection__header h2{font-size:clamp(65px,5.6vw,94px);line-height:.98}
  .collection__header p{margin:18px 0 0;font-size:clamp(20px,1.65vw,28px);color:#6f6a61}
  .collection__rail{left:3.5vw;right:3.5vw;bottom:9.1vh;grid-template-columns:repeat(3,1fr);background:rgba(243,239,229,.93);border-color:rgba(41,40,36,.32);backdrop-filter:blur(8px)}
  .collection__rail a{min-height:12vh;box-sizing:border-box;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;align-content:center;column-gap:24px;row-gap:5px;padding:15px 3vw;border-right:1px solid rgba(41,40,36,.28);border-bottom:0}
  .collection__rail span{grid-column:1;grid-row:1;font-size:8px;margin:0 0 5px}
  .collection__rail strong{grid-column:1;grid-row:2;font-size:clamp(20px,1.5vw,26px);line-height:1.05}
  .collection__rail small{grid-column:1;grid-row:3;font-size:8px;line-height:1.3}
  .collection__rail b{grid-column:2;grid-row:2/4;align-self:center;font-size:clamp(19px,1.45vw,25px);line-height:1}
  .collection__rail a:hover{background:rgba(255,255,255,.34);color:inherit}
  .collection__cta{right:3.5vw;bottom:3.1vh;width:22vw;min-width:280px;white-space:nowrap}
  body.admin-bar .manifesto,body.admin-bar .collection{min-height:calc(100vh - 32px)}
}

@media (max-width:800px){
  .manifesto{min-height:145vh;background:#f3efe5}
  .manifesto__media{left:0;top:0;width:100%;height:68vh}
  .manifesto__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(243,239,229,.96))}
  .manifesto .chapter{left:var(--content-axis);top:74vh}
  .manifesto__statement{left:var(--content-axis);top:80vh;width:calc(100vw - 44px);font-size:10.8vw;line-height:1.03}
  .manifesto__statement p,.manifesto__statement p:nth-child(n){margin:0!important;margin-top:0!important;margin-bottom:0!important;margin-left:0;white-space:normal;font-family:var(--serif);font-weight:500}
  .manifesto__statement em{font-style:italic;color:#857c74;font-weight:400!important}
  .manifesto__cta{left:var(--content-axis);top:129vh;width:calc(100vw - 44px)}
  .manifesto__body,.manifesto__caption{display:none}

  .collection{min-height:150vh;background:#f3efe5}
  .collection__image{inset:0 auto auto 0;width:100%;height:80vh;background-position:60% center}
  .collection__image:after{background:linear-gradient(90deg,rgba(243,239,229,.94),rgba(243,239,229,.34) 58%,transparent),linear-gradient(180deg,transparent 62%,#f3efe5)}
  .collection .chapter{left:var(--content-axis);top:15vh}
  .collection__header{left:var(--content-axis);top:21vh;width:calc(100vw - 44px)}
  .collection__header h2{font-size:12.5vw;line-height:.98}
  .collection__header p{margin-top:12px;font-size:5.6vw}
  .collection__rail{left:var(--content-axis);right:var(--content-axis);top:88vh;bottom:auto;grid-template-columns:1fr;background:transparent;border-color:rgba(41,40,36,.32)}
  .collection__rail a{min-height:14vh;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;align-content:center;gap:4px 18px;padding:17px 18px;border-right:0;border-bottom:1px solid rgba(41,40,36,.25)}
  .collection__rail a:last-child{border-bottom:0}
  .collection__rail span{grid-column:1;grid-row:1;margin-bottom:4px}
  .collection__rail strong{grid-column:1;grid-row:2;font-size:6vw}
  .collection__rail small{grid-column:1;grid-row:3}
  .collection__rail b{grid-column:2;grid-row:2/4;align-self:center;font-size:5.5vw}
  .collection__cta{left:var(--content-axis);right:auto;top:139vh;bottom:auto;width:calc(100vw - 44px)}
}

@media (max-width:800px){
  .atlas{min-height:175vh}
  .atlas__title{left:var(--content-axis);top:18vh;width:calc(100vw - 44px)}
  .atlas__title h2{font-size:11.8vw}
  .scent-orbit{left:var(--content-axis);right:var(--content-axis);top:76vh;grid-template-columns:1fr 1fr;gap:17px}
  .scent-orbit button{font-size:7vw;font-style:normal!important;scale:1!important}

  .process{min-height:180vh;background:#f2ede3}
  .process__image{left:0;top:0;width:100%;height:72vh}
  .process__detail{display:none}
  .process__copy{left:var(--content-axis);top:77vh;width:calc(100vw - 44px);background:transparent;padding:0}
  .process__copy h2{font-size:11.8vw;line-height:1.01}
  .process__copy>p:last-child{width:100%}
  .material-facts{left:var(--content-axis);bottom:7vh;width:calc(100vw - 44px);display:grid;grid-template-columns:repeat(3,1fr);gap:0}
  .material-facts p{display:block;margin:0;padding:0 12px;border-left:1px solid var(--line-soft)}
  .material-facts p:first-child{border-left:0;padding-left:0}.material-facts p:last-child{padding-right:0}
  .material-facts strong{font-size:7vw}.material-facts span{display:block;font-size:6px;margin-top:7px}
  .process .concept-label{display:none}

  .signature{min-height:145vh;background:#211c18;color:#f2eadc}
  .signature .chapter{display:none}
  .signature__copy h2 em{color:inherit}

  .events{min-height:165vh}
  .events .chapter{top:88px}
  .events__image{height:73vh}
  .events__copy{left:var(--content-axis);right:auto;top:77vh;width:calc(100vw - 44px)}
  .events__copy h2{font-size:12.5vw}
  .events__details{left:var(--content-axis);bottom:5vh;width:calc(100vw - 44px);height:22vh;grid-template-columns:54% 46%;border:4px solid var(--vanilla)}
  .events__details figure{height:100%}.events__details p{height:100%;padding:14px}
  .events .concept-label{display:none}
}

/* V10 — 02 como quote-manifesto tipográfico */
.manifesto{
  min-height:100vh;
  height:100vh;
  width:100%;
  background:#f3efe5;
  color:#292824;
  position:relative;
  display:flex;
  align-items:center;
  box-sizing:border-box;
}
.manifesto:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:multiply;opacity:.035}
.manifesto__media,.manifesto__cta,.manifesto__body,.manifesto__caption{display:none!important}
.manifesto__inner{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-left:19vw;
  box-sizing:border-box;
  width:100%;
}
.manifesto__inner .chapter{
  position:relative!important;
  left:0!important;
  top:0!important;
  margin:0 0 32px 0!important;
}
.manifesto__statement{
  position:relative!important;
  left:0!important;
  top:0!important;
  margin:0!important;
  padding:0!important;
  animation:none!important;
}
.manifesto__block p,.manifesto__line,.manifesto__statement p{margin:0!important;margin-top:0!important;margin-bottom:0!important;font-family:var(--serif);font-weight:300;white-space:nowrap;line-height:0.96!important;letter-spacing:-0.045em!important}
.manifesto__block--primary{color:#292824;font-style:normal!important}
.manifesto__block--primary p,.manifesto__block--primary .manifesto__line{color:#292824!important;font-style:normal!important}
.manifesto__block--secondary{margin:0!important;margin-top:0!important;color:#8a837b;font-style:italic!important}
.manifesto__block--secondary p,.manifesto__block--secondary .manifesto__line{color:#8a837b!important;font-style:italic!important}

/* Animación de entrada: desvanecimiento suave primero arriba y enseguida abajo */
.manifesto--motion-ready .chapter{opacity:0;transform:translateY(10px)}
.manifesto--motion-ready .manifesto__block--primary,
.manifesto--motion-ready .manifesto__block--secondary{opacity:0;transform:translateY(14px)}
.manifesto.is-revealed .chapter{animation:manifestoFade .55s cubic-bezier(.22,.61,.36,1) forwards}
.manifesto.is-revealed .manifesto__block--primary{animation:manifestoFade .65s cubic-bezier(.22,.61,.36,1) .08s forwards}
.manifesto.is-revealed .manifesto__block--secondary{animation:manifestoFade .7s cubic-bezier(.22,.61,.36,1) .28s forwards}
@keyframes manifestoFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

@media (min-width:801px){
  .manifesto{
    min-height:100vh;
    height:100vh;
    width:100%;
    display:flex;
    align-items:center;
    box-sizing:border-box;
  }
  .manifesto__inner{
    padding-left:19vw;
  }
  .manifesto__statement{
    width:72vw;
    font-size:80px;
    line-height:0.96;
    letter-spacing:-0.045em;
  }
  .manifesto__block--primary p{font-size:80px!important;line-height:0.96!important}
  .manifesto__block--secondary{margin-top:0!important;font-size:110px!important;line-height:0.94!important}
  .manifesto__block--secondary p,.manifesto__block--secondary .manifesto__line{font-size:110px!important;line-height:0.94!important}
  body.admin-bar .manifesto{min-height:calc(100vh - 32px);height:calc(100vh - 32px)}
}

@media (max-width:800px){
  .manifesto{
    min-height:100svh;
    display:flex;
    align-items:center;
    padding:40px 0;
  }
  .manifesto__inner{
    padding-left:var(--content-axis);
    width:calc(100vw - 44px);
  }
  .manifesto__inner .chapter{
    margin-bottom:18px!important;
  }
  .manifesto__statement{
    width:100%;
    font-size:clamp(34px,9.2vw,54px);
    line-height:0.98;
    letter-spacing:-0.045em;
  }
  .manifesto__block p,.manifesto__line,.manifesto__statement p{white-space:nowrap;line-height:0.98!important;letter-spacing:-0.045em!important;margin:0!important}
  .manifesto__block--primary p{font-size:clamp(30px,8vw,48px)!important}
  .manifesto__block--secondary p{font-size:clamp(38px,9.8vw,60px)!important}
}

@media (prefers-reduced-motion:reduce){
  .manifesto .chapter,.manifesto__block--primary,.manifesto__block--secondary,.manifesto__line{opacity:1!important;transform:none!important;animation:none!important}
}

/* V11 — 11 como invitación editorial antes del cierre */
.letter{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:10vh var(--pad) 5vh;
  background:#eee9df url("assets/01-hero-primera-luz-v4.webp") 100% 46%/118% auto no-repeat;
  color:#292824;
}
.letter:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(243,239,229,.74) 0%,rgba(243,239,229,.81) 74%,rgba(46,38,32,.12) 100%),
    radial-gradient(ellipse at 80% 17%,transparent 0 31%,rgba(80,70,62,.08) 31.3%,transparent 32%);
}
.letter:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190' viewBox='0 0 190 190'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");
  background-size:190px 190px;
  mix-blend-mode:multiply;
  opacity:.028;
}
.letter__image{display:none!important}
.letter__panel{
  position:relative;
  z-index:2;
  width:min(48vw,780px);
  min-width:560px;
  height:auto;
  min-height:min(85vh,740px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  padding:clamp(36px,4.5vh,48px) clamp(40px,4.2vw,68px) clamp(30px,3.8vh,42px);
  background:rgba(249,246,239,.95);
  border:1px solid rgba(255,255,255,.95);
  border-radius:12px;
  box-shadow:0 18px 44px rgba(65,54,45,.08),0 2px 8px rgba(65,54,45,.04);
  backdrop-filter:blur(8px);
}
.letter__heading{
  width:100%;
  text-align:center;
}
.letter .chapter{
  position:static;
  margin:0 0 2vh;
  font-size:8.5px;
  letter-spacing:.18em;
}
.letter__prelude{
  margin:0 0 1.2vh!important;
  color:#7d766f;
  font:italic 400 clamp(17px,1.4vw,22px)/1.1 var(--serif)!important;
}
.letter__heading h2,
.letter__copy h2{
  margin:0 auto;
  width:100%;
  font-family:var(--serif);
  font-weight:500!important;
  letter-spacing:-.034em;
}
.letter__heading h2 em{font-style:italic;font-weight:500}
.letter__product{
  flex:0 0 auto;
  width:min(260px,38vw);
  margin:1.8vh auto 1.4vh;
  display:flex;
  justify-content:center;
  align-items:center;
}
.letter__product img{
  display:block;
  max-width:100%;
  height:auto;
  max-height:135px;
  object-fit:contain;
  filter:drop-shadow(0 6px 16px rgba(60,50,42,.07));
}
.letter__subscription{width:100%;text-align:center}
.letter__form{
  position:relative!important;
  inset:auto!important;
  width:min(420px,86%)!important;
  margin:0 auto;
  border-bottom:1px solid rgba(41,40,36,.55);
  display:flex;
  flex-direction:column;
  text-align:left;
}
.letter__form label{
  display:block;
  margin:0 0 6px;
  text-align:center;
  text-transform:uppercase;
  font-size:8px;
  font-weight:400;
  letter-spacing:.18em;
  color:#706b64;
}
.letter__form-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
}
.letter__form input{
  flex:1 1 auto;
  width:100%;
  border:0;
  background:transparent;
  outline:0;
  padding:8px 0;
  font:400 clamp(16px,1.3vw,20px)/1.2 var(--serif);
  color:var(--ink);
}
.letter__form input::placeholder{color:rgba(65,62,57,.45)}
.letter__form button{
  flex:0 0 auto;
  border:0;
  background:transparent;
  padding:6px 0 6px 14px;
  font:500 24px/1 var(--serif);
  cursor:pointer;
  transition:transform .2s ease;
  color:var(--ink);
}
.letter__form:hover button,.letter__form:focus-within button{transform:translateX(4px)}
.letter__form:focus-within{border-color:#292824}
.letter__legal{
  position:static!important;
  width:100%!important;
  margin:2.2vh auto 0;
  color:#625f5a;
  font-family:var(--sans);
  font-size:10.5px;
  font-weight:300;
  line-height:1.55;
  letter-spacing:.025em;
  text-align:center;
}
.letter__feedback{
  position:static!important;
  width:min(420px,86%)!important;
  margin:10px auto 0;
  font-size:9px;
  line-height:1.45;
}
.letter--motion-ready .letter__panel,
.letter--motion-ready .letter__heading,
.letter--motion-ready .letter__product,
.letter--motion-ready .letter__subscription{opacity:0;transform:translateY(13px)}
.letter.is-revealed .letter__panel{animation:letter-reveal .58s cubic-bezier(.22,.61,.36,1) forwards}
.letter.is-revealed .letter__heading{animation:letter-reveal .56s .14s cubic-bezier(.22,.61,.36,1) forwards}
.letter.is-revealed .letter__product{animation:letter-reveal .5s .36s cubic-bezier(.22,.61,.36,1) forwards}
.letter.is-revealed .letter__subscription{animation:letter-reveal .52s .58s cubic-bezier(.22,.61,.36,1) forwards}
@keyframes letter-reveal{to{opacity:1;transform:translateY(0)}}

@media (min-width:801px){
  body.admin-bar .letter{min-height:calc(100vh - 32px)}
}

@media (max-width:800px){
  .letter{
    min-height:auto;
    padding:80px 16px 60px;
    background-position:58% center;
  }
  .letter__panel{
    width:100%;
    min-width:0;
    height:auto;
    min-height:auto;
    padding:36px 20px 32px;
    border-radius:10px;
  }
  .letter .chapter{margin-bottom:20px;font-size:8px}
  .letter__prelude{margin-bottom:12px!important;font-size:17px!important}
  .letter__product{width:180px;margin:20px auto 14px}
  .letter__product img{max-height:100px}
  .letter__form{width:100%!important}
  .letter__form input{font-size:17px}
  .letter__legal{margin-top:20px;font-size:9.5px}
  .letter__feedback{width:100%!important}
}

@media (prefers-reduced-motion:reduce){
  .letter--motion-ready .letter__panel,.letter--motion-ready .letter__heading,.letter--motion-ready .letter__product,.letter--motion-ready .letter__subscription,.letter.is-revealed .letter__panel,.letter.is-revealed .letter__heading,.letter.is-revealed .letter__product,.letter.is-revealed .letter__subscription{opacity:1;transform:none;animation:none}
}

/* V12 — Unificación de todos los titulares H2 a 80px */
h2,
.gestures__intro h2,
.collection__header h2,
.atlas__title h2,
.process__copy h2,
.signature__copy h2,
.events__copy h2,
.origin h2,
.studio h2,
.letter__heading h2,
.letter__copy h2{
  font-size:80px!important;
  line-height:0.94!important;
}

@media (max-width:1100px){
  h2,
  .gestures__intro h2,
  .collection__header h2,
  .atlas__title h2,
  .process__copy h2,
  .signature__copy h2,
  .events__copy h2,
  .origin h2,
  .studio h2,
  .letter__heading h2,
  .letter__copy h2{
    font-size:clamp(44px,7.5vw,84px)!important;
    line-height:0.95!important;
  }
}

/* V13 — 08 como escena continua con dos zonas seguras de contenido */
.events{
  min-height:100vh;
  background:#efe8dc;
  color:#292824;
}
.events .chapter,.events .concept-label{display:none!important}
.events__image{
  position:absolute;
  inset:0;
  height:100%;
  background-image:url("assets/08-eventos-safearea-v2.png");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.events__image:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 21% 82%,rgba(247,242,233,.55) 0 25%,rgba(247,242,233,.3) 40%,transparent 59%),
    linear-gradient(180deg,transparent 0 54%,rgba(247,242,233,.13) 72%,rgba(247,242,233,.23) 100%);
}
.events__copy{
  position:absolute;
  z-index:3;
  left:11.5vw!important;
  right:auto!important;
  top:56.5vh!important;
  width:34vw!important;
  max-width:500px!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
.events__copy .kicker{
  margin:0 0 16px;
  font-size:9px;
  line-height:1.4;
  font-weight:400;
  letter-spacing:.16em;
}
.events__copy h2{
  width:100%;
  margin:0 0 20px!important;
  font-size:80px!important;
  font-weight:300!important;
  line-height:.93!important;
  letter-spacing:-.026em!important;
}
.events__copy>p:nth-of-type(2){
  width:min(330px,94%)!important;
  margin:0 0 20px!important;
  color:#5f5a53;
  font-size:11px!important;
  font-weight:300;
  line-height:1.65!important;
}
.events .text-link{
  width:230px!important;
  min-width:0;
  margin:0!important;
  justify-content:space-between;
  gap:24px;
}
.events__details{
  position:absolute;
  z-index:4;
  left:50.5vw!important;
  right:auto!important;
  top:64.5vh!important;
  bottom:auto!important;
  width:42vw!important;
  max-width:none!important;
  height:29vh!important;
  min-height:190px;
  display:grid;
  grid-template-columns:55% 45%;
  overflow:hidden;
  background:rgba(249,246,239,.94);
  border:5px solid rgba(255,255,255,.92);
  border-radius:0;
  box-shadow:0 12px 30px rgba(60,50,42,.07);
  backdrop-filter:blur(5px);
}
.events__details figure{height:100%!important;margin:0;overflow:hidden}
.events__details figure img{width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:saturate(.72) contrast(.96) brightness(1.015)}
.events__details p{
  height:100%!important;
  margin:0;
  padding:clamp(24px,2.4vw,42px)!important;
  display:grid;
  align-content:center;
  gap:8px;
}
.events__details span{
  color:#746f68;
  font-size:7px;
  font-weight:400;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.events__details b{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(14px,1.15vw,19px);
  font-weight:500;
  line-height:1.2;
}
.events__details b:first-of-type{
  margin-bottom:9px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(41,40,36,.28);
}

@media (max-width:800px){
  .events{min-height:1400px;background:#efe8dc}
  .events__image{height:45vh;background-position:center top;background-size:auto 45vh}
  .events__image:after{background:linear-gradient(180deg,transparent 0 72%,rgba(239,232,220,.75) 91%,#efe8dc 100%)}
  .events__copy{
    left:var(--content-axis)!important;
    top:49vh!important;
    width:calc(100vw - 44px)!important;
    max-width:none!important;
  }
  .events__copy .kicker{margin-bottom:14px;font-size:8px}
  .events__copy h2{font-size:clamp(44px,12vw,56px)!important;line-height:.95!important;margin-bottom:20px!important}
  .events__copy>p:nth-of-type(2){width:100%!important;font-size:12px!important;margin-bottom:22px!important}
  .events .text-link{width:100%!important}
  .events__details{
    left:var(--content-axis)!important;
    top:92vh!important;
    bottom:auto!important;
    width:calc(100vw - 44px)!important;
    height:420px!important;
    min-height:0;
    grid-template-columns:1fr;
    grid-template-rows:58% 42%;
    border-width:4px;
  }
  .events__details p{padding:22px!important}
  .events__details b{font-size:18px}
}

@media (max-width:800px){
  h2,
  .gestures__intro h2,
  .collection__header h2,
  .atlas__title h2,
  .process__copy h2,
  .signature__copy h2,
  .events__copy h2,
  .origin h2,
  .studio h2,
  .letter__heading h2,
  .letter__copy h2{
    font-size:clamp(36px,10.5vw,60px)!important;
    line-height:0.96!important;
  }
}

/* ==========================================================================
   V14 — AJUSTE EXACTO 1920x1080 (100vh) Y ACOPLE DIRECTO DE IMÁGENES SIN ZOOM
   ========================================================================== */
@media (min-width: 801px) {
  .scene,
  .hero,
  .manifesto,
  .gestures,
  .collection,
  .atlas,
  .process,
  .signature,
  .events,
  .origin,
  .studio,
  .letter,
  .footer {
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.admin-bar .scene,
  body.admin-bar .hero,
  body.admin-bar .manifesto,
  body.admin-bar .gestures,
  body.admin-bar .collection,
  body.admin-bar .atlas,
  body.admin-bar .process,
  body.admin-bar .signature,
  body.admin-bar .events,
  body.admin-bar .origin,
  body.admin-bar .studio,
  body.admin-bar .letter,
  body.admin-bar .footer {
    height: calc(100vh - 32px) !important;
    min-height: calc(100vh - 32px) !important;
    max-height: calc(100vh - 32px) !important;
  }

  /* Acople 1:1 de imágenes de fondo sin ampliaciones ni zoom forzado */
  .hero__image,
  .gestures__image,
  .collection__image,
  .atlas__image,
  .signature__background,
  .events__image,
  .footer__image {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transform: none !important;
    scale: 1 !important;
    animation: none !important;
  }

  /* Capas de degradado ajustadas a la altura completa */
  .hero__veil,
  .gestures__image:after,
  .collection__image:after,
  .atlas__image:after {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
}

/* ==========================================================================
   V17 — 09 · EL ORIGEN
   Puente humano entre la colección y la historia del estudio.
   ========================================================================== */
.origin{
  background:#f3efe6!important;
  color:#302f2b;
  text-align:left!important;
}
.origin__image:after{display:none!important}

@media (min-width:801px){
  .origin .chapter{
    left:10.2vw!important;
    top:24.8%!important;
    margin:0;
    font-size:9px;
    font-weight:400;
    letter-spacing:.17em;
  }
  .origin__image{
    position:absolute!important;
    z-index:1;
    left:auto!important;
    right:0!important;
    top:16.7%!important;
    width:49.2vw!important;
    height:83.3%!important;
    overflow:hidden;
    background:#d9cdbc;
  }
  .origin__image img{
    position:static;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    filter:saturate(.88) contrast(.97) brightness(1.01);
  }
  .origin__copy{
    position:absolute!important;
    z-index:3;
    left:10.2vw!important;
    top:32.4%!important;
    width:38.4vw!important;
    max-width:650px;
  }
  .origin__overline{
    margin:0 0 34px!important;
    color:#3f3d38;
    font-family:var(--sans)!important;
    font-size:8px!important;
    font-weight:400!important;
    line-height:1.3;
    letter-spacing:.18em!important;
  }
  .origin h2{
    width:max-content;
    max-width:none;
    margin:0 0 31px!important;
    font-family:'IvyOra Display','IvyOra',var(--serif)!important;
    font-size:clamp(58px,4.7vw,80px)!important;
    font-weight:300!important;
    font-style:normal!important;
    line-height:.96!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
  }
  .origin h2 em{
    color:#8a837a!important;
    font-style:italic!important;
    font-weight:300!important;
  }
  .origin__body{
    width:min(410px,32vw)!important;
    margin:0 0 30px!important;
    color:#666159;
    font-size:12px!important;
    font-weight:300;
    line-height:1.78!important;
  }
  .origin__body:before{
    content:"";
    display:block;
    width:88px;
    margin:0 0 27px;
    border-top:1px solid rgba(48,47,43,.28);
  }
  .origin .text-link{
    width:31vw!important;
    max-width:505px;
    min-width:360px!important;
    justify-content:space-between!important;
    gap:32px;
  }
}

@media (max-width:800px){
  .origin{
    display:block!important;
    height:auto!important;
    min-height:1280px!important;
    max-height:none!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .origin__image{
    position:absolute!important;
    left:var(--content-axis)!important;
    right:var(--content-axis)!important;
    top:92px!important;
    width:calc(100vw - 44px)!important;
    height:480px!important;
    overflow:hidden;
    background:#d9cdbc;
  }
  .origin__image img{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    filter:saturate(.88) contrast(.97) brightness(1.01);
  }
  .origin .chapter{
    left:var(--content-axis)!important;
    top:620px!important;
    font-size:8px;
    letter-spacing:.15em;
  }
  .origin__copy{
    position:absolute!important;
    left:var(--content-axis)!important;
    top:675px!important;
    width:calc(100vw - 44px)!important;
  }
  .origin__overline{
    margin:0 0 24px!important;
    font-size:8px!important;
    letter-spacing:.17em!important;
  }
  .origin h2{
    width:100%!important;
    margin:0 0 26px!important;
    font-size:clamp(43px,12.2vw,54px)!important;
    font-weight:300!important;
    line-height:.96!important;
    letter-spacing:-.035em!important;
    white-space:normal!important;
  }
  .origin h2 em{color:#8a837a!important;font-style:italic!important;font-weight:300!important}
  .origin__body{
    width:100%!important;
    margin:0 0 30px!important;
    color:#666159;
    font-size:12px!important;
    line-height:1.72!important;
  }
  .origin__body:before{
    content:"";
    display:block;
    width:74px;
    margin:0 0 24px;
    border-top:1px solid rgba(48,47,43,.28);
  }
  .origin .text-link{
    width:100%!important;
    min-width:0!important;
    justify-content:space-between!important;
  }
}

/* ==========================================================================
   V15 — 04 · OBJETOS PARA EL PRESENTE
   Still life editorial, selección regular y cierre comercial sin cortes.
   ========================================================================== */
.collection{
  background:#f1ece2;
  color:#2c2b28;
}
.collection__image{
  background-image:url("assets/04-objetos-presente-final.jpg")!important;
}

@media (min-width:801px){
  .collection__image{
    inset:0 0 auto!important;
    width:100%!important;
    height:74.2%!important;
    background-size:cover!important;
    background-position:center 69%!important;
  }
  .collection__image:after{
    background:
      linear-gradient(90deg,rgba(245,241,233,.42) 0%,rgba(245,241,233,.22) 27%,rgba(245,241,233,0) 48%),
      linear-gradient(180deg,rgba(245,241,233,.05) 0 73%,rgba(241,236,226,.18) 88%,#f1ece2 100%)!important;
  }
  .collection .chapter{
    left:8.1vw!important;
    top:23.7%!important;
    margin:0;
    font-size:9px;
    font-weight:400;
    letter-spacing:.17em;
  }
  .collection__header{
    left:8.1vw!important;
    top:28%!important;
    width:42vw!important;
    max-width:700px;
  }
  .collection__header h2{
    margin:0!important;
    font-size:80px!important;
    font-weight:300!important;
    line-height:.94!important;
    letter-spacing:-.035em!important;
    white-space:normal!important;
  }
  .collection__rail{
    left:3.2vw!important;
    right:3.2vw!important;
    top:74.6%!important;
    bottom:auto!important;
    height:15.6%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    background:rgba(247,243,235,.91)!important;
    border:1px solid rgba(44,43,40,.27)!important;
    backdrop-filter:blur(7px);
  }
  .collection__rail a{
    min-width:0;
    min-height:0!important;
    height:100%;
    padding:clamp(14px,1.8vw,28px) clamp(22px,3.1vw,52px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    align-content:center!important;
    column-gap:24px!important;
    row-gap:5px!important;
    border-right:1px solid rgba(44,43,40,.25)!important;
    border-bottom:0!important;
  }
  .collection__rail a:last-child{border-right:0!important}
  .collection__rail span{
    grid-column:1!important;
    grid-row:1!important;
    margin:0 0 5px!important;
    font-size:8px!important;
    font-weight:400;
    letter-spacing:.15em;
  }
  .collection__rail strong{
    grid-column:1!important;
    grid-row:2!important;
    min-width:0;
    font-family:var(--serif)!important;
    font-size:clamp(19px,1.55vw,26px)!important;
    font-weight:500!important;
    line-height:1.05!important;
    white-space:nowrap;
  }
  .collection__rail small{
    grid-column:1!important;
    grid-row:3!important;
    font-family:var(--sans)!important;
    font-size:8px!important;
    font-weight:400;
    line-height:1.3!important;
    letter-spacing:.13em!important;
  }
  .collection__rail b{
    grid-column:2!important;
    grid-row:2 / 4!important;
    align-self:center!important;
    font-family:var(--serif)!important;
    font-size:clamp(19px,1.45vw,25px)!important;
    font-weight:500!important;
    line-height:1!important;
    white-space:nowrap;
  }
  .collection__rail a:hover,.collection__rail a:focus-visible{
    background:rgba(255,255,255,.38)!important;
    color:inherit!important;
    outline:0;
  }
  .collection__cta{
    left:auto!important;
    right:3.2vw!important;
    top:93.3%!important;
    bottom:auto!important;
    width:24vw!important;
    min-width:292px!important;
    height:auto!important;
    padding-bottom:8px!important;
    justify-content:space-between;
    gap:30px;
    white-space:nowrap;
  }
}

@media (max-width:800px){
  .collection{
    height:auto!important;
    min-height:1280px!important;
    max-height:none!important;
    overflow:hidden!important;
    background:#f1ece2;
  }
  .collection .chapter{
    left:var(--content-axis)!important;
    top:104px!important;
    font-size:8px;
    letter-spacing:.15em;
  }
  .collection__header{
    left:var(--content-axis)!important;
    top:148px!important;
    width:calc(100vw - 44px)!important;
  }
  .collection__header h2{
    margin:0!important;
    font-size:clamp(48px,14vw,58px)!important;
    font-weight:300!important;
    line-height:.95!important;
    letter-spacing:-.035em!important;
    white-space:normal!important;
  }
  .collection__header p{
    margin:12px 0 0!important;
    color:#716c64;
    font-family:var(--sans)!important;
    font-size:17px!important;
    font-style:normal!important;
    font-weight:300!important;
    line-height:1.3!important;
  }
  .collection__image{
    inset:284px 0 auto!important;
    width:100%!important;
    height:405px!important;
    background-size:auto 100%!important;
    background-position:66% center!important;
  }
  .collection__image:after{
    background:linear-gradient(180deg,#f1ece2 0,transparent 12%,transparent 82%,#f1ece2 100%)!important;
  }
  .collection__rail{
    left:var(--content-axis)!important;
    right:var(--content-axis)!important;
    top:718px!important;
    bottom:auto!important;
    height:auto!important;
    grid-template-columns:1fr!important;
    background:rgba(247,243,235,.87)!important;
    border:1px solid rgba(44,43,40,.27)!important;
    backdrop-filter:blur(7px);
  }
  .collection__rail a{
    min-height:128px!important;
    padding:20px 18px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    align-content:center!important;
    gap:5px 18px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(44,43,40,.24)!important;
  }
  .collection__rail a:last-child{border-bottom:0!important}
  .collection__rail span{grid-column:1!important;grid-row:1!important;margin:0 0 4px!important;font-size:8px!important}
  .collection__rail strong{grid-column:1!important;grid-row:2!important;font-size:24px!important;font-weight:500!important;line-height:1.05!important}
  .collection__rail small{grid-column:1!important;grid-row:3!important;font-size:8px!important;letter-spacing:.12em!important}
  .collection__rail b{grid-column:2!important;grid-row:2 / 4!important;align-self:center!important;font-size:22px!important;font-weight:500!important}
  .collection__cta{
    left:var(--content-axis)!important;
    right:auto!important;
    top:1140px!important;
    bottom:auto!important;
    width:calc(100vw - 44px)!important;
    min-width:0!important;
    justify-content:space-between;
    gap:20px;
  }
}

/* ==========================================================================
   V16 — TIPOGRAFÍA IVYORA DISPLAY Y UNIFICACIÓN DE TITULARES
   ========================================================================== */
h1, h2, h3, h4, h5, h6,
.hero h1,
.scene h2,
.manifesto__statement,
.manifesto__line,
.gestures__intro h2,
.collection__header h2,
.atlas__title h2,
.process__copy h2,
.signature__copy h2,
.events__copy h2,
.origin h2,
.studio h2,
.footer__statement {
  font-family: 'IvyOra Display', 'IvyOra', serif !important;
}

/* 1. Titular Hero: Línea 1 en normal / redonda, Línea 2 en cursiva */
.hero h1 {
  font-family: 'IvyOra Display', 'IvyOra', serif !important;
  font-style: normal !important;
  font-weight: 300 !important;
}
.hero h1 span {
  display: block;
  font-style: normal !important;
  font-weight: 300 !important;
}
.hero h1 em {
  display: block;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 130px;
  margin-left: 0 !important;
}

@media (max-width: 800px) {
  .hero h1 em {
    font-size: 1.15em;
  }
}

/* 2. Todos los H2: Primera línea en normal / redonda, frases inferiores en cursiva con <em> */
h2,
.scene h2,
.gestures__intro h2,
.collection__header h2,
.atlas__title h2,
.process__copy h2,
.signature__copy h2,
.events__copy h2,
.origin h2,
.studio h2 {
  font-family: 'IvyOra Display', 'IvyOra', serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}

/* 3. Sección 02 Manifiesto */
.manifesto {
  min-height: 100vh !important;
  height: 100vh !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.manifesto__inner {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: 100% !important;
}

.manifesto__statement,
.manifesto__block,
.manifesto__line {
  font-family: 'IvyOra Display', 'IvyOra', serif !important;
  font-weight: 300 !important;
}

.manifesto__block--primary,
.manifesto__block--primary p,
.manifesto__block--primary .manifesto__line {
  font-style: normal !important;
  color: #292824 !important;
}

.manifesto__block--secondary,
.manifesto__block--secondary p,
.manifesto__block--secondary .manifesto__line {
  font-style: italic !important;
  color: #8a837b !important;
}

@media (min-width: 801px) {
  .manifesto {
    min-height: 100vh !important;
    height: 100vh !important;
  }
  .manifesto__inner {
    padding-left: 19vw !important;
  }
  .manifesto__block--primary p,
  .manifesto__block--primary .manifesto__line {
    font-size: 80px !important;
    line-height: 0.96 !important;
  }
  .manifesto__block--secondary,
  .manifesto__block--secondary p,
  .manifesto__block--secondary .manifesto__line {
    font-size: 110px !important;
    line-height: 0.94 !important;
  }
}

/* 4. Elementos en cursiva (frases secundarias / inferiores) */
h2 em,
.scene h2 em,
.gestures__intro h2 em,
.collection__header h2 em,
.collection__header p em,
.atlas__title h2 em,
.process__copy h2 em,
.signature__copy h2 em,
.events__copy h2 em,
.origin h2 em,
.studio h2 em,
.manifesto__statement em,
.manifesto__line em,
.footer__statement em {
  font-style: italic !important;
  font-weight: 300 !important;
}

/* 5. Cierre / Footer */
.footer__statement {
  font-family: 'IvyOra Display', 'IvyOra', serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
.footer__statement span {
  display: block;
  font-style: normal !important;
  font-weight: 300 !important;
}
.footer__statement em {
  display: block;
  font-style: italic !important;
  font-weight: 300 !important;
  margin-left: 18vw;
}

@media (min-width: 801px) {
  h2,
  .scene h2,
  .gestures__intro h2,
  .collection__header h2,
  .atlas__title h2,
  .process__copy h2,
  .signature__copy h2,
  .events__copy h2,
  .origin h2,
  .studio h2 {
    font-size: 80px !important;
    font-weight: 300 !important;
    font-style: normal !important;
    line-height: 0.94 !important;
  }

  h2 em,
  .scene h2 em,
  .gestures__intro h2 em,
  .collection__header h2 em,
  .collection__header p em,
  .atlas__title h2 em,
  .process__copy h2 em,
  .signature__copy h2 em,
  .events__copy h2 em,
  .origin h2 em,
  .studio h2 em {
    font-size: 90px !important;
    font-style: italic !important;
    font-weight: 300 !important;
    line-height: 0.94 !important;
  }
}