/* X-Cart 5 | skin: crisp_white + Yujie */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
[hidden]{display:none!important}
:root{
  --page:#FBFAF7;--ground:#F4F1EA;--stone:#E9E4D9;--line:#E4DED2;--line-strong:#CFC6B6;
  --head:#1C1D1D;--text:#2B2B2A;--soft:#65625C;--ink:#1C1D1D;--on-ink:#FBFAF7;
  --gold:#B38B52;--gold-text:#86652F;--blush:#EFE6DE;--night:#23211E;--on-night:#F2EEE6;--on-night-soft:#BDB6AA;
  --f-head:Newsreader, 'Iowan Old Style', Georgia, serif;--f-body:'Nunito Sans', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}
body{margin:0;background:var(--page);color:var(--text);font:400 17px/1.65 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block;border:0}
a{color:var(--head);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--gold-text)}
h1,h2,h3,h4{color:var(--head);margin:0;font-weight:400}
h1 a,h2 a,h3 a{color:inherit;text-decoration:none}
h1 a:hover,h2 a:hover,h3 a:hover{color:var(--gold-text)}
p{margin:0 0 1em}
figure{margin:0}
button{font:inherit;color:inherit}
table{border-collapse:collapse}
.clearfix::after{content:"";display:table;clear:both}
.container{width:100%;max-width:1440px;margin-inline:auto;padding-inline:40px}
@media (max-width:1100px){.container{padding-inline:28px}}
@media (max-width:860px){.container{padding-inline:24px}}
@media (max-width:520px){.container{padding-inline:18px}}

.kicker{font:700 12px/1.3 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--soft);margin:0 0 14px}
.kicker a{color:inherit;text-decoration:none}
.sect-no{display:inline-block;color:var(--gold-text);margin-right:12px;font-variant-numeric:tabular-nums}
.sect-no:empty{display:none}
.section-title{font:400 clamp(30px,3.2vw,46px)/1.1 var(--f-head);letter-spacing:-.01em}
.title{font:400 clamp(34px,4vw,58px)/1.05 var(--f-head);letter-spacing:-.015em}
.bl{color:var(--head);text-decoration:underline;text-decoration-color:var(--gold)}
.section-ground{background:var(--ground)}
.section-blush{background:var(--blush)}
.block{padding-block:76px}
@media (max-width:860px){.block{padding-block:52px}}

/* buttons */
.regular-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border-radius:0;
  font:700 13px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;cursor:pointer;max-width:100%;text-align:center;flex:0 0 auto}
.buy-button{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.buy-button:hover{background:var(--gold-text);border-color:var(--gold-text);color:var(--on-ink)}
.ghost-button{background:transparent;color:var(--head);border-color:var(--head)}
.ghost-button:hover{background:var(--head);color:var(--on-ink)}
.buy-lg{min-height:52px;padding:14px 30px;font-size:13.5px}
.buy-block{display:flex;width:100%}

/* header */
#header-area{position:sticky;top:0;z-index:40;background:var(--page);border-bottom:1px solid var(--line)}
.header-note{background:var(--ground);font-size:13.5px;color:var(--soft)}
.header-note p{margin:0;min-height:36px;display:flex;align-items:center;justify-content:center;text-align:center;letter-spacing:.02em}
.header-row{display:flex;align-items:center;gap:34px;min-height:74px;position:relative}
.site-main-logo{flex:0 0 auto}
.site-main-logo a{display:block}
.logo-img{width:118px;height:26px}
.top-main-menu-wrap{flex:1 1 auto;min-width:0}
.top-main-menu{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.top-main-menu > li > a{display:flex;align-items:center;min-height:74px;padding:0 13px;font:600 14.5px/1 var(--f-body);letter-spacing:.04em;color:var(--head);text-decoration:none;position:relative}
.top-main-menu > li > a::after{content:"";position:absolute;left:13px;right:13px;bottom:22px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .2s}
.top-main-menu > li:hover > a::after,.top-main-menu > li.active > a::after,.top-main-menu > li.is-open > a::after{transform:scaleX(1)}
.menu-panel{position:absolute;left:0;right:0;top:100%;display:none;grid-template-columns:repeat(2,minmax(0,220px)) minmax(0,1fr);gap:40px;padding:30px 40px 34px;background:var(--page);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 22px 40px rgba(28,29,29,.07)}
.top-main-menu > li:hover .menu-panel,.top-main-menu > li.is-open .menu-panel{display:grid}
.menu-col{min-width:0}
.menu-col-title{font:700 12px/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:0 0 12px}
.menu-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.menu-col a{display:flex;align-items:center;gap:10px;color:var(--head);text-decoration:none;font-size:15.5px}
.menu-col a:hover{color:var(--gold-text)}
.menu-col small{color:var(--soft);font-size:12.5px}
.menu-tile{justify-self:end;width:200px;display:block;color:var(--head);text-decoration:none;font:400 18px/1.25 var(--f-head)}
.menu-tile img{aspect-ratio:4/5;width:100%;object-fit:contain;background:var(--ground);mix-blend-mode:multiply;margin-bottom:10px}
.header-buy{min-height:40px;padding:8px 18px;margin-left:auto;color:var(--head);border-color:var(--head)}
.header-buy:hover{background:var(--head);color:var(--on-ink)}
.story-media img,.split-media img,.look-tile img,.jcard-img img,.art-cover img{object-position:50% 28%}
.header-buy .short{display:none}
.mobile-menu{display:none;position:relative}
.mobile-menu-toggle{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;min-height:44px;font:700 12.5px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase}
.mobile-menu-toggle::-webkit-details-marker{display:none}
.mobile-menu .bars{display:block;width:20px;height:12px;border-top:1.5px solid var(--head);border-bottom:1.5px solid var(--head);position:relative}
.mobile-menu .bars::after{content:"";position:absolute;left:0;right:0;top:4.5px;height:1.5px;background:var(--head)}
.mobile-menu-panel{position:absolute;left:-24px;top:calc(100% + 14px);width:min(360px,100vw);background:var(--page);border:1px solid var(--line);padding:16px 24px;box-shadow:0 22px 40px rgba(28,29,29,.1)}
.mobile-menu-panel ul{list-style:none;margin:0;padding:0}
.mobile-menu-panel a{display:block;padding:11px 0;border-bottom:1px solid var(--line);color:var(--head);text-decoration:none}
@media (max-width:1100px){
  .top-main-menu-wrap{display:none}
  .mobile-menu{display:block}
  .header-row{gap:18px;min-height:64px}
  .site-main-logo{margin-inline:auto}
}
@media (max-width:520px){
  .header-buy{padding:8px 12px;width:auto}
  .header-buy .long{display:none}
  .header-buy .short{display:inline}
  .mobile-menu .label{display:none}
  .logo-img{width:100px;height:22px}
}

/* breadcrumbs */
.crumbs{padding-top:22px}
#breadcrumb ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 8px;font-size:13.5px;color:var(--soft)}
#breadcrumb a{color:var(--soft);text-decoration:none}
#breadcrumb a:hover{color:var(--gold-text)}
#breadcrumb .sep{color:var(--line-strong)}

/* section heads */
.section-head{display:grid;gap:14px;margin-bottom:38px}
.section-head-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end}
.section-head-lede{margin:0;color:var(--text);max-width:60ch}
.section-head-more{margin:0;grid-column:1/-1}
.section-head-more a{font:700 12.5px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:4px}
@media (min-width:861px){.section-head:not(.section-head-split){grid-template-columns:minmax(0,1fr) auto;align-items:end}.section-head:not(.section-head-split) .section-head-more{grid-column:auto}}
@media (max-width:860px){.section-head-split{grid-template-columns:minmax(0,1fr);gap:16px}}

/* hero */
.block-hero{padding-block:44px 76px}
.hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.hero-grid > *{min-width:0}
.hero-title{font:400 clamp(40px,4.9vw,74px)/1.02 var(--f-head);letter-spacing:-.02em;margin-bottom:22px}
.hero-lede{font-size:18.5px;max-width:48ch;margin-bottom:28px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}
.hero-facts{list-style:none;margin:0;padding:22px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 30px;font-size:14.5px;color:var(--soft)}
.hero-facts b{font:400 22px/1 var(--f-head);color:var(--head);margin-right:4px}
.hero-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.hero-frame{background:var(--ground);aspect-ratio:4/5;overflow:hidden}
.hero-frame img{width:100%;height:100%;object-fit:cover}
.hero-frame-b{margin-top:64px}
@media (max-width:860px){
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:34px}
  .block-hero{padding-block:28px 52px}
  .hero-frame-b{margin-top:34px}
}

/* shelf tiles */
.shelf-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.shelf-tile a{display:block;text-decoration:none;color:var(--head)}
.shelf-tile img{width:100%;aspect-ratio:1/1;object-fit:contain;background:var(--ground);mix-blend-mode:multiply}
.shelf-tile a{background:var(--ground)}
.shelf-tile-label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 16px;background:var(--page);border-top:1px solid var(--line)}
.shelf-tile-label strong{font:400 21px/1.15 var(--f-head)}
.shelf-tile-label span{font-size:13px;color:var(--soft);white-space:nowrap}
.shelf-tile a:hover strong{color:var(--gold-text)}
@media (max-width:1100px){.shelf-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.shelf-tile-label{flex-direction:column;gap:2px}.shelf-tile-label strong{font-size:18px}}

/* product grid */
.products-grid{list-style:none;margin:0;padding:0;display:grid;gap:34px 22px}
.products-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.products-grid > li{min-width:0}
.product-cell{contain:layout style}
.product-thumbnail{display:block;position:relative;background:var(--ground);aspect-ratio:4/5;overflow:hidden}
.product-thumbnail .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8%}
.product-thumbnail .photo-main{mix-blend-mode:multiply}
.product-thumbnail .photo-alt{object-fit:cover;padding:0;opacity:0;transition:opacity .25s}
.product-thumbnail:hover .photo-alt{opacity:1}
.product-badge{position:absolute;left:12px;top:12px;z-index:2;background:var(--page);color:var(--head);font:700 11px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;padding:7px 9px}
.product-info{padding-top:14px}
.product-name{font:400 19px/1.25 var(--f-head);margin-bottom:6px}
.product-material{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--soft);margin:0 0 10px}
.tone-dot{display:inline-block;flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:var(--tone);box-shadow:inset 0 0 0 1px rgba(28,29,29,.18)}
.product-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.product-price{font:600 16px/1 var(--f-body);color:var(--head);font-variant-numeric:tabular-nums}
.product-bottom-row .buy-button{min-height:36px;padding:7px 14px;font-size:11.5px}
.look-tile{min-width:0;align-self:start}
.look-tile a{display:block;position:relative;text-decoration:none;color:var(--on-ink);background:var(--ground)}
.look-tile img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.look-label{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(transparent,rgba(28,29,29,.62));font:400 20px/1.2 var(--f-head)}
.look-label small{display:block;font:700 11px/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}
@media (max-width:1100px){.products-grid.cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.products-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.product-name{font-size:17px}}
@media (max-width:420px){.product-bottom-row .buy-button{width:100%}}

/* category */
.category-head{padding-top:24px;padding-bottom:10px}
.category-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px}
.category-count{font-size:15px;color:var(--soft)}
.category-lede{max-width:70ch;margin:14px 0 0}
.category-facts{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;color:var(--soft)}
.category-facts li + li::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--gold);margin-right:22px;vertical-align:middle;position:relative;top:-2px}
.subcategories{margin-top:22px;overflow-x:auto}
.subcategories ul{list-style:none;margin:0;padding:0 0 4px;display:flex;gap:8px;flex-wrap:wrap}
.subcategories a{display:inline-flex;align-items:center;min-height:38px;padding:6px 14px;border:1px solid var(--line-strong);font-size:14px;text-decoration:none;color:var(--head);white-space:nowrap}
.subcategories a:hover,.subcategories a[aria-current]{border-color:var(--head);background:var(--head);color:var(--on-ink)}
.category-products{padding-top:18px;padding-bottom:70px}
.block-product-filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:14px 0;margin-bottom:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.total-found{margin:0;font-weight:700;font-size:14px;display:flex;gap:14px;align-items:center}
.reset-filter{background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;font-size:13.5px;color:var(--soft)}
.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.filter-label{font:700 11.5px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-right:4px}
.filter-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:5px 12px;border:1px solid var(--line-strong);background:var(--page);cursor:pointer;font-size:13.5px;color:var(--head)}
.filter-chip small{color:var(--soft)}
.filter-chip[aria-pressed="true"]{border-color:var(--head);box-shadow:inset 0 0 0 1px var(--head)}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.split-media{background:var(--ground);position:sticky;top:120px}
.split-media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.block-category-description{border-top:1px solid var(--line)}
.category-description{max-width:74ch}
.category-description h2{font:400 clamp(28px,2.8vw,40px)/1.12 var(--f-head);margin-bottom:18px}
.category-description h3{font:400 24px/1.2 var(--f-head);margin:28px 0 12px}
.shelf-list,.tail-list{padding-left:1.1em;margin:0 0 1em}
.shelf-list li,.tail-list li{margin-bottom:6px}
.tail-list small{color:var(--soft)}
@media (max-width:860px){.split{grid-template-columns:minmax(0,1fr);gap:28px}.split-media{position:static}.split-media img{aspect-ratio:4/3}}

/* product page */
.product-details{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;padding-top:24px;padding-bottom:70px;align-items:start}
.product-details-media{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;align-items:start}
.product-details-media > *{min-width:0}
.product-thumbnails{list-style:none;margin:0;padding:0;display:grid;gap:10px;position:sticky;top:120px}
.product-thumbnails .thumb{display:block;width:84px;padding:0;border:1px solid var(--line);background:var(--ground);cursor:pointer}
.product-thumbnails .thumb.selected{border-color:var(--head)}
.product-thumbnails img{width:100%;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply}
.product-photo-stack{display:grid;gap:14px}
.product-photo{background:var(--ground)}
.product-photo img{width:100%;aspect-ratio:1/1;object-fit:contain}
.product-photo:first-child img{mix-blend-mode:multiply}
.product-photo-stack:only-child{grid-column:1/-1}
.product-details-info{position:sticky;top:120px}
.product-details-info .title{font-size:clamp(32px,3vw,46px);margin-bottom:12px}
.product-rating{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--soft);margin-bottom:14px}
.stars-row{display:inline-block;width:88px;height:16px;background:linear-gradient(90deg,var(--gold) var(--pct),var(--line-strong) var(--pct));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 20'%3E%3Cg%3E%3Cpath d='M10 1l2.6 6 6.4.5-4.9 4.2 1.5 6.3L10 14.6 4.4 18l1.5-6.3L1 7.5 7.4 7z'/%3E%3Cpath transform='translate(22)' d='M10 1l2.6 6 6.4.5-4.9 4.2 1.5 6.3L10 14.6 4.4 18l1.5-6.3L1 7.5 7.4 7z'/%3E%3Cpath transform='translate(44)' d='M10 1l2.6 6 6.4.5-4.9 4.2 1.5 6.3L10 14.6 4.4 18l1.5-6.3L1 7.5 7.4 7z'/%3E%3Cpath transform='translate(66)' d='M10 1l2.6 6 6.4.5-4.9 4.2 1.5 6.3L10 14.6 4.4 18l1.5-6.3L1 7.5 7.4 7z'/%3E%3Cpath transform='translate(88)' d='M10 1l2.6 6 6.4.5-4.9 4.2 1.5 6.3L10 14.6 4.4 18l1.5-6.3L1 7.5 7.4 7z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 20'%3E%3Cg%3E%3Cpath d='M10 1l2.6 6 6.4.5-4.9 4.2 1.5 6.3L10 14.6 4.4 18l1.5-6.3L1 7.5 7.4 7z'/%3E%3Cpath transform='translate(22)' d='M10 1l2.6 6 6.4.5-4.9 4.2 1.5 6.3L10 14.6 4.4 18l1.5-6.3L1 7.5 7.4 7z'/%3E%3Cpath transform='translate(44)' d='M10 1l2.6 6 6.4.5-4.9 4.2 1.5 6.3L10 14.6 4.4 18l1.5-6.3L1 7.5 7.4 7z'/%3E%3Cpath transform='translate(66)' d='M10 1l2.6 6 6.4.5-4.9 4.2 1.5 6.3L10 14.6 4.4 18l1.5-6.3L1 7.5 7.4 7z'/%3E%3Cpath transform='translate(88)' d='M10 1l2.6 6 6.4.5-4.9 4.2 1.5 6.3L10 14.6 4.4 18l1.5-6.3L1 7.5 7.4 7z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.rating-value{color:var(--head);font-weight:600}
.product-price-row{margin:0 0 10px}
.product-price-row .product-price{font:400 30px/1 var(--f-head)}
.product-tone{display:flex;align-items:center;gap:9px;font-size:15px;color:var(--text);margin-bottom:22px}
.new-flag{color:var(--gold-text)}
.product-label{font:700 12px/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:0 0 10px}
.product-label small{letter-spacing:0;text-transform:none;font-weight:400}
.set-chips{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.set-chips a{display:block;width:56px;border:1px solid var(--line);background:var(--ground)}
.set-chips a[aria-current]{border-color:var(--head);box-shadow:inset 0 0 0 1px var(--head)}
.set-chips img{width:100%;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply}
.product-details-buy{margin-bottom:18px}
.quick-facts{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}
.quick-facts li{padding:12px 14px;min-width:0}
.quick-facts li + li{border-left:1px solid var(--line)}
.quick-facts span{display:block;font:700 11px/1.3 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.quick-facts b{display:block;font:400 18px/1.25 var(--f-head);color:var(--head);margin-top:4px;overflow-wrap:anywhere}
.product-note{font-size:14px;color:var(--soft)}
.product-details-tabs details{border-top:1px solid var(--line)}
.product-details-tabs details:last-child{border-bottom:1px solid var(--line)}
.product-details-tabs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:54px;font:700 12.5px/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--head)}
.product-details-tabs summary::-webkit-details-marker{display:none}
.product-details-tabs summary::after{content:"+";font:300 22px/1 var(--f-body)}
.product-details-tabs details[open] summary::after{content:"\2013"}
.tab-body{padding-bottom:18px;font-size:15.5px}
.product-properties{width:100%}
.product-properties th,.product-properties td{text-align:left;padding:8px 0;border-bottom:1px solid var(--line);vertical-align:top}
.product-properties th{font-weight:600;color:var(--soft);width:42%;padding-right:14px}
.block-piece-note{padding-block:0 60px}
.piece-note p{max-width:74ch;margin:0;font:400 21px/1.5 var(--f-head);color:var(--head)}
.buybar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:14px;padding:10px 18px;background:var(--page);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .2s}
.buybar.is-on{transform:none}
.buybar-name{flex:1 1 auto;min-width:0;font:400 17px/1.2 var(--f-head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buybar-price{font-weight:700}
@media (min-width:1101px){.buybar{display:none}}
@media (max-width:1100px){.product-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}}
@media (max-width:860px){
  .product-details{grid-template-columns:minmax(0,1fr);gap:28px}
  .product-details-media{grid-template-columns:minmax(0,1fr)}
  .product-thumbnails{display:none}
  .product-photo-stack{grid-auto-flow:column;grid-auto-columns:88%;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px}
  .product-photo{scroll-snap-align:start}
  .product-details-info{position:static}
}

/* story band */
.story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}
.story-coastal .story-media{order:2}
.story-media{background:var(--ground)}
.story-media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.story-text{max-width:60ch}
.story-text .section-title{margin-bottom:20px}
.story-more a{font:700 12.5px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:4px}
.story-picks{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.story-picks a{display:block;text-decoration:none;color:var(--head);font-size:14px;line-height:1.3}
.story-picks img{width:100%;aspect-ratio:1/1;object-fit:contain;background:var(--ground);mix-blend-mode:multiply;margin-bottom:8px}
.story-picks small{display:block;color:var(--soft);margin-top:3px}
@media (max-width:860px){.story-grid{grid-template-columns:minmax(0,1fr);gap:28px}.story-coastal .story-media{order:0}.story-media img{aspect-ratio:4/3}}

/* weight */
.weight-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:60px;align-items:start}
.weight-grid > *{min-width:0}
.weight-head .section-head{margin-bottom:24px;grid-template-columns:minmax(0,1fr)}
.weight-table{width:100%;font-size:15px}
.weight-table th,.weight-table td{text-align:left;padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.weight-table thead th{font:700 11.5px/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.weight-table td a{font:400 22px/1 var(--f-head);text-decoration:none;margin-right:6px}
.weight-table td small{display:block;color:var(--soft);margin-top:4px}
.weight-note{font-size:14px;color:var(--soft);margin-top:14px}
.choose{list-style:none;counter-reset:ch;margin:0;padding:0;display:grid;gap:0}
.choose li{counter-increment:ch;padding:18px 0 18px 46px;border-top:1px solid var(--line);position:relative}
.choose li::before{content:counter(ch,decimal-leading-zero);position:absolute;left:0;top:18px;font:400 20px/1.2 var(--f-head);color:var(--gold-text)}
.choose h3{font:400 21px/1.25 var(--f-head);margin-bottom:6px}
.choose p{margin:0;font-size:15.5px}
@media (max-width:1100px){.weight-grid{grid-template-columns:minmax(0,1fr);gap:40px}}

/* collections */
.tail-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 34px;margin-bottom:40px}
.tail-block{border-top:1px solid var(--head);padding-top:18px;min-width:0}
.tail-block h3{font:400 25px/1.2 var(--f-head);margin-bottom:12px}
.tail-block p{font-size:15.5px}
.tail-block-more{font:700 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:4px}
.line-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tail-card{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 16px;border:1px solid var(--line-strong);text-decoration:none;color:var(--head);background:var(--page);height:100%}
.tail-card strong{font:400 18px/1.25 var(--f-head)}
.tail-card span{font-size:13px;color:var(--soft);white-space:nowrap}
.tail-card:hover{border-color:var(--head)}
@media (max-width:1100px){.tail-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.line-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.tail-blocks,.line-tiles{grid-template-columns:minmax(0,1fr)}}

/* finishes */
.finish-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.finish-card{border:1px solid var(--line);padding:22px 20px;min-width:0;background:var(--page)}
.finish-swatch{display:block;width:44px;height:44px;border-radius:50%;background:var(--tone);margin-bottom:18px;box-shadow:inset 0 0 0 1px rgba(28,29,29,.12)}
.finish-card h3{font:400 22px/1.2 var(--f-head);margin-bottom:10px}
.finish-card p{font-size:15px}
.finish-count{margin:0;font:700 11.5px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text)}
.finish-care{max-width:80ch;margin:30px 0 0}
@media (max-width:1300px){.finish-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.finish-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.finish-cards{grid-template-columns:minmax(0,1fr)}}

/* numbers */
.numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid var(--line-strong);padding-top:30px}
.numbers b{display:block;font:400 clamp(34px,3.6vw,50px)/1 var(--f-head);color:var(--head);margin-bottom:10px}
.numbers span{font-size:15px}
@media (max-width:860px){.numbers{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* journal cards */
.jcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.jcard{min-width:0}
.jcard-img{display:block;background:var(--ground);margin-bottom:16px}
.jcard-img img{width:100%;aspect-ratio:4/3;object-fit:cover}
.jcard h2,.jcard h3{font:400 24px/1.2 var(--f-head);margin-bottom:10px}
.jcard p{font-size:15.5px}
.art-meta{font-size:13.5px;color:var(--soft)}
.news-list{padding-bottom:70px}
@media (max-width:860px){.jcards{grid-template-columns:minmax(0,1fr)}}

/* faq */
.faq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:60px;align-items:start}
.faq-grid > *{min-width:0}
.faq-head{position:sticky;top:120px}
.faq-lede{margin-top:16px}
.faq-item{border-top:1px solid var(--line)}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item h3{font:400 21px/1.3 var(--f-head)}
.faq-plus{flex:0 0 18px;height:18px;position:relative}
.faq-plus::before,.faq-plus::after{content:"";position:absolute;left:0;right:0;top:8.5px;height:1px;background:var(--head)}
.faq-plus::after{transform:rotate(90deg);transition:transform .2s}
.faq-item[open] .faq-plus::after{transform:none}
.faq-answer{padding:0 0 22px;max-width:70ch}
.faq-answer p:last-child{margin-bottom:0}
.block-faq{padding-block:76px;border-top:1px solid var(--line)}
@media (max-width:860px){.faq-grid{grid-template-columns:minmax(0,1fr);gap:24px}.faq-head{position:static}.block-faq{padding-block:52px}}

/* closing */
.block-closing{padding-block:64px;background:var(--ground)}
.closing-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}
.closing-row > *{min-width:0}
.closing-lede{margin:12px 0 0;max-width:60ch}
.closing-act{display:grid;justify-items:end;gap:10px}
.closing-note{margin:0;font-size:13.5px;color:var(--soft);max-width:34ch;text-align:right}
@media (max-width:860px){.closing-row{grid-template-columns:minmax(0,1fr)}.closing-act{justify-items:start}.closing-note{text-align:left}.closing-act .buy-button{width:100%}}

/* static pages */
.page-head{padding-top:26px;padding-bottom:30px}
.page-lede{font-size:19px;max-width:62ch;margin:16px 0 0}
.page-head-article{max-width:1000px;margin-inline:0}
.page-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:70px;padding-bottom:76px;align-items:start}
.page-body > *{min-width:0}
.page-content{max-width:74ch}
.page-content h2{font:400 clamp(26px,2.4vw,34px)/1.15 var(--f-head);margin:40px 0 14px}
.page-content h2:first-child{margin-top:0}
.page-content h3{font:400 22px/1.25 var(--f-head);margin:28px 0 10px}
.page-content ul{padding-left:1.15em}
.page-content li{margin-bottom:8px}
.page-content blockquote{margin:28px 0;padding:6px 0 6px 24px;border-left:2px solid var(--gold);font:400 22px/1.45 var(--f-head);color:var(--head)}
.page-sidebar{position:sticky;top:120px;font-size:15px;border-top:1px solid var(--head);padding-top:18px}
.sidebar-title{font:700 11.5px/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:0 0 10px}
.page-sidebar ul{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:8px}
.page-sidebar a{text-decoration:none}
.page-sidebar a[aria-current]{color:var(--gold-text)}
.art-cover{background:var(--ground);margin:0 0 34px}
.art-cover img{width:100%;aspect-ratio:16/10;object-fit:cover}
.art-note{font-size:15px;color:var(--soft);border-top:1px solid var(--line);padding-top:16px;margin-top:34px}
.embed{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center;border:1px solid var(--line);padding:16px;margin:26px 0}
.embed > a img{width:100%;aspect-ratio:1/1;object-fit:contain;background:var(--ground);mix-blend-mode:multiply}
.embed h3{margin:0 0 6px;font-size:21px}
.embed p{font-size:14.5px;color:var(--soft);margin-bottom:10px}
.legal h2{font:400 26px/1.2 var(--f-head);margin:32px 0 10px}
@media (max-width:1100px){.page-body{grid-template-columns:minmax(0,1fr);gap:40px}.page-sidebar{position:static}}
@media (max-width:520px){.embed{grid-template-columns:minmax(0,1fr)}.embed > a{max-width:180px}}

/* tables */
.tbl-wrap{overflow-x:auto;margin:14px 0 24px}
.tbl-wrap table{width:100%;font-size:15px}
.tbl-wrap th,.tbl-wrap td{text-align:left;padding:10px 14px 10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.tbl-wrap thead th{font:700 11.5px/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);border-bottom-color:var(--line-strong)}
.tbl-wrap tbody th{font-weight:600;color:var(--head)}
@media (max-width:640px){
  .tbl-wrap thead{display:none}
  .tbl-wrap tr{display:block;padding:12px 0;border-bottom:1px solid var(--line)}
  .tbl-wrap th,.tbl-wrap td{display:block;border:0;padding:2px 0}
  .tbl-wrap td[data-h]::before{content:attr(data-h);display:inline-block;min-width:96px;margin-right:10px;color:var(--soft);font-size:13px}
}

/* sources */
.sources{margin:36px 0 0;padding:22px 24px;background:var(--ground);border-left:2px solid var(--gold);font-size:15px}
.sources .note{font-weight:600;color:var(--head)}
.sources .src-h{font:700 12px/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:18px 0 10px}
.sources ul{padding-left:1.1em;margin:0 0 12px}
.sources .road{margin:0}

/* 404 */
.not-found .line-tiles{margin-top:34px;padding-bottom:70px}

/* footer */
#footer-area{background:var(--night);color:var(--on-night)}
#footer-area a{color:var(--on-night);text-decoration:none}
#footer-area a:hover{color:#E6C98F}
.footer-main{padding-block:64px 44px}
.footer-grid{display:grid;grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2fr));gap:40px}
.footer-grid > *{min-width:0}
.footer-brand img{width:118px;height:26px;margin-bottom:18px}
.footer-line{color:var(--on-night-soft);max-width:40ch;font-size:15.5px}
.footer-contact{color:var(--on-night-soft);font-size:14.5px}
.footer-contact a{text-decoration:underline!important;text-decoration-color:rgba(242,238,230,.35)!important}
.footer-title{font:700 12px/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-night-soft);margin:0 0 14px}
.footer-list{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:15px}
.footer-bottom{border-top:1px solid rgba(242,238,230,.14);padding-block:22px 28px}
.footer-fine{display:grid;gap:8px;font-size:13.5px;color:var(--on-night-soft)}
.footer-fine p{margin:0}
.disclosure{display:flex;align-items:center}
img.dsc{width:auto;max-width:100%;display:block}
.powered-by a{text-decoration:underline!important;text-decoration-color:rgba(242,238,230,.35)!important}
@media (max-width:1100px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}
@media (max-width:640px){
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
  .disclosure{flex-wrap:wrap}
  img.dsc{height:auto!important;max-height:1em;max-width:100%}
}