:root { --ink:#11100e; --ink-soft:#1b1916; --paper:#f4f0e8; --gold:#b8893f; --gold-light:#d7b675; --text:#24211d; --muted:#6f695f; --line:rgba(71,58,40,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--text); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
button,a { -webkit-tap-highlight-color:transparent; }

.site-header { height:92px; padding:0 clamp(24px,5vw,80px); display:flex; align-items:center; justify-content:space-between; background:var(--ink); color:#fff; border-bottom:1px solid rgba(215,182,117,.2); position:relative; z-index:10; }
.brand img { width:190px; height:70px; object-fit:contain; display:block; }
nav { display:flex; align-items:center; gap:34px; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }
nav a { opacity:.78; transition:opacity .2s ease,color .2s ease; }
nav a:hover,nav a:focus-visible { opacity:1; color:var(--gold-light); }
.nav-contact { border:1px solid var(--gold); color:var(--gold-light); padding:12px 18px; opacity:1; }

.hero { min-height:680px; display:grid; grid-template-columns:1.02fr .98fr; background:var(--ink); color:#fff; overflow:hidden; }
.hero-content { padding:clamp(76px,9vw,130px) clamp(24px,6vw,95px); align-self:center; position:relative; z-index:2; }
.eyebrow { margin:0 0 22px; color:var(--gold-light); font-size:12px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; }
.eyebrow.dark { color:#8a642d; }
h1,h2,h3,p { margin-top:0; }
h1,h2,.product-card h3,.business-card h3 { font-family:Georgia,"Times New Roman",serif; }
h1 { margin-bottom:26px; font-size:clamp(48px,5.3vw,78px); line-height:.98; letter-spacing:-.04em; font-weight:400; }
h1 em { color:var(--gold-light); font-weight:400; }
.hero-copy { max-width:610px; color:rgba(255,255,255,.68); font-size:17px; line-height:1.75; }
.hero-actions { display:flex; gap:14px; margin-top:38px; flex-wrap:wrap; }
.button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:0 24px; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; transition:transform .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-gold { background:var(--gold); color:#111; }
.button-gold:hover { background:var(--gold-light); }
.button-ghost { border:1px solid rgba(255,255,255,.28); color:#fff; }
.trust-row { display:flex; gap:25px; flex-wrap:wrap; margin-top:46px; color:rgba(255,255,255,.6); font-size:12px; }
.hero-visual { min-height:580px; position:relative; background:linear-gradient(155deg,#2b241c,#12110f 68%); }
.hero-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--ink) 0%,transparent 28%),linear-gradient(0deg,rgba(17,16,14,.55),transparent 55%); }
.hero-frame { position:absolute; inset:0; background-image:url('hero-products.png'); background-size:cover; background-position:center; opacity:.88; }
.hero-note { position:absolute; right:44px; bottom:38px; z-index:2; border-left:1px solid var(--gold); padding-left:16px; display:grid; }
.hero-note span { color:rgba(255,255,255,.55); font-size:10px; letter-spacing:.2em; text-transform:uppercase; }
.hero-note strong { color:var(--gold-light); font-family:Georgia,serif; letter-spacing:.08em; font-size:19px; }

.section { padding:clamp(76px,9vw,130px) clamp(24px,6vw,95px); }
.intro { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,8vw,120px); align-items:start; }
.intro h2,.section-heading h2,.business-copy h2,.contact-strip h2 { margin:0; font-size:clamp(38px,4vw,60px); line-height:1.06; letter-spacing:-.035em; font-weight:400; }
.intro-copy { border-left:1px solid var(--gold); padding-left:clamp(24px,4vw,55px); color:var(--muted); font-size:17px; line-height:1.8; }
.intro-copy p:last-child { margin-bottom:0; }

.products-section { background:#ebe4d8; }
.section-heading { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:54px; }
.section-heading>p { color:var(--muted); font-size:13px; }
.section-heading.compact { margin-bottom:34px; }
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.product-card { background:#f8f4ed; border:1px solid rgba(65,49,31,.1); transition:transform .25s ease,box-shadow .25s ease; }
.product-card:hover { transform:translateY(-5px); box-shadow:0 20px 55px rgba(51,39,24,.12); }
.product-art { height:290px; position:relative; overflow:hidden; background:#d8cbbc; }
.product-art::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 70% 22%,rgba(255,255,255,.6),transparent 25%),linear-gradient(145deg,transparent,rgba(79,57,30,.18)); }
.shape { position:absolute; display:block; }
.candle .one { width:96px; height:130px; left:50%; bottom:36px; transform:translateX(-50%); background:linear-gradient(90deg,#74431f,#c28b4c 52%,#7c4723); border-radius:8px 8px 3px 3px; box-shadow:0 20px 35px rgba(47,30,16,.28); }
.candle .two { width:13px; height:24px; left:calc(50% - 6px); bottom:166px; background:#f7cc72; border-radius:80% 20% 55% 45%; filter:drop-shadow(0 0 8px #e5a841); }
.candle .three { width:180px; height:18px; left:calc(50% - 90px); bottom:21px; background:rgba(79,57,38,.22); border-radius:50%; filter:blur(8px); }
.vase { background:#c9b9a7; }
.vase .one { width:130px; height:165px; left:50%; bottom:27px; transform:translateX(-50%); background:linear-gradient(100deg,#b7a28e,#eee1ce 58%,#bba48e); border-radius:38% 38% 28% 28%/22% 22% 12% 12%; box-shadow:0 20px 30px rgba(53,38,22,.2); }
.vase .two { width:60px; height:26px; left:calc(50% - 30px); bottom:177px; background:#c9b9a7; border:10px solid #d8c7b3; border-radius:50%; }
.vase .three { width:3px; height:150px; left:54%; bottom:190px; background:#716247; transform:rotate(15deg); box-shadow:-28px 12px 0 #8a7858,33px 18px 0 #6f624b; }
.cushion { background:#a99888; }
.cushion .one { width:205px; height:185px; left:50%; bottom:34px; transform:translateX(-50%) rotate(-4deg); background:repeating-radial-gradient(circle at 20% 20%,#ede4d8 0 2px,#ded2c2 3px 5px); border-radius:20px; box-shadow:0 25px 35px rgba(42,31,21,.28); }
.cushion .two { width:170px; height:5px; left:calc(50% - 85px); bottom:57px; background:rgba(121,98,72,.2); transform:rotate(-4deg); }
.cushion .three { width:260px; height:50px; left:calc(50% - 130px); bottom:12px; background:rgba(72,50,34,.18); border-radius:50%; filter:blur(13px); }
.lamp { background:#b7a184; }
.lamp .one { width:145px; height:95px; left:50%; top:55px; transform:translateX(-50%); background:linear-gradient(90deg,#c1a677,#f1d59e 50%,#b39565); clip-path:polygon(22% 0,78% 0,100% 100%,0 100%); filter:drop-shadow(0 8px 17px rgba(255,213,129,.34)); }
.lamp .two { width:9px; height:107px; left:calc(50% - 4px); top:148px; background:#5a4227; }
.lamp .three { width:100px; height:14px; left:calc(50% - 50px); bottom:30px; background:#553d24; border-radius:50%; box-shadow:0 12px 20px rgba(45,29,16,.25); }
.product-info { padding:25px; }
.product-category { color:#8a642d; font-size:10px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; }
.product-card h3 { margin:11px 0 10px; font-size:25px; line-height:1.08; font-weight:400; }
.product-card p { color:var(--muted); font-size:13px; line-height:1.65; min-height:64px; }
.product-footer { display:flex; justify-content:space-between; align-items:center; padding-top:18px; border-top:1px solid var(--line); }
.product-footer strong { font-family:Georgia,serif; font-size:18px; }
.product-footer a { color:#7e5925; font-size:12px; font-weight:700; }

.business-section { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,8vw,120px); background:var(--ink-soft); color:#fff; align-items:center; }
.business-copy>p:not(.eyebrow) { max-width:620px; margin:28px 0 34px; color:rgba(255,255,255,.62); font-size:16px; line-height:1.75; }
.business-card { background:#f2ede4; color:var(--text); padding:clamp(30px,4vw,55px); border-top:3px solid var(--gold); }
.business-card h3 { margin-bottom:24px; font-size:30px; font-weight:400; }
.business-card dl { margin:0; }
.business-card dl>div { display:grid; grid-template-columns:170px 1fr; gap:20px; padding:17px 0; border-top:1px solid var(--line); }
.business-card dt { color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.business-card dd { margin:0; font-size:15px; line-height:1.55; font-weight:600; }

.policies { background:var(--paper); }
.policy-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
details { background:#ebe4d8; border:1px solid rgba(65,49,31,.08); padding:0 24px; }
summary { list-style:none; min-height:68px; display:flex; align-items:center; justify-content:space-between; font-family:Georgia,serif; font-size:19px; cursor:pointer; }
summary::-webkit-details-marker { display:none; }
summary span { color:var(--gold); font-family:Arial,sans-serif; font-size:22px; transition:transform .2s ease; }
details[open] summary span { transform:rotate(45deg); }
details p { margin:0; padding:0 0 23px; color:var(--muted); font-size:14px; line-height:1.7; }

.contact-strip { padding:52px clamp(24px,6vw,95px); background:#33291e; color:#fff; display:flex; justify-content:space-between; align-items:center; gap:30px; }
.contact-strip .eyebrow { margin-bottom:8px; }
.contact-strip h2 { font-size:clamp(32px,4vw,48px); }
footer { padding:55px clamp(24px,6vw,95px) 28px; background:#0c0b0a; color:#fff; }
.footer-main { display:grid; grid-template-columns:230px 1fr auto; align-items:center; gap:45px; padding-bottom:40px; }
.footer-main img { width:205px; height:82px; object-fit:contain; }
.footer-main p { margin:0; max-width:430px; color:rgba(255,255,255,.52); line-height:1.6; font-size:13px; }
.footer-links { display:flex; gap:24px; font-size:11px; text-transform:uppercase; letter-spacing:.09em; color:rgba(255,255,255,.65); }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:24px; border-top:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.4); font-size:11px; }

@media (max-width:1050px) { .product-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:210px 1fr}.footer-links{grid-column:1/-1} }
@media (max-width:760px) {
  .site-header{height:auto;min-height:82px;padding:10px 20px}.brand img{width:145px;height:58px}nav a:not(.nav-contact){display:none}.nav-contact{padding:10px 13px;font-size:10px}
  .hero{grid-template-columns:1fr}.hero-content{padding-top:70px;padding-bottom:70px}.hero-visual{min-height:430px;order:-1}.hero-visual::after{background:linear-gradient(0deg,var(--ink),transparent 48%)}
  .intro,.business-section{grid-template-columns:1fr}.intro-copy{padding-left:22px}.section-heading,.contact-strip{align-items:flex-start;flex-direction:column}.product-grid,.policy-grid{grid-template-columns:1fr}
  .business-card dl>div{grid-template-columns:1fr;gap:7px}.footer-main{grid-template-columns:1fr;gap:22px}.footer-links{flex-wrap:wrap}.footer-bottom{flex-direction:column}
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}*,*::before,*::after{transition:none!important} }