/* Pure-white, product-first interface. */
:root{--sec:clamp(60px,6vw,96px);--head-h:92px;--radius:12px;--sky:#0879c5;--sky-soft:#0879c5;--paper:#132133;--mute:#566476;--line:#e7ecf1;--line-2:#cbd5df;--wrap:1320px}
body{font-size:15px}.brand-artwork{filter:none;mix-blend-mode:normal;width:235px;height:auto;max-height:76px;object-fit:contain}.site-header .container{max-width:1440px}.site-header{box-shadow:0 3px 20px #13213304}.nav{font-size:12px;gap:8px}.nav a{padding:10px 12px;border-radius:9px;opacity:1}.nav a::after{display:none}.nav a:hover,.nav a[aria-current=page]{background:#eef7fe;color:#006db3}.lang{gap:0}.lang button{border-radius:6px}.lang button.is-on{background:#f1f5f9}.lang button+button{border:0}.order-link{padding:10px 14px;border:1px solid #d8e2ec;border-radius:10px}.menu-btn{border-radius:10px}.mobile-nav a{font-family:var(--sans);font-size:18px}
.h2,.h3,.page-head .h2,.cat-hero h1,.sale-hero h1,.order-main h1,.lock-copy h1,.lock-card h2,.order-side h2,.story-text,.intro-statement,.pl-top .h2{font-family:var(--sans);font-weight:600;letter-spacing:-.045em;line-height:1.13;font-size:clamp(32px,3.7vw,54px)}.lede{font-size:15px;line-height:1.8}.editorial-label,.eyebrow{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#0879c5}.editorial-label{margin-bottom:18px}.sec-head,.campaign-head{margin-bottom:34px}.text-link{font-size:13px;font-weight:600;letter-spacing:0}
.btn{min-height:48px;padding:0 23px;border-radius:11px;font:600 13px var(--sans);gap:10px;box-shadow:none;transition:background .2s,box-shadow .2s,transform .2s}.btn-light,.band .btn-light,.contact-section .btn-light{background:#0879c5;color:#fff;border-color:#0879c5;box-shadow:0 4px 12px #0879c51a}.btn-light:hover,.band .btn-light:hover,.contact-section .btn-light:hover{background:#0666a8;border-color:#0666a8;box-shadow:0 6px 18px #0879c529;transform:translateY(-1px)}.btn-line,.btn-glass{border-color:#d4dee8;color:#24364a;background:#fff}.btn-line:hover,.btn-glass:hover{background:#f2f7fc;border-color:#adbdce}.btn:active{transform:translateY(0)}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #73bdf3;outline-offset:3px}.btn:disabled{opacity:.5;transform:none;box-shadow:none}
.hero.hero-clean{background:#fff;isolation:isolate;min-height:660px;height:calc(88svh - var(--head-h));max-height:880px;display:flex;justify-content:center;border-bottom:1px solid #edf1f5;position:relative}.hero-clean::before{display:none}.hero-clean .hero-film{inset:0;z-index:-1}.hero-clean .hero-film video{object-fit:cover;object-position:center}.hero-clean .hero-copy{padding:60px var(--gutter);width:52%;max-width:770px;margin:0;display:block}.hero-clean h1{font:600 clamp(40px,4.3vw,66px)/1.08 var(--sans);letter-spacing:-.055em;color:#132133;text-shadow:none;max-width:9.4em;margin-top:24px}.hero-clean h1 span{color:inherit}.hero-clean .dream-line{display:block;color:#0879c5;margin-top:6px}.hero-clean .hero-description{font-size:16px;color:#566476;max-width:27em;line-height:1.7;margin-top:26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-clean .hero-origin{font-size:11px;font-weight:600;color:#27374a;margin-top:40px;line-height:1.8}.hero-origin span{display:block;font-weight:400;color:#657488;margin-top:4px}.hero-clean .hero-motion{position:absolute;right:24px;bottom:24px;color:#314457;border:1px solid #d8e2ec;border-radius:9px;background:#ffffffd9;min-height:36px;padding:0 12px;font-size:10px;cursor:pointer}
.house-intro{padding-top:64px;padding-bottom:28px}.intro-grid{grid-template-columns:1fr 2fr;gap:8vw}.intro-statement{font-size:clamp(28px,3vw,44px);max-width:17em;margin-bottom:24px}.house-meta{margin-top:44px;padding-top:20px}.collection-section{padding-top:68px}.collection-section .h2,.campaign-head .h2,.production-title .h2,.band .h2,.contact-section .h2{font-size:clamp(32px,3.7vw,54px)}.frames{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.frame.is-lead{grid-column:span 2;grid-row:auto}.frame.is-lead .plate{aspect-ratio:4/3}.frames .frame:nth-child(n+5){display:none}.frame figcaption b{font-size:13px}.frame .plate{border-radius:14px;border:1px solid #e7edf3}.frame .plate img{mix-blend-mode:normal}.frame-filter{background:#f5f8fb;padding:4px;border-radius:11px;gap:4px}.frame-filter button{padding:8px 14px;border-radius:8px;border:0;font-size:12px}.frame-filter button.is-on{background:#fff;color:#086dad;box-shadow:0 1px 5px #13213312}
.campaign-grid{grid-template-columns:1fr 1fr;gap:24px}.campaign-aside{padding:0}.campaign-grid .shot{margin:0;max-width:none}.campaign-grid .shot img{min-height:0;width:100%;height:100%;object-fit:contain}.campaign-lead,.campaign-small,.campaign-wide,.campaign-aside{grid-column:auto;grid-row:auto}.campaign-grid>.shot,.campaign-aside .shot{aspect-ratio:3/2;background:#fff;border-radius:14px;overflow:hidden}.campaign-lead figcaption{display:none}.campaign-aside .shot{margin:0}.campaign-aside{display:block}.production-title{grid-template-columns:1fr 2fr;margin-bottom:40px}.production-layout{grid-template-columns:1fr 1fr;gap:7vw}.blueprint{border:1px solid #e6edf4;border-radius:16px;padding:24px}.blueprint img{height:320px}.production-notes{gap:24px}.pl-top{grid-template-columns:1fr 1fr;gap:7vw;margin-bottom:44px}.pl-top .h2{max-width:9em}.pl-points{gap:32px}.pl-points h3{font-family:var(--sans);font-size:15px;font-weight:600}.pl-points p{font-size:13px}.heritage-year{font-family:var(--sans);font-size:clamp(56px,7vw,100px);letter-spacing:-.07em;color:#0879c5;margin-bottom:28px}.heritage-year span{font-size:10px;margin-top:16px}.heritage-copy .story-text{font-size:clamp(24px,2.7vw,36px);font-weight:500}.heritage-photo img{min-height:0;border-radius:14px}.show-portrait img{border-radius:14px}.shows-section .h2{font-size:34px}.band{padding-block:70px}.band .container{align-items:center}.contact-portrait img{border-radius:14px}.contact-info .h2{max-width:12em}.contact-grid{gap:7vw}
.field>span{color:#344559}.field input,.field select,.field textarea,.contact-section .field input,.contact-section .field select,.contact-section .field textarea{border:1px solid #ccd7e3;border-radius:10px;padding:12px 14px;background:#fff;color:#172131;transition:border-color .2s,box-shadow .2s;min-height:46px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#0879c5;box-shadow:0 0 0 3px #0879c51a;outline:0}.form-grid{gap:22px}.contact-section .form-grid{padding:28px;border:1px solid #e3eaf1;border-radius:16px;margin:0}.form-foot{gap:20px}.order-side{border-radius:16px;padding:28px}.order-side h2{font-size:28px}.order-main h1{font-size:46px}.order-line{padding-block:22px}.order-qty button,.order-line button,.sp-add,.shop-page,.shop-toggle{border-radius:9px}.shop-page.is-on{background:#0879c5;color:#fff;border-color:#0879c5}.shop-page:hover:not(:disabled){background:#edf6fd;color:#0879c5}.sp-add{min-height:42px}.shop-search input{border-radius:10px}.lock-card{border-radius:16px;padding:32px}.page-head .h2{font-size:clamp(44px,6vw,76px)}.stage-item h3{font-family:var(--sans);font-size:26px;font-weight:600}.foot-brand .tagline{font-family:var(--sans);font-size:20px;line-height:1.4;letter-spacing:-.02em}.site-footer{padding-top:50px}
@media(max-width:1279px){.brand-artwork{width:210px}.hero-clean .hero-copy{width:55%}.hero-clean h1{font-size:clamp(42px,5vw,60px)}}
@media(max-width:960px){.hero.hero-clean{min-height:610px;height:auto}.hero-clean .hero-copy{padding-block:65px;max-width:620px;width:60%}.hero-clean h1{font-size:46px}.hero-clean .hero-film video{object-position:55% center}.hero-actions{gap:10px}.hero-actions .btn{font-size:12px;padding-inline:16px}.frames{grid-template-columns:repeat(3,minmax(0,1fr))}.frames .frame:nth-child(4){display:none}.contact-grid{gap:40px}.house-meta{font-size:10px}}
@media(max-width:760px){.hero.hero-clean{min-height:0;display:block;padding-bottom:310px;overflow:hidden}.hero-clean .hero-copy{width:100%;padding:42px var(--gutter) 26px;max-width:650px}.hero-clean h1{font-size:clamp(39px,7vw,54px);max-width:12em;margin-top:20px}.hero-clean .hero-film{top:auto;bottom:0;height:320px}.hero-clean .hero-film video{width:155%;max-width:none;margin-left:-55%;object-fit:cover;object-position:right center}.hero-clean .hero-description{font-size:14px;margin-top:20px}.hero-origin{margin-top:24px!important}.hero-actions{margin-top:24px}.hero-clean .hero-motion{bottom:18px;right:20px}.intro-grid,.production-title,.production-layout,.pl-top,.heritage-grid{grid-template-columns:1fr;gap:28px}.intro-statement{font-size:32px}.campaign-head .h2{font-size:38px}.campaign-grid{gap:16px}.campaign-lead,.campaign-aside,.campaign-small,.campaign-wide{grid-column:auto;grid-row:auto}.campaign-grid .shot,.campaign-aside .shot{margin:0;max-width:none}.campaign-small{margin:0}.frames{grid-template-columns:repeat(2,minmax(0,1fr))}.frame.is-lead{grid-column:span 2}.frames .frame:nth-child(4){display:none}.pl-top .h2{font-size:40px}.heritage-copy .story-text{font-size:28px!important}.heritage-photo{max-width:100%;margin:0}.contact-section .h2{font-size:40px}.contact-section .form-grid{padding:22px}.band .h2{font-size:36px}.order-main h1{font-size:40px}.asset-page-head .h2{font-size:46px}.show-editorial{gap:26px}.show-portrait{max-width:100%}.collection-section .sec-head{grid-template-columns:1fr;gap:22px}}
@media(max-width:480px){:root{--head-h:82px;--gutter:22px}.brand-artwork{width:188px;max-height:64px}.header-actions{gap:7px}.order-link{padding:8px;font-size:9px}.hero.hero-clean{padding-bottom:260px}.hero-clean .hero-film{height:265px}.hero-clean h1{font-size:39px}.hero-clean .hero-copy{padding-top:36px}.hero-clean .eyebrow{font-size:9px;max-width:30em;line-height:1.7}.hero-actions .btn{padding-inline:17px;min-height:46px}.campaign-grid{grid-template-columns:1fr}.collection-section .h2{font-size:36px}.intro-statement{font-size:30px}.house-meta{font-size:9px}.page-head .h2{font-size:46px}.field input,.field select,.field textarea{font-size:16px}.hero-clean .hero-origin{font-size:10px}.contact-section .form-grid{padding:20px}.form-foot{flex-wrap:wrap}.form-foot .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.btn,.btn:hover{transform:none;transition:none}}
/* Keep every selected frame available when filters change. */
.frames{grid-template-columns:repeat(3,minmax(0,1fr))}.frames .frame:nth-child(n+4){display:flex}
@media(max-width:760px){.frames{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Portrait film spans the entire hero; content is overlaid at every breakpoint. */
.hero.hero-portrait{min-height:700px;height:calc(94svh - var(--head-h));max-height:950px;padding-bottom:0;display:flex;justify-content:center;position:relative;isolation:isolate;background:#fff}
.hero-portrait .hero-film{position:absolute;inset:0;width:100%;height:100%;z-index:-2;margin:0}
.hero-portrait .hero-film video{width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center}
.hero-portrait::before{display:block;content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0%,#fffffff5 28%,#ffffff99 43%,#ffffff00 59%)}
.hero-portrait .hero-copy{position:relative;z-index:1;width:53%;max-width:780px;padding:64px var(--gutter);margin:0}
.hero-portrait h1{font-size:clamp(40px,4.2vw,64px)}
@media(max-width:960px) and (min-width:761px){.hero-portrait .hero-copy{width:60%;padding-right:25px}.hero-portrait h1{font-size:46px}.hero-portrait .hero-film video{object-position:58% center}}
@media(max-width:760px){.hero.hero-portrait{height:auto;min-height:830px;max-height:none;display:flex;justify-content:flex-end;padding-bottom:0}.hero-portrait .hero-film{inset:0;height:100%;width:100%}.hero-portrait .hero-film video{width:100%;height:100%;margin:0;object-fit:cover;object-position:77% center}.hero-portrait::before{background:linear-gradient(180deg,#ffffff00 0%,#ffffff00 30%,#ffffffb8 44%,#fffffff5 54%,#fff 66%)}.hero-portrait .hero-copy{width:100%;max-width:none;padding:360px var(--gutter) 42px}.hero-portrait h1{font-size:38px;max-width:13em}.hero-portrait .hero-description{font-size:13px;max-width:30em;margin-top:18px}.hero-portrait .hero-origin{display:none}.hero-portrait .hero-actions{margin-top:22px}.hero-portrait .hero-motion{top:16px;right:16px;bottom:auto;z-index:3;background:#ffffffed}.hero-portrait .eyebrow{font-size:9px}}
@media(max-width:480px){.hero.hero-portrait{min-height:790px}.hero-portrait .hero-copy{padding-top:330px;padding-bottom:38px}.hero-portrait h1{font-size:36px;max-width:10em}.hero-portrait .hero-film video{object-position:77% center}.hero-portrait .hero-actions .btn{font-size:11px;padding-inline:16px}}
