:root{--paper:#fff;--ink:#232723;--subtle:#5c625c;--line:#dfe2dd;--soft:#f2f3ee;--gutter:5vw;--serif:'Baskerville','Times New Roman',serif;--sans:'Helvetica Neue',Arial,sans-serif;--ease:cubic-bezier(.22,.7,.2,1);--duration:350ms}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:var(--paper);font:14px var(--sans)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;background:none;border:0;cursor:pointer;min-height:44px;padding:0}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400}em{font-weight:400}.preview-bar{display:flex;align-items:center;justify-content:center;gap:30px;min-height:32px;padding:3px 20px;background:#eff1eb;font-size:10px;letter-spacing:1.4px}.preview-bar button{min-height:26px;font-size:10px;letter-spacing:0;text-decoration:underline;text-underline-offset:3px}header{height:94px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--gutter);background:white;position:sticky;top:0;z-index:10}header nav,.header-right{display:flex;gap:28px;align-items:center;font-size:13px}.header-right{justify-content:end}.logo{font:34px var(--serif);letter-spacing:5px}.header-right span{margin-left:6px}header a:not(.logo),header button{text-underline-offset:7px}header a:not(.logo):hover,header button:hover{text-decoration:underline}.menu-button{display:none}.campaign{height:560px;position:relative;overflow:hidden;background:#73776c}.campaign-image{position:absolute;inset:-10px;overflow:hidden;will-change:transform}.campaign-image img{width:100%;height:100%;object-fit:cover;object-position:50% 63%}.campaign:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#18251b70,transparent 68%);pointer-events:none}.campaign-copy{position:absolute;left:var(--gutter);bottom:85px;z-index:1;color:white;animation:arrival 550ms var(--ease) both}.eyebrow{font-size:11px;letter-spacing:2.2px;line-height:1.8}.campaign h1{font-size:clamp(36px,4.2vw,64px);line-height:1.05;margin:20px 0 30px;letter-spacing:-.7px}.white-button{height:48px;min-width:200px;display:flex;justify-content:space-between;gap:35px;align-items:center;background:white;color:var(--ink);padding:0 23px;font-size:13px;transition:background .2s}.white-button:hover{background:#e8ece2}.white-button span{transition:transform .25s}.white-button:hover span{transform:translateX(4px)}.hero-price{font-size:12px;margin-top:15px}.campaign-bottom{position:absolute;bottom:25px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;color:white;z-index:1;font-size:11px;letter-spacing:.6px}.campaign-bottom span:first-child{font-family:'Songti SC',serif;font-size:14px;letter-spacing:3px}.collection{padding:75px var(--gutter) 85px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px;gap:25px}.section-heading h2{font-size:41px;margin-top:10px}.section-heading>p{font-size:13px;line-height:1.7;color:var(--subtle)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{display:block;text-align:left;width:100%}.product-image{position:relative;overflow:hidden;background:var(--soft);aspect-ratio:1/1.1}.product img{width:100%;height:100%;object-fit:cover;transition:transform 650ms var(--ease)}.product:hover img{transform:scale(1.035)}.image-label{position:absolute;bottom:0;left:0;right:0;padding:17px 20px;background:#fffef4ef;font-size:12px;transform:translateY(100%);transition:transform var(--duration) var(--ease)}.product:hover .image-label,.product:focus-visible .image-label{transform:translateY(0)}.product-caption{padding-top:20px;display:grid;grid-template-columns:1fr auto;gap:8px}.product h3{font:15px var(--sans);font-weight:400}.product-caption>span{font-size:13px}.product-caption p{grid-column:1/-1;color:var(--subtle);font-size:12px}.image-note{margin-top:27px;color:var(--subtle);font-size:12px;line-height:1.8}.editorial{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);align-items:center}.editorial-photo{height:650px;overflow:hidden}.editorial img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.editorial-copy{padding:60px 12%}.chinese{font:29px 'Songti SC',serif;line-height:1.55;letter-spacing:4px;margin:35px 0}.editorial h2{font-size:39px;line-height:1.15}.editorial-copy>p:not(.eyebrow):not(.chinese){font-size:14px;color:var(--subtle);line-height:1.9;margin:25px 0}.text-link{display:inline-flex;justify-content:space-between;gap:45px;padding:12px 0;border-bottom:1px solid var(--ink);font-size:13px}.care{padding:85px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:10%}.care h2{font-size:38px;max-width:330px;line-height:1.15}.care button{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);width:100%;height:65px;text-align:left}.care button:first-child{border-top:1px solid var(--line)}.care span{font-size:20px;font-weight:300}footer{border-top:1px solid var(--line);padding:55px var(--gutter);display:flex;justify-content:space-between;gap:40px;font-size:13px;line-height:1.8}.muted,.footer-disclosure{color:var(--subtle);font-size:12px;margin-top:12px}.footer-disclosure{margin:0;max-width:350px}
@media(max-width:700px){:root{--gutter:24px}.preview-bar{justify-content:space-between;font-size:8px;letter-spacing:.7px;gap:10px;padding:3px 15px}header{height:76px;grid-template-columns:1fr auto 1fr}header nav{display:none}.menu-button{display:block;text-align:left;font-size:12px}.header-right>button:first-child{display:none}.header-right{font-size:12px;gap:0}.logo{font-size:28px;letter-spacing:3px}.campaign{height:610px}.campaign-image img{object-position:51% 55%}.campaign:after{background:linear-gradient(0deg,#1020169c,transparent 75%)}.campaign-copy{left:24px;right:24px;bottom:85px}.campaign h1{font-size:40px;margin:16px 0 25px;line-height:1.12}.campaign .eyebrow{font-size:10px}.campaign-bottom{bottom:24px;display:block}.campaign-bottom span:last-child{display:block;font-size:10px;margin-top:8px}.campaign-bottom span:first-child{font-size:12px}.collection{padding:50px 24px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:34px}.section-heading>p{margin-top:15px}.products{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:18px;padding-bottom:12px}.product{flex:0 0 84%;scroll-snap-align:start}.product-caption{padding-top:17px}.image-label{display:none}.image-note{font-size:11px;margin-top:20px}.editorial{display:block}.editorial-photo{height:430px}.editorial-copy{padding:45px 24px 55px}.chinese{font-size:25px;margin:25px 0}.editorial h2{font-size:34px}.care{padding:50px 24px;display:block}.care h2{font-size:33px;margin-bottom:30px}footer{padding:35px 24px;display:block}footer>div{margin:25px 0}.footer-disclosure{font-size:11px}.detail-img{height:280px}.detail-copy,.info-copy{padding:25px}.toast{font-size:12px;max-width:90%;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}.campaign-image{transform:none!important}}
.detail-img{object-fit:contain;background:#fff}

.product h3 span{font-size:13px;margin-left:12px}.product-caption p{font-size:13px}
@media(max-width:700px){.campaign-image img{height:115%;transform:translateY(-12%);object-position:51% 55%}}
@media(max-width:700px){.campaign-image img{height:125%;transform:translateY(-16%)}}

/* V4: editorial scale, deliberate whitespace, one interactive series index. */
:root{--soft:#f4f3ef;--ease:cubic-bezier(.19,1,.22,1)}
header{height:86px}.campaign{height:min(710px,78vh);min-height:530px}.campaign-image img{object-position:50% 59%}.campaign:after{background:linear-gradient(90deg,#15221965,transparent 70%)}.campaign-copy{bottom:100px}.campaign h1{font-size:clamp(52px,6.1vw,88px);line-height:1.01;letter-spacing:-2.5px;margin:22px 0 32px}.campaign h1 em{font-weight:400}.white-button{background:transparent;color:#fff;border-bottom:1px solid #ffffff8c;padding:0;min-width:210px;justify-content:space-between}.white-button:hover{background:transparent;border-color:white}.hero-price{opacity:.8}.series{padding:105px var(--gutter);display:grid;grid-template-columns:.85fr 1.65fr;gap:7vw;background:#f4f3ef}.series-intro h2{font-size:clamp(38px,3.6vw,54px);line-height:1.08;letter-spacing:-1px;margin:25px 0}.series-intro>p:last-child{color:var(--subtle);font-size:13px}.series-stage{display:grid;grid-template-columns:220px 1fr;gap:35px;align-items:center}.series-preview{position:relative;aspect-ratio:1/1.2;overflow:hidden;background:#e8e8e2}.series-preview img{width:100%;height:100%;object-fit:cover;transition:opacity 160ms,transform 650ms var(--ease)}.series-preview span{position:absolute;bottom:10px;left:10px;color:#fff;background:#263027b3;padding:4px 6px;font-size:9px}.series-links button{display:grid;grid-template-columns:24px 1fr auto 22px;align-items:center;gap:12px;border-top:1px solid #c7cbc2;width:100%;height:85px;text-align:left;font-family:var(--serif);font-size:35px;transition:color 250ms,padding 350ms var(--ease)}.series-links button:last-child{border-bottom:1px solid #c7cbc2}.series-number{font:10px var(--sans);color:var(--subtle)}.series-form{font:11px var(--sans);color:var(--subtle)}.series-arrow{font:20px var(--sans);transition:transform 350ms var(--ease)}.series-links button:hover,.series-links button:focus-visible{padding-left:8px;color:#58705a}.series-links button:hover .series-arrow{transform:translate(3px,-3px)}.collection{padding-top:100px;padding-bottom:105px}.section-heading h2{font-size:48px;letter-spacing:-1px}.product-image{aspect-ratio:1}.product-caption{padding-top:22px}.editorial-photo{height:690px}.editorial-copy{padding:60px 13%}.editorial h2{font-size:44px;letter-spacing:-1px}.chinese{font-size:30px}.reveal{opacity:0;transform:translateY(18px);transition:opacity 650ms var(--ease),transform 650ms var(--ease)}.reveal.visible,.motion-off .reveal{opacity:1;transform:none}
dialog.product-panel{width:100%;background:#f9f9f6;transform:none;opacity:0;transition:opacity 240ms}dialog.product-panel.is-open{opacity:1}.product-panel .panel-top{background:#f9f9f6}.product-panel #panel-content{display:grid;grid-template-columns:1.1fr 1fr;min-height:calc(100dvh - 70px);align-items:center}.product-panel .detail-img{width:100%;height:min(76vh,760px);object-fit:contain;background:transparent}.product-panel .detail-copy{padding:50px 11%;max-width:650px}.product-panel .detail-copy h2{font-size:68px;letter-spacing:-2px}.product-panel .facts{margin:32px 0}.transition-image{position:fixed;z-index:5;object-fit:contain;pointer-events:none;background:#f9f9f6}
@media(max-width:1000px){.series{gap:35px;grid-template-columns:.75fr 1.5fr}.series-stage{grid-template-columns:160px 1fr;gap:22px}.series-form{display:none}.series-links button{grid-template-columns:20px 1fr 20px}}
@media(max-width:700px){header{height:76px}.campaign{height:640px;min-height:0;max-height:none}.campaign h1{font-size:49px;letter-spacing:-1.4px}.campaign-copy{bottom:100px}.campaign:after{background:linear-gradient(0deg,#102016a6,transparent 78%)}.series{padding:58px 24px;display:block}.series-intro h2{font-size:38px;margin:16px 0}.series-intro h2 br{display:none}.series-intro>p:last-child{display:none}.series-stage{grid-template-columns:100px 1fr;gap:20px;margin-top:28px}.series-preview{aspect-ratio:1/1.6}.series-preview span{display:none}.series-links button{height:67px;font-size:28px}.collection{padding:55px 24px}.section-heading h2{font-size:35px}.editorial-photo{height:460px}.editorial-copy{padding:45px 24px 55px}.editorial h2{font-size:37px}.product-panel #panel-content{display:block}.product-panel .detail-img{height:42vh}.product-panel .detail-copy{padding:25px}.product-panel .detail-copy h2{font-size:45px}.product-panel .facts{margin:25px 0}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

html:has(.motion-off){scroll-behavior:auto}.detail-copy{transition:opacity 200ms}

@media(max-width:700px){.campaign-image img{transform:translateY(-22%)}}

.browse-hint{display:none}.series-links button[aria-current="true"]{color:#58705a}.series-links button[aria-current="true"] .series-number{color:#58705a;font-weight:700}.series-links button[aria-current="true"] .series-arrow{transform:translate(3px,-3px)}@media(max-width:700px){.browse-hint{display:flex;justify-content:space-between;color:var(--subtle);font-size:11px;letter-spacing:.4px;margin:0 0 20px}.series-intro h2 em{margin-left:.15em}}

/* Production integration: customer IDs and commerce surfaces are retained. */
:root{--muted:var(--subtle)}body{line-height:1.5}#storefront[hidden]{display:none!important}.product-caption{border:0}.product-caption h3{font-size:15px;line-height:1.4}.product-image>span.image-label{left:0;right:0;bottom:0;opacity:1}.store-footer-links{display:grid;grid-template-columns:repeat(3,auto);gap:12px 22px;font-size:12px}.collection .section-heading{text-align:left}.section-heading .eyebrow{margin:0}.section-heading>p:last-child{text-align:left;margin:0}.header-right button{white-space:nowrap}.editorial img{display:block}
/* Functional dialogs inherit the commercial typography without prototype panel behavior. */
dialog{position:fixed;inset:auto;margin:auto;transform:none;transition:none;height:auto;width:auto;max-height:92dvh;max-width:calc(100vw - 24px);background:white;padding:0;border:0;overflow:auto}dialog::backdrop{background:#10201570;backdrop-filter:blur(3px)}.info-dialog{width:min(600px,94vw);padding:65px 42px}.bag-dialog{inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(480px,100vw);max-width:100vw;padding:70px 32px 32px}.close{background:white;min-width:44px;min-height:44px}.product-dialog{inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#f9f9f6}.product-dialog .detail-layout{min-height:100%;grid-template-columns:1.1fr 1fr;align-items:start}.product-dialog .detail-media{background:transparent;padding:75px 30px 35px;position:sticky;top:0}.product-dialog #detail-image{object-fit:contain;height:min(76vh,760px);aspect-ratio:auto}.product-dialog .detail-copy{padding:80px 11% 50px;max-width:680px}.product-dialog .detail-copy h2{font-size:64px;letter-spacing:-2px}.product-dialog .detail-copy>p{line-height:1.8}.product-dialog .close{position:fixed;background:#f9f9f6}.product-dialog .product-facts{font-size:13px}.product-dialog details{font-size:13px}.thumbnails button{min-width:44px;min-height:44px}.transition-image{position:fixed;pointer-events:none;z-index:5;object-fit:contain;background:#f9f9f6}.button{min-height:48px}.solid{margin-top:10px}.detail-copy .muted{font-size:12px}#toast{z-index:30}.menu-links button{text-align:left;font-family:var(--serif);font-size:22px}.menu-links a{display:block}.account-page{padding-left:var(--gutter);padding-right:var(--gutter)}.info-dialog h2,.bag-dialog h2{font-size:39px}.info-dialog p,.bag-dialog p{line-height:1.8}.motion-off *, .motion-off *:before{transition:none!important;animation:none!important}html:has(.motion-off){scroll-behavior:auto}
@media(max-width:700px){.store-footer-links{grid-template-columns:repeat(3,1fr);margin-top:25px}.product-dialog .detail-layout{display:block}.product-dialog .detail-media{position:static;padding:55px 16px 15px}.product-dialog #detail-image{height:42vh}.product-dialog .detail-copy{padding:25px}.product-dialog .detail-copy h2{font-size:43px}.info-dialog{padding:60px 24px 30px}.bag-dialog{padding:65px 24px 30px}.collection .section-heading>p{margin-top:15px}.product-caption h3{font-size:15px}.product-caption>span{padding:0}.menu-button{min-width:44px}.campaign h1{font-size:49px}.detail-media .thumbnails{margin-top:10px}}

body:has(dialog[open]){overflow:hidden}

dialog.info-dialog{inset:0;margin:auto;height:fit-content}

/* Six designs: preserve whole accessories and avoid applying old hero zoom. */
.product-image img,.series-preview img,.editorial-photo img{object-fit:contain;object-position:center}.campaign-image img{height:100%;transform:none;object-fit:contain;object-position:right center}.campaign{background:#ded5ca}.campaign-copy{max-width:40%}.products{flex-wrap:wrap}.product{min-width:0}.product-dialog #detail-image{object-fit:contain;aspect-ratio:1;height:auto;max-height:none}.product-dialog #detail-image.campaign-detail{aspect-ratio:auto;width:100%;height:auto;max-height:none}.product-caption h3{font-size:20px}.series-links button{padding-block:14px}.series-form{display:none}
@media(max-width:700px){.campaign{height:auto;min-height:0;padding-bottom:240px}.campaign-image{position:relative;inset:auto;height:auto;aspect-ratio:1}.campaign-image img{width:100%;height:100%;transform:none;object-fit:contain}.campaign-copy{bottom:45px;max-width:100%}.campaign h1{font-size:40px}.campaign:after{display:none}.campaign-copy,.campaign-bottom{color:#232723}.white-button{background:#fff}.campaign-bottom{display:none}.products{flex-wrap:nowrap}.product-caption h3{font-size:18px}}
@media(max-width:700px){.campaign .white-button{color:#232723;background:transparent;border-color:#23272355}}
