/* Corveta — homepage editorial. */
.editorial-home{background:#eee7dc}
.editorial-home .home-panel{position:relative;isolation:isolate;scroll-margin-top:-100px}
.editorial-home #site-header{transition:transform .45s cubic-bezier(.22,.61,.36,1),background .6s ease,height .6s ease,box-shadow .6s ease}
.editorial-home #site-header.header-hidden{transform:translateY(-110%);pointer-events:none}
.editorial-home #site-header:has(:focus-visible){transform:translateY(0);pointer-events:auto}
.story-cinema{height:100svh;min-height:650px;padding:0;overflow:hidden;background:#29251f;color:#f6f0e5}
.story-media{position:absolute;inset:-20% 0;z-index:-2;will-change:transform}
.story-media img{display:block;width:100%;height:100%;object-fit:cover}
.story-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#16151212,#16151224 35%,#161512c4 100%),linear-gradient(0deg,#16151265,transparent 70%)}
.story-copy{position:absolute;left:7%;bottom:14%;width:47%;max-width:720px}
.story-copy-right{left:auto;right:7%;width:42%;max-width:670px}
.story-copy h2{font:400 clamp(50px,5.1vw,82px)/1.06 Georgia,serif;letter-spacing:-1.6px;margin:24px 0}
.story-copy h2 em{color:#e0c693}
.story-copy .intro{font:14px/1.9 Arial,Helvetica,sans-serif;color:#f6f0e5;max-width:390px}
.story-copy .eyebrow{font-size:10px;letter-spacing:2.5px;color:#f6f0e5}
.story-copy .hero-link{background:none;border:0;border-bottom:1px solid #e0c69380;color:#f6f0e5;padding:0 0 18px;margin-top:38px;text-align:left}
.story-copy .hero-link:hover{color:#e0c693}
.story-edition{position:absolute;left:7%;bottom:29px;font-size:8px;letter-spacing:2px;color:#eee5d4}
.editorial-stories{padding:130px 9%;background:#eee7dc;overflow:hidden}
.editorial-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10%;max-width:1440px;margin:0 auto}
.editorial-row+ .editorial-row{margin-top:100px}
.editorial-image{margin:0;position:relative;overflow:hidden;aspect-ratio:4/5;background:#d4cabb}
.editorial-image img{display:block;width:100%;height:120%;position:absolute;top:-10%;object-fit:cover;will-change:transform}
.editorial-copy{padding:20px 0;will-change:transform}
.editorial-copy .eyebrow{color:#8e754c;font-size:9px;letter-spacing:2px}
.editorial-copy h2{font:400 clamp(34px,3.3vw,57px)/1.15 Georgia,serif;letter-spacing:-1.1px;margin:22px 0 30px}
.editorial-copy h2 em{color:#98794b}
.editorial-copy p{font:400 clamp(17px,1.3vw,21px)/1.85 Georgia,serif;color:#62594c;max-width:470px;margin:0 0 22px}
.editorial-row-reverse .editorial-image{grid-column:2;grid-row:1}
.editorial-row-reverse .editorial-copy{grid-column:1;grid-row:1}
.story-invitation{color:#272a2a;background:#a8b1b3}
.story-invitation .story-media{inset:-12% 0}
.story-invitation .story-media img{object-position:68% 52%}
.story-invitation .story-shade{background:linear-gradient(90deg,#182027bb,#28323678 35%,#28323610 70%),linear-gradient(0deg,#20282950,transparent 60%)}
.story-invitation .story-copy{color:#fffaf0;width:48%}
.story-invitation .story-copy h2{font-size:clamp(45px,4.7vw,76px)}
.story-invitation .scroll-cue{font-size:10px;bottom:32px;gap:16px;letter-spacing:2.5px}
.model-showcase{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:7%;padding:110px 7% 100px;min-height:850px;background:#1b1b18;color:#f4eee3;overflow:hidden}
.showcase-intro{grid-column:2;grid-row:1;align-self:center;will-change:transform}
.showcase-intro .eyebrow{font-size:8px;letter-spacing:1.8px;color:#c7b594}
.showcase-intro h2{font:400 clamp(36px,3.5vw,61px)/1.12 Georgia,serif;letter-spacing:-1.1px;margin:25px 0}
.showcase-intro h2 em{color:#d2b77e}
.showcase-subtitle{font:16px/1.8 Arial,Helvetica,sans-serif;color:#ded4c4;margin-bottom:34px}
.showcase-filters{display:grid;gap:0;max-width:330px;border-top:1px solid #bba67b33}
.showcase-filters button{display:flex;justify-content:space-between;align-items:center;gap:15px;border:0;border-bottom:1px solid #bba67b33;background:transparent;color:#bcb8ad;padding:13px 0;text-align:left;font:12px/1.4 Arial,Helvetica,sans-serif;transition:color .3s,padding .3s}
.showcase-filters button span{opacity:0;transition:opacity .3s}
.showcase-filters button.active,.showcase-filters button:hover{color:#e1c78f;padding-left:8px}
.showcase-filters button.active span,.showcase-filters button:hover span{opacity:1}
.showcase-gallery{grid-column:1;grid-row:1;min-width:0;align-self:center}
.showcase-context{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:0 0 28px;min-height:42px}
.showcase-context>span{font:24px/1.3 Georgia,serif;color:#e9dfcd}
.showcase-context>p{font-size:10px;line-height:1.8;color:#a9a395;max-width:235px;text-align:right}
.showcase-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 0 22px;scroll-padding:0;min-width:0;outline-offset:5px}
.showcase-track::-webkit-scrollbar{display:none}
.showcase-track>.model-card{flex:0 0 calc((100% - 40px)/3);min-width:0;margin:0;padding:0 0 12px;scroll-snap-align:start;scroll-snap-stop:always;background:transparent;color:#eee8dd;animation:none;transition:background .4s,box-shadow .4s}
.showcase-track>.model-card:hover,.showcase-track>.model-card:focus-visible{background:#292922;box-shadow:0 0 0 1px #c3a56b44}
.showcase-track .model-visual{height:clamp(260px,28vw,430px);background:#25251f}
.showcase-track .model-visual .model-cutout{padding:20px 14px}
.showcase-track .model-card h3{font:400 26px/1.15 Georgia,serif;letter-spacing:0;margin:22px 12px 0}
.showcase-track .family{font-size:8px;letter-spacing:1.6px;color:#a89d88;margin:10px 12px}
.showcase-track .model-price{font:12px Arial,Helvetica,sans-serif;color:#e2d5bc;margin:14px 12px 0}
.showcase-track .model-card:after{display:none}
.showcase-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bba67b44;padding-top:20px;margin-top:2px}
.showcase-controls>div{display:flex;gap:10px}
.showcase-controls button{width:43px;height:39px;border:1px solid #bba67b66;background:transparent;color:#e0c693;font-size:22px;transition:background .3s}
.showcase-controls button:hover:not(:disabled){background:#bba67b22}
.showcase-controls button:disabled{opacity:.25;cursor:default}
.showcase-controls #carousel-position{color:#b5ad9e;font-size:10px;letter-spacing:1px}
.showcase-gallery .catalog-note{font:11px/1.8 Arial,Helvetica,sans-serif;color:#aaa18f;margin-top:22px;max-width:480px}
.editorial-home .faq{background:#eee7dc}
@media(min-width:1800px){.model-showcase{gap:6%;grid-template-columns:minmax(0,2fr) minmax(350px,1fr)}}
@media(max-width:1000px){.model-showcase{gap:5%;padding:85px 6%;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.showcase-track>.model-card{flex-basis:calc((100% - 20px)/2)}.showcase-context{display:block}.showcase-context>p{text-align:left;margin-top:10px}.showcase-track .model-visual{height:320px}.editorial-stories{padding:90px 7%}.editorial-row{gap:8%}.editorial-copy h2{font-size:34px}.editorial-copy p{font-size:17px}.story-copy-right{width:47%;right:6%}}
@media(max-width:650px){
 .story-cinema{min-height:650px;height:100svh}
 .story-media{inset:0;will-change:auto}
 .story-design .story-media img{object-position:58% center}
 .story-design .story-shade{background:linear-gradient(0deg,#161512ed,transparent 95%)}
 .story-copy,.story-copy-right{left:8%;right:auto;bottom:19%;width:84%;max-width:none}
 .story-copy h2{font-size:57px;margin:21px 0}
 .story-copy .eyebrow{font-size:8px;letter-spacing:1.6px}
 .story-copy .intro{font-size:13px;line-height:1.8}
 .story-copy .hero-link{margin-top:28px;font-size:9px}
 .story-edition{left:8%;font-size:7px;max-width:80%;line-height:1.8}
 .editorial-stories{padding:65px 8%}
 .editorial-row{display:flex;flex-direction:column;align-items:stretch;gap:25px}
 .editorial-row+.editorial-row{margin-top:55px}
 .editorial-image{aspect-ratio:4/5}
 .editorial-image img{height:100%;top:0;will-change:auto}
 .editorial-copy{padding:0;will-change:auto}
 .editorial-copy h2{font-size:35px;margin:16px 0 21px}
 .editorial-copy p{font-size:18px;line-height:1.7;margin-bottom:14px}
 .story-invitation .story-media img{object-position:58% center}
 .story-invitation .story-shade{background:linear-gradient(0deg,#182027d9,transparent 100%),linear-gradient(90deg,#18202766,transparent)}
 .story-invitation .story-copy{width:84%;bottom:19%}
 .story-invitation .story-copy h2{font-size:clamp(38px,10vw,53px)}
 .story-invitation .scroll-cue{font-size:8px;gap:10px}
 .model-showcase{display:flex;flex-direction:column;gap:35px;padding:65px 8%;min-height:0}
 .showcase-intro{width:100%;will-change:auto}
 .showcase-intro h2{font-size:43px;margin:19px 0}
 .showcase-subtitle{font-size:14px;margin-bottom:23px}
 .showcase-filters{display:flex;flex-wrap:wrap;gap:0 18px;max-width:none;border:0}
 .showcase-filters button{font-size:11px;padding:11px 0}
 .showcase-filters button span{display:none}
 .showcase-filters button.active,.showcase-filters button:hover{padding-left:0}
 .showcase-gallery{width:100%}
 .showcase-context{min-height:0;margin-bottom:22px}
 .showcase-track>.model-card{flex-basis:100%}
 .showcase-track .model-visual{height:380px}
 .showcase-track .model-visual .model-cutout{padding:24px}
 .showcase-context>span{font-size:23px}
 .showcase-track .model-card h3{font-size:28px}
}
/* Touch screens retain depth with bounded travel and sufficient image overscan. */
@media(max-width:650px){
 .editorial-home .hero-media{inset:-16% 0;will-change:transform}
 .story-media{inset:-14% 0;will-change:transform}
 .editorial-image img{height:126%;top:-13%;will-change:transform}
 .editorial-copy,.showcase-intro{will-change:transform}
}
@media(prefers-reduced-motion:reduce){.editorial-home #site-header,.story-copy .hero-link,.showcase-filters button,.showcase-track>.model-card{transition:none}.story-media,.editorial-image img,.editorial-copy,.showcase-intro{will-change:auto;transform:none!important}}

.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
@media(max-width:650px){.hero-media video{object-position:56% center}}
@media(prefers-reduced-motion:reduce){.hero-media video:not(.user-started){visibility:hidden}}

/* A quiet opening: one randomly selected film and one centered invitation. */
.editorial-home .cinematic .hero-copy{bottom:25%;max-width:43%}
.cinematic .hero-copy .intro{margin-top:18px}
.hero-model-cta{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:30px;min-width:200px;padding:18px 25px;border:1px solid #e0c693b3;background:#17161252;color:#f6f0e5;font:12px Arial,Helvetica,sans-serif;letter-spacing:1.8px;backdrop-filter:blur(5px);transition:background .25s,border-color .25s}
.hero-model-cta .navigation-arrow{width:18px;height:18px}
.hero-model-cta:hover{background:#171612a6;border-color:#e0c693}
@media(max-width:650px){.editorial-home .cinematic .hero-copy{left:8%;bottom:29%;max-width:84%}.cinematic .hero-copy .eyebrow{font-size:8px;letter-spacing:1.8px}.hero-model-cta{bottom:14%;min-width:200px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.hero-model-cta{transition:none}}

/* Fill the current mobile viewport, including displays with safe-area insets. */
html:has(.editorial-home),body.editorial-home{background:#191a17}
.editorial-home .hero.cinematic{height:100vh;height:100dvh;min-height:0;width:100%;margin:0}
.cinematic .hero-headline{font:400 clamp(40px,4.5vw,72px)/1.08 Georgia,serif;letter-spacing:-1.6px;margin:22px 0 0;color:#f6f0e5;max-width:620px;text-wrap:balance}
.cinematic .hero-headline em{color:#e0c693}
.editorial-home .cinematic .hero-copy{bottom:27%;left:max(7%,env(safe-area-inset-left));width:43%;max-width:620px}
.hero-model-cta{bottom:max(12%,calc(env(safe-area-inset-bottom) + 24px))}
@media(max-width:650px){
 .editorial-home #site-header{height:calc(86px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(6%,env(safe-area-inset-left));padding-right:max(6%,env(safe-area-inset-right))}
 .editorial-home #site-header.scrolled{height:calc(74px + env(safe-area-inset-top))}
 .editorial-home .cinematic .hero-copy{left:max(8%,env(safe-area-inset-left));right:max(8%,env(safe-area-inset-right));bottom:max(28%,calc(env(safe-area-inset-bottom) + 125px));width:auto;max-width:none}
 .cinematic .hero-headline{font-size:clamp(30px,8.6vw,46px);line-height:1.12;letter-spacing:-.9px;margin-top:20px}
 .editorial-home .hero-media{inset:-16% 0}
 .hero-model-cta{bottom:max(12%,calc(env(safe-area-inset-bottom) + 22px))}
}
@media(max-height:500px) and (orientation:landscape){
 .editorial-home .cinematic .hero-copy{bottom:26%;width:58%;max-width:620px}
 .cinematic .hero-headline{font-size:clamp(24px,5.5vh,36px);margin-top:10px;line-height:1.05}
 .cinematic .hero-copy .eyebrow{font-size:7px;letter-spacing:1.3px}
 .hero-model-cta{bottom:max(5%,env(safe-area-inset-bottom));padding:11px 20px;font-size:10px;min-width:180px}
}

/* Portrait Safari: use the expanded viewport so its bottom toolbar cannot
   reveal the next chapter. Keep the film centered without parallax overscan. */
@media(max-width:900px) and (orientation:portrait){
 .editorial-home .hero.cinematic{height:100vh;height:100lvh;min-height:100vh;min-height:100lvh}
 .editorial-home .hero-media{inset:0;transform:none!important;will-change:auto}
 .editorial-home .hero-media img,.editorial-home .hero-media video{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
 .editorial-home .cinematic .hero-copy{left:max(8%,env(safe-area-inset-left));right:max(8%,env(safe-area-inset-right));width:auto;max-width:none;bottom:max(34%,calc(env(safe-area-inset-bottom) + 200px))}
 .cinematic .hero-headline{font-size:clamp(30px,8.6vw,46px)}
 .hero-model-cta{bottom:max(18%,calc(env(safe-area-inset-bottom) + 40px))}
}

/* Allow for Safari's overlay chrome rather than ending at its content viewport. */
@media(max-width:900px) and (orientation:portrait){
 .editorial-home .hero.cinematic{height:max(100lvh,var(--hero-portrait-height,100lvh));min-height:max(100lvh,var(--hero-portrait-height,100lvh))}
}
/* The final invitation is a full-width continuation of the editorial paper. */
.editorial-home #crear{display:block;width:100%;max-width:none;margin:0;padding:55px 9% 80px;border:0;background:#eee7dc;color:#27231e}
.editorial-home #crear>div{max-width:1440px;margin:0 auto}
.editorial-home #crear h2{max-width:900px;font:400 clamp(32px,3.3vw,51px)/1.16 Georgia,serif;letter-spacing:-1px;margin:0;text-wrap:balance}
.editorial-home #crear p{max-width:650px;margin-top:22px;font:14px/1.8 Arial,Helvetica,sans-serif;color:#756c60}
.editorial-home footer{max-width:none;margin:0;background:#eee7dc}
@media(max-width:650px){.editorial-home #crear{padding:30px 8% 65px}.editorial-home #crear h2{font-size:clamp(30px,8vw,39px)}.editorial-home #crear p{font-size:13px;margin-top:20px}.editorial-home footer{padding-left:8%;padding-right:8%}}

/* Extend the opening film above the safe-area origin; compensate its height
   so the lower edge stays covered. Navigation retains its own safe padding. */
@media(max-width:900px) and (orientation:portrait){
 .editorial-home .hero.cinematic{margin-top:calc(0px - env(safe-area-inset-top));height:calc(max(100lvh,var(--hero-portrait-height,100lvh)) + env(safe-area-inset-top));min-height:calc(max(100lvh,var(--hero-portrait-height,100lvh)) + env(safe-area-inset-top))}
}