:root{--preview-ink:#171713;--preview-paper:#f1eee7;--preview-gold:#a48a68;--preview-line:#17171333}*{box-sizing:border-box}.hanfu-preview{background:var(--preview-paper);min-height:100vh;color:var(--preview-ink);font-family:Arial,Helvetica,sans-serif}.hanfu-preview a{color:inherit;text-decoration:none}.preview-header{border-bottom:1px solid var(--preview-line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f1eee7f5;grid-template-columns:1fr auto 1fr;align-items:center;height:92px;padding:0 42px;display:grid;position:sticky;top:0}.preview-brand{align-items:center;gap:13px;width:max-content;display:flex}.preview-brand>span:last-child{flex-direction:column;gap:3px;display:flex}.preview-brand strong{letter-spacing:.1em;font-size:21px;font-weight:500}.preview-brand small{letter-spacing:.17em;color:#726b62;font-size:7px}.preview-brand-mark{width:42px;height:42px;display:block;position:relative}.preview-brand-mark i{display:block;position:absolute}.preview-mark-arc{border:2px solid var(--preview-gold);border-bottom-color:#0000;border-radius:50%;width:32px;height:32px;top:2px;left:5px}.preview-mark-head{background:var(--preview-gold);border-radius:50%;width:7px;height:7px;top:9px;left:18px}.preview-mark-body{background:var(--preview-ink);width:2px;height:13px;top:18px;left:20px}.preview-mark-arms{background:var(--preview-ink);width:18px;height:2px;top:22px;left:12px}.preview-mark-leg{background:var(--preview-ink);transform-origin:top;width:2px;height:10px;top:29px}.preview-mark-leg-left{left:20px;transform:rotate(38deg)}.preview-mark-leg-right{left:21px;transform:rotate(-38deg)}.preview-mark-ground{background:var(--preview-ink);width:38px;height:2px;bottom:1px;left:2px}.preview-header nav{letter-spacing:.17em;gap:36px;font-size:10px;display:flex}.preview-header nav a,.preview-back{align-items:center;min-height:44px;display:flex}.preview-header nav a:focus-visible{outline:2px solid var(--preview-gold);outline-offset:4px}.preview-back:focus-visible{outline:2px solid var(--preview-gold);outline-offset:4px}.preview-actions a:focus-visible{outline:2px solid var(--preview-gold);outline-offset:4px}.preview-closing a:focus-visible{outline:2px solid var(--preview-gold);outline-offset:4px}.preview-back{letter-spacing:.17em;justify-self:end;font-size:10px}.preview-hero{border-bottom:1px solid var(--preview-line);grid-template-columns:1fr 1.08fr;min-height:calc(100svh - 92px);display:grid;position:relative}.preview-hero-copy{flex-direction:column;justify-content:center;padding:clamp(70px,9vw,150px) 5.5vw 110px;display:flex}.preview-kicker{letter-spacing:.24em;color:#746d63;margin:0 0 36px;font-size:10px}.preview-hero h1{letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(66px,8.5vw,150px);font-weight:400;line-height:.78}.preview-hero-copy>p:last-child{color:#575149;max-width:560px;margin:48px 0 0;font-family:Georgia,serif;font-size:clamp(17px,1.5vw,24px);line-height:1.6}.preview-hero-image{background-image:linear-gradient(#0000 55%,#00000057),url(/previews/hanfu/peony-ember.png);background-position:50% 43%;background-size:cover;min-height:720px}.preview-status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f1eee7eb;gap:6px;min-width:270px;padding:18px 20px;display:grid;position:absolute;bottom:24px;right:26px}.preview-status span,.preview-status small{letter-spacing:.18em;color:#756e64;font-size:8px}.preview-status strong{font-family:Georgia,serif;font-size:23px;font-weight:400}.preview-notice{color:#f1eee7;background:#191916;grid-template-columns:.3fr 1.15fr .75fr;gap:6vw;padding:clamp(80px,9vw,140px) 6vw;display:grid}.preview-notice>p{letter-spacing:.22em;color:#aaa093;margin:0;font-size:10px}.preview-notice h2{margin:0 0 25px;font-family:Georgia,serif;font-size:clamp(34px,4.4vw,70px);font-weight:400;line-height:1.02}.preview-notice>div>p{color:#bbb3a7;max-width:760px;margin:0;font-family:Georgia,serif;font-size:17px;line-height:1.65}.preview-notice dl{border-top:1px solid #f1eee74d;margin:0}.preview-notice dl div{border-bottom:1px solid #f1eee733;justify-content:space-between;gap:20px;padding:16px 0;display:flex}.preview-notice dt,.preview-notice dd{letter-spacing:.14em;margin:0;font-size:9px}.preview-notice dd{color:#b8a98f;text-align:right}.preview-collection{padding:0 5.5vw}.preview-product{border-bottom:1px solid var(--preview-line);grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:7vw;padding:clamp(85px,10vw,160px) 0;display:grid}.preview-product:nth-child(2n){grid-template-columns:minmax(380px,.95fr) minmax(0,1.05fr)}.preview-product:nth-child(2n) figure{order:2}.preview-product figure{margin:0}.preview-product figure img{object-fit:cover;object-position:50% 46%;filter:saturate(.82);background:#d9d2c8;width:100%;height:min(74vw,900px);display:block}.preview-product figure figcaption{letter-spacing:.16em;color:#7a7369;justify-content:space-between;margin-top:13px;font-size:8px;display:flex}.preview-product figure figcaption span{color:var(--preview-gold)}.preview-sku{letter-spacing:.2em;color:#756e64;margin:0 0 24px;font-size:9px}.preview-product h2{letter-spacing:-.045em;margin:0;font-family:Georgia,serif;font-size:clamp(50px,6vw,96px);font-weight:400;line-height:.9}.preview-cn{letter-spacing:.28em;color:#756e64;margin:14px 0 42px;font-family:serif;font-size:18px}.preview-specs{border-top:1px solid var(--preview-line);margin:0}.preview-specs div{border-bottom:1px solid var(--preview-line);grid-template-columns:160px 1fr;gap:24px;padding:18px 0;display:grid}.preview-specs dt{letter-spacing:.17em;color:#756e64;font-size:8px}.preview-specs dd{margin:0;font-family:Georgia,serif;font-size:16px;line-height:1.55}.preview-actions{align-items:center;gap:22px;margin-top:32px;display:flex}.preview-actions span,.preview-actions a{border:1px solid var(--preview-ink);letter-spacing:.14em;align-items:center;min-height:48px;padding:0 20px;font-size:9px;display:flex}.preview-actions span{color:#827b72;cursor:not-allowed;border-color:#a9a198}.preview-actions a{background:var(--preview-ink);color:var(--preview-paper)}.preview-closing{background:#d9d1c5;padding:clamp(100px,12vw,190px) 8vw}.preview-closing>p{letter-spacing:.22em;margin:0 0 36px;font-size:10px}.preview-closing h2{letter-spacing:-.04em;max-width:1180px;margin:0;font-family:Georgia,serif;font-size:clamp(44px,6.5vw,106px);font-weight:400;line-height:1}.preview-closing a{letter-spacing:.18em;border-bottom:1px solid var(--preview-ink);align-items:center;min-height:48px;margin-top:56px;font-size:10px;display:inline-flex}.preview-footer{color:#f1eee7;letter-spacing:.18em;background:#111;justify-content:space-between;gap:30px;padding:34px 5.5vw;font-size:8px;display:flex}@media (max-width:1050px){.preview-header{grid-template-columns:1fr auto}.preview-header nav{display:none}.preview-hero{grid-template-columns:1fr}.preview-hero-image{order:-1;min-height:70svh}.preview-hero-copy{padding-top:80px}.preview-notice{grid-template-columns:1fr}.preview-notice dl{margin-top:25px}.preview-product,.preview-product:nth-child(2n){grid-template-columns:1fr}.preview-product:nth-child(2n) figure{order:0}.preview-product figure img{height:min(125vw,900px)}.preview-product-copy{max-width:760px}}@media (max-width:620px){.preview-header{height:76px;padding:0 18px}.preview-brand{gap:6px}.preview-brand-mark{transform-origin:0;margin-right:-8px;transform:scale(.78)}.preview-brand strong{font-size:16px}.preview-brand small{display:none}.preview-back{font-size:8px}.preview-hero{min-height:0}.preview-hero-image{background-position:50% 40%;min-height:66svh}.preview-hero-copy{padding:72px 22px 95px}.preview-hero h1{font-size:62px}.preview-hero-copy>p:last-child{margin-top:36px}.preview-status{min-width:230px;bottom:12px;right:12px}.preview-notice{padding:80px 22px}.preview-collection{padding:0 22px}.preview-product{gap:50px;padding:90px 0}.preview-product figure img{height:126vw;max-height:740px}.preview-product h2{font-size:50px}.preview-specs div{grid-template-columns:1fr;gap:8px}.preview-actions{flex-direction:column;align-items:stretch}.preview-actions span,.preview-actions a{justify-content:center}.preview-closing{padding:100px 22px}.preview-closing h2{font-size:45px}.preview-footer{flex-direction:column;padding:32px 22px}}@media (prefers-reduced-motion:reduce){.hanfu-preview *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}