:root { --ink:#070707; --paper:#f2efe8; --gold:#e6b84b; --muted:#a7a298; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
button, a { -webkit-tap-highlight-color:transparent; }

.site-header { height:86px; max-width:1500px; margin:auto; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; gap:32px; border-bottom:1px solid #ffffff1c; position:absolute; z-index:20; left:0; right:0; top:0; }
.brand { display:flex; align-items:center; gap:12px; min-width:180px; }
.brand-mark { display:block; flex:0 0 auto; width:42px; height:52px; }
.brand-bear { background-image:url('/products/brand-bear.webp'); background-repeat:no-repeat; background-size:103px auto; background-position:-30px -16px; filter:drop-shadow(0 0 7px #d6ad4d3b); }
.brand b { font-family:Georgia,serif; font-weight:500; font-size:19px; display:block; line-height:1; }
.brand small { display:block; margin-top:5px; color:#8f8c86; text-transform:uppercase; letter-spacing:.14em; font-size:8px; }
nav { display:flex; gap:34px; color:#c7c3bb; font-size:13px; }
nav a { transition:color .2s; } nav a:hover { color:white; }
.header-cta { border:1px solid #ffffff3d; border-radius:999px; padding:11px 18px; font-size:12px; transition:.2s; }
.header-cta:hover { border-color:var(--gold); color:var(--gold); }

.hero { min-height:780px; max-width:1500px; margin:auto; padding:142px 4vw 56px; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; overflow:hidden; }
.hero-copy { z-index:2; max-width:650px; }
.eyebrow { color:#a9a59d; font-size:11px; text-transform:uppercase; letter-spacing:.22em; display:flex; align-items:center; gap:11px; margin:0 0 25px; }
.eyebrow span { width:38px; height:1px; background:var(--gold); }
h1,h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; margin:0; letter-spacing:-.045em; }
h1 { font-size:clamp(58px,6.2vw,102px); line-height:.91; }
.hero-lead { color:#b3afa6; font-size:17px; line-height:1.75; max-width:590px; margin:31px 0 34px; }
.order-links { display:flex; flex-wrap:wrap; gap:12px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 23px; border-radius:3px; text-transform:uppercase; letter-spacing:.09em; font-size:11px; font-weight:700; transition:transform .2s, background .2s; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--gold); color:#171108; gap:16px; }
.button-primary:hover { background:#f1c963; }
.button-secondary { border:1px solid #ffffff3d; color:#e2ded6; }
.button-secondary:hover { border-color:#ffffff85; }
.trust-row { margin-top:46px; padding-top:22px; border-top:1px solid #ffffff1c; display:flex; gap:48px; }
.trust-row div { display:flex; flex-direction:column; gap:6px; }
.trust-row strong { font-family:Georgia,serif; font-weight:400; font-size:17px; }
.trust-row span { color:#74716c; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.hero-visual { min-height:610px; position:relative; margin-left:-5%; }
.hero-visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; z-index:2; filter:drop-shadow(0 22px 45px #000); }
.hero-glow { position:absolute; inset:20% 10%; background:radial-gradient(ellipse,#122e6d66 0%,#630a104a 42%,transparent 72%); filter:blur(30px); }
.hero-note { position:absolute; z-index:5; right:3%; bottom:7%; border-left:1px solid var(--gold); padding:8px 0 8px 14px; display:flex; flex-direction:column; text-transform:uppercase; letter-spacing:.16em; }
.hero-note span { color:#77736c; font-size:8px; }.hero-note b { color:#d5d0c5; font-size:10px; margin-top:6px; }
.occasion-strip { min-height:92px; border-top:1px solid #ffffff14; border-bottom:1px solid #ffffff14; display:flex; align-items:center; justify-content:space-around; gap:20px; padding:16px 4vw; color:#aaa59b; text-transform:uppercase; letter-spacing:.16em; font-size:11px; }
.occasion-strip span { color:#715d2d; }
.section { max-width:1500px; margin:auto; padding:120px 4vw; }
.section-heading { display:grid; grid-template-columns:1fr .62fr; align-items:end; gap:80px; margin-bottom:54px; }
.section-heading h2 { font-size:clamp(46px,5vw,74px); line-height:.98; }
.section-heading>p { color:#98948c; max-width:430px; font-size:15px; line-height:1.75; margin:0; padding-bottom:5px; }
.offer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.offer-card { border:1px solid #ffffff1c; background:#0d0d0d; overflow:hidden; transition:transform .25s,border-color .25s; }
.offer-card:hover { transform:translateY(-5px); border-color:#ffffff3a; }
.offer-image { aspect-ratio:4/5; position:relative; background:#f2f2f2; overflow:hidden; }
.offer-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; transition:transform .45s; }.offer-card:hover img { transform:scale(1.015); }
.offer-image>span { position:absolute; top:14px; left:14px; z-index:2; padding:6px 8px; border-radius:999px; background:#071530d9; font-family:Georgia,serif; font-size:11px; color:#eee8db; }
.offer-body { padding:24px 24px 28px; }
.offer-title { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.offer-title h3 { font-family:Georgia,serif; font-size:23px; font-weight:400; margin:0; }
.offer-title strong { color:var(--gold); font-family:Georgia,serif; font-size:19px; white-space:nowrap; font-weight:400; }
.offer-body p { color:#8f8b84; font-size:13px; line-height:1.65; margin:18px 0 0; }
.combo-offer { margin-top:18px; min-height:190px; padding:34px 40px; border:1px solid #80672f; background:linear-gradient(115deg,#191208,#0d0b08 58%,#090909); display:grid; grid-template-columns:190px 1fr auto; align-items:center; gap:40px; }
.combo-sign { display:flex; align-items:center; justify-content:center; gap:16px; font-family:Georgia,serif; color:#d9d2c5; }
.combo-sign span { width:62px; height:62px; border:1px solid #8a713b; border-radius:50%; display:grid; place-items:center; font-size:27px; }
.combo-sign b { color:var(--gold); font-size:25px; font-weight:400; }
.combo-copy p { margin:0 0 10px; color:#8d877d; text-transform:uppercase; letter-spacing:.13em; font-size:9px; }
.combo-copy h3 { margin:0 0 13px; font-family:Georgia,serif; font-size:30px; font-weight:400; }
.combo-copy>span { display:block; max-width:720px; color:#918c83; font-size:13px; line-height:1.65; }
.combo-offer>strong { color:var(--gold); font-family:Georgia,serif; font-size:28px; font-weight:400; white-space:nowrap; }

.blackbelt-section { max-width:1500px; margin:0 auto 60px; display:grid; grid-template-columns:1.05fr .95fr; min-height:720px; background:#0b0b0b; border:1px solid #ffffff14; }
.blackbelt-photo { position:relative; overflow:hidden; background:#020202; min-height:680px; }
.blackbelt-photo:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#02020233,transparent 24%); pointer-events:none; }
.blackbelt-photo img { width:100%; height:100%; object-fit:contain; display:block; filter:drop-shadow(0 0 30px #b0771733); }
.vertical-label { position:absolute; z-index:2; left:24px; top:50%; color:#696660; font-size:9px; text-transform:uppercase; letter-spacing:.2em; writing-mode:vertical-rl; transform:rotate(180deg) translateY(50%); }
.blackbelt-copy { padding:88px 7vw 70px 5vw; display:flex; flex-direction:column; justify-content:center; }
.blackbelt-copy h2 { font-size:clamp(48px,5vw,74px); line-height:.98; }
.blackbelt-copy>p:not(.eyebrow) { color:#99958c; font-size:15px; line-height:1.8; margin:30px 0; max-width:520px; }
.blackbelt-copy ul { list-style:none; padding:0; margin:0 0 30px; border-top:1px solid #ffffff14; }
.blackbelt-copy li { display:flex; gap:18px; align-items:center; padding:16px 0; border-bottom:1px solid #ffffff14; color:#b3afa6; font-size:13px; }
.blackbelt-copy li b { color:var(--gold); font-family:Georgia,serif; font-weight:400; font-size:12px; }
.text-link { display:inline-flex; align-items:center; gap:14px; width:max-content; color:#d9d4ca; border-bottom:1px solid #79663a; padding-bottom:8px; text-transform:uppercase; letter-spacing:.11em; font-size:10px; }
.compact-heading { margin-bottom:40px; }
.style-list { border-top:1px solid #ffffff1c; }
.style-list>div { display:grid; grid-template-columns:1fr 180px; align-items:center; padding:25px 4px; border-bottom:1px solid #ffffff1c; transition:padding .25s,background .25s; }
.style-list>div:hover { padding-left:18px; background:#ffffff05; }
.style-list span { font-family:Georgia,serif; font-size:clamp(31px,4vw,55px); color:#d8d3c9; }
.style-list small { color:#77736c; text-transform:uppercase; letter-spacing:.16em; font-size:9px; }
.works-section { max-width:1500px; margin:auto; padding:100px 4vw 120px; }
.works-top { display:grid; grid-template-columns:1fr .52fr; align-items:end; gap:60px; margin-bottom:50px; }
.works-top h2 { font-size:clamp(46px,5vw,74px); line-height:.98; }
.works-top>p { color:#8d8981; line-height:1.7; font-size:14px; margin:0; }
.works-grid { display:grid; grid-template-columns:repeat(6,1fr); grid-template-rows:430px 300px; gap:14px; }
.work { margin:0; position:relative; overflow:hidden; background:#050505; border:1px solid #ffffff12; }
.work-1 { grid-column:1/4; }.work-2 { grid-column:4/7; }.work-3 { grid-column:1/3; }.work-4 { grid-column:3/5; }.work-5 { grid-column:5/7; }
.work>a { display:block; width:100%; height:100%; }
.work img { width:100%; height:100%; object-fit:cover; transition:transform .55s,filter .4s; }.work:hover img { transform:scale(1.025); filter:brightness(1.08); }
.work-3 img { object-position:center 28%; }
.reviews-section { max-width:1500px; margin:auto; padding:100px 4vw 120px; overflow:hidden; }
.reviews-top { display:grid; grid-template-columns:1fr .52fr; align-items:end; gap:60px; margin-bottom:50px; }
.reviews-top h2 { font-size:clamp(46px,5vw,74px); line-height:.98; }
.reviews-top>p { color:#8d8981; line-height:1.7; font-size:14px; margin:0; }
.reviews-track { display:flex; gap:18px; overflow-x:auto; padding:0 0 18px; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#8a713b #151515; }
.reviews-track::-webkit-scrollbar { height:7px; }
.reviews-track::-webkit-scrollbar-track { background:#151515; }
.reviews-track::-webkit-scrollbar-thumb { background:#8a713b; border-radius:999px; }
.review-card { flex:0 0 clamp(360px,32vw,470px); margin:0; overflow:hidden; background:#090909; border:1px solid #ffffff18; scroll-snap-align:start; }
.review-card a { display:block; }
.review-card img { display:block; width:100%; height:auto; }
.process-grid { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #ffffff24; border-bottom:1px solid #ffffff24; }
.process-grid li { padding:30px 30px 34px; border-right:1px solid #ffffff18; }.process-grid li:first-child { padding-left:0; }.process-grid li:last-child { border:0; }
.process-grid b { color:var(--gold); font-family:Georgia,serif; font-size:13px; font-weight:400; }
.process-grid h3 { font-family:Georgia,serif; font-size:23px; font-weight:400; margin:38px 0 14px; }
.process-grid p { color:#85817a; font-size:13px; line-height:1.65; margin:0; }
.discounts { max-width:1500px; margin:auto; padding:90px 7vw; display:grid; grid-template-columns:1fr 1.15fr; gap:8vw; align-items:center; background:linear-gradient(115deg,#17120a,#0d0b08 50%,#070707); border-top:1px solid #6c562a; border-bottom:1px solid #6c562a; }
.discounts h2 { font-size:clamp(44px,4.4vw,68px); line-height:.98; }
.discount-list { display:grid; grid-template-columns:repeat(3,1fr); }
.discount-list>div { min-height:180px; padding:12px 26px; border-left:1px solid #7a6131; display:flex; flex-direction:column; justify-content:space-between; }
.discount-list strong { color:#d3aa4b; font-family:Georgia,serif; font-size:54px; font-weight:400; }
.discount-list span { font-family:Georgia,serif; font-size:24px; }.discount-list small { display:block; color:#777067; font-family:Arial,sans-serif; text-transform:uppercase; letter-spacing:.12em; font-size:8px; margin-top:8px; }
.faq-section { display:grid; grid-template-columns:.72fr 1.28fr; gap:8vw; }
.faq-title h2 { font-size:clamp(48px,5vw,72px); }
.faq-list { border-top:1px solid #ffffff20; }
.faq-list details { border-bottom:1px solid #ffffff20; padding:0 4px; }
.faq-list summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:20px; padding:25px 0; font-family:Georgia,serif; font-size:20px; color:#d5d0c6; }
.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary b { color:var(--gold); font-weight:400; font-family:Arial,sans-serif; transition:transform .2s; }
.faq-list details[open] summary b { transform:rotate(45deg); }.faq-list details p { color:#8c8880; font-size:14px; line-height:1.7; max-width:680px; margin:0 40px 24px 0; }
.final-cta { min-height:580px; padding:100px 24px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:radial-gradient(ellipse at center,#301109 0%,#100907 36%,#050505 70%); border-top:1px solid #ffffff14; }
.final-cta .eyebrow { justify-content:center; }.final-cta h2 { font-size:clamp(51px,6vw,88px); line-height:.96; }
.final-cta>p:not(.eyebrow) { color:#9c978e; max-width:560px; line-height:1.7; margin:27px 0 31px; }
.final-cta .compact { justify-content:center; }
footer { max-width:1500px; margin:auto; min-height:145px; padding:35px 4vw; display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid #ffffff16; }
footer>p { color:#6f6b65; font-size:11px; line-height:1.7; text-align:center; }footer>div { display:flex; gap:22px; font-size:11px; color:#9b978f; }

@media (max-width:900px) {
  .site-header { height:72px; } nav { display:none; }
  .hero { min-height:auto; padding-top:118px; grid-template-columns:1fr; }
  .hero-copy { max-width:760px; }.hero-visual { margin:15px 0 0; min-height:540px; }
  .section-heading { grid-template-columns:1fr; gap:28px; }.offer-grid { grid-template-columns:1fr 1fr; }.offer-card:last-child { grid-column:1/-1; max-width:calc(50% - 9px); }
  .combo-offer { grid-template-columns:140px 1fr auto; gap:26px; padding:30px; }.combo-sign span { width:50px; height:50px; }
  .blackbelt-section { grid-template-columns:1fr; }.blackbelt-photo { min-height:600px; }.blackbelt-copy { padding:70px 8vw; }
  .works-top,.reviews-top { grid-template-columns:1fr; gap:28px; }
  .process-grid { grid-template-columns:1fr 1fr; }.process-grid li { border-bottom:1px solid #ffffff18; }.process-grid li:first-child { padding-left:30px; }
  .discounts { grid-template-columns:1fr; }.faq-section { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .site-header { padding:0 20px; }.header-cta { display:none; }
  .hero { padding:112px 20px 34px; } h1 { font-size:51px; }
  .hero-lead { font-size:15px; line-height:1.65; margin:24px 0 28px; }
  .order-links { display:grid; width:100%; }.button { width:100%; }
  .trust-row { gap:18px; justify-content:space-between; margin-top:34px; }.trust-row strong { font-size:15px; }
  .hero-visual { min-height:350px; margin-top:10px; }.hero-note { display:none; }
  .occasion-strip { justify-content:center; flex-wrap:wrap; min-height:74px; gap:11px 18px; }.occasion-strip p { margin:0; }
  .section { padding:82px 20px; }.section-heading { margin-bottom:34px; }.section-heading h2 { font-size:44px; }
  .offer-grid { grid-template-columns:1fr; }.offer-card:last-child { grid-column:auto; max-width:none; }
  .combo-offer { grid-template-columns:1fr; gap:22px; padding:28px 24px; text-align:center; }.combo-sign { justify-content:center; }.combo-copy>span { margin:auto; }.combo-offer>strong { font-size:26px; }
  .blackbelt-section { margin:0; border-left:0; border-right:0; }.blackbelt-photo { min-height:460px; }.blackbelt-copy { padding:66px 20px; }.blackbelt-copy h2 { font-size:44px; }
  .style-list>div { grid-template-columns:1fr 100px; }.style-list span { font-size:29px; }.style-list small { text-align:right; }
  .works-section { padding:78px 20px; }.works-grid { display:grid; grid-template-columns:1fr; grid-template-rows:repeat(5,300px); }.work-1,.work-2,.work-3,.work-4,.work-5 { grid-column:auto; grid-row:auto; }
  .reviews-section { padding:78px 20px; }.reviews-track { gap:12px; margin-right:-20px; padding-right:20px; }.review-card { flex-basis:86vw; }
  .process-grid { grid-template-columns:1fr; }.process-grid li { border-right:0; padding:28px 0; }.process-grid li:first-child { padding-left:0; }.process-grid h3 { margin-top:20px; }
  .discounts { padding:70px 20px; }.discount-list { grid-template-columns:1fr; }.discount-list>div { min-height:auto; padding:22px 0; border-left:0; border-top:1px solid #7a6131; flex-direction:row; align-items:end; }.discount-list strong { font-size:46px; }.discount-list span { text-align:right; }
  .faq-list summary { font-size:18px; }.final-cta { min-height:520px; padding:80px 20px; }.final-cta h2 { font-size:48px; }
  footer { flex-direction:column; text-align:center; padding:42px 20px; }footer>div { flex-wrap:wrap; justify-content:center; }
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} *{transition:none!important} }