.template-index{background:#f7f0e8}.template-index .hero{background:#eee2d5}.template-index .hero__grid{min-height:680px;grid-template-columns:.9fr 1.1fr;gap:70px;padding:80px 0}.template-index .hero__content{display:block;min-height:0;padding:0;color:var(--ink)}.template-index .hero h1{max-width:640px;margin-top:18px;color:var(--ink);font-family:var(--serif);font-size:clamp(48px,6vw,92px);font-weight:500;letter-spacing:-.07em;line-height:.92}.template-index .hero h1 em{color:var(--accent);font-style:italic;font-weight:400}.template-index .hero__copy{max-width:550px;margin-top:28px;color:#675b51;font-size:18px;line-height:1.75}.template-index .hero__buttons{margin-top:30px}.template-index .hero__facts{display:grid;max-width:600px;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;border-top:1px solid #cdbbab;padding-top:18px}.template-index .hero__facts strong{font-family:var(--serif);font-size:19px;font-weight:500}.template-index .hero__facts span{color:#77695e;font-size:10px}.template-index .hero__media{width:auto;max-width:590px;height:auto;margin:0 auto}.template-index .hero__media img{width:100%;min-height:0;aspect-ratio:.94;object-position:center;box-shadow:18px 24px 0 rgba(121,88,66,.12)}.template-index .hero__note{bottom:-26px;left:16px;max-width:200px;border:1px solid rgba(255,255,255,.55);background:rgba(255,250,245,.92);padding:16px;color:var(--ink);font-family:var(--serif);font-size:17px;font-weight:400}.template-index .hero__note span{color:var(--accent);font-family:var(--sans);font-size:10px;font-weight:700}.template-index .section{padding:90px 0;background:#fffaf4}.template-index .product-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px}.template-index .section-heading h2{font-family:var(--serif);font-size:clamp(34px,4vw,58px);font-weight:500;letter-spacing:-.06em}.template-index .editorial{background:#302720}@media(max-width:900px){.template-index .hero__grid{min-height:auto;padding:68px 0;grid-template-columns:1fr;gap:42px}.template-index .hero__content{padding:0}.template-index .product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.template-index .hero__grid{padding:56px 0}.template-index .hero h1{font-size:48px}.template-index .hero__facts{gap:10px}.template-index .hero__media{max-width:510px}.template-index .product-grid{grid-template-columns:1fr}}