/* Homepage campaign. The existing brand colour tokens remain unchanged. */
#home .campaign-hero{position:relative;display:grid;grid-template-columns:42% 58%;min-height:clamp(460px,44vw,630px);max-width:1600px;margin:auto;background:#fff2f6;color:var(--ink);overflow:hidden}
#home .campaign-copy{padding:clamp(28px,5vw,80px);align-self:center;position:relative;z-index:1}
#home .campaign-copy .eyebrow{font-size:12px;letter-spacing:.12em;color:var(--ink);margin-bottom:18px}
#home .campaign-copy h1{color:var(--ink);font-size:clamp(48px,6.4vw,96px);line-height:.96;letter-spacing:-.065em;font-weight:700;margin:0 0 20px}
#home .campaign-copy h1 span{color:var(--accent)}
#home .campaign-copy>p:not(.eyebrow){font-size:17px;color:var(--ink);margin:0 0 24px}
#home .campaign-copy .button{gap:24px;justify-content:space-between}
#home .campaign-photo{display:block;position:absolute;inset:0;min-width:0;height:100%;overflow:hidden}
#home .campaign-photo>img{height:100%;width:100%;object-fit:cover;object-position:center}
#home .campaign-product-tag{position:absolute;right:24px;bottom:24px;display:flex;gap:24px;align-items:center;padding:12px 18px;background:white;color:var(--ink);border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.05em}
#home .section{padding-top:52px;padding-bottom:52px}
#home .retail-heading h2{font-size:clamp(30px,4vw,58px);font-weight:700;letter-spacing:-.055em}
#home .retail-heading .eyebrow{font-size:12px;letter-spacing:.1em;color:var(--accent);margin-bottom:10px}
#home .collection-playground{max-width:1400px;margin:auto;padding-bottom:22px}
#home .mood-hint{font-size:14px;color:var(--muted)}
#home .shop-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:0 0 24px;border:0;max-width:800px;margin:auto;overflow:visible}
#home .collection-choice{min-width:0;min-height:105px;border-radius:14px;padding:10px 4px;gap:8px;transition:background .2s}
#home .collection-choice img{width:60px;height:60px;border:0!important;mix-blend-mode:multiply}
#home .collection-choice[aria-pressed=true]{background:#fff2f6;color:var(--accent)}
#home .collection-choice[aria-pressed=true] span{text-decoration:underline;text-underline-offset:5px}
#home .retail-hero{display:block;min-height:0;max-width:100%;padding:20px 24px 24px;border-radius:22px;background:var(--soft);margin:0;overflow:hidden}
#home .hero-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 14px;text-align:left}
#home .hero-title h3{font-size:20px;font-weight:600;line-height:1.3}
#home .hero-shop-all{margin:0;padding:8px 0;min-height:44px;font-size:14px;white-space:nowrap}
#home .hero-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;margin:0}
#home .hero-switcher button{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;padding:12px 12px 18px;gap:10px;background:var(--paper);border:2px solid transparent;border-radius:14px;color:var(--ink);text-align:center;transition:border-color .2s,transform .2s}
#home .hero-switcher button[aria-pressed=true]{border-color:var(--accent)}
#home .hero-switcher button img{width:100%;height:clamp(165px,20vw,265px);object-fit:contain;mix-blend-mode:multiply}
#home .hero-switcher button>span{font-size:16px;line-height:1.25;opacity:1;white-space:normal}
#home .hero-switcher button>.hero-choice-mark{position:absolute;right:8px;top:8px;width:26px;height:26px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-size:16px;color:var(--ink)}
#home .hero-switcher button[aria-pressed=true]>.hero-choice-mark{background:var(--accent);color:white}
#home .hero-product{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 0;padding:14px 20px;min-height:52px;border:0;border-radius:999px;background:var(--ink);color:white;font-size:16px;width:100%}
#home .hero-product>span{font-size:16px;color:white;line-height:1.3}
#home .hero-product>span:last-child{flex-shrink:0;display:flex;align-items:center;gap:22px}
#home .wardrobe-shortcuts{max-width:1400px;margin:auto;padding-top:12px;padding-bottom:12px}
#home .wardrobe-shortcuts a{background:white;border:1px solid var(--line);border-radius:12px;min-height:70px}
#home .swipe-products{grid-auto-columns:calc((100% - 48px)/4);gap:16px;scroll-snap-type:x proximity}
#home .swipe-products .product-image{aspect-ratio:1;background:var(--soft);outline:0;border-radius:16px}
#home .swipe-products .card-primary{mix-blend-mode:multiply;padding:10px}
#home .swipe-products .product-card{scroll-snap-align:start}
#home .swipe-products .product-name-row{display:block}
#home .swipe-products .product-name-row h3{font-weight:600;font-size:18px;margin-bottom:4px}
#home .swipe-products .product-meta{display:none}
#home .swipe-products .card-configure{font-size:14px;padding:8px 0;color:var(--accent)}
#home .edit-tabs{gap:10px;border:0;margin-bottom:20px;scrollbar-width:none}
#home .edit-tabs button{flex-shrink:0;border:1px solid var(--line);border-radius:999px;padding:9px 16px;min-height:44px;font-size:14px}
#home .edit-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}
#home .collection-section{background:white}
#home .collection-deck{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:12px}
#home .mood-poster{display:block;position:relative;aspect-ratio:4/4.7;overflow:hidden;border-radius:18px;isolation:isolate;scroll-snap-align:start;background:#fff2f6;color:var(--ink)}
#home .mood-poster>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}
#home .mood-poster-copy{position:absolute;left:0;bottom:0;right:0;padding:28px;background:linear-gradient(transparent,rgba(255,242,246,.94) 25%);padding-top:65px}
#home .mood-poster-copy>p{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:7px}
#home .mood-poster-copy h3{font-size:clamp(30px,4.3vw,62px);font-weight:700;letter-spacing:-.06em;line-height:1;max-width:390px;margin-bottom:18px}
#home .poster-cta{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:14px;font-weight:600}
#home .poster-cta>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:white;font-size:20px}
#home .home-studio{background:#fff2f6}
#home .studio-sample{background:white;border-radius:18px}
#home .wardrobe-film{background:var(--soft);border-radius:18px;overflow:hidden}
#home .film-copy h2{font-weight:700;letter-spacing:-.055em}
#home .journal-home .journal-card{border-radius:14px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 #home .mood-poster:hover>img{transform:scale(1.035)}
 #home .hero-switcher button:hover{transform:translateY(-3px)}
 #home .collection-choice:hover{background:#fff2f6}
}
@media(max-width:760px){
 #home .campaign-hero{display:flex;flex-direction:column;min-height:0}
 #home .campaign-photo{position:relative;inset:auto;order:0;height:clamp(235px,36svh,310px);width:100%}
 #home .campaign-photo>img{object-position:right center}
 #home .campaign-product-tag{right:16px;bottom:14px;padding:9px 13px;gap:20px}
 #home .campaign-copy{order:1;align-self:stretch;padding:22px 20px 26px}
 #home .campaign-copy .eyebrow{margin-bottom:10px}
 #home .campaign-copy h1{font-size:clamp(39px,10.5vw,64px);line-height:.98;margin-bottom:12px;max-width:500px}
 #home .campaign-copy h1 br:first-of-type{display:none}
 #home .campaign-copy>p:not(.eyebrow){margin-bottom:16px;font-size:16px}
 #home .campaign-copy .button{min-height:46px;font-size:14px;padding:12px 18px}
 #home .section{padding:32px 16px}
 #home .retail-heading{gap:16px;margin-bottom:18px;align-items:flex-end}
 #home .retail-heading h2{font-size:32px}
 #home .retail-heading .eyebrow{font-size:12px;margin-bottom:8px}
 #home .mood-hint{max-width:100px;text-align:right;line-height:1.4}
 #home .shop-shortcuts{gap:3px;padding-bottom:16px}
 #home .collection-choice{padding:7px 2px;min-height:88px;gap:5px;font-size:13px;line-height:1.2}
 #home .collection-choice img{width:45px;height:45px}
 #home .collection-choice span{min-height:30px;display:flex;justify-content:center;align-items:center}
 #home .retail-hero{padding:10px;border-radius:16px}
 #home .hero-title{padding:0 3px 6px;gap:8px}
 #home .hero-title h3{font-size:16px}
 #home .hero-shop-all{font-size:14px}
 #home .hero-switcher{gap:7px}
 #home .hero-switcher button{padding:6px 3px 12px;gap:7px;border-radius:10px}
 #home .hero-switcher button img{height:clamp(106px,33vw,190px)}
 #home .hero-switcher button>span{font-size:13px;line-height:1.3}
 #home .hero-switcher button>.hero-choice-mark{right:4px;top:4px;width:22px;height:22px;font-size:14px}
 #home .hero-product{border-radius:10px;padding:12px;margin:10px 0 0;gap:8px;min-height:48px}
 #home .hero-product>span{font-size:14px}
 #home .hero-product>span:last-child{gap:10px}
 #home .wardrobe-shortcuts{gap:7px;padding:0 16px 10px}
 #home .wardrobe-shortcuts a{padding:10px 8px;min-height:75px;gap:5px}
 #home .wardrobe-shortcuts strong{font-size:14px}
 #home .swipe-products{grid-auto-columns:calc((100% - 12px)/2);gap:12px;margin-right:0;padding-bottom:6px}
 #home .swipe-products .product-name-row h3{font-size:16px;line-height:1.25}
 #home .swipe-products .product-name-row>span{font-size:14px}
 #home .swipe-products .card-primary{padding:5px}
 #home .swipe-products .product-image{border-radius:12px}
 #home .collection-deck{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;gap:12px;overflow-x:auto;margin-right:-16px;padding-right:16px;scroll-snap-type:x mandatory;scrollbar-width:thin}
 #home .mood-poster{aspect-ratio:4/5;border-radius:14px;scroll-snap-align:start}
 #home .mood-poster-copy{padding:55px 20px 20px}
 #home .mood-poster-copy h3{font-size:38px;margin-bottom:14px;max-width:230px}
 #home .collection-section .rail-hint{display:block;max-width:110px;font-size:13px;line-height:1.4;text-align:right}
 #home .home-studio .retail-heading{display:flex;align-items:flex-end}
 #home .home-studio .retail-heading>p{font-size:14px;max-width:90px;text-align:right;margin:0}
 #home .wardrobe-film{margin:16px;padding:14px;gap:18px}
 #home .film-frame video{max-height:300px}
 #home .film-copy h2{font-size:34px}
 #home .film-copy .button{width:auto;font-size:14px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){#home .mood-poster>img,#home .hero-switcher button,#home .collection-choice{transition:none}}
