*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --dark:#2c2820;--cream:#faf8f3;--sand:#f0ece3;--gold:#b89a5a;--gold-lt:#d4b97a;
  --gold-pale:rgba(184,154,90,0.10);--gray:#9a9088;--border:#ddd8cf;--text:#3a3530;--text-light:#2e2b28;
}
html{scroll-behavior:smooth;}
body{font-family:'Georgia','Times New Roman',serif;background:var(--cream);color:var(--dark);line-height:1.6;}
.lang-bar{background:var(--cream);border-bottom:1px solid var(--border);display:flex;justify-content:flex-end;padding:7px 40px;gap:4px;}
.lang-btn{background:none;border:1px solid var(--border);color:var(--gray);font-size:10px;letter-spacing:.12em;padding:4px 12px;cursor:pointer;transition:all .2s;font-family:inherit;}
.lang-btn.active{background:var(--gold);border-color:var(--gold);color:#fff;font-weight:bold;}
.lang-btn:hover:not(.active){border-color:var(--gold);color:var(--gold);}
header{background:var(--cream);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;}
nav{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;}
.logo{text-decoration:none;}
.logo-main{font-size:20px;letter-spacing:.2em;color:var(--dark);font-weight:normal;text-transform:uppercase;display:block;}
.logo-sub{font-size:9px;letter-spacing:.24em;color:var(--gold);text-transform:uppercase;margin-top:3px;display:block;}
.nav-links{display:flex;gap:32px;list-style:none;}
.nav-links a{text-decoration:none;font-size:10px;letter-spacing:.18em;color:var(--text);text-transform:uppercase;transition:color .2s;font-family:'Georgia',serif;}
.nav-links a:hover{color:var(--gold);}
.nav-right{display:flex;align-items:center;gap:20px;}

.hero{background:var(--cream);color:var(--dark);text-align:center;padding:100px 40px 90px;border-bottom:1px solid var(--border);position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--sand) 0%,var(--cream) 65%);}
.hero-content{position:relative;z-index:1;}
.hero-eyebrow{font-size:9px;letter-spacing:.32em;color:var(--gold);text-transform:uppercase;margin-bottom:28px;}
.hero h1{font-size:clamp(40px,6vw,76px);font-weight:normal;letter-spacing:.1em;line-height:1.1;margin-bottom:10px;color:var(--dark);}
.hero h1 em{font-style:italic;color:var(--gold);}
.hero-tagline{font-size:clamp(11px,1.8vw,13px);color:var(--gray);letter-spacing:.24em;text-transform:uppercase;margin-bottom:52px;}
.hero-cta{display:inline-block;background:var(--dark);color:var(--cream);text-decoration:none;font-size:10px;letter-spacing:.22em;text-transform:uppercase;padding:15px 42px;transition:background .2s;font-family:'Georgia',serif;}
.hero-cta:hover{background:var(--gold);}
section{padding:80px 40px;}
.section-inner{max-width:1200px;margin:0 auto;}
.section-label{font-size:9px;letter-spacing:.28em;color:var(--gold);text-transform:uppercase;margin-bottom:14px;}
.section-title{font-size:clamp(26px,4vw,44px);font-weight:normal;letter-spacing:.04em;line-height:1.2;margin-bottom:18px;color:var(--dark);}
.section-title em{font-style:italic;color:var(--gold);}
.divider{width:44px;height:1px;background:var(--gold);margin:0 0 36px;}
.story{background:var(--cream);border-bottom:1px solid var(--border);}
.story-cols{display:grid;grid-template-columns:0.85fr 1.5fr;gap:72px;align-items:start;margin-top:52px;}
.story-headline{font-size:clamp(26px,2.8vw,42px);font-weight:normal;letter-spacing:.01em;line-height:1.22;color:var(--dark);}
.story-headline em{font-style:italic;color:var(--gold);}
.story-body p{font-size:17px;color:var(--text-light);line-height:2.05;margin-bottom:22px;}
.story-body p:last-child{margin-bottom:0;}
.story-closer{font-size:16px!important;font-style:italic;color:var(--dark)!important;margin-top:12px!important;}
.story-headline-sub{font-size:clamp(15px,1.5vw,19px);font-style:italic;color:#c9941f;margin-top:24px;line-height:1.4;font-family:'Georgia',serif;font-weight:bold;letter-spacing:.03em;}
.collection{background:var(--cream);}
.collection-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;flex-wrap:wrap;gap:16px;}
.collection-count{font-size:11px;color:var(--gray);letter-spacing:.1em;}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.card{cursor:pointer;transition:transform .3s;display:block;text-decoration:none;color:inherit;}
.card:hover{transform:translateY(-4px);}
.card-img{aspect-ratio:3/4;overflow:hidden;margin-bottom:12px;background:var(--sand);display:flex;align-items:center;justify-content:center;padding:10px;}
.card-img img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s;}
.card:hover .card-img img{transform:scale(1.03);}
.card-sku{font-size:9px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;margin-bottom:3px;}
.card-title{font-size:13px;font-weight:normal;color:var(--dark);margin-bottom:2px;}
.card-brand{font-size:11px;color:var(--gray);margin-bottom:6px;font-style:italic;}
.card-price{font-size:13px;color:var(--dark);}
.card-price-from{font-size:10px;color:var(--gray);margin-right:3px;}
.how{background:var(--sand);}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:52px;}
.how-num{font-size:34px;color:var(--gold);font-style:italic;line-height:1;margin-bottom:14px;}
.how-step-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--dark);margin-bottom:10px;}
.how-step-desc{font-size:15px;color:var(--text-light);line-height:1.8;}
.quality{background:var(--cream);}
.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:48px;}
.q-icon{font-size:26px;margin-bottom:14px;color:var(--gold);}
.q-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--dark);margin-bottom:10px;}
.q-desc{font-size:15px;color:var(--text-light);line-height:1.9;}
.shipping{background:var(--cream);}
.shipping-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;}
.shipping-col h3{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:normal;}
.shipping-col li{font-size:15px;color:var(--text-light);line-height:2;list-style:none;}
.shipping-col li::before{content:'→ ';color:var(--gold);}
.shipping-flag{display:inline-block;background:var(--gold-pale);border:1px solid rgba(184,154,90,.3);color:var(--gold);font-size:9px;letter-spacing:.1em;padding:5px 13px;text-transform:uppercase;margin-bottom:14px;}
.wholesale{background:var(--sand);}
.wholesale-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;margin-top:44px;}

.wholesale-form-wrap{background:var(--cream);padding:36px;border:1px solid var(--border);}
.form-row{margin-bottom:18px;}
.form-label{display:block;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gray);margin-bottom:7px;}
.form-input,.form-select,.form-textarea{width:100%;border:1px solid var(--border);background:var(--cream);color:var(--dark);padding:11px 14px;font-size:13px;font-family:inherit;outline:none;transition:border-color .2s;}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--gold);}
.form-textarea{height:100px;resize:vertical;}
.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23b89a5a' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}
.form-row-half{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-submit{width:100%;background:var(--dark);color:var(--cream);border:none;padding:15px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;font-family:inherit;margin-top:6px;transition:background .2s;}
.form-submit:hover{background:var(--gold);}
.form-note{font-size:10px;color:var(--gray);text-align:center;margin-top:10px;letter-spacing:.06em;}
.wholesale-badge{display:inline-block;background:var(--gold-pale);border:1px solid rgba(184,154,90,.3);color:var(--gold);font-size:9px;letter-spacing:.14em;padding:5px 13px;text-transform:uppercase;margin-bottom:20px;}
.contact{background:var(--cream);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;margin-top:44px;}
.contact-info p{font-size:16px;color:var(--text-light);line-height:2;margin-bottom:16px;}
.contact-info .contact-item{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;font-size:15px;color:var(--text-light);}
.contact-info .contact-item a{color:var(--gold);text-decoration:none;}
.contact-info .contact-item a:hover{text-decoration:underline;}
.contact-icon{color:var(--gold);font-size:15px;min-width:20px;}
.contact-form-wrap{background:var(--sand);padding:36px;border:1px solid var(--border);}
.newsletter{background:var(--dark);text-align:center;padding:64px 40px;}
.newsletter h2{font-size:26px;font-weight:normal;color:var(--cream);letter-spacing:.06em;margin-bottom:10px;}
.newsletter p{font-size:13px;color:var(--gray);margin-bottom:28px;}
.nl-form{display:flex;max-width:400px;margin:0 auto;}
.nl-input{flex:1;border:1px solid #3a3630;background:rgba(255,255,255,.06);color:var(--cream);padding:13px 16px;font-size:13px;font-family:inherit;outline:none;}
.nl-input::placeholder{color:rgba(250,248,243,.3);}
.nl-btn{background:var(--gold);color:var(--dark);border:none;padding:13px 22px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;font-family:inherit;font-weight:bold;}
.nl-btn:hover{background:var(--gold-lt);}
footer{background:#1a1814;color:#5a5248;padding:56px 40px 28px;}
.footer-inner{max-width:1200px;margin:0 auto;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:52px;margin-bottom:44px;padding-bottom:44px;border-bottom:1px solid #2a2620;}
.footer-brand p{font-size:12px;line-height:1.9;color:#5a5248;margin-top:14px;}
.footer-col h4{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-weight:normal;}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:9px;}
.footer-col a{text-decoration:none;font-size:12px;color:#5a5248;transition:color .2s;}
.footer-col a:hover{color:var(--cream);}
.footer-bottom{display:flex;justify-content:space-between;font-size:11px;color:#3a3630;}
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(26,24,20,.75);z-index:1000;align-items:center;justify-content:center;}
.modal-overlay.open{display:flex;}
.modal{background:var(--cream);max-width:820px;width:92%;max-height:92vh;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;}
.modal-img{overflow:hidden;background:var(--cream);display:flex;align-items:center;justify-content:center;padding:16px;}
.modal-img img{width:100%;height:100%;object-fit:contain;display:block;}
.modal-info{padding:36px;display:flex;flex-direction:column;}
.modal-close{align-self:flex-end;background:none;border:none;font-size:20px;cursor:pointer;color:var(--gray);margin-bottom:20px;line-height:1;padding:4px;}
.modal-sku{font-size:9px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:4px;}
.modal-title{font-size:22px;font-weight:normal;margin-bottom:2px;letter-spacing:.03em;}
.modal-brand{font-size:11px;color:var(--gray);font-style:italic;margin-bottom:6px;}
.modal-year{font-size:11px;color:var(--gray);margin-bottom:20px;}
.modal-desc{font-size:16px;color:#4a4540;line-height:1.95;margin-bottom:26px;font-style:italic;flex:1;white-space:pre-line;}
.size-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gray);display:block;margin-bottom:9px;}
.size-options{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px;}
.size-opt{border:1px solid var(--border);background:none;padding:7px 13px;font-size:11px;cursor:pointer;font-family:inherit;color:var(--dark);transition:all .2s;}
.size-opt.selected,.size-opt:hover{background:var(--dark);color:var(--cream);border-color:var(--dark);}
.size-opt:disabled{opacity:.3;cursor:not-allowed;background:none!important;color:var(--gray)!important;border-color:var(--border)!important;}
.modal-price{font-size:24px;color:var(--dark);margin-bottom:18px;}
.modal-cta{background:var(--gold);color:var(--cream);border:none;padding:15px 26px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;font-family:inherit;margin-bottom:8px;transition:background .2s;width:100%;}
.modal-cta:hover{background:var(--gold-lt);}
.modal-cta-secondary{background:none;color:var(--dark);border:1px solid var(--border);padding:12px 26px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;font-family:inherit;margin-bottom:10px;transition:all .2s;width:100%;}
.modal-cta-secondary:hover{border-color:var(--gold);color:var(--gold);}
.modal-note{font-size:10px;color:var(--gray);text-align:center;letter-spacing:.06em;}
.modal-disclaimer{font-size:10px;color:var(--gray);text-align:center;letter-spacing:.04em;margin-top:10px;line-height:1.6;font-style:italic;border-top:1px solid var(--border);padding-top:10px;}
[data-lang="ko"]{display:none;}
body.ko [data-lang="en"]{display:none;}
body.ko [data-lang="ko"]{display:block;}
body.ko span[data-lang="ko"],body.ko a[data-lang="ko"],body.ko li[data-lang="ko"]{display:inline;}
body.ko span[data-lang="en"],body.ko a[data-lang="en"],body.ko li[data-lang="en"]{display:none;}
.form-success{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32;padding:16px;text-align:center;font-size:13px;margin-top:14px;display:none;}
.form-success.show{display:block;}
@media(max-width:900px){
  nav{padding:16px 20px;}section{padding:56px 20px;}.hero{padding:70px 20px 60px;}
  .shipping-grid,.wholesale-grid,.contact-grid,.story-cols{grid-template-columns:1fr;gap:36px;}
  .grid{grid-template-columns:repeat(2,1fr);gap:14px;}.how-grid{grid-template-columns:repeat(2,1fr);}
  .quality-grid{grid-template-columns:1fr;gap:28px;}.footer-top{grid-template-columns:1fr 1fr;gap:28px;}
  .modal{grid-template-columns:1fr;max-height:85vh;}.modal-img{max-height:280px;}
  .form-row-half{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .nav-links{display:none;}.grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .footer-top{grid-template-columns:1fr;}.lang-bar{padding:7px 20px;}
}

/* ── Product Page (collection/*.html) ── */
.breadcrumb{max-width:1100px;margin:28px auto 0;padding:0 40px;font-size:10px;letter-spacing:.1em;color:var(--gray);text-transform:uppercase;}
.breadcrumb a{color:var(--gold);text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}
.product-section{padding:36px 40px 100px;}
.product-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.product-img-wrap{background:var(--sand);padding:30px;}
.product-img-wrap img{width:100%;height:auto;display:block;}
.related-section{border-top:1px solid var(--border);}
@media(max-width:900px){
  .breadcrumb{padding:0 20px;}
  .product-section{padding:28px 20px 70px;}
  .product-grid{grid-template-columns:1fr;gap:32px;}
}