:root{--paper:#f3f1ec;--ink:#4d5850;--muted:#7c8079;--line:#dedbd3;--rust:#5c1b12;--sage:#e3e5df;--serif:"Noto Serif SC","Songti SC",serif;--sans:Inter,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{color:inherit}a{text-decoration:none}.topbar{height:78px;padding:0 max(calc((100vw - 1200px)/2),5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:rgba(243,241,236,.97);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font:600 18px var(--serif);letter-spacing:.1em;color:var(--rust)}.brand small,.footer-brand small{display:block;margin-top:4px;font:8px var(--sans);letter-spacing:.2em;color:var(--muted)}.brand-mark{width:auto;height:56px;max-width:68px;object-fit:contain;object-position:center;display:block;flex:0 0 auto;border:0;border-radius:0;background:transparent}nav{display:flex;gap:38px;margin-left:50px}nav a{font-size:12px;color:#717d70}nav a.active,nav a:hover{color:var(--ink)}.tools{display:flex;align-items:center;gap:22px}.quiet,.cart-btn{border:0;background:none;cursor:pointer;font-size:12px}.quiet{color:#6d796d}.cart-btn{padding:10px 0;border-bottom:1px solid var(--rust)}.cart-btn span{margin-left:8px;color:var(--rust)}.hero{max-width:1200px;margin:auto;min-height:525px;padding:68px 28px 70px;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;position:relative}.hero-copy{z-index:2}.eyebrow{font-size:9px;letter-spacing:.18em;color:#748078;display:flex;align-items:center;gap:10px}.eyebrow i{width:19px;height:1px;background:var(--rust)}h1,h2,p{margin-top:0}h1{font:400 clamp(32px,3.7vw,46px)/1.6 var(--serif);letter-spacing:.12em;margin:22px 0 15px;color:#574b44}h1 em{font-style:normal;color:inherit;font-weight:400}h2 em{font-style:normal;color:var(--rust);font-weight:400}.sub{font-size:13px;color:var(--muted);margin-bottom:30px}.primary{display:inline-flex;align-items:center;gap:44px;background:var(--rust);color:#f6f3e9;padding:14px 20px;border:0;cursor:pointer;font-size:12px}.primary b{font-size:17px;font-weight:400;color:#ad9388}.primary:hover{background:#6e2b21}.hero-caption{display:flex;gap:25px;margin-top:54px;font-size:8px;letter-spacing:.16em;color:#7d887e}.hero-art{height:380px;background:#e9e8e2;position:relative;overflow:hidden;margin-left:6%;border:1px solid #dedfd5;box-shadow:0 20px 55px rgba(77,88,80,.075)}.hero-art:before{content:"";position:absolute;inset:20px;border:1px solid rgba(77,88,80,.12)}.sun{position:absolute;top:58px;left:calc(50% - 53px);width:106px;height:106px;border-radius:50%;background:#c6b49a}.ring{position:absolute;border:1px solid rgba(38,61,50,.16);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.ring1{width:280px;height:280px}.ring2{width:350px;height:350px}.stem{position:absolute;z-index:1;left:51%;top:85px;width:1px;height:150px;background:#788078;transform:rotate(18deg)}.bloom{position:absolute;z-index:2;top:58px;left:56%;font-size:45px;color:#ad9388}.vase{position:absolute;z-index:2;bottom:45px;left:calc(50% - 67px);width:134px;height:153px;background:#c5c5bb;border:1px solid #788078;border-radius:22% 22% 40% 40%/10% 10% 19% 19%}.vase:after{content:"";position:absolute;left:14%;right:14%;top:18%;height:1px;background:rgba(38,61,50,.24);box-shadow:0 8px 0 rgba(38,61,50,.14)}.vase-neck{position:absolute;z-index:3;bottom:184px;left:calc(50% - 21px);width:42px;height:36px;border:1px solid #788078;border-bottom:0;border-radius:25px 25px 0 0}.art-label{position:absolute;z-index:4;bottom:62px;left:0;width:100%;text-align:center;font:11px/1.8 var(--serif);letter-spacing:.2em;color:#727970}.hero-index{position:absolute;right:8px;top:49%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.15em;color:#8e9789}.hero-index i{display:inline-block;height:27px;border-right:1px solid #adb5a9;margin:9px 0}.section{max-width:1200px;margin:auto;padding:86px 28px}.catalog{border-top:1px solid var(--line)}.section-title{display:flex;align-items:end;justify-content:space-between}.section-title h2,.about h2{font:500 32px/1.55 var(--serif);letter-spacing:.06em;margin:14px 0 0}.muted{font-size:11px;line-height:1.9;color:#6f7b72;margin:0 0 5px}.categories{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 20px}.categories button,.auth-tabs button{background:none;border:1px solid var(--line);padding:9px 16px;font-size:11px;color:#7a8578;cursor:pointer}.categories button.selected,.categories button:hover,.auth-tabs button.selected{background:var(--rust);border-color:var(--rust);color:#f7f5ef}.search{display:flex;max-width:360px;border-bottom:1px solid #aeb6a9;margin:24px 0 24px auto}.search input{flex:1;border:0;background:transparent;outline:none;padding:11px 4px;font-size:12px}.search button{background:none;border:0;color:var(--rust);font-size:22px;cursor:pointer}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:#fff;border:1px solid #e2dfd7;box-shadow:0 5px 18px rgba(77,88,80,.055);cursor:pointer;transition:transform .24s,box-shadow .24s,border-color .24s}.product-card:hover{transform:translateY(-4px);border-color:#c8cbc3;box-shadow:0 16px 34px rgba(77,88,80,.12)}.product-image{aspect-ratio:1/1;background:#efeee9;display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{color:#9ca596;font:36px var(--serif)}.product-meta{padding:15px 15px 17px}.product-meta small{font-size:9px;color:#738077}.product-meta h3{font:500 15px var(--serif);margin:8px 0 11px}.product-bottom{display:flex;justify-content:space-between;align-items:center}.price{font-size:14px;color:var(--rust)}.add-small{width:28px;height:28px;border:1px solid #bbc2b6;background:none;color:var(--ink);cursor:pointer}.empty{grid-column:1/-1;background:#f0f1ec;padding:60px 20px;text-align:center;color:#838d80;font-size:13px;line-height:2}.about{max-width:none;background:var(--sage);padding-left:max(calc((100vw - 1144px)/2),5vw);padding-right:max(calc((100vw - 1144px)/2),5vw);display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:35px;position:relative}.about-mark{width:auto;height:136px;max-width:160px;object-fit:contain;object-position:center;display:block;border:0;border-radius:0;background:transparent}.about h2{font-size:28px;margin:13px 0}.about>div:nth-child(2)>p:last-child{max-width:450px;font-size:12px;line-height:2;color:#758073}footer{background:var(--rust);color:#f4f1e7;padding:30px max(calc((100vw - 1144px)/2),5vw);display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.footer-brand{font:17px var(--serif);letter-spacing:.1em}.footer-brand small{color:#bdc5b9}.footer-links{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.footer-links a,.footer-meta{font-size:9px;color:#c2cabc}.footer-meta{display:flex;flex-direction:column;gap:7px;align-items:end}.overlay{position:fixed;inset:0;background:rgba(19,29,23,.4);z-index:8}.drawer{position:fixed;z-index:9;right:0;top:0;height:100dvh;width:min(510px,100vw);background:var(--paper);padding:70px 34px 35px;overflow:auto;transform:translateX(101%);transition:transform .24s}.drawer.open{transform:none}.close{position:absolute;right:22px;top:18px;border:0;background:none;font-size:27px;color:#778276;cursor:pointer}.drawer h2,dialog h2{font:500 25px var(--serif);margin:10px 0 23px}.drawer .line-item{display:grid;grid-template-columns:72px 1fr auto;gap:13px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.line-item img{width:72px;height:72px;object-fit:cover;background:#f0f4ef}.line-item h3{font:14px var(--serif);margin:0 0 7px}.line-item small{color:#899184;font-size:10px}.line-item .remove{border:0;background:none;color:#999;cursor:pointer}.qty{display:flex;align-items:center;gap:8px;margin-top:8px}.qty button{width:25px;height:25px;border:1px solid var(--line);background:transparent;cursor:pointer}.total-row{display:flex;justify-content:space-between;margin:20px 0;font-size:13px}.full{width:100%;justify-content:space-between}.checkout-form,.form-grid{display:grid;gap:12px}.field,form label{display:grid;gap:6px;font-size:11px;color:#788276}.field input,.field textarea,.field select,form input{padding:11px;border:1px solid var(--line);background:#fff;outline-color:#8b9a89;font-size:12px;color:var(--ink);width:100%}.field textarea{min-height:66px;resize:vertical}.address-option{border:1px solid var(--line);padding:12px;margin:8px 0;font-size:11px;cursor:pointer}.address-option.selected{border-color:var(--ink);background:#edf4ee}.error{color:#b6583c;font-size:11px;min-height:14px}.success{padding:24px 0;color:#758077;line-height:2}.order-card{border:1px solid var(--line);padding:15px;margin-bottom:12px;font-size:11px}.order-card strong{display:block;font-size:13px;margin-bottom:8px}.overlay[hidden]{display:none}dialog{border:0;padding:34px;width:min(420px,calc(100vw - 34px));background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #1d342733}dialog::backdrop{background:rgba(19,29,23,.5)}dialog .close{top:13px;right:17px}.auth-tabs{display:flex;gap:8px;margin:20px 0}.auth-tabs button{flex:1}.auth-tabs small,dialog small{font-size:10px;color:#899285}.auth-form{display:grid;gap:14px}.auth-form .primary{margin-top:8px}
@media(max-width:800px){.topbar{height:68px;padding:0 20px}nav{gap:19px;margin-left:0}nav a{font-size:10px}.tools{gap:12px}.brand{font-size:16px}.hero{padding:45px 23px;min-height:460px}.hero-art{height:325px;margin-left:2%}.section{padding:65px 23px}.product-grid{grid-template-columns:repeat(3,1fr)}.about{padding:45px 6vw;grid-template-columns:105px minmax(0,1fr);gap:18px}.about-mark{width:auto;height:105px;max-width:125px}.about h2{font-size:24px}footer{padding:27px 24px;grid-template-columns:1fr 2fr}.footer-meta{grid-column:1/-1;flex-direction:row;align-items:start;gap:18px}.footer-links{justify-content:end}}
@media(max-width:560px){.topbar{padding:0 15px}.brand{gap:7px;font-size:14px}.brand-mark{width:auto;height:42px;max-width:50px}.brand small{font-size:7px}.topbar nav{display:none}.tools{gap:10px}.quiet,.cart-btn{font-size:10px}.hero{display:block;padding:42px 21px 32px}.hero h1{font-size:29px;margin-top:18px;letter-spacing:.1em}.hero-art{height:300px;margin:34px 0 0}.hero-caption{margin-top:31px}.hero-index{display:none}.section{padding:57px 19px}.section-title{align-items:start;gap:12px;flex-direction:column}.section-title h2{font-size:27px}.muted br{display:none}.categories{margin-top:20px;gap:7px}.categories button{padding:8px 12px;font-size:10px}.search{max-width:none;margin-top:17px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-meta{padding:11px}.product-meta h3{font-size:13px}.product-meta small{font-size:8px}.about{padding:39px 20px;grid-template-columns:58px 1fr;gap:13px}.about-mark{width:auto;height:58px;max-width:58px}.about h2{font-size:21px}.about>div:nth-child(2)>p:last-child{font-size:10px}.footer-brand{font-size:15px}.footer-links{grid-column:1/-1;grid-row:2;justify-content:start;gap:10px 14px}.footer-meta{grid-row:2;font-size:8px}.drawer{padding:64px 20px 25px}.line-item{grid-template-columns:60px 1fr auto!important}.line-item img{width:60px;height:60px}dialog{padding:31px 23px}.about.section{padding-left:19px;padding-right:19px}}
.secondary,.text-button{border:1px solid #c1c8bd;background:transparent;color:var(--ink);padding:10px 13px;font-size:10px;cursor:pointer}.text-admin{border-bottom:1px solid #a5b29f;padding-bottom:3px;color:#657b66}.account-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:21px 0 15px}.account-tabs button{flex:1;background:none;border:0;padding:10px 3px;color:#849081;font-size:10px;cursor:pointer}.account-tabs button.selected{border-bottom:1px solid var(--rust);color:var(--ink)}.order-card>strong span{float:right;color:var(--rust);font-weight:400}.text-button{margin:9px 8px 0 0;padding:6px 9px}.check{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.check input{width:auto}.detail-image{height:280px;background:#ebe9df;display:grid;place-items:center;margin-bottom:22px}.detail-image img{width:100%;height:100%;object-fit:contain}.detail-stock{font-size:10px;color:#81907e}.detail-price{font-size:19px;margin-bottom:10px}.detail-desc{font-size:12px;line-height:1.9;color:#748072;padding:15px 0 24px}.detail-gallery{display:grid;gap:10px;margin:0 0 22px}.detail-gallery img{width:100%;height:auto;display:block;object-fit:contain;background:#f2f0e9}.toast{position:fixed;z-index:30;left:50%;bottom:26px;transform:translateX(-50%);background:var(--rust);color:#fff;padding:12px 17px;font-size:11px;box-shadow:0 6px 25px #0002}.primary:disabled{opacity:.5;cursor:not-allowed}.account-tabs+div{padding-bottom:14px}@media(max-width:680px){.topbar{padding-inline:clamp(14px,4vw,22px)}.topbar nav{display:none}.tools{gap:clamp(8px,2.5vw,14px)}}
@media(max-width:560px){.topbar{height:auto;min-height:64px;padding-block:8px}.quiet,.cart-btn{min-height:44px;display:inline-flex;align-items:center}.hero{padding:clamp(32px,8vw,42px) clamp(17px,5vw,21px) 30px}.hero h1{font-size:clamp(26px,7.4vw,30px);line-height:1.5;letter-spacing:.08em}.hero-art{height:clamp(230px,78vw,300px);margin:clamp(24px,7vw,34px) 0 0}.section{padding:clamp(42px,12vw,57px) clamp(16px,5vw,19px)}.categories{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-bottom:4px}.categories::-webkit-scrollbar{display:none}.categories button{min-height:44px;flex:0 0 auto}.search{width:100%;max-width:none}.search input{min-width:0}.product-card{min-width:0}.product-meta h3{overflow-wrap:anywhere}.about{grid-template-columns:50px minmax(0,1fr);gap:12px}.about-mark{max-width:50px;height:50px}.drawer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}dialog{max-height:calc(100dvh - 32px);overflow:auto}footer{grid-template-columns:1fr auto;padding:24px clamp(16px,5vw,22px)}.footer-meta{align-items:flex-end;text-align:right}}
@media(max-width:380px){.brand{font-size:12px}.brand small{display:none}.brand-mark{height:36px;max-width:42px}.tools{gap:7px}.quiet,.cart-btn{font-size:9px}.product-grid{gap:8px}.product-meta{padding:9px}.product-meta h3{font-size:12px}}

/* Product detail: keep the photograph and its copy in separate, responsive columns. */
#productDialog{width:min(760px,calc(100vw - 32px));max-height:min(90dvh,900px);overflow:auto;padding:34px;border-radius:2px}
#productDetail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;min-width:0}
#productDetail .detail-image{width:100%;height:auto;aspect-ratio:1/1;min-width:0;margin:0;overflow:hidden;background:#fff;border:1px solid var(--line)}
#productDetail .detail-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#productDetail .detail-copy{min-width:0;padding:8px 0 4px}
#productDetail .detail-copy h2{font:500 clamp(20px,2.2vw,27px)/1.5 var(--serif);overflow-wrap:anywhere;margin:12px 0}
#productDetail .detail-copy .eyebrow{line-height:1.7;overflow-wrap:anywhere}
#productDetail .detail-price{font-size:20px;margin:12px 0 8px}
#productDetail .detail-stock{line-height:1.8;margin:0}
#productDetail .detail-desc{overflow-wrap:anywhere;word-break:break-word;line-height:2;padding:18px 0 22px;border-top:1px solid var(--line);margin-top:18px;white-space:normal}
#productDetail .detail-gallery{grid-column:1/-1;min-width:0;width:100%;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#productDetail .detail-gallery img{max-width:100%;border:1px solid var(--line)}
#productDetail .detail-copy>.primary{width:100%;justify-content:space-between}
@media(max-width:620px){#productDialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:28px 20px 20px}#productDetail{grid-template-columns:minmax(0,1fr);gap:20px}#productDetail .detail-image{width:min(100%,380px);justify-self:center;max-height:42dvh;aspect-ratio:1/1}#productDetail .detail-copy{padding:0}#productDetail .detail-copy h2{font-size:22px}#productDetail .detail-desc{padding-bottom:16px}#productDetail .detail-gallery{grid-template-columns:minmax(0,1fr)}}
