*{box-sizing:border-box;margin:0;padding:0}
:root{--black:#0a0a0a;--white:#fff;--off:#f6f5f3;--text:#171717;--muted:#6c6c6c;--line:#dedbd6}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
.narrow{width:min(760px,calc(100% - 48px));margin:auto;text-align:center}

/* Header */
.site-header{height:82px;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:50;border-bottom:1px solid #eee;backdrop-filter:blur(10px)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand img{width:190px;height:auto}
.main-nav{display:flex;align-items:center;gap:30px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.main-nav a{transition:opacity .2s}
.main-nav a:hover{opacity:.55}
.nav-whatsapp{background:#0a0a0a;color:#fff;padding:12px 18px}
.social-nav{display:flex;align-items:center;gap:8px}
.social-nav a,.footer-social a{width:30px;height:30px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px}
.social-nav a:hover,.footer-social a:hover{opacity:.82;transform:translateY(-1px)}
.social-nav svg,.footer-social svg{width:18px;height:18px;display:block}
.social-instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0 10%,#fd5949 38%,#d6249f 62%,#285AEB 95%);color:#fff}
.social-facebook{background:#1877f2;color:#fff}
.social-tiktok{background:#111;color:#fff}
.social-instagram svg{fill:none;stroke:currentColor;stroke-width:1.8}
.social-facebook svg,.social-tiktok svg{fill:currentColor;stroke:none}
.menu-toggle{display:none;border:0;background:none;width:38px;height:38px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:#111;margin:6px 0}

/* Hero */
.hero{position:relative;overflow:hidden;background:#0a0a0a;aspect-ratio:1600/708;display:flex;align-items:stretch}
.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.08) 58%,rgba(0,0,0,0) 100%);z-index:1}
.hero-content{position:relative;z-index:2;color:#fff;width:min(1180px,calc(100% - 48px));margin:auto;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:270px;padding-bottom:45px}
.hero .eyebrow{font-size:11px;letter-spacing:.28em;font-weight:600;color:#fff;margin-bottom:16px}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,4.5vw,68px);font-weight:400;line-height:1.03;max-width:520px;margin:0}
.hero-copy{font-size:17px;line-height:1.55;max-width:450px;margin:20px 0 25px;color:#eee}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;font-size:11px;letter-spacing:.18em;font-weight:700;border:1px solid #111;transition:all .25s}
.button-light{background:#fff;color:#111;border-color:#fff}
.button-light:hover{background:transparent;color:#fff}
.button-dark{background:#111;color:#fff}
.button-dark:hover{background:#fff;color:#111}

/* Sections */
.section{padding:110px 0}
.eyebrow{font-size:11px;letter-spacing:.28em;font-weight:600;margin-bottom:20px}
.intro{background:#fff}
.intro h2,.section-heading h2,.collection-copy h2,.story-copy h2,.contact h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4.5vw,58px);line-height:1.08;font-weight:400;margin-bottom:25px}
.intro p:last-child{color:#555;font-size:17px}
.products{background:var(--off)}
.section-heading{text-align:center;margin-bottom:55px}
.section-heading>p:last-child{color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.product-card{background:#fff;transition:transform .25s,box-shadow .25s}
.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.07)}
.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover}
.product-card:first-child img{aspect-ratio:4/3;object-fit:contain;object-position:center;background:#f3e4de}
.product-info{padding:24px 24px 28px}
.product-number{font-size:10px;letter-spacing:.18em;color:#999;margin-bottom:7px}
.product-info h3{font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:400;line-height:1.15;margin-bottom:12px}
.product-info p:not(.product-number){font-size:14px;color:#666;min-height:66px}
.text-link{display:inline-block;margin-top:18px;font-size:10px;letter-spacing:.16em;font-weight:700;border-bottom:1px solid #111;padding-bottom:5px}
.collection{background:#111;color:#fff;padding:100px 0}
.collection-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}
.collection-image img{width:100%}
.collection-copy h2{color:#fff}
.collection-copy p:not(.eyebrow){color:#c9c9c9;font-size:16px;margin-bottom:30px}
.brand-story{background:#fff}
.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}
.story-copy p:not(.eyebrow){color:#555;font-size:16px;margin-bottom:20px}
.story-copy .small-note{font-size:13px;letter-spacing:.05em;color:#111}
.story-image img{width:100%}
.values{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:65px 0;background:#fafafa}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}
.values-grid span{font-size:10px;letter-spacing:.18em;color:#999}
.values-grid h3{font-size:12px;letter-spacing:.15em;margin:10px 0}
.values-grid p{font-size:13px;color:#666}
.contact{background:#0a0a0a;color:#fff;text-align:center;padding:110px 0}
.contact-inner{max-width:760px}
.contact h2{color:#fff}
.contact p:not(.eyebrow){color:#c7c7c7;margin-bottom:30px}
.button-large{min-width:230px}
.footer{background:#0a0a0a;color:#fff;border-top:1px solid #292929;padding:45px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.footer img{width:130px;filter:invert(1)}
.footer-links{display:flex;gap:25px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.footer-social{display:flex;align-items:center;gap:9px}
.footer p{font-size:10px;color:#888}

/* Tablet */
@media(max-width:900px){
 .main-nav{gap:18px;font-size:10px}
 .product-grid{grid-template-columns:repeat(2,1fr)}
 .collection-grid,.story-grid{grid-template-columns:1fr;gap:45px}
 .values-grid{grid-template-columns:repeat(2,1fr)}
 .hero-content{padding-top:235px}
}

/* Mobile */
@media(max-width:720px){
 .container{width:min(100% - 32px,1180px)}
 .site-header{height:78px}
 .brand img{width:190px}
 .menu-toggle{display:block;position:relative;z-index:70}
 .main-nav{position:fixed;inset:78px 0 0;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:28px;font-size:12px;transform:translateX(100%);transition:transform .3s}
 .main-nav.open{transform:translateX(0)}
 .nav-whatsapp{padding:14px 25px}
 .social-nav{gap:8px}
 .hero{aspect-ratio:auto;height:720px;min-height:720px}
 .hero-media{object-fit:cover;object-position:70% center}
 .hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.05) 10%,rgba(0,0,0,.18) 38%,rgba(0,0,0,.72) 75%,rgba(0,0,0,.92) 100%)}
 .hero-content{width:calc(100% - 32px);padding:0 0 46px;justify-content:flex-end}
 .hero .eyebrow{font-size:10px;letter-spacing:.24em;margin-bottom:12px}
 .hero h1{font-size:42px;max-width:350px;line-height:1.05}
 .hero-copy{font-size:15px;max-width:340px;margin:18px 0 25px}
 .hero .button{min-height:50px;padding:0 22px}
 .section{padding:75px 0}
 .intro h2,.section-heading h2,.collection-copy h2,.story-copy h2,.contact h2{font-size:38px}
 .product-grid{grid-template-columns:1fr;gap:22px}
 .product-card:first-child img{aspect-ratio:4/3;object-fit:contain}
 .product-info p:not(.product-number){min-height:0}
 .collection,.contact{padding:75px 0}
 .values-grid{grid-template-columns:1fr;gap:28px}
 .footer-inner{flex-direction:column;text-align:center}
 .footer-links{flex-wrap:wrap;justify-content:center}
}