/* 2026-10-23 user-directed rework: fluid canvas, deliberate type and varied rhythm. */
@font-face{font-family:"MIMIQ Jost";src:url('assets/fonts/jost/Jost-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--max:2400px;--gutter:clamp(18px,2.6vw,64px);--store-font:"MIMIQ Jost","Avenir Next",Arial,sans-serif;--store-ink:#242126;--store-muted:#625d65}
body,.hero,.pdp-v2{font-family:var(--store-font)}
button,input,select,textarea{font-family:inherit}
.site-header{background:#fffffffa;backdrop-filter:blur(8px)}
.header-main{min-height:82px;border-bottom:1px solid #ece9ed}
.brand{width:126px}
.header-actions{gap:14px}
.header-actions .icon-button{width:40px;height:40px}
.header-actions .icon-button img{width:21px;height:21px}
.header-actions a[aria-describedby]:after{content:none}
.department-nav{border-top:0;min-height:52px;gap:clamp(24px,3vw,46px)}
.department-nav a{font-size:14px;font-weight:450;padding:14px 0}
.department-nav a[aria-current]{font-weight:650}
.department-nav a:after{bottom:9px;height:1px}
.store-help-trigger{min-height:32px;padding:5px 12px;background:linear-gradient(145deg,#f8f5fa,#ddd4e5);border:1px solid #c5bacd;border-radius:3px;box-shadow:0 2px 4px #4436501c;font-weight:500;gap:8px}
.store-help-trigger .help-spark{font-size:23px;line-height:1;color:#70527d;position:relative}
.store-help-trigger .help-spark:after{content:'✦';font-size:11px;position:absolute;right:-5px;top:-3px}
.hero{max-width:none;width:100%;position:relative;display:block;padding:0;min-height:clamp(490px,34vw,720px);isolation:isolate;background:#f2e7d8;overflow:hidden}
.hero__media{position:absolute;inset:0;min-height:0;height:100%;z-index:-2;background:#f2e7d8}
.hero__video{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f5efe5f5 0%,#f5efe5df 27%,#f5efe599 43%,#f5efe500 68%)}
.hero__copy{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-height:inherit;max-width:var(--max);margin:auto;padding:clamp(48px,5vw,88px) var(--gutter);justify-content:center}
.hero .eyebrow{font-size:12px;letter-spacing:.09em;font-weight:500;margin-bottom:16px}
.hero h1{font-family:var(--store-font);font-size:clamp(34px,3vw,56px);font-weight:650;line-height:1.08;letter-spacing:.005em;text-transform:uppercase;max-width:15ch;text-wrap:balance}
.hero__copy>p:not(.eyebrow){font-size:17px;line-height:1.5;max-width:43ch;margin:20px 0 26px;color:#3b3339}
.hero__actions{display:flex;width:auto;margin-top:0;gap:12px}
.hero__actions .button{width:auto}
.hero__actions .button{min-height:42px;font-size:12px;padding:13px 20px;letter-spacing:.02em;font-weight:600}
.hero__actions .button--light{background:transparent;border:0;border-bottom:1px solid currentColor;padding:10px 0;margin-left:12px}
.hero__actions .button--light:hover{background:transparent;color:var(--purple)}
.product-section,.department-section,.priority-shop,.priority-source{max-width:var(--max)}
.department-section{padding-top:38px}
.department-grid{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.department-card{min-height:0!important;overflow:hidden}
.department-card img{aspect-ratio:1.22;object-fit:cover}
.department-card span{padding:14px 0 0;gap:0}
.department-card strong{font-size:clamp(22px,1.8vw,30px);font-weight:550;line-height:1.2;letter-spacing:0;margin:2px 0 6px}
.department-card small{font-size:10px;font-weight:400;letter-spacing:.045em}
.department-card b{font-size:12px;font-weight:400;text-decoration:underline;text-underline-offset:4px}
.product-section{padding-top:72px}
.section-heading h2,.editorial-feature h2,.store-feature h2,.newsletter h2,.collection-guide h2,.catalogue-editorial h2{font-family:var(--store-font);font-weight:600;letter-spacing:.005em;line-height:1.12;text-transform:uppercase;font-size:clamp(28px,2.35vw,42px)}
.section-heading .eyebrow{font-weight:450;letter-spacing:.1em;font-size:11px}
.section-heading .text-link{font-size:13px;font-weight:500}
.selection-note{font-size:15px;max-width:64ch}
.filter-row{gap:26px}
.filter-chip{font-size:14px;font-weight:400}
.filter-chip--all{font-weight:650;margin-left:auto}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 18px}
.product-card__name{font-size:16px;font-weight:500;line-height:1.35;letter-spacing:0}
.product-card__variant{font-size:13px}
.product-card__price{font-size:17px;font-weight:500}
.product-card__category{letter-spacing:.025em;font-size:10px}
.product-card__image{aspect-ratio:1;isolation:isolate}
.product-card__image .product-card__alternate{object-fit:cover;background:var(--store-tint)}
.product-card__image:hover img{transform:none}
.product-card__cta{font-size:12px;font-weight:500;letter-spacing:.02em;min-height:40px}
.product-card__badge{font-size:11px;letter-spacing:.015em}
.editorial-feature{max-width:calc(var(--max) - 2 * var(--gutter));width:calc(100% - 2 * var(--gutter));margin:80px auto 0;grid-template-columns:1.1fr .9fr;background:#f3eff4;align-items:stretch}
.editorial-feature__image{aspect-ratio:1.35;min-width:0;overflow:hidden}
.editorial-feature__image img{width:100%;height:100%;object-fit:cover}
.editorial-feature__copy{padding:clamp(28px,4vw,64px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.editorial-feature__copy>p:not(.eyebrow){font-size:17px;line-height:1.6;max-width:43ch}
.editorial-feature .button{font-size:12px;min-height:42px;padding:13px 22px}
.pdp-v2{max-width:var(--max)}
.pdp-v2 .pdp-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:clamp(32px,5vw,100px)}
.pdp-v2 .pdp-title,.pdp-v2 .pdp-purchase{max-width:700px}
.pdp-v2 h1{font-family:var(--store-font);font-weight:600;font-size:clamp(28px,2.3vw,44px);line-height:1.12;letter-spacing:.005em;text-wrap:balance}
.pdp-v2 .pdp-stage{height:auto;aspect-ratio:1;max-height:900px;border:0}
.pdp-v2 .pdp-story h3{font-weight:600;font-family:var(--store-font);letter-spacing:.005em}
.pdp-v2 .pdp-description,.pdp-v2 .pdp-accordions details>div{font-size:16px}
.pdp-v2 .pdp-preview-tag{display:none}
.priority-shop h1{font-family:var(--store-font);font-weight:600;letter-spacing:.005em;text-transform:uppercase;font-size:clamp(32px,3vw,52px)}
.priority-categories a:last-child{font-weight:650}
.store-feature,.newsletter{max-width:none}
.store-feature{padding-inline:max(var(--gutter),calc((100vw - 1800px)/2))}
.newsletter{padding-inline:max(var(--gutter),calc((100vw - 1800px)/2))}
.footer-top,.footer-bottom{max-width:var(--max)}
@media(min-width:2000px){.priority-shop .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.department-section{padding-top:48px}.product-section{padding-top:88px}}
@media(max-width:1100px){.hero{min-height:520px}.hero h1{font-size:40px}.hero__copy>p:not(.eyebrow){max-width:35ch}.department-card img{aspect-ratio:1}.department-grid{gap:14px}.department-card small{font-size:9px}}
@media(max-width:900px){
 .header-main{min-height:70px}.brand{width:112px}.header-actions{gap:2px}
 .department-nav{gap:0}.department-nav a{font-size:20px;min-height:56px}.department-nav .store-help-trigger{min-height:44px}
 .hero{min-height:490px}.hero__copy{padding-top:50px;padding-bottom:50px}.hero h1{font-size:36px}.hero:after{background:linear-gradient(90deg,#f5efe5fa,#f5efe5d9 40%,#f5efe500 80%)}
 .department-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.department-card small{display:none}
 .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .editorial-feature{margin-top:56px}.editorial-feature__copy{padding:28px}.editorial-feature h2{font-size:30px}.editorial-feature__copy>p:not(.eyebrow){font-size:15px}
 .pdp-v2 .pdp-layout{column-gap:28px}.pdp-v2 .pdp-stage{height:auto}
}
@media(max-width:700px){
 .product-grid,.priority-shop .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}
 .department-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.department-card img{aspect-ratio:1.2}
 .department-card strong{font-size:23px}.department-card small{display:block;font-size:9px}.department-section{padding-top:26px}
 .editorial-feature{grid-template-columns:1fr;width:100%;margin-top:48px}.editorial-feature__image{aspect-ratio:1.3}.editorial-feature__copy{padding:30px var(--gutter) 38px}
 .pdp-v2 .pdp-layout{display:flex;flex-direction:column;gap:0}.pdp-v2 .pdp-title{width:100%;padding:0;margin-bottom:22px}.pdp-v2 .pdp-gallery{width:100%;position:static}.pdp-v2 .pdp-purchase{width:100%;margin-top:26px}
 .pdp-v2 h1{font-size:30px}.pdp-v2 .pdp-stage{max-height:none}
 .product-card__name{font-size:15px}.product-card__variant{font-size:12px}.product-card__price{font-size:16px}
}
@media(max-width:560px){
 .header-main{padding-inline:10px;min-height:64px}.brand{width:104px}.header-actions .icon-button{width:42px;height:44px}
 .hero{min-height:0;display:flex;flex-direction:column;align-items:stretch;background:#f5efe5}
 .hero__media{position:relative;inset:auto;z-index:0;width:100%;height:clamp(310px,90vw,420px);min-height:0}.hero__video{object-position:center}
 .hero:after{display:none}
 .hero__copy{min-height:0;margin:0;padding:32px var(--gutter) 24px;justify-content:flex-start}.hero .eyebrow{margin-bottom:12px;font-size:10px}
 .hero h1{font-size:32px;max-width:18ch;line-height:1.12}.hero__copy>p:not(.eyebrow){font-size:15px;max-width:37ch;line-height:1.5;margin:14px 0 18px}
 .hero__actions{gap:10px}.hero__actions .button{font-size:11px;min-height:42px;padding:12px 15px}.hero__actions .button--light{margin-left:0;padding-inline:0}
 .product-section{padding-top:44px}.section-heading{align-items:flex-start;gap:14px}.section-heading h2{font-size:28px;line-height:1.13}.section-heading .text-link{font-size:11px;max-width:105px;text-align:right;line-height:1.5}
 .filter-row{gap:18px}.filter-chip{font-size:13px}.filter-chip--all{margin-left:auto}
 .product-card__name{min-height:2.7em}.product-card__variant{min-height:2.8em}.product-card__status{font-size:9px}
 .store-feature h2,.newsletter h2{font-size:28px}.pdp-v2 .pdp-breadcrumb{min-height:52px}.pdp-v2 .pdp-story h3{font-size:29px}
}
@media(max-width:359px){.hero h1{font-size:29px}.hero__actions{gap:7px}.hero__actions .button{font-size:10px;padding:11px 10px}.filter-row{gap:13px}.filter-chip{font-size:12px}}
.hero__motion{position:absolute;z-index:3;right:var(--gutter);bottom:16px;border:1px solid #ffffff99;background:#ffffffdc;color:#292129;padding:10px 12px;font:500 11px var(--store-font);min-height:40px;cursor:pointer}
.hero__motion:hover{background:#fff}.hero__motion:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.site-header{backdrop-filter:none}}
