:root{--black:#0b0a09;--ink:#17130f;--gold:#c99847;--cream:#f4ecdf;--paper:#fffdf8;--muted:#766d63;--line:#ded1bf}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.6}
h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.08;margin:.25em 0}
h1{font-size:clamp(3rem,7vw,7rem);max-width:760px}
h1 em{color:var(--gold);font-weight:400}
h2{font-size:clamp(2rem,4vw,4rem)}
a{color:inherit;text-decoration:none}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;background:#fff;padding:.6rem;z-index:99}
.nav{height:84px;padding:0 clamp(1.2rem,5vw,6rem);display:flex;align-items:center;justify-content:space-between;background:var(--black);color:white;position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:.8rem;letter-spacing:.22em}
.brand img{width:54px;height:54px;object-fit:cover;border-radius:50%}
.brand b{color:var(--gold)}
nav{display:flex;align-items:center;gap:2.2rem;font-size:.9rem}
nav a:hover{color:#e3bb79}
.pill{border:1px solid var(--gold);padding:.55rem 1rem;border-radius:2rem}
.menu{display:none;background:transparent;color:white;border:0;font-size:1.5rem}
.hero{min-height:calc(100vh - 84px);background:#0b0a09;color:white;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}
.hero-copy{padding:clamp(4rem,9vw,10rem) clamp(1.5rem,4.5vw,6rem);position:relative;z-index:2}
.hero-copy>p:not(.eyebrow){max-width:590px;color:#d6cec3;font-size:1.15rem}
.eyebrow{text-transform:uppercase;letter-spacing:.26em;color:var(--gold);font-size:.73rem;font-weight:bold}
.hero-image{background:linear-gradient(90deg,#0b0a09 0%,transparent 30%),url('assets/hero.png') center/cover}
.actions{display:flex;gap:1rem;margin:2rem 0;flex-wrap:wrap}
.button{display:inline-flex;justify-content:center;align-items:center;gap:.8rem;border:1px solid var(--gold);padding:.85rem 1.35rem;border-radius:2px;cursor:pointer;font-weight:bold}
.gold{background:var(--gold);color:#16100a}
.gold:hover{background:#e1b766}
.ghost{color:white}
.trust{display:flex;gap:1.5rem;color:#a99e91;font-size:.82rem}
.promise{text-align:center;padding:7rem 1.5rem;background:var(--cream)}
.section-logo{width:88px;height:88px;border-radius:50%;object-fit:cover;margin-bottom:1rem;box-shadow:0 8px 30px #3b291824}
.promise p{letter-spacing:.25em;text-transform:uppercase;font-size:.7rem}
.promise h2{max-width:800px;margin:auto}
.catalog{padding:7rem clamp(1.2rem,6vw,7rem)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:3rem}
.section-head>p{max-width:380px;color:var(--muted)}
.filters{display:flex;gap:.6rem;flex-wrap:wrap;margin:2.5rem 0}
.filters button{border:1px solid var(--line);background:transparent;padding:.65rem 1.1rem;border-radius:2rem;cursor:pointer}
.filters button.active,.filters button:hover{background:var(--black);color:white;border-color:var(--black)}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.product{border:1px solid var(--line);background:#fff;padding:0 0 1.2rem;overflow:hidden}
.product-art{height:220px;display:grid;place-items:center;background:linear-gradient(145deg,#f7f0e5,#e4d0aa);font-size:5rem}
.product[data-category=peluches] .product-art{background:linear-gradient(145deg,#eee5da,#d2b78e)}
.product-body{padding:1rem 1rem 0}
.product small{text-transform:uppercase;letter-spacing:.15em;color:var(--gold)}
.product h3{font-family:Georgia,serif;font-size:1.45rem;margin:.3rem 0}
.product p{color:var(--muted);font-size:.88rem;min-height:45px}
.price{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;font-weight:bold}
.product button{border:0;background:transparent;text-decoration:underline;cursor:pointer}
.demo-badge{position:absolute;right:.65rem;bottom:.65rem;background:#fffdf0e8;color:#5e441d;padding:.25rem .5rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.catalog-reference{max-width:760px;margin:1.3rem auto 0;text-align:center;color:var(--muted);font-size:.78rem}
.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,9rem);padding:8rem clamp(1.5rem,9vw,10rem);background:var(--black);color:white;align-items:center}
.monogram{aspect-ratio:1;display:grid;place-items:center;border:1px solid #967341;border-radius:50%;background:radial-gradient(circle,#2c2114,#0b0a09 70%);font:italic clamp(5rem,13vw,12rem) Georgia;color:#d9aa62}
.monogram{overflow:hidden}.monogram img{width:100%;height:100%;object-fit:cover}
.story>div:last-child>p:not(.eyebrow),.story li{color:#c0b6aa}
.story li{margin:.6rem}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;padding:7rem clamp(1.5rem,8vw,9rem);background:#f2e8d8}
.contact form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact label{font-size:.8rem;font-weight:bold}
.contact input,.contact select,.contact textarea{width:100%;margin-top:.35rem;border:1px solid #cdbfa9;background:#fffdfa;padding:.9rem;font:inherit}
.contact textarea{min-height:100px;resize:vertical}
.full{grid-column:1/-1}
.status{margin:0;color:#725018}
footer{background:var(--black);color:#aaa;padding:3rem clamp(1.5rem,6vw,7rem);display:flex;justify-content:space-between;align-items:center;gap:2rem;font-size:.85rem}
@media(max-width:900px){.products{grid-template-columns:repeat(2,1fr)}
.hero{grid-template-columns:1fr}
.hero-image{min-height:48vh;order:-1;background:linear-gradient(0deg,#0b0a09 0%,transparent 30%),url('assets/hero.png') 62% center/cover}
.hero-copy{padding-top:2rem}
.story,.contact{grid-template-columns:1fr}
.monogram{max-width:440px}
.section-head{display:block}
}
@media(max-width:650px){.nav{height:70px}
.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#12100e;padding:1rem 1.5rem;flex-direction:column;align-items:stretch}
.nav nav.open{display:flex}
.menu{display:block}
.brand span{font-size:.75rem}
.hero{min-height:auto}
.hero-image{min-height:44vh}
.products{grid-template-columns:1fr}
.contact form{grid-template-columns:1fr}
.section-head{align-items:start}
.trust,footer{flex-direction:column;align-items:flex-start}
.promise,.catalog,.story,.contact{padding-top:5rem;padding-bottom:5rem}
}
:where([hidden]){display:none!important}