/* Dream Himax Atelier — cinematic campaign / optical house. */
:root{--ink:#0c1729;--ink-2:#122139;--ink-3:#1a2b44;--paper:#f4f1e9;--mute:#b2bbca;--mute-2:#929eaf;--sky:#a9c4e4;--sky-soft:#ceddf0;--line:#ffffff24;--line-2:#ffffff55;--sec:clamp(80px,9vw,148px);--wrap:1440px;--gutter:clamp(22px,4.2vw,72px);--head-h:90px;--radius:0}
body{background:var(--ink)}.container{max-width:1440px}.site-header{background:#0c1729;border-bottom:1px solid #ffffff20;backdrop-filter:none}.site-header .container{gap:24px}.brand-artwork{display:block;width:190px;height:auto}.nav{font-size:12px;gap:clamp(12px,1.4vw,24px)}.header-actions{gap:12px}.lang{font-size:10px}.order-link{font-size:11px;border:0;padding:0 8px}.cart-count{background:#d8e6f5;color:#122139}.menu-btn{border-color:#ffffff40}
.h2{font-size:clamp(46px,6.2vw,100px);line-height:1.02;letter-spacing:-.045em}.lede{font-size:16px;line-height:1.85}.editorial-label{font-family:var(--sans);font-size:10px;line-height:1.8;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--mute);margin-bottom:28px;max-width:24em}.text-link{font-size:12px;letter-spacing:.03em;padding-bottom:8px}.btn{font-size:12px;font-weight:600;min-height:50px;padding:0 24px}.btn-light{background:#f4f1e9}.btn-line{border-color:var(--line-2)}
/* Film establishes the scale of the house. */
.hero.hero-cinema{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100svh - var(--head-h));height:clamp(660px,calc(100svh - var(--head-h)),1050px);overflow:hidden;background:#102034;border:0}
.hero-film{position:absolute;inset:0;z-index:-2;pointer-events:none}.hero-film video{height:100%;width:100%;object-fit:cover;object-position:center}.hero-cinema::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,15,30,.24) 0%,rgba(5,15,30,.03) 30%,rgba(5,15,30,.35) 55%,rgba(5,15,30,.92) 100%)}
.hero-topline{display:flex;justify-content:space-between;gap:20px;padding:30px var(--gutter);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px #000}
.hero-cinema .hero-copy{padding:0 var(--gutter) 30px;display:block;width:100%;min-height:0}.hero-cinema h1{font-family:var(--serif);font-size:inherit;line-height:1;letter-spacing:-.055em;color:#fff;text-shadow:0 2px 30px #07132880}.hero-prelude{display:block;font-family:var(--sans);font-weight:400;font-size:clamp(16px,2vw,30px);letter-spacing:-.02em;margin-bottom:18px}.hero-finale{display:block;font-size:clamp(66px,10.8vw,178px);font-style:italic;line-height:.99;white-space:nowrap;margin-left:-.03em}
.hero-bottom{display:flex;align-items:center;gap:40px;justify-content:space-between;border-top:1px solid #ffffff55;padding-top:24px;margin-top:40px;font-size:11px;color:#fff}.hero-caption{letter-spacing:.05em}.film-link{margin-left:auto;text-decoration:none;border-bottom:1px solid #ffffff77;padding-bottom:5px}.film-link::after{content:'↗';margin-left:32px;font-size:18px}.hero-motion{border:1px solid #ffffff60;background:transparent;color:#fff;min-height:38px;padding:0 14px;font:500 10px var(--sans);cursor:pointer}.hero-motion:hover{background:#ffffff18}
/* A magazine introduction, followed by the collection. */
.house-intro{padding:100px 0 32px;background:#f4f1e9;color:#142139;--paper:#142139;--mute:#687080;--line:#14213930}.intro-grid{display:grid;grid-template-columns:1fr 2.4fr;gap:7vw}.intro-grid>.editorial-label{border-top:1px solid var(--line);padding-top:14px;max-width:18em}.intro-statement{font:400 clamp(42px,5.9vw,94px)/1.06 var(--serif);letter-spacing:-.035em;max-width:13em;margin-bottom:38px}.intro-grid .lede{max-width:38em;font-size:15px}.house-meta{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:80px;padding-top:22px;font-size:10px;letter-spacing:.05em;color:#687080}
.collection-section{background:#e9e5dc;color:#142139;--paper:#142139;--mute:#656e7b;--mute-2:#727984;--line:#14213924;--line-2:#14213960;border:0!important;padding-top:90px}.collection-section .sec-head{grid-template-columns:2fr 1fr}.collection-section .h2{font-size:clamp(46px,5.9vw,90px)}.collection-section .plate{background:#f8f7f3}.frames{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 26px}.frame{gap:16px}.frame.is-lead{grid-column:span 2;grid-row:span 2}.frame.is-lead .plate{aspect-ratio:1.03}.plate img{padding:7%;mix-blend-mode:multiply}.frame figcaption{font-size:10px}.frame figcaption b,.frame.is-lead figcaption b{font-family:var(--sans);font-size:14px;font-weight:600}.frame-filter{font-size:11px;gap:24px}.sec-foot{font-size:11px;line-height:1.8}.collection-section .sec-foot>span{max-width:48em}
/* Campaign spreads: large image, type, detail, portrait. */
.sec-gallery{background:#0c1729}.campaign-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:64px}.campaign-head .h2{font-size:clamp(70px,10vw,160px)}.campaign-head .editorial-label{margin-bottom:20px}.campaign-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px 8vw;align-items:start}.shot{background:transparent;overflow:hidden}.shot img{width:100%;height:auto;object-fit:contain}.shot:hover img{transform:none;filter:brightness(.85)}.shot::after{border-radius:0;background-color:transparent;filter:invert(1)}.campaign-lead{margin:0}.campaign-lead img{min-height:460px;object-fit:cover}.campaign-lead figcaption{position:static;text-shadow:none;color:var(--mute);font-size:10px;letter-spacing:.06em;margin-top:16px}.campaign-aside{padding-top:54px}.campaign-word{display:block;font:italic 400 clamp(45px,6vw,92px)/1.05 var(--serif);letter-spacing:-.04em;margin-bottom:60px;max-width:6em}.campaign-aside .shot{margin:0 0 24px}.campaign-small{margin:0 0 0 8vw;max-width:420px}.campaign-wide{margin:90px 0 0 -30px}.campaign-wide img{padding:0}.shot button.shot-open:focus-visible{outline:3px solid #a9c4e4;outline-offset:-4px}
/* Production has the precision of a drawing sheet. */
.production-editorial{background:#f4f1e9;color:#142139;--paper:#142139;--mute:#656e7b;--line:#14213924;--line-2:#14213950}.production-title{display:grid;grid-template-columns:1fr 2.4fr;gap:7vw;margin-bottom:70px}.production-title .h2{max-width:11em}.production-title .editorial-label{border-top:1px solid var(--line);padding-top:14px}.production-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:10vw;align-items:center}.blueprint{margin:0;background:#fff;padding:30px;position:relative}.blueprint img{width:100%;height:480px;object-fit:contain}.blueprint figcaption{color:#7b8190;font-size:10px;margin-top:16px;letter-spacing:.12em;text-transform:uppercase}.production-notes{display:flex;flex-direction:column;align-items:start;gap:34px}.oversize-index{font:italic 400 clamp(60px,9vw,140px)/1 var(--serif);letter-spacing:-.06em;color:#93a4b8}.production-notes .lede{font-size:14px;max-width:30em}
/* Private label is a confident blue chapter. */
.sec-private{background:#244b79;border:0!important}.sec-private .editorial-label{color:#d6e2ef}.pl-top{display:grid;grid-template-columns:1.45fr 1fr;gap:8vw;align-items:end;margin-bottom:90px}.pl-top .h2{font-size:clamp(64px,8.5vw,134px);max-width:7em;letter-spacing:-.045em}.pl-top .side .lede{font-size:15px;color:#d6e2ef}.pl-points{gap:46px}.pl-points h3{font-family:var(--sans);font-size:14px}.pl-points p{font-size:13px;line-height:1.8;color:#c7d8eb}
/* Heritage is personal, quieter, and photographic. */
.heritage-section{background:#0c1729}.heritage-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.heritage-year{font:400 clamp(90px,14vw,220px)/.9 var(--serif);letter-spacing:-.08em;color:#c1d3e8;margin-bottom:46px}.heritage-year span{display:block;font:500 10px var(--sans);letter-spacing:.25em;text-transform:uppercase;margin-top:26px}.heritage-copy .story-text{font-size:clamp(26px,3vw,44px);line-height:1.25}.heritage-photo{margin:0}.heritage-photo img{width:100%;min-height:440px;object-fit:cover}.heritage-photo figcaption{font-size:10px;color:var(--mute);margin-top:18px}.shows-section{padding-top:56px;padding-bottom:76px}.shows-section .h2{font-size:42px}.shows-section .sec-head{margin-bottom:36px}.shows-section .show{font-size:12px}.shows-section .show .name{font-family:var(--sans);font-size:15px}.band{background:#f4f1e9;color:#142139;--paper:#142139;--ink:#f4f1e9;--line-2:#14213960;padding-block:100px}.band .container{align-items:end;gap:60px}.band .h2{max-width:12em;font-size:clamp(44px,6vw,92px)}.band .btn-light{background:#142139;color:#f4f1e9}.band .btn-line{color:#142139}.contact-section{background:#f4f1e9;color:#142139;--paper:#142139;--mute:#656e7b;--mute-2:#656e7b;--line:#14213924;--line-2:#14213955;--ink-2:#e9e5dc}.contact-section .h2{max-width:6em}.contact-grid{gap:9vw}.form-grid{gap:28px 24px}.field input,.field select,.field textarea{border-radius:0;min-height:48px}.contact-section .field input,.contact-section .field select,.contact-section .field textarea{background:transparent;border:0;border-bottom:1px solid #14213955;padding-inline:0;color:#142139}.contact-section .btn-light{background:#142139;color:#f4f1e9}.contact-section .form-grid>.small{font-size:10px}.site-footer{background:#091322}.foot-bottom{font-size:10px}
/* Interior pages share the same editorial scale. */
.page-head{padding-top:90px;padding-bottom:70px;background:#0c1729}.page-head .h2{font-size:clamp(76px,11vw,166px);letter-spacing:-.06em}.page-head .lede{font-size:15px;max-width:34em}.gallery-page .masonry{columns:2;column-gap:48px}.gallery-page .masonry .shot{margin-bottom:48px}.gallery-page .masonry .shot:nth-child(4n+2){padding:24px 8%}.gallery-page .sub-head{border-top:1px solid var(--line);padding-top:30px}.stages{gap:68px 90px}.stage-item{padding-top:26px;grid-template-columns:80px 1fr}.stage-item::before{font-size:48px}.stage-item h3{font-size:36px;letter-spacing:-.03em}.stage-item p{font-size:14px}.cat-hero,.sale-hero{padding-top:70px}.cat-hero h1,.sale-hero h1{font-size:clamp(56px,7.5vw,110px);letter-spacing:-.04em}.cat-hero p{font-size:14px}.shop-grid .plate{background:#f4f1e9}.shop-card{border-radius:0}.shop-tools{border-bottom:1px solid var(--line);padding-bottom:22px}.pagination button,.pagination a{border-radius:0}.order-wrap{gap:7vw}.order-main h1{font-size:clamp(60px,7vw,108px);letter-spacing:-.05em}.order-side{background:#152741;border-radius:0;padding:36px}.order-side h2{font-size:38px}.order-side .note{font-size:12px}.order-line .info b{font-family:var(--sans);font-size:16px;font-weight:600}.order-back{font-size:11px}
@media(min-width:1600px){.hero-cinema .hero-copy,.hero-topline{padding-inline:max(var(--gutter),calc((100vw - 1480px)/2))}}
@media(max-width:1279px){.nav{display:none}.menu-btn{display:inline-flex}.header-actions{margin-left:auto}.hero-finale{font-size:10.7vw}.campaign-grid{gap:60px 6vw}.campaign-lead img{min-height:350px}}
@media(max-width:960px){.hero.hero-cinema{height:calc(90svh - var(--head-h));min-height:600px}.hero-film video{object-position:40% center}.hero-finale{font-size:10.8vw}.hero-topline{font-size:9px}.intro-grid,.production-title{grid-template-columns:1fr 2fr;gap:40px}.intro-statement{font-size:54px}.house-intro{padding-top:76px}.house-meta{margin-top:55px}.frames{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-word{font-size:58px}.campaign-lead img{min-height:0}.campaign-aside{padding-top:30px}.campaign-small{margin-left:0}.campaign-wide{margin:40px 0 0}.production-layout{gap:6vw}.blueprint img{height:360px}.blueprint{padding:20px}.pl-top{grid-template-columns:1fr 1fr;gap:40px}.pl-top .h2{font-size:72px}.heritage-grid{gap:6vw}.heritage-photo img{min-height:350px}.contact-grid{gap:6vw}.order-wrap{gap:40px}.order-side{padding:28px}.gallery-page .masonry{column-gap:28px}}
@media(max-width:760px){.hero.hero-cinema{min-height:590px;height:calc(88svh - var(--head-h))}.hero-finale{white-space:normal;font-size:clamp(65px,13.8vw,104px);max-width:9em;line-height:.97}.hero-prelude{font-size:17px;max-width:18em;line-height:1.5}.hero-topline span:last-child{display:none}.hero-bottom{margin-top:28px;gap:20px}.hero-caption{display:none}.film-link{margin-left:0;margin-right:auto}.intro-grid,.production-title,.production-layout,.heritage-grid{grid-template-columns:1fr;gap:36px}.intro-grid>.editorial-label{max-width:none;margin:0;padding-top:14px}.intro-statement{font-size:clamp(42px,8.8vw,68px);max-width:12em;margin-bottom:28px}.house-meta{flex-direction:column;gap:10px;font-size:9px}.frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.frame.is-lead{grid-column:span 2;grid-row:auto}.frame.is-lead .plate{aspect-ratio:1.5}.campaign-head{margin-bottom:38px}.campaign-head .h2{font-size:80px}.campaign-grid{gap:36px 24px;grid-template-columns:1fr 1fr}.campaign-lead{grid-column:1/-1}.campaign-aside{padding:0;grid-column:2;grid-row:2}.campaign-word{font-size:clamp(32px,6.5vw,48px);margin-bottom:28px}.campaign-small{grid-column:1;grid-row:2;margin-top:70px}.campaign-wide{grid-column:1/-1;max-width:80%;margin:8px 0 0}.campaign-aside>.editorial-label{font-size:8px;margin-bottom:0}.blueprint img{height:420px}.production-title{margin-bottom:38px}.production-title .editorial-label{margin:0}.production-notes{gap:24px}.oversize-index{font-size:90px}.pl-top{grid-template-columns:1fr;gap:34px;margin-bottom:54px}.pl-top .h2{font-size:clamp(64px,12vw,96px);max-width:8em}.pl-points{grid-template-columns:1fr;gap:28px}.heritage-year{font-size:150px;margin-bottom:30px}.heritage-copy .story-text{max-width:20em}.heritage-photo{max-width:85%;margin-left:auto}.heritage-photo img{min-height:0}.band .container{gap:36px}.band .h2{font-size:52px}.contact-grid{gap:50px}.contact-section .h2{font-size:64px}.gallery-page .masonry{column-gap:18px}.gallery-page .masonry .shot{margin-bottom:24px}.stages{gap:38px}.stage-item{grid-template-columns:55px 1fr}.stage-item h3{font-size:29px}.order-side{padding:28px 22px}.page-head .h2{font-size:80px}}
@media(max-width:480px){:root{--head-h:78px}.brand-artwork{width:166px}.site-header .container{gap:8px}.header-actions{gap:7px}.header-actions>.lang{display:none}.order-link{font-size:9px;padding:0}.menu-btn{width:36px;height:36px}.hero.hero-cinema{min-height:620px}.hero-topline{padding-top:24px;font-size:8px;max-width:30em}.hero-film video{object-position:38% center}.hero-cinema .hero-copy{padding-bottom:24px}.hero-finale{font-size:14vw;max-width:7em}.hero-bottom{font-size:10px}.film-link::after{margin-left:16px}.hero-motion{font-size:9px;padding:0 10px}.house-intro{padding-top:58px}.intro-statement{font-size:44px}.intro-grid .lede{font-size:13px}.nowrap{white-space:normal}.collection-section .sec-head{grid-template-columns:1fr;gap:26px}.frame-filter{justify-self:start}.collection-section .h2{font-size:54px}.frame figcaption{flex-wrap:wrap;gap:4px}.campaign-head{align-items:end}.campaign-head .text-link{max-width:8em;font-size:10px}.campaign-word{font-size:34px}.production-title .h2{font-size:53px}.blueprint img{height:320px}.heritage-year{font-size:130px}.story-text{font-size:30px!important}.band .h2{font-size:44px}.order-main h1{font-size:60px}.gallery-page .masonry{columns:1}.gallery-page .masonry .shot:nth-child(4n+2){padding:0}.page-head{padding:58px 0 44px}}
@media(prefers-reduced-motion:no-preference){.shot img{transition:filter .35s ease}.btn,.hero-motion{transition:background .25s ease}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-visible{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}
@media(min-width:761px){.hero-finale{font-size:clamp(64px,8.8vw,148px)}}
@media(max-width:480px){.page-head .h2{font-size:clamp(48px,14.5vw,66px);overflow-wrap:anywhere}.stage-item{min-width:0}.stage-item h3{overflow-wrap:anywhere}}
/* Asset-led campaign chapters, sourced from the supplied brand collection. */
.asset-page-head{position:relative;isolation:isolate;min-height:430px;display:flex;align-items:end;padding-block:80px 60px;background-size:cover;background-position:center}
.asset-page-head::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071322d9,#0713224d)}
.asset-page-head .container{position:relative}.asset-page-head .h2{color:#fff}.asset-page-head .lede{color:#edf0f5;max-width:38em}
.gallery-cover{background-image:url('../images/atelier/gallery-space.webp');background-position:center 45%}.gallery-cover::before{background:linear-gradient(90deg,#27102c88,#27102c08)}
.production-cover{background-image:url('../images/atelier/production.webp');background-position:center 42%}
.prod-photo img{aspect-ratio:3/2;object-fit:cover}.show-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:6vw;align-items:center}.show-portrait{margin:0}.show-portrait img{width:100%;aspect-ratio:1.3;object-fit:cover}.show-editorial .shows{align-self:center}.show-editorial .show{grid-template-columns:1.4fr 1fr;gap:12px;padding-block:22px}.show-editorial .show .name{font-size:17px}.contact-portrait{margin:0 0 44px}.contact-portrait img{width:100%;aspect-ratio:1.65;object-fit:cover;object-position:center 40%}.contact-section .form-grid{align-self:start;padding-top:14px;border-top:1px solid #14213955;margin-top:12px}.contact-section .h2{font-size:clamp(48px,5.5vw,84px)}
.lock{position:relative;isolation:isolate;background:linear-gradient(90deg,#071322c9,#07132250),url('../images/atelier/catalogue.webp') center 38%/cover;min-height:calc(100svh - var(--head-h));display:flex;align-items:center}.lock .container{padding-block:70px}.lock-card{background:#0c1729e8;backdrop-filter:blur(10px);border:1px solid #ffffff30}.lock-copy .lede{color:#e0e5ec}.lock-copy h1{text-shadow:0 2px 20px #0006}
@media(max-width:960px){.asset-page-head{min-height:430px;padding-block:64px 44px}.show-editorial{grid-template-columns:1fr 1.5fr}.show-editorial .show{grid-template-columns:1fr}.lock .container{gap:40px}}
@media(max-width:600px){.asset-page-head{min-height:430px;padding-block:50px 36px}.asset-page-head .lede{font-size:13px;line-height:1.7}.asset-page-head .h2{font-size:58px}.production-cover{background-position:35% center}.gallery-cover{background-position:60% center}.show-editorial{grid-template-columns:1fr;gap:32px}.show-portrait{max-width:75%}.contact-portrait{margin-bottom:32px}.contact-section .form-grid{margin-top:0;padding-top:24px}.lock{background-position:35% center}.lock .container{padding-block:50px}.lock-copy h1{font-size:48px}.lock-card{padding:26px 22px}}