:root{--bg:#111210;--panel:#1b1d19;--ink:#eeeae1;--muted:#a8aa9f;--gold:#c3b18c;--line:#34372f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.8 Arial,'Noto Sans TC',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}img{display:block;max-width:100%}.announcement{text-align:center;background:#25271f;color:#d1cfbd;font-size:10px;letter-spacing:2px;padding:8px}header{height:100px;display:flex;align-items:center;gap:35px;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font:39px Georgia,serif;letter-spacing:-2px}.brand span{display:block;font:8px Arial;letter-spacing:5px;text-align:center;margin-top:6px}nav{display:flex;gap:26px;justify-content:center;flex:1;font-size:12px}nav a:hover,footer a:hover{color:var(--gold)}.bag{font-size:12px;white-space:nowrap}.bag b{border:1px solid #666c5a;border-radius:50%;padding:4px 8px;margin-left:8px;font-weight:normal}.hero{height:690px;max-height:80vh;min-height:540px;position:relative;overflow:hidden;background:#24251f}.hero>img{position:absolute;right:0;width:61%;height:100%;object-fit:cover;object-position:50% 40%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1b1d18 0%,#1b1d18ec 28%,#1b1d1840 65%,transparent)}.hero-copy{position:relative;z-index:1;padding:75px 8%;}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font:clamp(65px,7vw,106px)/1.02 Georgia,serif;margin:28px 0}.hero h1 em{font-weight:normal;color:#d3c4a5}.hero p{font-size:14px;color:#c3c3b8;line-height:2}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;background:var(--ink);color:#20231b;border:1px solid var(--ink);padding:15px 25px;font-size:13px}.button:hover{background:var(--gold);border-color:var(--gold)}.hero .button{margin-top:15px}.hero-bottom{position:absolute;z-index:1;bottom:25px;left:8%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:3px;color:#c8c9bb}.section{padding:70px 5%;max-width:1600px;margin:auto}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;gap:20px}.section-title h2{font-size:28px;font-weight:400;margin:8px 0 0}.section-title>a{font-size:12px;border-bottom:1px solid #777;padding-bottom:6px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.photo{aspect-ratio:4/5;background:#292a25;overflow:hidden;position:relative}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover img{transform:scale(1.035)}.photo span{position:absolute;bottom:12px;right:12px;background:#12130ebd;padding:7px 12px;font-size:11px;opacity:0}.card:hover .photo span{opacity:1}.meta{display:flex;justify-content:space-between;gap:12px;margin-top:17px}.meta h3,.meta p{font-size:13px;font-weight:400;margin:0}.meta p{white-space:nowrap;color:#d7c6a3}.card>small{font-size:11px;color:var(--muted)}.collection{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:0 5%}.collection>a{position:relative;height:480px;overflow:hidden}.collection img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:brightness(.75)}.collection a>div{position:absolute;bottom:35px;left:35px}.collection small{font-size:10px;letter-spacing:3px}.collection h2{font-size:27px;font-weight:400;margin:8px 0 15px}.collection span{font-size:12px}.manifesto{text-align:center;padding:95px 20px}.manifesto h2{font-size:35px;font-weight:400;margin:20px 0}.manifesto p{color:var(--muted)}.manifesto a{font-size:12px;border-bottom:1px solid var(--gold)}footer{padding:55px 5% 20px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px;color:var(--muted);font-size:12px}footer .brand{color:var(--ink)}footer p{margin-top:15px}footer a:not(.brand){display:block;margin-bottom:10px}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:10px;letter-spacing:1px}.page-title{font-size:44px;font-weight:400;margin:15px 0 40px}.toolbar{display:flex;gap:15px;align-items:center;margin-bottom:35px}.toolbar span{margin-left:auto;color:var(--muted);font-size:12px}input,select,textarea{background:#1d1f1a;color:var(--ink);border:1px solid #4a4d42;padding:12px;width:100%;border-radius:0}select option{background:#1d1f1a}.toolbar input{max-width:300px}.toolbar select{max-width:190px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:25px}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:8%}.product-main{width:100%}.product-copy{padding-top:25px}.product-copy h1{font-size:33px;font-weight:400;margin:15px 0}.price{font-size:22px;color:var(--gold)}.product-copy>p:not(.price){color:var(--muted)}label{display:block;margin:18px 0;font-size:13px}label input,label select,label textarea{display:block;margin-top:8px}#add-form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:30px}#add-form button{grid-column:1/-1;margin-bottom:12px}.secondary{padding:13px;background:transparent;border:1px solid #888c7b;color:var(--ink)}details{border-top:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-size:13px}details p{font-size:12px;color:var(--muted);margin:15px 0 0}.narrow{max-width:830px;min-height:60vh}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-grid h2{font:52px/1.2 Georgia,serif}.about-grid p{color:var(--muted)}.logo-art{max-width:230px;margin-top:25px}.notice{border-left:2px solid var(--gold);background:#23251e;padding:15px 20px;font-size:13px}.checkout{display:grid;grid-template-columns:1.5fr 1fr;gap:8%}.checkout h2{font-size:20px;font-weight:400;margin:30px 0 20px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.summary{background:#20221c;padding:30px;height:fit-content}.summary h2{margin-top:0}.sum-line{display:flex;justify-content:space-between;gap:20px;margin:15px 0}.sum-line.total{border-top:1px solid #565a4d;padding-top:20px;font-size:20px}.summary .button{width:100%;margin-top:15px}.cart-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:6%}.cart-row{display:grid;grid-template-columns:90px 1fr 80px 80px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.cart-row img{width:90px;height:110px;object-fit:cover}.cart-row h3{font-size:15px;margin:0}.cart-row small{color:var(--muted)}.remove{display:block;color:var(--muted);border:0;background:none;padding:4px 0;font-size:11px}.cart-row input{padding:8px}.muted{color:var(--muted);font-size:12px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 25px;background:var(--ink);color:#191c15;box-shadow:0 5px 40px #0006;z-index:4;display:none;white-space:nowrap}#toast.visible{display:block}#contact-result{white-space:pre-wrap;margin-top:30px}@media(max-width:1000px){header{gap:20px;flex-wrap:wrap;height:auto;padding:20px 5%}nav{order:3;width:100%;flex-basis:100%;gap:20px;justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding:10px 0}.bag{margin-left:auto}.hero-copy{padding:70px 6%}.hero>img{width:75%}.grid{grid-template-columns:repeat(2,1fr)}.collection>a{height:380px}.meta{display:block}.meta p{margin-top:3px}}@media(max-width:600px){.hero{min-height:520px;height:65vh}.hero>img{width:100%;object-position:60%}.hero:after{background:linear-gradient(90deg,#141611e8,#14161125)}.hero h1{font-size:64px}.hero-copy{padding-top:65px}.section{padding:45px 5%}.section-title h2{font-size:22px}.grid{gap:22px 12px}.photo span{display:none}.meta h3{font-size:12px}.collection{grid-template-columns:1fr}.collection>a{height:420px}.manifesto{padding:65px 20px}.manifesto h2{font-size:27px}footer{grid-template-columns:1fr 1fr}footer>div:nth-child(3){grid-column:1/-1}.detail,.about-grid,.checkout,.cart-layout{grid-template-columns:1fr;gap:25px}.page-title{font-size:34px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none}.toolbar select{max-width:65%}.cart-row{grid-template-columns:65px 1fr 65px;gap:12px}.cart-row img{width:65px;height:85px}.cart-row>strong{grid-column:2/4;text-align:right;font-size:13px}.product-copy h1{font-size:28px}.about-grid h2{font-size:40px}.hero-bottom{font-size:8px}.summary{margin-top:20px}}
