/* VANTELLE review update – hero film, wallpaper preview, and motion gallery */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,0.95fr) 24px;gap:clamp(22px,4vw,60px);min-height:760px}
.hero-film{width:min(100%,490px);max-width:none;padding-top:0;justify-self:end}
.hero-film::before{display:none!important}
.film-window{aspect-ratio:4/5;box-shadow:0 24px 54px rgba(31,29,22,.15);isolation:isolate}
.film-window video,.film-poster{object-position:50% 48%}
.film-window::after{content:"";position:absolute;inset:10px;border:1px solid rgba(243,232,209,.72);z-index:4;pointer-events:none}
.film-window::before{content:"";position:absolute;inset:0;border:1px solid #7f705d;z-index:4;pointer-events:none}
.film-corner,.film-shutter{display:none!important}
.film-caption{font-size:12px}
.film-label{z-index:5;bottom:24px;left:24px;max-width:calc(100% - 48px);font-size:10px}
.film-ready .film-window video{transition:opacity .18s ease}
.film-seek{margin-top:10px}.film-seek input{accent-color:#8b7250}
.hero-words{will-change:auto!important}
@media (min-width:1101px) and (max-width:1599px){.hero-film{width:min(100%,480px)}.hero{min-height:690px}}
@media (min-width:761px) and (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:32px}.hero-film{width:min(100%,470px)}.hero-aside{display:none}}
@media(max-width:760px){
 .hero{display:flex;flex-direction:column;gap:28px;padding-top:28px;min-height:0}
 .hero-film{display:block!important;position:relative;align-self:center;width:min(100%,560px);max-width:560px;padding-top:0}
 .film-window{aspect-ratio:4/5;width:100%}
 .film-caption{padding-right:0!important;margin-top:14px;flex-wrap:wrap;gap:8px}
 .film-seek{padding-right:0!important;gap:10px;flex-wrap:wrap}
 .film-seek input{width:min(100%,140px)}.film-seek>a{flex:1;min-width:120px}
 .film-label{bottom:17px;left:17px;font-size:9px}.film-window::after{inset:8px}
}
@media(max-width:430px){
 .hero{padding-top:26px}.hero-copy{display:block!important}
 .hero-copy .eyebrow,.hero h1,.hero-intro,.hero-actions{display:block;grid-column:auto;grid-row:auto}
 .hero h1{font-size:clamp(44px,11vw,60px)}
 .hero-intro{max-width:38ch;font-size:14px;margin:20px 0}
 .hero-actions{display:flex;align-items:center;gap:16px;margin:0}
 .hero-film{width:calc(100% + 32px);max-width:none;margin-inline:-16px}
 .film-window{aspect-ratio:4/4.8}
 .film-caption,.film-seek,.film-status{margin-left:16px;margin-right:16px}
 .film-caption{display:flex;align-items:center;min-height:42px}
 .film-caption>span{max-width:none}
 .film-seek>a{font-size:10px}
}
@media(min-width:431px) and (max-width:760px){.hero-film{max-width:560px}.film-window{aspect-ratio:4/5}}
/* Motion gallery */
.films-section{padding-top:68px;padding-bottom:95px;border-top:1px solid var(--line)}
.films-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:33px}
.films-head h2,.wallpaper-head h2{font-size:clamp(40px,5.5vw,78px);line-height:1.04;letter-spacing:-.035em}
.films-head h2 em,.wallpaper-head h2 em{font-weight:normal;color:#80735d}
.films-head>p{max-width:40ch;color:var(--muted);font-size:15px;line-height:1.7}
.motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.motion-card{margin:0;min-width:0}
.motion-card .motion-media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#d8d5c9;border:0;color:inherit;cursor:pointer;width:100%;padding:0;text-align:left}
.motion-card .motion-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.motion-card .motion-media:hover img,.motion-card .motion-media:focus-visible img{transform:scale(1.04)}
.motion-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.85);width:70px;height:70px;border-radius:50%;background:rgba(25,25,22,.45);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;backdrop-filter:blur(6px)}
.motion-card figcaption{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-top:14px;color:var(--ink)}
.motion-card figcaption small{color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.motion-note{margin-top:30px;color:var(--muted);max-width:60ch;font-size:13px;line-height:1.7}
.motion-modal{border:0;padding:0;max-width:min(610px,calc(100% - 24px));width:100%;background:#151512;color:#fff;box-shadow:0 20px 80px rgba(0,0,0,.28)}
.motion-modal::backdrop{background:rgba(15,15,14,.83)}
.motion-modal video{width:100%;max-height:78dvh;display:block;object-fit:contain;background:#10100e}
.motion-modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-size:12px;gap:15px}
.motion-close{background:transparent;color:#fff;border:1px solid #ffffff50;padding:7px 13px;min-height:40px;cursor:pointer}
/* Wallpaper teaser and complete ready-to-launch collection page */
.wallpaper-teaser{background:#e7dfd2;margin-top:25px;padding-block:105px}
.wallpaper-teaser-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:65px}
.wallpaper-teaser-copy h2{font-size:clamp(44px,5.5vw,82px);line-height:1;letter-spacing:-.04em}
.wallpaper-teaser-copy h2 em{font-weight:normal;color:#85745d}
.wallpaper-teaser-copy p:not(.eyebrow){max-width:38ch;font-size:15px;line-height:1.8;color:var(--muted);margin-block:26px}
.wallpaper-teaser-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wallpaper-teaser-cards img{height:350px;width:100%;object-fit:cover}
.wallpaper-teaser-cards img:nth-child(2){transform:translateY(-25px)}
.coming-pill{display:inline-block;border:1px solid #806e58;background:#f6f1e9;color:#544635;padding:9px 14px;font-size:10px;letter-spacing:.16em;font-weight:600;text-transform:uppercase}
.wallpaper-hero{padding-top:85px;padding-bottom:80px;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,90px);align-items:center}
.wallpaper-hero h1{font-size:clamp(56px,8vw,119px);line-height:.93;letter-spacing:-.06em;margin:24px 0}
.wallpaper-hero h1 em{color:#81715b;font-weight:normal}
.wallpaper-hero p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted);max-width:46ch;margin-bottom:25px}
.wallpaper-hero-img{position:relative;min-height:540px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
.wallpaper-hero-img img{display:block;width:100%;height:540px;object-fit:cover}
.wallpaper-hero-img img:nth-child(2){height:420px;align-self:center}
.wallpaper-lookbook{padding:80px 0 110px;border-top:1px solid var(--line)}
.wallpaper-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}
.wallpaper-head p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:40ch;line-height:1.7}
.wallpaper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.wallpaper-card img{aspect-ratio:4/5;width:100%;object-fit:cover;display:block}
.wallpaper-card .wallpaper-card-text{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:16px 0}
.wallpaper-card h3{font-size:20px;font-weight:400}
.wallpaper-card p{font-size:11px;color:var(--muted);letter-spacing:.04em;margin-top:4px}
.wallpaper-coming{padding:50px 0 100px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:50px}
.wallpaper-coming h2{font-size:clamp(42px,5vw,70px);line-height:1.04}
.wallpaper-coming>div:last-child{font-size:15px;line-height:1.8;color:var(--muted);max-width:46ch}
.menu-links a[href="wallpaper.html"]{color:#8b7352}
@media(max-width:860px){.wallpaper-teaser-grid{grid-template-columns:1fr;gap:35px}.wallpaper-teaser-cards img{height:275px}.wallpaper-hero{grid-template-columns:1fr;gap:28px;padding-top:50px}.wallpaper-hero-img{min-height:0}.wallpaper-hero-img img{height:440px}.wallpaper-hero-img img:nth-child(2){height:360px}}
@media(max-width:760px){.films-head,.wallpaper-head{display:block}.films-head>p,.wallpaper-head p:not(.eyebrow){margin-top:18px}.motion-grid,.wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wallpaper-teaser{padding-block:75px}.wallpaper-coming{grid-template-columns:1fr;gap:20px}.wallpaper-hero h1{font-size:66px}}
@media(max-width:480px){.films-section{padding-block:45px 70px}.motion-grid,.wallpaper-grid{grid-template-columns:1fr;gap:27px}.motion-card .motion-media{aspect-ratio:4/4.5}.wallpaper-teaser-cards img{height:230px}.wallpaper-teaser-grid{gap:22px}.wallpaper-teaser-cards{gap:7px}.wallpaper-hero-img img{height:350px}.wallpaper-hero-img img:nth-child(2){height:290px}.wallpaper-card img{aspect-ratio:4/4.8}}
@media(prefers-reduced-motion:reduce){.motion-card .motion-media img{transition:none}}
/* Tablet receives a cinematic full-width film instead of a narrow desktop sidebar. */
@media(min-width:761px) and (max-width:1100px){
 .hero{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding-block:50px 40px;min-height:0}
 .hero-copy{padding:0;max-width:750px}
 .hero h1{font-size:clamp(72px,9vw,104px)}
 .hero-intro{max-width:56ch}
 .hero-film{align-self:center;justify-self:auto;width:min(100%,560px);max-width:560px;margin-top:8px}
 .film-window{aspect-ratio:4/5}
 .hero-aside{display:none}
}

/* Editorial video gallery and quiet developer acknowledgement */
.footer-credit{grid-column:1/-1;align-self:start;border-top:1px solid var(--line);padding-top:18px;margin:3px 0 0!important;font-size:11px;letter-spacing:.025em;color:var(--muted)}
.footer-credit strong{font-weight:600;color:var(--ink);letter-spacing:.075em}
.motion-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 17px}
.motion-card .motion-media{aspect-ratio:9/15.6;border-radius:2px}
.motion-card .motion-media img{display:block}
.motion-play{width:54px;height:54px;font-size:18px;transition:transform .2s ease,background .2s ease}
.motion-media:hover .motion-play,.motion-media:focus-visible .motion-play{transform:translate(-50%,-50%) scale(1.08);background:rgba(24,22,18,.67)}
.motion-card figcaption{display:flex;flex-direction:column;gap:5px}
.motion-card figcaption span{font-size:14px;line-height:1.3}
.motion-card figcaption small{font-size:10px}
.motion-note{max-width:85ch}
@media(max-width:920px){.motion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:590px){.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 11px}.motion-play{width:44px;height:44px}.motion-card figcaption span{font-size:12px}.motion-card figcaption{margin-top:9px}.motion-card .motion-media{aspect-ratio:9/16}}
@media(max-width:350px){.motion-grid{gap:18px 8px}.motion-card figcaption span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.motion-play{transition:none}}