:root{--bg:#090c0a;--panel:#171a16;--text:#f2f1ec;--muted:#a9aca2;--line:#31362c;--accent:#cdb487;--sale:#e8584f}
body{background:radial-gradient(circle at 50% 20%,#141811 0,#090c0a 38%);overflow-x:hidden}
.preview-note{background:#1f231c;color:#d8d0bf;border-bottom:1px solid #343a2f;letter-spacing:.04em}
.hero-stage{border-bottom:1px solid var(--line)}
header{min-height:82px}
.brand{letter-spacing:.08em}
nav a{color:#d0d2ca;transition:color .2s}
nav a:hover{color:var(--accent)}
.hero{min-height:650px;padding-top:54px;padding-bottom:42px}
.hero-copy{max-width:610px}
.eyebrow{font-weight:700;letter-spacing:2.4px}
h1{font-size:clamp(46px,5vw,74px);line-height:.98;letter-spacing:-2px;text-shadow:0 2px 28px #0009}
.intro{max-width:500px;color:#f0f0eb;font-size:18px}
.hero-button{min-width:390px;border-radius:3px;box-shadow:0 10px 32px #e4b94f2b}
.benefits{margin-top:34px;padding-top:24px;border-top:1px solid #ffffff20}
.benefit-icon{color:var(--accent)}
.section{border-top:1px solid var(--line)}
.gallery,.colors{padding-block:68px}
.gallery{grid-template-columns:minmax(240px,.7fr) minmax(0,2.3fr);gap:50px}
.gallery .section-copy{align-self:start;padding-top:15px}
.gallery .section-copy .eyebrow{margin-bottom:13px}
.gallery-pictures{grid-template-columns:1.18fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:clamp(430px,44vw,610px)}
.gallery-shot{border:1px solid #454b3e;background:#10130f;box-shadow:0 18px 45px #0006;aspect-ratio:auto}
.gallery-shot:first-child{grid-row:1/3}
.gallery-shot img{object-position:center}
.gallery-shot:nth-child(2) img{object-fit:cover;object-position:center 43%}
.gallery-shot img{transition:transform .55s ease,filter .55s ease;filter:saturate(.9) contrast(1.03)}
.gallery-shot:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.04)}
.personal{padding-block:0;background:linear-gradient(90deg,#10130f,#1b1f19,#10130f);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.personal-copy{padding:42px 48px;text-align:center}
.personal-copy h2{color:#eee8dc}
.personal-shot{border-inline:1px solid var(--line)}
.colors{grid-template-columns:minmax(240px,.7fr) minmax(0,2.3fr);gap:50px}
.color-products{grid-template-columns:repeat(3,1fr);gap:14px}
.color-card{padding:7px 7px 14px;border:1px solid #30352b;background:#11140f}
.color-card.active{border-color:var(--accent);background:#1b1f19;box-shadow:0 10px 26px #0004}
.color-card:hover{background:#191c17}
.custom-color-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:7px;border:1px solid #6f6247;background:linear-gradient(145deg,#1d211b,#11140f);color:var(--text);text-align:left;cursor:pointer;overflow:hidden;transition:border-color .2s,transform .2s}
.custom-color-card:hover{border-color:#d8b65b;transform:translateY(-2px)}
.custom-color-card.active{border-color:var(--accent);box-shadow:0 10px 26px #0004}
.custom-color-photo{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#0c0f0c}
.custom-color-photo:after{content:'';position:absolute;inset:0;background:conic-gradient(from 215deg,#c59440,#484f2f,#743d45,#314f61,#c59440);mix-blend-mode:color;opacity:.8}
.custom-color-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.48) contrast(1.18)}
.custom-color-photo i{position:absolute;z-index:1;inset:50% auto auto 50%;transform:translate(-50%,-50%);font:800 clamp(46px,6vw,86px)/1 Manrope,sans-serif;color:#f1d78e;text-shadow:0 8px 30px #000;font-style:normal}
.custom-color-copy{display:flex;flex-direction:column;padding:12px 9px 10px}
.custom-color-copy strong{font-size:16px;letter-spacing:.08em;color:#f1e8d5}
.custom-color-copy small{margin-top:3px;color:#aeb1a7;line-height:1.35}
.custom-color-copy b{margin-top:10px;color:#e1c477;font-size:12px}
.contact-cta{margin-top:20px;margin-bottom:20px;padding:58px 5.2%;border:1px solid #383d33;background:linear-gradient(110deg,#181c16,#10130f 60%,#2b261b)}
.contact-cta-actions .button{border-radius:3px}
.checkout{padding-block:72px;gap:70px;align-items:start}
.purchase-info{padding:18px 0}
.big-price{color:var(--sale)}
.bundle-offer{max-width:460px;margin:26px 0;padding:20px 22px;border:1px solid #d8b65b66;background:linear-gradient(115deg,#2a2517,#181b16);box-shadow:0 16px 42px #0005}
.bundle-offer .bundle-kicker{display:inline-block;margin-bottom:9px;padding:5px 8px;background:#e4b94f;color:#12130f;font-size:11px;font-weight:900;letter-spacing:.12em}
.bundle-offer strong{display:block;color:#fff;font-size:clamp(20px,2vw,27px);line-height:1.08}
.bundle-offer p{margin:10px 0 0;color:#c9cbc3;font-size:14px;line-height:1.55}
.bundle-offer b{color:#f0cf75}
.selection-preview #selected-quantity{color:#f0cf75}
.quantity-note{margin:-3px 0 15px;padding:11px 13px;border-left:3px solid #e4b94f;background:#e4b94f0d;color:#c7c9c0;font-size:12px;line-height:1.45}
.dialog-shipping{margin:0 0 19px;color:#b8bbb1;font-size:13px;line-height:1.45}
.dialog-shipping.is-free{padding:11px 13px;border-left:3px solid #e4b94f;background:#e4b94f0d;color:#eee5d1}
.checkout form{padding:30px;border-radius:7px;box-shadow:0 24px 70px #0008,0 0 0 1px #e4b94f20}
.checkout form h2{margin:-30px -30px 24px;border-radius:5px 5px 0 0}
.field input,.field select,.field textarea{min-height:46px;background:#0c0f0c;border-color:#454a3f}
.field textarea{min-height:90px}
.checkout form>.button.full{min-height:58px;font-size:15px}
footer{padding-block:42px}
.sticky-order{display:none}

@media(max-width:1050px){.hero{min-height:590px}.gallery,.colors{gap:30px}.checkout{gap:35px}}
@media(max-width:760px){.hero{padding-top:36px}.gallery,.colors{grid-template-columns:1fr;padding-block:46px}.gallery .section-copy{padding-top:0}.personal-copy{text-align:left}.checkout{padding-block:48px}.contact-cta{margin-inline:22px;padding:42px 28px}}
@media(max-width:520px){
  body{padding-bottom:72px}
  .preview-note{font-size:10px}
  header{min-height:60px}
  .hero{padding-top:267px;padding-bottom:26px}
  h1{font-size:clamp(35px,10vw,43px)}
  .intro{font-size:16px}
  .hero-button{min-width:0;width:100%}
  .benefits{margin-top:22px;padding-top:0}
  .gallery,.colors{padding-block:42px}
  .gallery-pictures{gap:10px}
  .gallery-shot{box-shadow:0 10px 28px #0006}
  .gallery .gallery-pictures{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto!important;gap:8px!important;width:100%!important;min-width:0!important;height:auto!important}
  .gallery .gallery-shot{grid-column:auto!important;grid-row:auto!important;display:block!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;background-image:none!important}
  .gallery .gallery-shot>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
  .gallery .gallery-shot:first-child{grid-column:1/-1!important;width:auto!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;background-image:none!important}
  .gallery .gallery-shot:nth-child(2),.gallery .gallery-shot:nth-child(3){background-image:none!important}
  .gallery .gallery-shot:first-child>img{object-fit:contain!important}
  .personal-copy{padding:34px 20px 28px}
  .color-products{gap:12px 9px}
  .color-products{grid-template-columns:1fr 1fr}
  .custom-color-card{grid-column:1/-1;display:grid;grid-template-columns:42% 1fr}
  .custom-color-photo{aspect-ratio:4/3}
  .custom-color-copy{justify-content:center;padding:14px 18px}
  .contact-cta{margin:0;padding:38px 20px;border-inline:0}
  .checkout{padding-block:42px}
  .purchase-info{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0}
  .purchase-info>*{grid-column:1/-1}
  .purchase-info .old-price{margin:7px 0 0}
  .purchase-info .big-price{margin:2px 0 18px;font-size:46px}
  .bundle-offer{width:100%;max-width:none;margin:8px 0 10px;padding:22px 20px}
  .bundle-offer strong{font-size:25px;max-width:14ch}
  .bundle-offer p{font-size:15px;line-height:1.55}
  .purchase-info>p:not(.big-price):not(.old-price){margin:0;padding:16px 0;border-top:1px solid var(--line);font-size:16px}
  .selection-preview{grid-column:1/-1;margin-top:2px;padding-top:20px}
  .checkout form{padding:22px 18px}
  .checkout form h2{margin:-22px -18px 20px;border-radius:5px 5px 0 0}
  footer{padding-bottom:32px}
  .sticky-order{position:fixed;left:9px;right:9px;bottom:9px;z-index:40;display:flex;align-items:center;justify-content:space-between;min-height:59px;padding:7px 8px 7px 15px;background:#161a15ec;border:1px solid #555b4d;backdrop-filter:blur(12px);transform:translateY(90px);transition:transform .25s}
  .sticky-order.visible{transform:none}
  .sticky-order div{display:flex;flex-direction:column;line-height:1.12}
  .sticky-order del{font-size:10px;color:#85887f}
  .sticky-order strong{color:var(--sale);font-size:16px}
  .sticky-order a{padding:10px 22px;background:#e4b94f;color:#111;font-weight:800}
}

@media(max-width:520px){.hero-art.hero-composite>img{object-fit:contain;object-position:center center;background:#090b09}}
.hero-shipping{color:#ebc86f;font-size:14px;font-weight:700;margin:12px 0 0}
.form-shipping{color:#ead08c;font-size:14px;line-height:1.4;margin:-5px 0 22px}
.personal{display:grid;grid-template-columns:1fr 1.2fr;gap:0;max-width:1440px;margin:auto;align-items:center;padding:30px 5.2%}
.personal-copy{text-align:left;padding:30px 45px 30px 0}.personal-copy p:not(.eyebrow){color:#cccfc6}
.customer-gallery{min-width:0;max-width:640px;width:100%;margin:auto}.customer-frames{height:420px;overflow:hidden;background:#181b16}.customer-slide{height:100%;margin:0}.customer-slide[hidden]{display:none}.customer-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 67%}.customer-controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px;color:#d7c29a}.customer-controls button{background:transparent;border:1px solid #7b6c50;color:#eee;padding:6px 14px;cursor:pointer;border-radius:3px}.customer-controls button:last-child{font-size:12px}
@media(max-width:760px){.personal{grid-template-columns:1fr;padding:30px 22px}.personal-copy{padding:0 0 22px}.customer-frames{height:380px}}
@media(max-width:520px){.customer-frames{height:330px}.hero-shipping{font-size:13px}.personal-copy h2{font-size:25px}}

.customer-frames{position:relative}.customer-slide{position:absolute;inset:0;width:100%}