/* V12 reference-led shopfront. Purple/orange Nano branding, image-first retail rhythm. */
.reference-site{--ref-ink:#20103d;--ref-purple:#502089;--ref-orange:#ff650d;background:#fffdf8;color:var(--ref-ink)}
.reference-site .topline{display:none}.reference-site .site-header{max-width:1280px;padding:14px 28px;min-height:94px;gap:24px;margin:auto;background:#fffdf8}.reference-site .site-logo img{width:88px;height:54px;object-fit:contain}.reference-site .site-nav{gap:18px}.reference-site .site-nav a{font-size:13px;font-weight:750;white-space:nowrap}.reference-site .site-nav a[aria-current]{border-bottom:3px solid #e8590c}.reference-site .header-actions{gap:10px}.reference-site .header-shop{font-size:12px;padding:10px 15px}.reference-site .language{padding:8px;font-size:13px}.ref-account{min-width:44px;min-height:44px;display:grid;place-items:center}.ref-account svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.7}.reference-site svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.reference-site .button{min-height:46px;font-size:13px;font-weight:800;border-radius:28px;padding:12px 22px}.reference-site .button.orange{color:#21103d;background:#ff9a18}.reference-site .button.outline{border-color:#fff;color:#fff;background:transparent}.reference-home{max-width:1240px;padding:0 28px;margin:auto}.ref-hero{position:relative;aspect-ratio:2.55;border-radius:18px;overflow:hidden;isolation:isolate;background:#492287}.ref-hero picture,.ref-hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ref-hero-copy{position:relative;width:54%;padding:6% 4.5% 7%;z-index:1;color:white;text-align:start;direction:inherit;pointer-events:none}.ref-hero-copy a{pointer-events:auto}.ref-hero-copy h1{font-size:clamp(30px,3.6vw,56px);line-height:1.12;font-weight:950;letter-spacing:-.035em;margin:12px 0;text-wrap:balance}.ref-hero-copy h1 em{font-style:normal;color:#ffcc44}.ref-hero-copy p{max-width:360px;font-size:16px;line-height:1.6;margin:0 0 22px;color:#fff}.ref-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:850}.ref-hero-copy .hero-actions{gap:10px}.ref-slide-controls{position:absolute;bottom:12px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;z-index:3}.ref-slide-controls>button{border:0;background:#ffffff24;color:#fff;min-width:44px;min-height:44px;border-radius:50%;font-size:22px}.ref-slide-controls>div{display:flex;gap:2px}.ref-slide-controls [data-slide]{width:28px;height:32px;border:0;background:none;padding:9px;position:relative}.ref-slide-controls [data-slide]:after{content:'';display:block;width:8px;height:8px;border:1px solid #fff;background:#ffffff40;border-radius:50%}.ref-slide-controls [aria-pressed=true]:after{background:#fff}.ref-hero-secondary:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#20103dc7,transparent 75%);z-index:0}[dir=rtl] .ref-hero picture{transform:scaleX(-1)}[dir=rtl] .ref-hero picture img{transform:scaleX(-1);object-position:right center}[dir=rtl] .ref-hero-copy{margin-inline-start:0;background:linear-gradient(270deg,#4b188dbb,transparent)}
.ref-section{padding:30px 0 4px}.ref-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:8px}.ref-heading h2,.ref-billboard h2,.ref-find h2{font-size:clamp(23px,2.3vw,33px);line-height:1.2;letter-spacing:-.03em;font-weight:950;margin:0}.ref-heading>a{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;white-space:nowrap}.ref-sub{font-size:14px;margin:0 0 14px;color:#51445e}.ref-category-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:13px;padding-top:14px}.ref-category-rail>a{text-align:center;min-width:0}.ref-category-rail>a>div{aspect-ratio:1.14;background:#f5eee4;border-radius:13px;overflow:hidden}.ref-category-rail img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.ref-category-rail a:hover img{transform:scale(1.05)}.ref-category-rail h3{font-size:13px;line-height:1.5;margin:8px 0 0}.ref-deals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ref-deal{display:block;position:relative;overflow:hidden;border-radius:15px;min-height:196px;background:#ff7d16;color:#22103d;isolation:isolate}.ref-deal-1{background:#52238c;color:white}.ref-deal-2{background:#ffefce}.ref-deal>img{position:absolute;right:0;bottom:0;width:56%;height:100%;object-fit:cover;mix-blend-mode:multiply;z-index:-1}.ref-deal-1>img{mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,black 40%)}.ref-deal>div{width:62%;padding:22px 20px;background:linear-gradient(90deg,#ff9b22d9,transparent)}.ref-deal-1>div{background:linear-gradient(90deg,#51218ed9,transparent)}.ref-deal-2>div{background:linear-gradient(90deg,#fff0d3e6,transparent)}.ref-deal span{font-size:10px;letter-spacing:.08em;font-weight:850}.ref-deal h3{font-size:25px;line-height:1.13;margin:10px 0;font-weight:950}.ref-deal p{font-size:12px;line-height:1.5}.ref-deal strong{display:inline-flex;align-items:center;gap:5px;background:white;color:#402073;border-radius:20px;padding:11px 12px;font-size:11px}.ref-billboard{margin-top:28px;position:relative;overflow:hidden;border-radius:15px;min-height:240px;isolation:isolate;color:white;background:#241d29}.ref-billboard>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.ref-billboard:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17121bde,transparent 85%);z-index:-1}.ref-billboard>div{padding:30px;max-width:54%}.ref-billboard p{font-size:15px;line-height:1.7}.ref-billboard .button{font-size:11px}.ref-collect{background:#4a1680;min-height:235px}.ref-collect>div{max-width:46%}.ref-collect:after{background:linear-gradient(90deg,#441083e6,transparent 80%)}.ref-product-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-top:16px}.ref-product{position:relative;border:1px solid #ece4da;border-radius:13px;padding:8px 8px 16px;background:#fff;min-width:0}.ref-product>a:first-child>div{aspect-ratio:1.04;background:#faf5ed;border-radius:9px;overflow:hidden}.ref-product img{width:100%;height:100%;object-fit:contain}.ref-product h3{font-size:12px;line-height:1.5;margin:9px 0 6px;min-height:36px;font-weight:750}.ref-product strong{font-size:12px;display:block;padding-inline-end:36px}.ref-plus{position:absolute;bottom:4px;inset-inline-end:4px;width:44px;height:44px;display:grid;place-items:center;background:#f56a0c;border:8px solid white;border-radius:50%;font-size:22px;color:#20103d}.ref-empty{display:flex;align-items:center;gap:12px;padding:24px;background:#f2eaf9;border-radius:12px;grid-column:1/-1;font-size:14px}.ref-world-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ref-world-grid>a{border:1px solid #ece4da;border-radius:12px;overflow:hidden;background:white}.ref-world-grid img{width:100%;height:130px;object-fit:cover}.ref-world-grid h3{font-size:14px;margin:12px 12px 6px}.ref-world-grid span{font-size:11px;display:flex;align-items:center;gap:4px;margin:0 12px 12px}.ref-find{margin-top:28px;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;background:#fff4e9;border-radius:15px;padding:26px;overflow:hidden}.ref-find p{font-size:14px;line-height:1.7}.ref-find>div:last-child{background:white;padding:10px;border-radius:12px;display:grid;gap:8px;font-size:12px}.ref-find>div:last-child>img{width:100%;height:120px;object-fit:cover;border-radius:8px}.ref-find>div:last-child a{display:flex;align-items:center;gap:6px;color:#51248a}.ref-map-art{position:relative;display:grid;place-items:center;overflow:hidden;min-height:220px;border-radius:10px;background-color:#f0edf6;background-image:linear-gradient(35deg,transparent 40%,#fff 41% 45%,transparent 46%),linear-gradient(115deg,transparent 40%,#d9d3e5 41% 45%,transparent 46%);background-size:70px 90px}.ref-map-art b{position:relative;text-align:center;background:#57248c;color:white;border-radius:50%;padding:24px;line-height:1.2;font-size:18px;box-shadow:0 0 0 18px #59278d1c}.ref-partner{min-height:220px}.ref-partner>img{object-position:70% 60%}.ref-social{display:grid;grid-template-columns:1.7fr repeat(6,1fr);gap:7px;margin:26px 0}.ref-social>div{align-self:center;font-size:14px}.ref-social p{font-size:12px}.ref-social img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.reference-site .website-footer{background:#32105b;padding:28px max(28px,calc((100vw - 1184px)/2));color:#fff}.ref-footer-grid{display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:24px}.ref-footer-grid>div{display:flex;flex-direction:column;gap:9px;font-size:12px}.ref-footer-grid strong{font-size:13px;margin-bottom:4px}.ref-footer-grid img{background:white;padding:8px;border-radius:10px;object-fit:contain}.ref-footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:24px;padding-top:18px;border-top:1px solid #ffffff30;font-size:11px}.reference-site a:focus-visible,.reference-site button:focus-visible{outline:3px solid #b15600;outline-offset:4px}.reference-site button{cursor:pointer;touch-action:manipulation}.ref-supplier{padding:12px;background:#fff;border:1px solid #ece4da;border-radius:14px}.ref-supplier img{width:100%;aspect-ratio:1.9;object-fit:cover;border-radius:9px}.ref-supplier span{font-size:11px;color:#655271}.ref-supplier h3{font-size:18px}.ref-supplier strong{display:flex;gap:8px;font-size:12px}
@media(min-width:1101px){.reference-site .site-nav{display:flex;flex:1;justify-content:center}}@media(max-width:1100px){.reference-site .site-header{padding:10px 22px}.reference-site .site-nav{top:76px;background:#fffdf8}.ref-hero-copy h1{font-size:38px}.ref-hero-copy p{font-size:14px}.ref-hero-copy{padding-top:4%}.ref-hero{aspect-ratio:2.1}.ref-category-rail{grid-template-columns:repeat(8,110px);overflow:auto;padding-bottom:10px}.ref-product-rail{grid-template-columns:repeat(6,170px);overflow:auto;padding-bottom:10px}.ref-world-grid{grid-template-columns:repeat(5,180px);overflow:auto}.ref-heading h2{font-size:26px}}
@media(max-width:600px){.reference-home{padding:0 14px}.reference-site .site-header{padding:9px 14px;min-height:76px;gap:12px}.reference-site .site-logo img{width:68px;height:45px}.reference-site .header-shop{font-size:0;padding:8px;min-width:44px}.reference-site .header-shop svg{width:22px}.reference-site .header-actions{gap:4px}.reference-site .ref-account{display:none}.ref-hero{aspect-ratio:auto;min-height:420px;border-radius:16px}.ref-hero picture img{object-position:65% center}.ref-hero-copy{width:77%;padding:30px 20px 82px;background:linear-gradient(90deg,#50248dc7,transparent)}.ref-hero-copy h1{font-size:clamp(30px,8vw,40px);margin-top:12px}.ref-hero-copy p{font-size:14px;max-width:230px}.ref-hero-copy .hero-actions{flex-direction:column;align-items:start}.ref-hero-copy .button{font-size:11px;min-height:42px;padding:10px 16px}.ref-eyebrow{font-size:8px}.ref-heading h2{font-size:23px}.ref-heading>a{font-size:11px}.ref-section{padding-top:24px}.ref-category-rail{grid-template-columns:repeat(8,86px);gap:9px}.ref-category-rail h3{font-size:12px}.ref-deals{grid-template-columns:repeat(3,260px);overflow:auto;gap:10px;padding-bottom:6px}.ref-deal{min-height:182px}.ref-deal h3{font-size:23px}.ref-deal>div{padding:20px 16px}.ref-product-rail{grid-template-columns:repeat(6,143px);gap:9px}.ref-billboard{margin-top:20px;min-height:250px}.ref-billboard>div{max-width:80%;padding:24px 20px}.ref-billboard h2{font-size:27px}.ref-billboard p{font-size:13px}.ref-billboard>img{object-position:65% center}.ref-billboard:after{background:linear-gradient(90deg,#21142de6,transparent)}.ref-collect>div{max-width:76%}.ref-world-grid{grid-template-columns:repeat(5,160px)}.ref-find{grid-template-columns:1fr 1fr;padding:20px;gap:12px}.ref-find>div:first-child{grid-column:1/-1}.ref-find h2{font-size:26px}.ref-map-art{min-height:190px}.ref-map-art b{font-size:15px;padding:18px}.ref-social{grid-template-columns:repeat(6,1fr);gap:4px}.ref-social>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.ref-footer-grid{grid-template-columns:repeat(2,1fr);gap:24px}.ref-footer-grid>a{grid-column:1/-1}.ref-footer-bottom{flex-wrap:wrap}.reference-site .website-footer{padding:26px 20px}.ref-sub{font-size:13px}.ref-heading{align-items:center}.ref-hero-copy h1 em{color:#ffcc44}}
@media(prefers-reduced-motion:reduce){.reference-site *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
[dir=rtl] .ref-hero picture,[dir=rtl] .ref-hero picture img{transform:none}[dir=rtl] .ref-hero-copy{margin-right:auto;margin-left:0;background:linear-gradient(90deg,#4b188dbb,transparent);text-align:right}[dir=rtl] .ref-billboard>div{margin-right:auto;margin-left:0}[dir=rtl] .ref-billboard:after{background:linear-gradient(90deg,#21142de6,transparent 85%)}

/* V13 full-width: imagery spans the viewport; paragraph measure stays readable. */
.reference-site{--page-gutter:clamp(20px,3.2vw,84px);width:100%;max-width:none;overflow-x:clip}.reference-site .site-header{width:100%;max-width:none;padding-inline:var(--page-gutter);margin:0}.reference-home{width:100%;max-width:none;padding:0 var(--page-gutter);margin:0}.reference-home>.ref-hero{margin-inline:calc(-1 * var(--page-gutter));border-radius:0;min-height:clamp(430px,35vw,680px);aspect-ratio:auto}.ref-hero-copy{padding-inline:var(--page-gutter);padding-top:6%;max-width:950px}.ref-hero-copy h1{font-size:clamp(36px,4.3vw,78px);max-width:16ch}.ref-hero-copy p{max-width:42ch;font-size:clamp(16px,1.2vw,20px)}.ref-hero-copy .button{font-size:14px}.reference-site .ref-heading h2{font-size:clamp(24px,2.1vw,38px)}.reference-site .ref-category-rail{grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(12px,1.2vw,26px)}.reference-site .ref-category-rail h3{font-size:clamp(13px,1vw,17px)}.reference-site .ref-product-rail{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,1.3vw,28px)}.reference-site .ref-product h3{font-size:clamp(13px,.9vw,16px)}.reference-site .ref-product strong{font-size:clamp(13px,.9vw,16px)}.reference-site .ref-product-rail,.reference-site .ref-category-rail{scrollbar-width:thin}.reference-site .ref-section{padding-top:clamp(28px,2.8vw,54px)}.reference-site .ref-deal{min-height:clamp(210px,17vw,320px)}.reference-site .ref-deal h3{font-size:clamp(25px,2.1vw,38px)}.reference-site .ref-billboard{margin-top:clamp(30px,3vw,56px);min-height:clamp(260px,21vw,400px)}.reference-site .ref-billboard>div{padding:clamp(28px,3vw,60px);max-width:56%}.reference-site .ref-billboard h2{font-size:clamp(30px,3vw,54px)}.reference-site .ref-billboard p{max-width:48ch}.reference-site .ref-world-grid img{height:auto;aspect-ratio:1.7}.reference-site .ref-world-grid h3{font-size:clamp(15px,1.1vw,20px)}.reference-site .website-footer{padding-inline:var(--page-gutter)}.reference-site .editorial-site,.reference-site main{max-width:none}.reference-site main>.section,.reference-site main .section,.reference-site .about-section,.reference-site .website-faq{width:100%;max-width:none!important}.reference-site .page-hero{padding-inline:var(--page-gutter)}.reference-site .section{padding-inline:var(--page-gutter)}.reference-site .managed-article p{max-width:70ch}.reference-site .page-hero p:not(.eyebrow){max-width:60ch}.reference-site .website-faq details>p{max-width:70ch}.reference-site .ref-find p{max-width:48ch}.reference-site .ref-find{margin-top:40px}.reference-site .ref-social{margin-block:36px}.reference-site .ref-footer-grid{grid-template-columns:1.2fr repeat(4,1fr)}
@media(max-width:1100px){.reference-site .ref-category-rail{grid-template-columns:repeat(8,115px);overflow:auto}.reference-site .ref-product-rail{grid-template-columns:repeat(6,175px);overflow:auto}.ref-hero-copy{width:60%;padding-top:60px}.ref-hero-copy h1{font-size:clamp(36px,5vw,60px)}.reference-home>.ref-hero{min-height:460px}.reference-site .ref-billboard>div{max-width:65%}}
@media(max-width:600px){.reference-site{--page-gutter:16px}.reference-home>.ref-hero{min-height:440px}.ref-hero-copy{width:80%;padding:34px 22px 82px;max-width:none}.ref-hero-copy h1{font-size:clamp(32px,8vw,45px)}.ref-hero-copy p{font-size:14px;max-width:26ch}.reference-site .ref-category-rail{grid-template-columns:repeat(8,90px);gap:10px}.reference-site .ref-product-rail{grid-template-columns:repeat(6,145px);gap:10px}.reference-site .ref-deal{min-height:190px}.reference-site .ref-billboard{min-height:255px}.reference-site .ref-billboard>div{max-width:82%;padding:25px 20px}.reference-site .ref-billboard h2{font-size:29px}.reference-site .ref-footer-grid{grid-template-columns:repeat(2,1fr)}.reference-site .ref-section{padding-top:28px}.reference-site .ref-find{margin-top:28px}}