:root{--paper:#f5f1ec;--pink:#f2c9d7;--ink:#171115;--serif:"DM Serif Display",Georgia,serif;--sans:"Noto Sans KR",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}
a{text-decoration:none;color:inherit}.shop-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 5vw;background:rgba(245,241,236,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.1)}
.brand{font-size:13px;letter-spacing:.14em;font-weight:700}nav{display:flex;gap:24px;font-size:12px}nav .active{border-bottom:1px solid #111}
.cart-button{justify-self:end;border:1px solid #111;background:transparent;border-radius:999px;padding:9px 13px;cursor:pointer}
.shop-hero{padding:95px 5vw 80px;background:radial-gradient(circle at 75% 25%,rgba(242,201,215,.22),transparent 28%),linear-gradient(135deg,#111,#2a1821);color:#fff}
.eyebrow{font-size:10px;letter-spacing:.22em;opacity:.6}.eyebrow.dark{color:#111}
.shop-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(62px,10vw,140px);line-height:.83;letter-spacing:-.04em;margin:18px 0 30px}
.shop-hero h1 em{font-weight:400;color:var(--pink)}.shop-hero p:last-child{max-width:680px;color:rgba(255,255,255,.68);line-height:1.8}
.product-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;padding:90px 7vw;background:#f5f1ec}
.feature-cover img{width:100%;display:block;box-shadow:0 30px 70px rgba(0,0,0,.16)}
.feature-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(50px,7vw,95px);line-height:.9;margin:16px 0}
.feature-desc{font-size:17px;color:#5c5155;line-height:1.8}
.what-you-get{margin:35px 0;border-top:1px solid rgba(0,0,0,.15)}
.what-you-get h3{font-family:var(--serif);font-size:28px;font-weight:400}
.what-you-get div{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.12);font-size:13px}
.what-you-get div span{display:inline-block;width:45px;opacity:.4}
.license-box{padding:20px;background:#ece6df;margin:28px 0}.license-box strong{font-family:var(--serif);font-size:20px}.license-box p{font-size:12px;line-height:1.8;margin-bottom:0;color:#62575b}
.feature-buy{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:26px;border-top:1px solid rgba(0,0,0,.18)}
.feature-buy small{display:block;font-size:9px;letter-spacing:.13em;opacity:.5}.feature-buy strong{display:block;font-family:var(--serif);font-size:38px;font-weight:400;margin-top:5px}
.add{border:none;background:#111;color:#fff;padding:14px 18px;font-size:10px;letter-spacing:.09em;cursor:pointer}.feature-add{padding:16px 22px}
.security-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1c181a;color:white;border-top:1px solid rgba(255,255,255,.1)}
.security-strip div{padding:28px 5vw;background:#111}.security-strip strong{display:block;font-size:11px;letter-spacing:.14em}.security-strip span{display:block;font-size:12px;opacity:.54;margin-top:8px}
.coming-section{padding:90px 7vw 45px}.coming-section h2{font-family:var(--serif);font-weight:400;font-size:clamp(42px,6vw,80px);margin:12px 0}.coming-section p:last-child{max-width:650px;color:#675c60;line-height:1.8}
.shop-links{display:flex;gap:20px;flex-wrap:wrap;padding:0 7vw 85px}.shop-links a{font-size:12px;border-bottom:1px solid rgba(0,0,0,.28);padding-bottom:4px}
.drawer{position:fixed;right:-430px;top:0;width:min(430px,92vw);height:100%;background:#fff;z-index:80;padding:28px;transition:.3s;box-shadow:-20px 0 60px rgba(0,0,0,.2)}
.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head h2{font-family:var(--serif);font-size:34px;font-weight:400}.drawer-head button,.modal-close{border:none;background:none;font-size:30px;cursor:pointer}
.cart-items{min-height:55%;padding-top:20px}.cart-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:14px 0;border-bottom:1px solid #ddd;font-size:13px}.cart-item button{border:none;background:none;cursor:pointer;opacity:.5}
.drawer-total{display:flex;justify-content:space-between;font-size:20px;padding:20px 0}.checkout{width:100%;padding:15px;background:#111;color:#fff;border:none;cursor:pointer;letter-spacing:.1em}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:70;opacity:0;pointer-events:none;transition:.2s}.overlay.show{opacity:1;pointer-events:auto}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;opacity:0;pointer-events:none;background:rgba(0,0,0,.55);transition:.2s;padding:20px}
.modal.show{opacity:1;pointer-events:auto}.modal-card{position:relative;width:min(700px,94vw);max-height:92vh;overflow:auto;background:var(--paper);padding:35px}.modal-close{position:absolute;right:20px;top:15px}.modal-card h2{font-family:var(--serif);font-size:42px;font-weight:400;margin:12px 0 20px}
.summary{padding:14px 0 18px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:20px;font-size:13px;line-height:1.8}
.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;font-size:12px;margin:12px 0}input[type=text],input[type=email]{width:100%;padding:12px;border:1px solid #cfc7c2;background:white;margin-top:6px}
.agree{display:flex;gap:8px;line-height:1.55}.payment-preview{padding:18px 0;border-top:1px solid #d8d1cc;border-bottom:1px solid #d8d1cc;margin:18px 0}
.payment-preview>span{font-size:12px}.payment-buttons{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.payment-buttons button{padding:10px 13px;border:1px solid #ccc;background:#eee;color:#999}
.pay-disabled{width:100%;padding:15px;border:none;background:#c8c1bd;color:#fff;margin-top:12px}.modal-card small{display:block;text-align:center;margin-top:10px;opacity:.55}
@media(max-width:900px){.shop-header{grid-template-columns:1fr auto}nav{display:none}.product-feature{grid-template-columns:1fr}.feature-cover{max-width:520px}.security-strip{grid-template-columns:1fr}}
@media(max-width:560px){.shop-hero h1{font-size:18vw}.checkout-grid{grid-template-columns:1fr}.feature-buy{align-items:flex-start;flex-direction:column}}


/* v14 detailed score product page */
.score-product-hero{
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(420px,1.22fr);
  gap:7vw;
  padding:72px 7vw 86px;
  align-items:start;
}
.score-product-cover{
  position:sticky;
  top:96px;
}
.score-product-cover img{
  width:100%;
  display:block;
  box-shadow:0 28px 70px rgba(0,0,0,.16);
}
.back-to-album{
  display:inline-block;
  margin-top:17px;
  font-size:9px;
  letter-spacing:.13em;
  opacity:.5;
}
.score-product-copy h1{
  font-family:var(--serif);
  font-size:clamp(58px,7.5vw,112px);
  font-weight:400;
  line-height:.84;
  letter-spacing:-.04em;
  margin:16px 0 26px;
}
.score-product-copy h1 em{
  font-weight:400;
  color:#b88495;
}
.product-lead{
  max-width:650px;
  font-size:15px;
  line-height:1.9;
  color:#5f5558;
}
.product-meta-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid rgba(0,0,0,.16);
  margin:35px 0 38px;
}
.product-meta-grid div{
  padding:17px 0;
  border-bottom:1px solid rgba(0,0,0,.12);
}
.product-meta-grid div:nth-child(odd){
  padding-right:20px;
  border-right:1px solid rgba(0,0,0,.10);
}
.product-meta-grid div:nth-child(even){padding-left:20px}
.product-meta-grid span{
  display:block;
  font-size:8px;
  letter-spacing:.15em;
  opacity:.4;
}
.product-meta-grid strong{
  display:block;
  font-size:12px;
  margin-top:6px;
  font-weight:500;
}
.edition-section{
  border-top:1px solid rgba(0,0,0,.18);
  padding-top:18px;
}
.edition-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:end;
  margin-bottom:12px;
}
.edition-head span{font-size:9px;letter-spacing:.16em}
.edition-head small{font-size:9px;opacity:.42;text-align:right}
.edition-card{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  text-align:left;
  padding:18px 19px;
  margin-top:8px;
  border:1px solid rgba(0,0,0,.16);
  background:transparent;
  color:inherit;
}
.edition-card p{
  margin:0 0 5px;
  font-size:8px;
  letter-spacing:.16em;
  opacity:.42;
}
.edition-card strong{display:block;font-size:14px}
.edition-card small{display:block;font-size:10px;opacity:.52;margin-top:5px}
.edition-card b{
  font-family:var(--serif);
  font-size:24px;
  font-weight:400;
  white-space:nowrap;
}
.disabled-edition{opacity:.52}
.featured-edition{
  cursor:pointer;
  background:#171115;
  color:#fff;
  border-color:#171115;
  transition:.2s;
}
.featured-edition:hover{transform:translateY(-2px)}
.score-preview-section{
  padding:90px 7vw;
  background:#e9e2dd;
}
.preview-heading{
  display:grid;
  grid-template-columns:1fr 2fr;
  column-gap:50px;
  align-items:end;
  margin-bottom:35px;
}
.preview-heading .eyebrow{grid-column:1}
.preview-heading h2{
  grid-column:2;
  grid-row:1 / span 2;
  font-family:var(--serif);
  font-size:clamp(42px,6vw,80px);
  font-weight:400;
  margin:0;
}
.preview-heading>p:last-child{
  grid-column:1;
  max-width:360px;
  font-size:12px;
  line-height:1.8;
  color:#62585b;
}
.preview-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.preview-placeholder{
  aspect-ratio:1 / 1.42;
  background:
    linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)),
    repeating-linear-gradient(to bottom,#bbb 0,#bbb 1px,transparent 1px,transparent 13px);
  border:1px solid rgba(0,0,0,.11);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow:0 20px 40px rgba(0,0,0,.08);
}
.preview-placeholder span{font-size:8px;letter-spacing:.16em;opacity:.35}
.preview-placeholder strong{
  font-family:var(--serif);
  font-size:22px;
  font-weight:400;
  margin:8px 0 4px;
}
.preview-placeholder small{font-size:9px;opacity:.35}
.product-information{
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  gap:7vw;
  padding:90px 7vw;
}
.product-information h3{
  font-family:var(--serif);
  font-size:58px;
  font-weight:400;
  margin:12px 0;
}
.info-list{border-top:1px solid rgba(0,0,0,.14)}
.info-list div{
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:15px;
  align-items:center;
  padding:16px 0;
  border-bottom:1px solid rgba(0,0,0,.12);
}
.info-list span{font-size:9px;opacity:.35}
.info-list strong{font-size:13px}
.info-list small{font-size:10px;opacity:.42}
.product-bottom-cta{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  padding:80px 7vw;
  background:#f5f1ec;
}
.product-bottom-cta h2{
  font-family:var(--serif);
  font-size:clamp(42px,5.6vw,74px);
  font-weight:400;
  margin:10px 0 5px;
}
.product-bottom-cta p:last-child{font-size:12px;opacity:.52}
.product-bottom-cta>.add{padding:17px 22px}
@media(max-width:900px){
  .score-product-hero{grid-template-columns:1fr;padding-top:45px}
  .score-product-cover{position:static;max-width:520px}
  .preview-heading{grid-template-columns:1fr}
  .preview-heading h2,.preview-heading .eyebrow,.preview-heading>p:last-child{grid-column:1;grid-row:auto}
  .preview-heading h2{margin:10px 0 16px}
  .product-information{grid-template-columns:1fr}
}
@media(max-width:650px){
  .score-product-copy h1{font-size:17vw}
  .product-meta-grid{grid-template-columns:1fr}
  .product-meta-grid div:nth-child(odd){border-right:0;padding-right:0}
  .product-meta-grid div:nth-child(even){padding-left:0}
  .edition-head{align-items:start;flex-direction:column}
  .preview-grid{grid-template-columns:1fr}
  .preview-placeholder:nth-child(n+2){display:none}
  .info-list div{grid-template-columns:36px 1fr}
  .info-list small{grid-column:2}
  .product-bottom-cta{align-items:flex-start;flex-direction:column}
}

.site-legal-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;font-size:8px;letter-spacing:.11em;opacity:.42}
.site-legal-links a:hover{opacity:1}