/* Content remains readable when a section needs more than one viewport. */
html{scroll-behavior:smooth;scroll-padding-top:90px}body{overflow-x:clip}*,*:before,*:after{box-sizing:border-box}#main{width:100%;max-width:none}img{max-width:100%}
html.has-page-fx:has(.page-fx-layer[hidden]){background:radial-gradient(ellipse at 30% 30%,#29313b 0%,transparent 55%),radial-gradient(ellipse at 80% 80%,#26212a 0%,transparent 50%),var(--bg,#171717)!important}
#main>.site-module:not(.unique-immersive-hero){width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:calc(100svh - 88px);margin:0!important;overflow:visible!important}
#main>.site-module:not(.unique-immersive-hero):not(.unique-retail-page){padding:clamp(48px,6vw,90px) clamp(20px,5vw,80px)!important}
#main>.site-module:not(.unique-immersive-hero)>.module-inner{position:relative!important;inset:auto!important;transform:none!important;translate:none!important;width:100%!important;max-width:1440px!important;margin:0 auto!important;min-width:0}
#main>.site-module.unique-retail-page{padding:0!important}#main>.site-module.unique-retail-page>.module-inner{max-width:none!important}
.type-products .module-items, .type-products .product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(24px,3vw,48px)!important;width:100%!important;max-width:none!important}
.product-card{min-width:0;height:auto!important;overflow-wrap:anywhere}.product-card .product-picture{display:block;width:100%;aspect-ratio:1.17;overflow:hidden}.product-picture>img,.product-picture>.art,.product-picture svg{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover}.product-card h3{font-size:clamp(22px,2vw,32px)!important;line-height:1.3}.product-card p{line-height:1.6;max-width:46ch}.product-card .card-meta{flex-wrap:wrap;gap:8px}
.unique-immersive-hero .hero-content{max-width:none!important}.unique-immersive-hero .module-hero{padding:0!important}.unique-immersive-hero .module-heading{margin:0!important;padding:0!important}.unique-immersive-hero .unique-particle-title{width:90vw!important;height:clamp(140px,29vw,390px)!important}.unique-title-fallback{font-size:clamp(65px,20vw,290px)!important;letter-spacing:.04em!important}
body:has(.unique-immersive-hero) #main>.unique-immersive-hero{min-height:100svh!important}.unique-scroll-cue{position:absolute;z-index:9;bottom:86px;left:50%;translate:-50% 0;background:none;border:0;color:#e9edf2;padding:14px 22px;cursor:pointer;font:300 32px/1 sans-serif}.unique-scroll-cue span{display:block;animation:unique-down 3.5s ease-in-out infinite}.unique-scroll-cue:focus-visible{outline:1px solid #fff;outline-offset:3px}@keyframes unique-down{0%,100%{transform:translateY(-4px);opacity:.45}50%{transform:translateY(5px);opacity:.9}}
.unique-status-top{font-size:11px}.unique-status-bottom{font-size:10px}.new-product-story{max-width:1000px;margin:auto;padding:clamp(50px,8vw,110px) 24px;min-height:70svh}.new-product-story p{white-space:pre-wrap;line-height:1.9;overflow-wrap:anywhere}.new-product-status{padding:16px 0;border-bottom:1px solid #ffffff20}
.unique-collectors{width:100%;min-height:100svh;padding:90px max(24px,calc((100vw - 1200px)/2));background:radial-gradient(ellipse at 50% 35%,#201a11,#080705 75%);color:#e4c27a;text-align:center}.unique-collectors header small{font:10px/1.5 monospace;letter-spacing:.3em;color:#a9946c}.unique-collectors h2{font-size:clamp(30px,4vw,54px);font-weight:400;margin:16px 0}.unique-collectors header p,.collector-hint{font-size:12px;letter-spacing:.12em;color:#ad9a75}.collector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:42px 0 26px}.collector-plaque{display:block;min-width:0;background:none;border:0;color:inherit;padding:0;cursor:pointer;perspective:1000px}.collector-plaque[hidden]{display:none}.collector-flip{display:block;position:relative;height:100px;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.collector-plaque:hover .collector-flip,.collector-plaque:focus-visible .collector-flip{transform:rotateX(180deg)}.collector-face{position:absolute;inset:0;display:grid;place-items:center;padding:14px;border:1px solid #b9974c66;border-radius:3px;background:linear-gradient(155deg,#312617,#120e09);backface-visibility:hidden;overflow-wrap:anywhere}.collector-name{font:italic 26px/1.25 KaiTi,Georgia,serif}.collector-number{transform:rotateX(180deg);font:18px/1.4 Georgia,serif;letter-spacing:.15em}.collector-pages{display:flex;justify-content:center;align-items:center;gap:24px}.collector-pages button{background:none;border:1px solid #a78a5144;border-radius:50%;width:40px;height:40px;color:inherit;cursor:pointer}.collector-pages button:disabled{opacity:.25;cursor:default}.collector-page-label{font:11px monospace;letter-spacing:.15em}.collector-hint{margin-top:24px}
.collector-overlay{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:0;background:#030303;color:#e6ca86;overflow:hidden;opacity:0;transition:opacity 1.5s ease;z-index:2147483647;cursor:pointer}.collector-overlay::backdrop{background:transparent}.collector-overlay.is-visible{opacity:1}.collector-overlay .signature-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;transition:opacity .8s}.signature-number{font:12px/1.5 Georgia,serif;letter-spacing:.45em;color:#b99d61}.signature-name{font:italic clamp(44px,8vw,115px)/1.45 KaiTi,Georgia,serif;max-width:90vw;overflow-wrap:anywhere;margin:18px 0;background:linear-gradient(110deg,#a88742 15%,#fff0b9 48%,#bc954b 78%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:signature-shine 5s ease both}.signature-subtitle{font:10px/1.8 Georgia,serif;letter-spacing:.22em;text-transform:uppercase;color:#b09b70}.signature-dismiss{position:absolute;bottom:35px;left:20px;right:20px;text-align:center;font:10px/1.6 sans-serif;letter-spacing:.16em;color:#746b58}.collector-overlay canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.collector-overlay.is-dispersing .signature-content{opacity:0}@keyframes signature-shine{from{background-position:100% 0;filter:blur(8px);opacity:0}to{background-position:0 0;filter:blur(0);opacity:1}}
@media(max-width:1000px){.type-products .module-items, .type-products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.collector-grid{gap:14px}.unique-collectors{padding:80px 28px}}
@media(max-width:600px){#main>.site-module:not(.unique-immersive-hero){min-height:auto}#main>.site-module:not(.unique-immersive-hero):not(.unique-retail-page){padding:60px 20px!important}.type-products .module-items, .type-products .product-grid{grid-template-columns:1fr!important;gap:42px!important}.unique-immersive-hero .unique-particle-title{width:96vw!important;height:31vw!important}.unique-status-top{left:20px;font-size:9px}.unique-status-bottom{bottom:24px;font-size:8px;max-width:50%;letter-spacing:.1em}.unique-collectors{padding:70px 20px;min-height:100svh}.collector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}.collector-flip{height:80px}.collector-name{font-size:22px}.signature-subtitle{font-size:9px;letter-spacing:.12em}.unique-title-fallback{font-size:20vw!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.unique-scroll-cue span,.signature-name{animation:none}.collector-flip,.collector-overlay,.signature-content{transition:none!important}}

.module-split>* ,.product-story>*,.included>*,.module-heading,.prose,.faq{min-width:0;max-width:100%;overflow-wrap:anywhere}.product-story,.included{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important}.module-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}@media(max-width:800px){.module-split,.product-story,.included{grid-template-columns:minmax(0,1fr)!important}.section h2{font-size:clamp(28px,7vw,40px)!important;overflow-wrap:anywhere}.section h2 span{white-space:normal!important}}
.module-split p,.module-split a{max-width:100%!important;min-width:0!important;overflow-wrap:anywhere}.type-products .filter-count{display:none!important}
@media(min-width:1100px){body:has(.unique-immersive-hero) #main>.type-products{padding:42px 5vw 48px!important}body:has(.unique-immersive-hero) .type-products .module-heading{margin:0 0 28px!important}body:has(.unique-immersive-hero) .type-products .module-heading h2{font-size:clamp(34px,3vw,46px)!important;margin:0 0 8px!important}body:has(.unique-immersive-hero) .type-products .product-picture{height:clamp(210px,32vh,380px)!important;aspect-ratio:auto!important}body:has(.unique-immersive-hero) .type-products .module-heading .serif{font-size:18px!important;margin:0!important}}
body:has(.unique-immersive-hero)>.site-header{z-index:1000!important}
body:not(.sp-page),body:not(.sp-page) h1,body:not(.sp-page) h2,body:not(.sp-page) h3,body:not(.sp-page) h4,body:not(.sp-page) .serif{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif!important}

/* Leave room for the header when the homepage scrolls to its first section. */
body:has(.unique-immersive-hero) #main>.type-products{padding-top:calc(var(--site-header-h,94px) + 36px)!important;scroll-margin-top:0}

/* Treat the featured heading and cards as one centered composition below the fixed header. */
@media(min-width:1100px){body:has(.unique-immersive-hero) #main>#works{display:flex!important;align-items:center!important;min-height:calc(100svh - var(--site-header-h,94px))!important;padding-top:clamp(48px,5vw,90px)!important;padding-bottom:clamp(48px,5vw,90px)!important}}

/* The navigation's collection view shares the homepage product composition. */
@media(min-width:1100px){body:not(:has(.unique-immersive-hero)) #main>.type-products{display:flex!important;align-items:center!important;min-height:calc(100svh - var(--site-header-h,94px))!important;padding:clamp(48px,5vw,90px) 5vw!important}body:not(:has(.unique-immersive-hero)) #main>.type-products .module-heading{margin:0 0 28px!important}body:not(:has(.unique-immersive-hero)) #main>.type-products .module-heading h2{font-size:clamp(34px,3vw,46px)!important;margin:0 0 8px!important}body:not(:has(.unique-immersive-hero)) #main>.type-products .module-heading .serif{font-size:18px!important;margin:0!important}body:not(:has(.unique-immersive-hero)) #main>.type-products .product-picture{height:clamp(210px,32vh,380px)!important;aspect-ratio:auto!important}}
@media(min-width:721px) and (max-width:1023px){body:not(:has(.unique-immersive-hero)) #main>.type-products .module-heading h2{font-size:41px!important}}
@media(max-width:720px){body:not(:has(.unique-immersive-hero)) #main>.type-products .module-heading h2{font-size:30px!important}}

/* Product artwork must remain complete in every card. */
.type-products .product-picture{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.type-products .product-picture>.art{background:transparent!important;box-shadow:none!important}
.type-products .product-card .product-picture{display:flex!important;align-items:center;justify-content:center;overflow:hidden}
.type-products .product-picture>.art{height:auto!important;aspect-ratio:2560/2194!important;flex:none}
.type-products .product-picture>img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
.type-products .product-picture svg{object-fit:contain!important}

/* One content grid for the header, page sections, product detail and footer. */
html{--unique-page-inset:max(clamp(20px,5vw,80px),calc((100% - 1440px)/2))}
.site-header,.site-footer{padding-inline:var(--unique-page-inset)!important}
.unique-status-top,.unique-status-bottom{left:var(--unique-page-inset)!important}
#main>.unique-retail-page .breadcrumb{width:calc(100% - var(--unique-page-inset) - var(--unique-page-inset));max-width:1440px;margin-inline:auto;padding-inline:0!important}
#main>.unique-retail-page .product-detail{width:calc(100% - var(--unique-page-inset) - var(--unique-page-inset))!important;max-width:1440px!important;padding-inline:0!important}
#main>.unique-retail-page .product-story,
#main>.unique-retail-page .included{width:calc(100% - var(--unique-page-inset) - var(--unique-page-inset));max-width:1440px;margin-inline:auto!important;padding-inline:0!important}

/* Keep the word readable until the first particle frame, and fit the fallback on phones. */
.unique-title-fallback{transition:opacity .8s ease}
@media(max-width:600px){.unique-title-fallback{font-size:17vw!important;letter-spacing:.02em!important}}