/* SANJIESAN · an illustrated collector's edition. Existing content and behaviours retained. */
:root { --edition-paper:#fcfaf7; --edition-ink:#39303c; --edition-rose:#8d5168; --edition-rule:#dcd1d5; }
.site-header { top:0; margin:0; padding:14px 36px; border:0; border-bottom:1px solid var(--edition-rule); border-radius:0; background:#fcfaf7f5; box-shadow:none; }
.site-header { width:100%; max-width:none; }
.site-header .header-inner { max-width:1440px; gap:26px; }
.site-header .brand strong { font-weight:500; font-size:1.4rem; letter-spacing:.07em; }
.site-header .brand span { font-size:.42rem; letter-spacing:.18em; margin-top:7px; }
.site-header .main-nav { gap:clamp(14px,1.7vw,28px); }
.site-header .main-nav > a { font-size:.8rem; font-weight:500; }
.site-header :is(.locale-switch > summary,.mobile-browse > summary,.universe-header-collect) { border-radius:0; border-color:transparent; background:transparent; }
.site-header .locale-menu,.site-header .mobile-browse-panel { border-radius:3px; box-shadow:0 24px 50px #39303c12; }
html[data-sjs-surface=editorial] body { background:var(--edition-paper); color:var(--edition-ink); --ink:var(--edition-ink); --muted:#766c78; --atelier-muted:#766c78; }
html[data-sjs-surface=editorial] .page-shell { width:min(1360px,calc(100% - 88px)); }
html[data-sjs-surface=editorial] main .button { border-radius:2px; font-weight:500; box-shadow:none; min-height:52px; padding:15px 25px; font-size:.83rem; gap:26px; transition:background .25s,color .25s,transform .25s; }
html[data-sjs-surface=editorial] main .button.button-primary { background:#6d435c; color:#fffaf7!important; border:1px solid #6d435c; }
html[data-sjs-surface=editorial] main .button.button-secondary { background:transparent; color:#6d435c; border:1px solid #b8a4b1; }
html[data-sjs-surface=editorial] main :is(.section-heading,.ref-section-title) { align-items:end; gap:32px; margin-bottom:36px; }
html[data-sjs-surface=editorial] main :is(.section-heading,.ref-section-title) > div { min-width:0; max-width:100%; }
html[data-sjs-surface=editorial] main :is(.section-heading,.ref-section-title) h2 { min-width:0; max-width:100%; overflow-wrap:anywhere; hyphens:auto; white-space:normal; }
html[data-sjs-surface=editorial] main :is(.section-heading,.ref-section-title) h2 { font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif; font-size:clamp(2rem,3.3vw,3.4rem); font-weight:400; line-height:1.35; letter-spacing:-.04em; }
html[data-sjs-surface=editorial] main :is(.section-heading,.ref-section-title) p { max-width:600px; font-size:.84rem; line-height:1.9; }
html[data-sjs-surface=editorial] main .eyebrow { color:var(--edition-rose); font-size:.65rem; letter-spacing:.17em; font-weight:500; line-height:1.8; }
/* A full-width masthead and an uncropped panorama, followed by the editorial note. */
html[data-sjs-surface=editorial] .ref-home { margin-top:0; }
html[data-sjs-surface=editorial] .ref-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto auto auto auto auto; column-gap:64px; row-gap:0; width:min(1440px,100%); height:auto; min-height:0; margin:0 auto; padding:18px 36px 36px; overflow:visible; background:transparent; }
html[data-sjs-surface=editorial] .ref-hero::before,html[data-sjs-surface=editorial] .ref-hero::after { content:none; }
html[data-sjs-surface=editorial] .ref-hero-center { display:contents; position:static; transform:none; border:0; border-radius:0; background:none; box-shadow:none; backdrop-filter:none; padding:0; }
html[data-sjs-surface=editorial] .ref-hero-center h1 { grid-column:1/-1; grid-row:1; text-align:center; font-family:Georgia,"Times New Roman",serif; font-size:clamp(3.4rem,12.2vw,11.25rem); font-weight:400; line-height:.98; letter-spacing:-.075em; color:#55424e; margin:0 0 20px; padding-right:.06em; text-shadow:none; white-space:nowrap; text-wrap:nowrap; }
html[data-sjs-surface=editorial] .ref-hero-picture { grid-column:1/-1; grid-row:2; position:relative; inset:auto; display:block; width:100%; height:auto; aspect-ratio:3/1; overflow:hidden; border-radius:2px; }
html[data-sjs-surface=editorial] .ref-hero-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 50%; filter:none; opacity:1; transform:none; }
html[data-sjs-surface=editorial] .ref-hero-kicker { grid-column:1; grid-row:3; display:block; margin:27px 0 11px; text-align:left; font-size:.61rem; color:#8d5168; letter-spacing:.17em; }
html[data-sjs-surface=editorial] .ref-hero-center h2 { grid-column:1; grid-row:4/6; text-align:left; align-self:start; max-width:560px; font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif; font-size:clamp(1.8rem,3.2vw,3.1rem); font-weight:400; line-height:1.3; letter-spacing:-.04em; color:#443846; margin:0; }
html[lang=zh][data-sjs-surface=editorial] main :is(h1,h2),html[lang=ja][data-sjs-surface=editorial] main :is(h1,h2),html[lang=ko][data-sjs-surface=editorial] main :is(h1,h2) { letter-spacing:0; }
html[data-sjs-surface=editorial] .ref-hero-center h1 { letter-spacing:-.075em!important; }
html[data-sjs-surface=editorial] .ref-hero-center > p { grid-column:2; grid-row:3; align-self:end; text-align:left; max-width:500px; margin:26px 0 14px; color:#6e6370; font-size:.9rem; line-height:1.8; }
html[data-sjs-surface=editorial] .ref-hero-small { grid-column:2; grid-row:4; text-align:left; font-size:.68rem; color:#877581; margin:0 0 16px; }
html[data-sjs-surface=editorial] .ip-home-hero-buttons { grid-column:2; grid-row:5; justify-content:flex-start; gap:14px; }
html[data-sjs-surface=editorial] .ref-hero-center .button { min-height:46px; padding:11px 20px; font-size:.8rem; }
html[data-sjs-surface=editorial] .ref-hero-bottom { position:static; grid-column:1; grid-row:6; transform:none; width:100%; text-align:left; justify-content:flex-start; align-self:end; flex-wrap:wrap; gap:10px 20px; margin-top:18px; font-size:.65rem; color:#7e6e7b; }
/* A quiet, horizontal index replaces the row of round app tiles. */
html[data-sjs-surface=editorial] .ref-category-wrap { display:flex; gap:26px; align-items:center; position:relative; margin-top:18px; padding:21px 0; border:0; border-top:1px solid var(--edition-rule); border-bottom:1px solid var(--edition-rule); border-radius:0; background:transparent; box-shadow:none; }
html[data-sjs-surface=editorial] .ref-category-list { display:flex; gap:24px; overflow-x:auto; scrollbar-width:none; padding:2px 0 8px; scroll-snap-type:x proximity; }
html[data-sjs-surface=editorial] .ref-category-list::-webkit-scrollbar { display:none; }
html[data-sjs-surface=editorial] .ref-category-list::-webkit-scrollbar-track { background:#eee8eb; }
html[data-sjs-surface=editorial] .ref-category-list::-webkit-scrollbar-thumb { background:#c6b7c3; border-radius:0; }
html[data-sjs-surface=editorial] .ref-category-list > a { min-width:90px; flex-direction:row; gap:10px; text-align:left; scroll-snap-align:start; }
html[data-sjs-surface=editorial] .ref-category-bubble { width:38px; height:48px; border:0; border-radius:1px; flex-shrink:0; background:#f2e9e8; }
html[data-sjs-surface=editorial] .ref-category-list strong { font-weight:400; font-size:.72rem; line-height:1.7; white-space:nowrap; }
html[data-sjs-surface=editorial] .ref-category-feature { min-width:230px; border:0; border-left:1px solid var(--edition-rule); border-radius:0; background:transparent; box-shadow:none; padding:4px 0 4px 24px; }
html[data-sjs-surface=editorial] .ref-category-feature img { width:55px; height:55px; border-radius:0; object-fit:cover; }
html[data-sjs-surface=editorial] .ref-category-feature b { border-radius:0; background:none; color:#8d5168; }
html[data-sjs-surface=editorial] .universe-home-shortcuts { margin-block:22px 0; justify-content:flex-start; gap:28px; }
html[data-sjs-surface=editorial] .universe-home-shortcuts a { border:0; border-radius:0; background:none; padding:4px 0; min-height:44px; font-size:.75rem; color:#7c6578; }
html[data-sjs-surface=editorial] :is(.ip-section,.ref-featured,.home-editorial,.why-collabs) { padding-block:80px; }
html[data-sjs-surface=editorial] .ref-feature-row { grid-template-columns:minmax(0,1fr); gap:45px; }
html[data-sjs-surface=editorial] .ref-shelf { grid-template-columns:1.5fr 1fr 1fr; gap:34px 24px; align-items:start; }
html[data-sjs-surface=editorial] .ref-product-tile { border:0; border-radius:0; background:none; box-shadow:none; }
html[data-sjs-surface=editorial] .ref-product-tile:first-child { grid-row:span 2; }
html[data-sjs-surface=editorial] .ref-product-photo { aspect-ratio:1.16; border-radius:2px; overflow:hidden; background:#f3eeeb; }
html[data-sjs-surface=editorial] .ref-product-tile:first-child .ref-product-photo { aspect-ratio:.82; }
html[data-sjs-surface=editorial] .ref-product-copy { padding:17px 0 8px; }
html[data-sjs-surface=editorial] .ref-product-copy h3 { font-size:1rem; font-weight:400; line-height:1.6; margin:8px 32px 12px 0; }
html[data-sjs-surface=editorial] .ref-product-tile:first-child .ref-product-copy h3 { font-family:Georgia,"Noto Serif SC",serif; font-size:1.5rem; }
html[data-sjs-surface=editorial] .ref-product-copy > span:first-child { font-size:.6rem; letter-spacing:.09em; color:#8d5168; }
html[data-sjs-surface=editorial] .ref-product-arrow { border-radius:50%; background:transparent; border:1px solid #c9b8c3; width:30px; height:30px; }
html[data-sjs-surface=editorial] .ref-cafe-banner { width:100%; height:300px; min-height:0; border-radius:2px; }
html[data-sjs-surface=editorial] .ref-cafe-copy { max-width:520px; }
/* Common collection pages: open image plates, fine rules, and generous cadence. */
html[data-sjs-surface=editorial] :is(.universe-visual-path,.universe-path-cover) { border:0; border-radius:2px; box-shadow:none; background:transparent; }
html[data-sjs-surface=editorial] .universe-path-shortcuts { border-bottom:1px solid var(--edition-rule); border-radius:0; background:transparent; }
html[data-sjs-surface=editorial] .universe-path-index { border-radius:0; }
html[data-sjs-surface=editorial] :is(.ip-asset-card,.ip-sector-card,.discovery-card,.editorial-card,.ref-fan-card) { border:0; border-radius:2px; box-shadow:none; background:transparent; overflow:hidden; }
html[data-sjs-surface=editorial] :is(.ip-card-copy,.discovery-card-copy) { padding:20px 0 22px; border-bottom:1px solid var(--edition-rule); }
html[data-sjs-surface=editorial] .ip-card-copy h3 { font-size:1.45rem; font-weight:400; }
html[data-sjs-surface=editorial] :is(.ip-page-hero,.ip-brand-hero,.collab-hero,.about-hero > .page-shell) { padding-block:76px; gap:76px; }
html[data-sjs-surface=editorial] :is(.ip-page-hero,.ip-brand-hero,.collab-hero,.about-hero) h1 { font-size:clamp(3rem,6.3vw,6.3rem); line-height:1.13; font-weight:400; }
html[data-sjs-surface=editorial] :is(.ip-page-hero,.ip-brand-hero) .ip-art { border:0; border-radius:2px; box-shadow:none; }
html[data-sjs-surface=editorial] .ip-hub-nav { padding-block:20px; border-block:1px solid var(--edition-rule); gap:14px 28px; }
html[data-sjs-surface=editorial] .ip-hub-nav a { border:0; border-radius:0; background:none; padding:7px 0; min-height:44px; font-size:.8rem; }
html[data-sjs-surface=editorial] :is(.ip-create-strip,.world-bridge,.behind-home,.ip-home-mecha-image) { border-radius:2px; }
html[data-sjs-surface=editorial] :is(.why-grid article,.about-answers article,.about-now-next article,.home-now-next article) { border:0; border-top:1px solid #cab7c5; border-radius:0; background:transparent; padding:30px 0; box-shadow:none; }
html[data-sjs-surface=editorial] :is(.lead-form,.ip-brand-form,.contact-panel) { border:1px solid var(--edition-rule); border-radius:2px; padding:36px; box-shadow:none; background:#fffdfb; }
html[data-sjs-surface=editorial] .lead-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { border-radius:2px; border-color:#b9a8b5; }
/* The shop is a full-width illustrated window with a typographic collection index. */
html[data-sjs-surface=editorial] .shop-upgrade { padding-top:0; }
html[data-sjs-surface=editorial] .shop-upgrade-hero { position:relative; display:block; padding:0; width:min(1440px,100%); min-height:650px; margin:0 auto 0; background:#f0e8e6; overflow:hidden; }
html[data-sjs-surface=editorial] .shop-upgrade-art { position:absolute; inset:0 0 0 32%; width:auto; height:100%; aspect-ratio:auto; border:0; border-radius:0; box-shadow:none; background:#e9d9d1; }
html[data-sjs-surface=editorial] .shop-upgrade-art > img { object-position:55% 50%; }
html[data-sjs-surface=editorial] .shop-upgrade-art::after { inset:0; background:linear-gradient(90deg,#fcfaf7 0%,#fcfaf7e8 8%,#fcfaf700 42%); border:0; border-radius:0; }
html[data-sjs-surface=editorial] .shop-upgrade-art figcaption { z-index:2; bottom:23px; left:auto; right:26px; padding:8px 0; max-width:70%; background:#fcfaf7e8; border:0; border-radius:0; box-shadow:none; font-size:.61rem; }
html[data-sjs-surface=editorial] .shop-upgrade-hero-copy { position:relative; z-index:2; width:51%; min-height:650px; padding:72px 0 55px 48px; background:linear-gradient(90deg,#fcfaf7 64%,#fcfaf700); pointer-events:none; }
html[data-sjs-surface=editorial] .shop-upgrade-hero-copy > * { pointer-events:auto; }
html[data-sjs-surface=editorial] .shop-upgrade-hero h1 { font-size:clamp(3rem,5.1vw,5.2rem); font-weight:400; line-height:1.17; letter-spacing:-.05em; margin:28px 0; max-width:610px; }
html[data-sjs-surface=editorial] .shop-upgrade-hero h1 > span { color:#98627d; font-style:italic; }
html:is([lang=zh],[lang=ja],[lang=ko])[data-sjs-surface=editorial] .shop-upgrade-hero h1 > span { font-style:normal; }
html[data-sjs-surface=editorial] .shop-upgrade-hero-copy > p { width:84%; max-width:390px; font-size:.86rem; line-height:1.95; margin-bottom:28px; }
html[data-sjs-surface=editorial] .shop-upgrade-signature { margin-top:42px; }
html[data-sjs-surface=editorial] .shop-upgrade-destinations { gap:0; padding:0; margin-top:26px; border-block:1px solid var(--edition-rule); }
html[data-sjs-surface=editorial] .shop-upgrade-destination { border:0; border-right:1px solid var(--edition-rule); border-radius:0; padding:24px 26px; background:transparent; box-shadow:none; }
html[data-sjs-surface=editorial] .shop-upgrade-destination:first-child { padding-left:0; }
html[data-sjs-surface=editorial] .shop-upgrade-destination:last-child { border-right:0; }
html[data-sjs-surface=editorial] .shop-upgrade-destination-top { color:#8d647a; margin-bottom:25px; }
html[data-sjs-surface=editorial] .shop-upgrade-destination strong { font-family:Georgia,"Noto Serif SC",serif; font-size:1.4rem; font-weight:400; }
html[data-sjs-surface=editorial] .shop-upgrade-destination p { font-size:.73rem; }
html[data-sjs-surface=editorial] .shop-upgrade .shop-page { padding-block:90px; }
html[data-sjs-surface=editorial] .shop-upgrade .shop-content-grid { grid-template-columns:minmax(0,1fr) 240px; gap:45px; }
html[data-sjs-surface=editorial] .shop-upgrade .shop-collection-heading { border-bottom:1px solid var(--edition-rule); padding-bottom:30px; margin-bottom:36px; }
html[data-sjs-surface=editorial] .shop-upgrade .shop-collection-heading h2 { font-size:clamp(2rem,3.6vw,3.7rem); font-weight:400; }
html[data-sjs-surface=editorial] .shop-upgrade .search-controls { border:0; border-bottom:1px solid #b9a2b2; border-radius:0; padding:4px 0 10px; background:none; box-shadow:none; }
html[data-sjs-surface=editorial] .shop-upgrade .search-controls :is(input,select) { border-radius:0; background:transparent; }
html[data-sjs-surface=editorial] .shop-upgrade .shop-result-heading h3 { font-size:1.85rem; font-weight:400; }
html[data-sjs-surface=editorial] .shop-upgrade .campaign-card { border:0; border-radius:2px; background:#f2ece7; }
html[data-sjs-surface=editorial] .shop-upgrade .campaign-card .card-image { min-height:320px; background:#efe7df; }
html[data-sjs-surface=editorial] .shop-upgrade .campaign-card .card-copy { padding:35px; }
html[data-sjs-surface=editorial] .shop-upgrade .showcase-grid { gap:30px 22px; }
html[data-sjs-surface=editorial] .shop-upgrade .showcase-card { border:0; border-radius:0; background:transparent; box-shadow:none; }
html[data-sjs-surface=editorial] .shop-upgrade .showcase-card-image { aspect-ratio:.88; border:0; border-radius:2px; background:#f1ecea; }
html[data-sjs-surface=editorial] .shop-upgrade .showcase-card-image > span { border-radius:1px; background:#fcfaf7ec; border:0; }
html[data-sjs-surface=editorial] .shop-upgrade .showcase-card-copy { padding:17px 0 15px; border-bottom:1px solid var(--edition-rule); }
html[data-sjs-surface=editorial] .shop-upgrade .showcase-card-copy :is(h3,h4) { font-family:Georgia,"Noto Serif SC",serif; font-size:1.08rem; font-weight:400; }
html[data-sjs-surface=editorial] .shop-upgrade .showcase-card-copy > p:last-child { border:0; padding-top:4px; }
html[data-sjs-surface=editorial] .shop-upgrade .shop-editorial-panel { background:#f2ecef; border:0; border-radius:0; padding:25px; box-shadow:none; }
html[data-sjs-surface=editorial] .shop-upgrade .shop-editorial-panel h3 { font-size:1.35rem; }
html[data-sjs-surface=editorial] #global-picks .discovery-filters { gap:9px 24px; padding-block:8px 17px; }
html[data-sjs-surface=editorial] #global-picks .discovery-filters button { border:0; border-bottom:1px solid transparent; border-radius:0; padding:9px 0; background:transparent; color:#766374; }
html[data-sjs-surface=editorial] #global-picks .discovery-filters button[aria-pressed=true] { border-color:#744861; color:#543549; }
html[data-sjs-surface=editorial] #global-picks .empty-state { border-radius:0; border:0; border-left:2px solid #c9b3c5; background:#f4eff4; }
html[data-sjs-surface=editorial] #global-previews > summary { border-radius:0; border:0; border-block:1px solid var(--edition-rule); background:transparent; padding:17px 0; }
html[data-sjs-surface=editorial] .discovery-dialog { border-radius:3px; }
.site-footer { width:100%; max-width:none; padding:70px max(44px,calc((100vw - 1360px)/2)); margin:90px auto 0; border:0; border-top:1px solid var(--edition-rule); border-radius:0; background:#f0e9ec; gap:75px; }
.site-footer .footer-brand strong { font-size:clamp(2rem,4vw,4rem); font-weight:400; letter-spacing:-.05em; }
.site-footer .footer-brand p { max-width:360px; }
.site-footer .footer-groups nav b { font-weight:400; letter-spacing:.15em; font-size:.64rem; }
.site-footer .footer-groups nav a { font-size:.78rem; }
@media (hover:hover) and (pointer:fine) {
 html[data-sjs-surface=editorial] main .button-primary:hover { background:#87546f; border-color:#87546f; }
 html[data-sjs-surface=editorial] :is(.ref-product-tile,.ip-asset-card,.ip-sector-card,.discovery-card,.showcase-card,.shop-upgrade-destination):hover { transform:none; border-color:transparent; box-shadow:none; }
 html[data-sjs-surface=editorial] :is(.ref-product-tile,.ip-asset-card,.showcase-card) img { transition:transform .65s cubic-bezier(.2,.65,.3,1); }
 html[data-sjs-surface=editorial] :is(.ref-product-tile,.ip-asset-card,.showcase-card):hover img { transform:scale(1.025); }
 html[data-sjs-surface=editorial] .shop-upgrade-destination:hover { background:#efe6ec; }
 html[data-sjs-surface=editorial] .shop-upgrade-destination:first-child:hover { padding-left:15px; }
}
@media (min-width:1440px) { html[data-sjs-surface=editorial] .ref-hero-center h1 { font-size:11.25rem; } }
@media (max-width:1100px) {
 .site-header { padding-inline:25px; }
 html[data-sjs-surface=editorial] .page-shell { width:calc(100% - 50px); }
 html[data-sjs-surface=editorial] .ref-hero { padding-inline:25px; column-gap:35px; }
 html[data-sjs-surface=editorial] .ref-category-feature { display:none; }
 html[data-sjs-surface=editorial] .ref-category-list { width:100%; }
 html[data-sjs-surface=editorial] .shop-upgrade .shop-content-grid { grid-template-columns:minmax(0,1fr); }
 html[data-sjs-surface=editorial] .shop-upgrade-hero-copy { padding-left:30px; width:57%; }
 html[data-sjs-surface=editorial] .shop-upgrade-hero h1 { font-size:3.5rem; }
 html[data-sjs-surface=editorial] .shop-upgrade-destination { padding:22px 18px; }
 html[data-sjs-surface=editorial] .shop-upgrade-destination strong { font-size:1.15rem; }
 .site-footer { padding-inline:30px; gap:40px; }
}
@media (max-width:700px) {
 .site-header { padding:7px 16px; }
 .site-header .header-inner { gap:9px; }
 .site-header .brand strong { font-size:1.14rem; }
 .site-header .brand span { font-size:.36rem; }
 .site-header .locale-switch > summary { padding-inline:8px; }
 html[data-sjs-surface=editorial] .page-shell { width:calc(100% - 36px); }
 html[data-sjs-surface=editorial] .ref-hero { display:flex; flex-direction:column; padding:16px 14px 22px; margin:0; min-height:0; height:auto; gap:0; }
 html[data-sjs-surface=editorial] .ref-hero-center h1 { order:0; width:100%; font-size:12vw; margin:0 0 16px; line-height:1; }
 html[data-sjs-surface=editorial] .ref-hero-picture { order:1; aspect-ratio:auto; height:310px; flex:none; border-radius:1px; }
 html[data-sjs-surface=editorial] .ref-hero-art { object-position:50% 93%; }
 html[data-sjs-surface=editorial] .ref-hero-kicker { order:2; margin:23px 4px 10px; font-size:.53rem; letter-spacing:.14em; }
 html[data-sjs-surface=editorial] .ref-hero-center h2 { order:3; max-width:none; margin:0 4px 12px; font-size:1.8rem; line-height:1.25; }
 html[data-sjs-surface=editorial] .ref-hero-center h2 { width:calc(100% - 8px); min-width:0; max-width:calc(100% - 8px); overflow-wrap:anywhere; hyphens:auto; }
 html[data-sjs-surface=editorial] .ref-hero-center > p { order:4; margin:0 4px 18px; max-width:none; font-size:.8rem; line-height:1.85; }
 html[data-sjs-surface=editorial] .ref-hero-center > p { text-align:left!important; width:calc(100% - 8px); align-self:stretch; }
 html[data-sjs-surface=editorial] .ref-hero-small { order:6; margin:14px 4px 0; font-size:.61rem; }
 html[data-sjs-surface=editorial] .ip-home-hero-buttons { order:5; display:flex; flex-wrap:wrap; gap:10px; margin:0 4px; }
 html[data-sjs-surface=editorial] .ref-hero-center .button { font-size:.74rem; padding:10px 13px; min-height:46px; gap:8px; flex:1 1 130px; }
 html[data-sjs-surface=editorial] .ref-hero-bottom { order:7; margin:14px 4px 0; width:calc(100% - 8px); font-size:.58rem; gap:8px 15px; }
 html[data-sjs-surface=editorial] .ref-category-wrap { margin-top:10px; padding-block:13px; }
 html[data-sjs-surface=editorial] .ref-category-list { gap:23px; }
 html[data-sjs-surface=editorial] .ref-category-list > a { min-width:85px; }
 html[data-sjs-surface=editorial] .ref-category-bubble { width:33px; height:44px; }
 html[data-sjs-surface=editorial] .ref-category-list strong { font-size:.68rem; }
 html[data-sjs-surface=editorial] .universe-home-shortcuts { gap:10px 22px; margin-top:12px; }
 html[data-sjs-surface=editorial] .universe-home-shortcuts a { flex:0 1 auto; font-size:.68rem; min-height:44px; padding:3px 0; }
 html[data-sjs-surface=editorial] :is(.ip-section,.ref-featured,.home-editorial,.why-collabs) { padding-block:48px; }
 html[data-sjs-surface=editorial] main :is(.section-heading,.ref-section-title) { gap:12px; margin-bottom:25px; }
 html[data-sjs-surface=editorial] main :is(.section-heading,.ref-section-title) h2 { font-size:2rem; }
 html[data-sjs-surface=editorial] .ref-shelf { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 15px; }
 html[data-sjs-surface=editorial] .ref-product-tile:first-child { grid-column:1/-1; grid-row:auto; }
 html[data-sjs-surface=editorial] .ref-product-tile:first-child .ref-product-photo { aspect-ratio:1.3; }
 html[data-sjs-surface=editorial] .ref-product-tile:last-child:nth-child(odd) { grid-column:auto; display:block; }
 html[data-sjs-surface=editorial] .ref-product-copy h3 { font-size:.88rem; }
 html[data-sjs-surface=editorial] .ref-product-tile:first-child .ref-product-copy h3 { font-size:1.25rem; }
 html[data-sjs-surface=editorial] .ref-cafe-banner { height:240px; }
 html[data-sjs-surface=editorial] :is(.ip-page-hero,.ip-brand-hero,.collab-hero,.about-hero > .page-shell) { padding-block:40px; gap:30px; }
 html[data-sjs-surface=editorial] :is(.ip-page-hero,.ip-brand-hero,.collab-hero,.about-hero) h1 { font-size:clamp(2.6rem,11vw,3.4rem); }
 html[data-sjs-surface=editorial] .ip-card-copy h3 { font-size:1.12rem; }
 html[data-sjs-surface=editorial] :is(.lead-form,.ip-brand-form,.contact-panel) { padding:22px; }
 html[data-sjs-surface=editorial] .shop-upgrade-hero { display:flex; flex-direction:column; min-height:0; background:var(--edition-paper); padding-bottom:18px; }
 html[data-sjs-surface=editorial] .shop-upgrade-art { order:0; position:relative; inset:auto; width:calc(100% - 28px); margin:14px 14px 0; height:285px; flex:none; aspect-ratio:auto; }
 html[data-sjs-surface=editorial] .shop-upgrade-art::after { background:linear-gradient(0deg,#41344845,transparent 45%); }
 html[data-sjs-surface=editorial] .shop-upgrade-art figcaption { max-width:90%; font-size:.55rem; bottom:12px; right:12px; padding:6px 8px; }
 html[data-sjs-surface=editorial] .shop-upgrade-hero-copy { order:1; width:100%; min-height:0; padding:25px 22px 10px; background:none; }
 html[data-sjs-surface=editorial] .shop-upgrade-hero-copy > .eyebrow { font-size:.56rem; }
 html[data-sjs-surface=editorial] .shop-upgrade-hero h1 { font-size:clamp(2.3rem,10.1vw,3.2rem); margin:16px 0; max-width:none; }
 html[data-sjs-surface=editorial] .shop-upgrade-hero-copy > p { width:100%; max-width:none; font-size:.79rem; margin:0 0 20px; }
 html[data-sjs-surface=editorial] .shop-upgrade-actions { gap:8px 20px; }
 html[data-sjs-surface=editorial] .shop-upgrade-actions .button { font-size:.77rem; padding:11px 17px; }
 html[data-sjs-surface=editorial] .shop-upgrade-text-link { font-size:.74rem; }
 html[data-sjs-surface=editorial] .shop-upgrade-destinations { margin-top:20px; gap:0; }
 html[data-sjs-surface=editorial] .shop-upgrade-destination { padding:18px 13px; border-bottom:1px solid var(--edition-rule); }
 html[data-sjs-surface=editorial] .shop-upgrade-destination:first-child { padding-left:0; }
 html[data-sjs-surface=editorial] .shop-upgrade-destination:nth-child(2) { border-right:0; }
 html[data-sjs-surface=editorial] .shop-upgrade-destination:nth-child(3) { padding-left:0; border-bottom:0; }
 html[data-sjs-surface=editorial] .shop-upgrade-destination:last-child { border-bottom:0; }
 html[data-sjs-surface=editorial] .shop-upgrade-destination-top { margin-bottom:15px; }
 html[data-sjs-surface=editorial] .shop-upgrade-destination strong { font-size:1.07rem; }
 html[data-sjs-surface=editorial] .shop-upgrade-destination p { font-size:.68rem; }
 html[data-sjs-surface=editorial] .shop-upgrade .shop-page { padding-block:50px; }
 html[data-sjs-surface=editorial] .shop-upgrade .shop-collection-heading h2 { font-size:2rem; }
 html[data-sjs-surface=editorial] .shop-upgrade .shop-content-grid { gap:35px; }
 html[data-sjs-surface=editorial] .shop-upgrade .shop-result-heading h3 { font-size:1.5rem; }
 html[data-sjs-surface=editorial] .shop-upgrade .campaign-card .card-copy { padding:24px; }
 html[data-sjs-surface=editorial] .shop-upgrade .campaign-card .card-image { min-height:0; }
 html[data-sjs-surface=editorial] .shop-upgrade .showcase-grid { gap:27px 15px; }
 html[data-sjs-surface=editorial] .shop-upgrade .showcase-card-copy :is(h3,h4) { font-size:.9rem; }
 html[data-sjs-surface=editorial] #global-picks .discovery-filters { gap:8px 18px; }
 .site-footer { margin-top:55px; padding:45px 23px 85px; gap:35px; }
 .site-footer .footer-brand strong { font-size:2.7rem; }
}
@media (max-width:359px) {
 .site-header { padding-inline:9px; }
 .site-header .header-inner { gap:4px; }
 .site-header .brand strong { font-size:.98rem; }
 .site-header .brand span { font-size:.31rem; }
 html[data-sjs-surface=editorial] .ref-hero-picture { height:265px; }
 html[data-sjs-surface=editorial] .shop-upgrade-art { height:240px; }
}
@media (prefers-reduced-motion:reduce) { html[data-sjs-surface=editorial] main *,html[data-sjs-surface=editorial] main *::before,html[data-sjs-surface=editorial] main *::after { transition:none!important; animation:none!important; } }