.hero{background:var(--color-black);padding:150px 0 64px}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.hero-title{font-family:var(--font-display);color:var(--color-text-light);letter-spacing:-.5px;margin:16px 0 20px;font-size:60px;font-weight:300;line-height:1.15}.hero-title-accent{color:var(--color-gold);font-style:italic}.hero-text{color:#a9a49a;max-width:400px;margin:0 0 28px;font-size:15px;line-height:1.7}.hero-actions{gap:12px;display:flex}.hero-media{aspect-ratio:4/5;width:100%;position:relative;overflow:hidden}.hero-slide{opacity:0;transition:opacity .8s;position:absolute;inset:0}.hero-slide.is-active{opacity:1}.hero-dots{z-index:1;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hero-dot{border:1px solid var(--color-text-light);cursor:pointer;background:0 0;border-radius:50%;width:8px;height:8px;padding:0}.hero-dot.is-active{background:var(--color-gold);border-color:var(--color-gold)}@media (max-width:860px){.hero-inner{grid-template-columns:1fr}.hero-title{font-size:40px}}
.collections{background:#fff;padding:56px 0}.collections-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.collection-card{background:var(--color-cream-card);min-height:220px;color:inherit;border-radius:12px;text-decoration:none;display:block;position:relative;overflow:hidden}.collection-large{grid-row:span 2}.collection-wide{grid-column:span 2}.collection-label{z-index:1;background:linear-gradient(#0000 45%,#0000008c);flex-direction:column;justify-content:flex-end;height:100%;padding:24px;display:flex;position:relative}.collection-label h3{font-family:var(--font-display);color:var(--color-text-light);margin:0;font-size:24px;font-weight:300}@media (max-width:860px){.collections-grid{grid-template-columns:1fr 1fr}.collection-large{grid-area:span 1/span 2}.collection-wide{grid-column:span 2}}
.features{background:#fff;padding:48px 0}.features-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.feature-icon{width:44px;height:44px;color:var(--color-gold-dark);margin-bottom:14px;display:inline-flex}.feature-icon svg{width:100%;height:100%}.feature-title{font-family:var(--font-display);color:var(--color-text-dark);margin:0 0 6px;font-size:18px;font-weight:300}.feature-text{color:var(--color-text-muted);margin:0;font-size:13px}@media (max-width:700px){.features-grid{grid-template-columns:1fr;gap:28px}}
.about{background:var(--color-cream-card);color:var(--color-text-dark);padding:88px 0 0}.about-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.about-brand{flex-direction:column;align-items:center;gap:10px;display:flex}.about-brand-mark{object-fit:contain;width:auto;height:96px}.about-brand-sub{font-family:var(--font-accent);letter-spacing:8px;text-transform:uppercase;color:var(--color-text-muted);font-size:13px;font-weight:400}.about-brand-rule{background:#1c1a1547;width:1px;height:46px;margin:26px 0;display:block}.about-title{font-family:var(--font-display);letter-spacing:8px;text-transform:uppercase;margin:0 0 40px;font-size:34px;font-weight:300;line-height:1.2}.about-blocks{flex-direction:column;align-items:center;max-width:640px;display:flex}.about-block{flex-direction:column;align-items:center;display:flex}.about-divider{background:#1c1a154d;width:56px;height:1px;margin:26px 0;display:block}.about-text{font-family:var(--font-display);color:var(--color-text-dark);text-wrap:balance;margin:0;font-size:17px;line-height:1.75}.about-line{display:block}.about-badges{max-width:var(--container-max);grid-template-columns:repeat(6,minmax(0,1fr));margin:72px auto 0;padding:0 32px 72px;list-style:none;display:grid}.about-badge{border-left:1px solid #1c1a153d;flex-direction:column;align-items:center;gap:14px;padding:4px 12px;display:flex}.about-badge:first-child{border-left:0}.about-badge-icon{width:40px;height:40px;color:var(--color-text-dark);display:block}.about-badge-icon svg{width:100%;height:100%;display:block}.about-badge-label{font-family:var(--font-display);color:var(--color-text-dark);font-size:15px;line-height:1.4}.about-badge-label span{display:block}@media (max-width:860px){.about{padding-top:64px}.about-brand-mark{height:72px}.about-brand-sub{letter-spacing:6px;font-size:11px}.about-title{letter-spacing:5px;margin-bottom:32px;font-size:26px}.about-text{font-size:15px}.about-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 0;margin-top:56px;padding-bottom:56px}.about-badge:nth-child(3n+1){border-left:0}}@media (max-width:520px){.about-badges{grid-template-columns:repeat(2,minmax(0,1fr))}.about-badge{border-left:0}.about-badge-label{font-size:14px}}
.bestsellers{background:#fff;padding:72px 0}.bestsellers-title{font-family:var(--font-display);text-align:center;color:var(--color-text-dark);margin:8px 0 40px;font-size:26px;font-weight:300}.bestsellers-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.product-card{border:1px solid var(--color-border);text-align:left;background:#fff;border-radius:8px;padding:14px}.product-image{aspect-ratio:4/5;border-radius:6px;width:100%;margin-bottom:12px;position:relative;overflow:hidden}.product-name{color:var(--color-text-dark);margin:0 0 2px;font-size:13px;font-weight:500}.product-color{color:var(--color-text-muted);margin:0 0 4px;font-size:11px}.product-price{color:var(--color-text-muted);margin:0 0 12px;font-size:12px}.product-btn{text-align:center;width:100%}.product-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width:860px){.bestsellers-grid{grid-template-columns:repeat(2,1fr)}}
.cta{background:var(--color-black);padding:64px 0}.cta-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.cta-title{font-family:var(--font-display);color:var(--color-text-light);max-width:420px;margin:8px 0;font-size:24px;font-weight:300}.cta-text{color:#a9a49a;max-width:380px;margin:0;font-size:13px}.cta-form{gap:10px;display:flex}.cta-form input{color:var(--color-text-light);background:0 0;border:1px solid #4a4a44;min-width:220px;padding:12px 16px;font-size:13px}@media (max-width:700px){.cta-form{flex-direction:column}.cta-form input{min-width:0}}
