:root{
  --ink:#17130f;
  --ink-2:#211a15;
  --cream:#f6f0e7;
  --cream-2:#eee4d8;
  --paper:#fbf8f3;
  --white:#ffffff;
  --gold:#b88a58;
  --gold-2:#d0aa79;
  --muted:#776e65;
  --line:#d8cbbb;
  --green:#25D366;
  --shadow:0 26px 80px rgba(28,21,16,.12);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Manrope",sans-serif;line-height:1.65}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.kicker,.smallcaps{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--gold);margin:0 0 16px}
.gold-kicker{color:var(--gold-2)}
.light-kicker{color:#d9b68f}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:"Cormorant Garamond",serif;font-weight:600}
h1 em,h2 em{font-weight:500;color:var(--gold-2)}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:700;font-size:13px;border:1px solid transparent;transition:.2s ease}
.button:hover{transform:translateY(-1px)}
.button-dark{background:var(--ink);color:#fff}
.button-gold{background:var(--gold);color:#15110e}
.button-gold:hover{background:var(--gold-2)}
.text-button{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:13px}
.text-button span{color:var(--gold)}
.full-button{width:100%}

/* WhatsApp */
.lux-topbar{background:#0f0d0b;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.lux-topbar-inner{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.lux-topbar-copy{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.lux-topbar-copy strong{font-size:13px;letter-spacing:.02em}
.lux-topbar-copy>span:last-child{font-size:12px;color:#bfb7ae}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(37,211,102,.11)}
.lux-wa-btn{font-size:12px;font-weight:800;color:#0b2012;background:var(--green);padding:9px 14px;border-radius:999px}
.floating-wa{position:fixed;right:22px;bottom:22px;z-index:999;display:flex;align-items:center;gap:9px;background:var(--green);color:#0b2012;padding:10px 15px 10px 10px;border-radius:999px;font-size:12px;font-weight:800;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.floating-wa-icon{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:10px;letter-spacing:.05em}

/* Header */
.site-header{position:sticky;top:0;z-index:90;background:rgba(251,248,243,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(216,203,187,.75)}
.nav{height:82px;display:flex;align-items:center;gap:25px}
.brand{display:flex;align-items:center;gap:11px}
.brand-seal{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;border:1px solid rgba(184,138,88,.35)}
.brand-name{font-family:"Cormorant Garamond",serif;font-size:23px;font-weight:600;letter-spacing:-.02em}
.primary-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
.nav-main,.dropdown-btn{padding:10px 12px;border-radius:999px;font-size:13px;font-weight:700;border:0;background:none;cursor:pointer;color:#342a23}
.nav-main:hover,.dropdown:hover>.dropdown-btn{background:#efe5d8;color:#6c4a2c}
.nav-minor{font-size:12px;font-weight:700;color:#7b7168;padding:8px}
.nav-minor:hover{color:var(--ink)}
.nav-divider{height:20px;width:1px;background:var(--line);margin:0 4px}
.dropdown{position:relative}
.dropdown-menu{display:none;position:absolute;top:47px;left:-16px;min-width:290px;padding:9px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.dropdown:hover .dropdown-menu,.dropdown.open .dropdown-menu{display:grid}
.dropdown-menu a{padding:10px 12px;border-radius:10px;font-size:12px}
.dropdown-menu a:hover{background:#f3ebdf}
.nav-order{margin-left:4px}
.mobile-menu-btn{display:none;margin-left:auto;border:0;background:none;font-size:24px}
.mobile-menu{display:none;padding:10px 20px 18px;background:#fff;border-top:1px solid var(--line)}
.mobile-menu.open{display:grid;gap:7px}
.mobile-menu a{padding:8px 0;font-weight:700;font-size:14px}

/* Home hero */
.home-hero{background:linear-gradient(180deg,#fbf8f3 0%,#f5ede2 100%);padding:88px 0 96px;overflow:hidden}
.home-hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:70px;align-items:center}
.home-hero-copy h1{font-size:clamp(56px,6.5vw,90px);line-height:.91;letter-spacing:-.045em;margin:10px 0 28px}
.home-hero-copy h1 em{display:inline-block}
.hero-copy{font-size:17px;color:var(--muted);max-width:650px;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}
.hero-trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:1px solid rgba(184,138,88,.25);font-size:11px;font-weight:700;letter-spacing:.03em;color:#5e544b}
.hero-art{position:relative;min-height:540px}
.art-frame{position:absolute;width:69%;aspect-ratio:4/5;background:#fff;padding:13px;border-radius:8px;box-shadow:var(--shadow)}
.frame-back{left:1%;top:72px;transform:rotate(-5deg)}
.frame-front{right:1%;top:6px;transform:rotate(4deg)}
.art-photo{height:100%;border-radius:3px}
.art-photo.old{background:linear-gradient(140deg,#4f4a45,#b8a48c);filter:grayscale(.82)}
.art-photo.restored{background:radial-gradient(circle at 72% 18%,rgba(255,255,255,.22),transparent 24%),linear-gradient(140deg,#9d7454,#d4ad80 54%,#7c8d79)}
.art-frame>span{position:absolute;left:24px;bottom:24px;background:rgba(255,255,255,.9);padding:7px 10px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.hero-signature{position:absolute;right:-10px;bottom:10px;max-width:280px;background:var(--ink);color:#fff;padding:18px 20px;border-radius:18px;font-family:"Cormorant Garamond",serif;font-size:19px;font-style:italic;box-shadow:var(--shadow)}

/* Sections */
.services-section,.lux-section,.how-section{padding:105px 0}
.section-intro{max-width:780px;margin-bottom:48px}
.section-intro.centered{margin-left:auto;margin-right:auto;text-align:center}
.section-intro h2{font-size:clamp(44px,5vw,66px);line-height:.98;letter-spacing:-.035em;margin:0 0 18px}
.section-intro p:last-child{color:var(--muted);max-width:700px}
.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.premium-card{min-height:390px;border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:.22s ease}
.premium-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c5ae94}
.premium-card.dark-card{background:var(--ink);color:#fff;border-color:var(--ink)}
.card-index{font-size:10px;letter-spacing:.18em;color:var(--gold);font-weight:700}
.premium-card h3{font-size:40px;line-height:1;margin:0 0 14px}
.premium-card p{font-size:14px;color:var(--muted);line-height:1.75}
.dark-card p{color:#c8beb4}
.card-link{font-size:12px;font-weight:800;color:var(--gold)}
.before-after-section{padding:105px 0;background:var(--ink);color:#fff}
.before-after-section .section-intro p:last-child{color:#bdb3a9}
.ba-premium{display:grid;grid-template-columns:1fr 90px 1fr;gap:20px;align-items:center}
.ba-panel{position:relative;background:#221b16;border:1px solid rgba(208,170,121,.22);border-radius:26px;padding:14px}
.ba-tag{position:absolute;left:28px;top:28px;z-index:2;padding:7px 11px;border-radius:999px;background:#fff;color:var(--ink);font-size:9px;font-weight:800;letter-spacing:.15em}
.gold-tag{background:var(--gold);color:#17130f}
.ba-photo{min-height:430px;border-radius:17px;display:grid;place-items:center;overflow:hidden}
.ba-old{background:linear-gradient(140deg,#59534d,#a08d77);filter:grayscale(.8)}
.ba-new{background:linear-gradient(140deg,#8a664d,#cfa77c,#788875)}
.portrait-shape{width:180px;height:250px;position:relative}
.portrait-shape:before{content:"";position:absolute;top:15px;left:50%;transform:translateX(-50%);width:110px;height:130px;border-radius:48% 48% 45% 45%;background:rgba(31,26,22,.28)}
.portrait-shape:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:180px;height:125px;border-radius:90px 90px 20px 20px;background:rgba(31,26,22,.25)}
.ba-middle{display:flex;flex-direction:column;align-items:center;gap:10px}
.ba-line{height:80px;width:1px;background:rgba(208,170,121,.35)}
.ba-circle{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(208,170,121,.5);color:var(--gold);font-size:22px}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step-card{padding:28px 24px;border-top:1px solid var(--line)}
.step-card span{font-size:10px;letter-spacing:.17em;color:var(--gold);font-weight:800}
.step-card h3{font-size:32px;margin:18px 0 8px}
.step-card p{font-size:13px;color:var(--muted)}
.order-section{padding:95px 0;background:linear-gradient(135deg,#17130f,#2b211a);color:#fff}
.order-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}
.order-grid h2{font-size:58px;line-height:.98;margin:0 0 18px}
.order-grid>div>p:last-child{color:#c2b7ac}
.order-links{display:grid;gap:10px}
.order-links a{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:19px 20px;display:flex;justify-content:space-between;gap:20px;transition:.18s ease}
.order-links a:hover{background:rgba(255,255,255,.1);border-color:rgba(208,170,121,.35)}
.order-links strong{font-family:"Cormorant Garamond",serif;font-size:24px}
.order-links span{font-size:11px;color:#c7bcb1;align-self:center}

/* Editorial service heroes */
.editorial-hero{padding:92px 0}
.dark-hero{background:radial-gradient(circle at 77% 30%,rgba(184,138,88,.12),transparent 28%),linear-gradient(135deg,#15110e,#261d17);color:#fff}
.editorial-grid{display:grid;grid-template-columns:1fr .8fr;gap:75px;align-items:center}
.editorial-hero h1{font-size:clamp(58px,7vw,94px);line-height:.9;letter-spacing:-.045em;margin:12px 0 26px;max-width:900px}
.editorial-copy{font-size:16px;line-height:1.8;color:#c5bbb1;max-width:680px}
.lux-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.lux-badges span{border:1px solid rgba(208,170,121,.28);padding:9px 12px;border-radius:999px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#e6d1b6}
.restoration-hero-art{position:relative;min-height:470px}
.lux-frame{position:absolute;right:0;top:0;width:76%;background:#eee5d9;padding:12px;border-radius:8px;transform:rotate(3deg);box-shadow:0 40px 90px rgba(0,0,0,.3)}
.lux-photo{aspect-ratio:4/5;border-radius:3px;display:grid;place-items:center;background:linear-gradient(145deg,#946a4e,#d0a778 53%,#748570)}
.lux-frame>span{display:block;color:#5b4b3d;font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin:9px 3px 0}
.gold-orbit{position:absolute;width:290px;height:290px;border:1px solid rgba(208,170,121,.34);border-radius:50%;right:-35px;bottom:10px}
.gold-orbit:after{content:"";position:absolute;inset:28px;border:1px solid rgba(208,170,121,.18);border-radius:50%}
.cream-section{background:var(--cream)}
.restoration-showcase{display:grid;grid-template-columns:1fr 90px 1fr;gap:18px;align-items:center}
.showcase-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:0 16px 50px rgba(38,28,20,.07)}
.showcase-header{display:flex;justify-content:space-between;align-items:center;padding:7px 4px 14px}
.showcase-header span{font-family:"Cormorant Garamond",serif;font-size:28px}
.showcase-header small{font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.showcase-photo{min-height:430px;border-radius:16px;display:grid;place-items:center}
.showcase-old{background:linear-gradient(145deg,#5d5650,#b5a18a);filter:grayscale(.78)}
.showcase-new{background:linear-gradient(145deg,#8c664d,#d1a97b,#7a8a76)}
.showcase-divider{display:flex;flex-direction:column;align-items:center;gap:10px}
.showcase-divider span{width:1px;height:100px;background:#c8ad8d}
.showcase-divider b{font-size:9px;letter-spacing:.16em;color:#8e6641}
.restore-purchase{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}
.restore-purchase-copy h2{font-size:58px;line-height:.98;margin:8px 0 18px}
.restore-purchase-copy>p:not(.kicker){color:var(--muted);max-width:650px}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}
.feature-list>div{border-top:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:36px 1fr;column-gap:10px}
.feature-list span{grid-row:1/3;color:var(--gold);font-size:10px;font-weight:800}
.feature-list strong{font-size:13px}
.feature-list small{color:var(--muted);font-size:11px}
.restore-upload-card{background:var(--ink);color:#fff;border-radius:28px;padding:28px;box-shadow:var(--shadow)}
.upload-card-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}
.upload-card-top .smallcaps{margin:0;color:#cda877}
.upload-card-top strong{font-family:"Cormorant Garamond",serif;font-size:24px}
.premium-upload{min-height:240px;border:1px dashed rgba(208,170,121,.5);border-radius:20px;background:rgba(255,255,255,.03);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:14px;cursor:pointer}
.upload-symbol{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(208,170,121,.45);color:var(--gold-2);font-size:22px;margin-bottom:14px}
.premium-upload strong{font-family:"Cormorant Garamond",serif;font-size:26px}
.premium-upload small{font-size:10px;color:#ada198;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.premium-upload input{display:none}
.restore-upload-card>p{font-size:10px;color:#a99e94;text-align:center;margin:11px 0 0}

/* Merge */
.merge-hero{background:linear-gradient(180deg,#fbf8f3,#eee3d5);text-align:center;padding:100px 0}
.merge-hero-inner{max-width:900px}
.merge-hero h1{font-size:clamp(58px,7vw,92px);line-height:.9;margin:12px 0 25px}
.merge-hero .editorial-copy{color:var(--muted);margin:0 auto}
.merge-lux-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.merge-lux-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:180px 1fr;min-height:230px;scroll-margin-top:130px;transition:.2s ease}
.merge-lux-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.merge-visual{background:linear-gradient(145deg,#211a15,#8a6a4c);display:flex;align-items:flex-end;padding:20px;color:#d9b68f}
.merge-visual span{font-family:"Cormorant Garamond",serif;font-size:48px}
.merge-body{padding:24px;display:flex;flex-direction:column}
.merge-body h3{font-size:33px;line-height:1;margin:0 0 11px}
.merge-body p{font-size:12px;color:var(--muted);line-height:1.7}
.merge-body .card-link{margin-top:auto}

/* Pet */
.pet-film-hero{padding:90px 0;background:radial-gradient(circle at 12% 20%,rgba(184,138,88,.13),transparent 25%),linear-gradient(135deg,#14110e,#241b16);color:#fff}
.pet-heading{max-width:800px;margin-bottom:36px}
.pet-heading h1{font-size:clamp(58px,7vw,90px);line-height:.92;margin:10px 0 20px}
.pet-heading p:last-child{color:#c4b9af}
.film-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.film-card{min-height:430px;border-radius:24px;border:1px solid rgba(208,170,121,.22);position:relative;display:grid;place-items:center;overflow:hidden}
.film-one{background:linear-gradient(145deg,#171411,#64513f)}
.film-two{background:linear-gradient(145deg,#664a36,#b88a5f)}
.film-three{background:linear-gradient(145deg,#252b25,#71806e)}
.film-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.38))}
.film-label{position:absolute;left:18px;top:18px;z-index:2;font-size:9px;letter-spacing:.16em;color:#e2c49d}
.play-btn{position:relative;z-index:2;width:62px;height:62px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.92);color:#17130f}
.film-card small{position:absolute;left:18px;bottom:18px;z-index:2;color:#fff;font-size:11px}
.collection-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.collection-tab{min-height:82px;border:1px solid var(--line);border-radius:18px;background:#fff;font-size:12px;font-weight:800;padding:14px;cursor:pointer;transition:.18s ease}
.collection-tab:hover{transform:translateY(-2px);border-color:#b99b78;box-shadow:0 12px 30px rgba(46,34,25,.07)}
.collection-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.collection-tab span{color:#e34c70}
.collection-placeholder{margin-top:18px;border:1px solid var(--line);border-radius:22px;background:#fff;padding:25px;display:flex;justify-content:space-between;align-items:center}
.collection-placeholder h3{font-size:34px;margin:6px 0 5px}
.collection-placeholder p{font-size:12px;color:var(--muted);margin:0}
.collection-arrow{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);font-size:20px}

/* Legal */
.legal-hero{padding:90px 0;background:var(--cream)}
.legal-hero h1{font-size:70px;margin:0}
.legal-copy{max-width:820px}
.legal-copy h2{font-size:34px;margin-top:34px}
.legal-copy p{color:var(--muted)}

/* Footer */
.site-footer{background:#0f0d0b;color:#fff;padding:62px 0 35px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:35px}
.footer-brand{color:#fff}
.light-seal{background:#fff;color:#17130f}
.footer-grid>div:first-child>p{color:#9d9389;max-width:460px;font-size:12px;margin-top:16px}
.footer-links{display:flex;gap:16px;justify-content:flex-end;flex-wrap:wrap;align-content:flex-start;font-size:11px;color:#c7bdb3}
.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;color:#706960;font-size:10px}

/* Responsive */
@media(max-width:1050px){
  .nav-minor,.nav-divider{display:none}
}
@media(max-width:900px){
  .primary-nav,.nav-order{display:none}
  .mobile-menu-btn{display:block}
  .home-hero-grid,.editorial-grid,.restore-purchase,.order-grid{grid-template-columns:1fr}
  .hero-art{min-height:470px}
  .service-cards{grid-template-columns:1fr}
  .premium-card{min-height:300px}
  .ba-premium,.restoration-showcase{grid-template-columns:1fr}
  .ba-middle,.showcase-divider{flex-direction:row}
  .ba-line,.showcase-divider span{width:80px;height:1px}
  .steps-grid{grid-template-columns:1fr 1fr}
  .merge-lux-grid{grid-template-columns:1fr}
  .film-grid{grid-template-columns:1fr 1fr}
  .film-card:last-child{grid-column:1/-1}
  .collection-tabs{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .shell{width:min(100% - 28px,1180px)}
  .lux-topbar-inner{padding:9px 0}
  .lux-topbar-copy>span:last-child{display:none}
  .lux-wa-btn{font-size:10px;padding:8px 11px}
  .nav{height:72px}
  .brand-name{font-size:20px}
  .home-hero{padding:64px 0 74px}
  .home-hero-copy h1{font-size:56px}
  .hero-art{min-height:380px}
  .hero-signature{font-size:16px;max-width:235px}
  .services-section,.lux-section,.how-section{padding:76px 0}
  .section-intro h2{font-size:44px}
  .steps-grid{grid-template-columns:1fr}
  .order-grid h2{font-size:46px}
  .order-links a{flex-direction:column}
  .editorial-hero{padding:66px 0}
  .editorial-hero h1,.merge-hero h1,.pet-heading h1{font-size:56px}
  .restoration-hero-art{min-height:390px}
  .feature-list{grid-template-columns:1fr}
  .merge-lux-card{grid-template-columns:1fr}
  .merge-visual{min-height:120px}
  .film-grid{grid-template-columns:1fr}
  .film-card:last-child{grid-column:auto}
  .film-card{min-height:330px}
  .collection-tabs{grid-template-columns:1fr}
  .collection-placeholder{align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr}
  .footer-links{justify-content:flex-start}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:7px}
  .floating-wa{right:14px;bottom:14px;padding:9px}
  .floating-wa>span:last-child{display:none}
}

/* =========================
   V8 PET COMMERCE EXPERIENCE
   inspired by the supplied reference structure
   ========================= */
.active-main{background:#efe5d8;color:#6c4a2c}
.pet-commerce-page{background:#fff}
.pet-category-bar{
  position:sticky;
  top:82px;
  z-index:80;
  background:#11100e;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.pet-category-inner{
  width:min(1380px,calc(100% - 30px));
  margin:0 auto;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:0;
  overflow-x:auto;
  white-space:nowrap;
}
.pet-category-link{
  border:0;
  background:transparent;
  color:#f2eee8;
  padding:14px 18px;
  font:inherit;
  font-size:12px;
  cursor:pointer;
  border-bottom:2px solid transparent;
}
.pet-category-link:hover,.pet-category-link.active{
  color:#d9b173;
  border-bottom-color:#d9b173;
}
.pet-category-link span{color:#ef4e79}

.pet-store-hero{
  padding:70px 0 78px;
  background:linear-gradient(180deg,#fff 0%,#fbf7f0 100%);
}
.pet-store-hero-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:60px;
  align-items:center;
}
.pet-store-copy h1{
  font-size:clamp(54px,6.2vw,82px);
  line-height:.92;
  letter-spacing:-.04em;
  margin:10px 0 24px;
}
.pet-store-copy p:not(.kicker){
  max-width:650px;
  color:#726a62;
  font-size:16px;
}
.pet-store-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:27px}
.pet-text-link{font-size:12px;font-weight:800}
.pet-feature-collage{
  position:relative;
  min-height:490px;
  display:grid;
  grid-template-columns:1.25fr .75fr;
  grid-template-rows:1fr 1fr;
  gap:13px;
}
.pet-feature{
  border-radius:22px;
  position:relative;
  overflow:hidden;
  border:1px solid #ded1c2;
  box-shadow:0 20px 55px rgba(39,28,20,.08);
}
.pet-feature:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35));
}
.pet-feature-large{
  grid-row:1/3;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#d8c3a5,#8c664e);
}
.pet-feature-small.one{background:linear-gradient(145deg,#202019,#75624d)}
.pet-feature-small.two{background:linear-gradient(145deg,#7c806d,#d8c39b)}
.pet-feature>span{
  position:absolute;left:17px;bottom:15px;z-index:2;color:#fff;font-weight:700;font-size:12px
}
.pet-demo-face{
  width:170px;height:200px;border-radius:45% 45% 42% 42%;
  background:rgba(255,255,255,.18);
  display:grid;place-items:center;
  color:#fff;font-family:"Cormorant Garamond",serif;font-size:35px;
}

.pet-video-showcase,.pet-design-section,.pet-how-section,.pet-reviews-section,.pet-faq-section,.pet-bottom-videos{padding:82px 0}
.pet-video-showcase{background:#f5efe5}
.pet-section-title{max-width:750px;margin-bottom:30px}
.pet-section-title h2{
  font-size:52px;
  line-height:.98;
  letter-spacing:-.035em;
  margin:8px 0 12px;
}
.pet-section-title>p:last-child{color:#746b62;font-size:13px}
.centered-pet{text-align:center;margin-left:auto;margin-right:auto}
.pet-video-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pet-video-placeholder{
  min-height:420px;
  border-radius:22px;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  color:#fff;
}
.pet-video-placeholder:after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45))
}
.pet-video-placeholder button{
  position:relative;z-index:2;width:62px;height:62px;border-radius:50%;border:0;background:#fff;color:#17130f
}
.pet-video-placeholder span{
  position:absolute;z-index:2;bottom:17px;left:18px;font-size:11px;font-weight:700
}
.warm-one{background:linear-gradient(145deg,#171512,#6d5946)}
.warm-two{background:linear-gradient(145deg,#8b6749,#d1ae80)}
.warm-three{background:linear-gradient(145deg,#2c332b,#7c8a78)}

.pet-design-section{background:#fff}
.split-title{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}
.split-title>p{max-width:520px;justify-self:end;margin-bottom:9px}
.pet-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pet-product-card{
  border:1px solid #e1d7cc;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  transition:.18s ease;
}
.pet-product-card:hover{transform:translateY(-3px);box-shadow:0 15px 38px rgba(42,31,22,.09)}
.pet-product-image{
  aspect-ratio:1/1.1;
  position:relative;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.15em;
}
.pet-product-image b{
  position:absolute;right:10px;top:10px;background:#e4485f;color:#fff;border-radius:999px;padding:5px 7px;font-size:8px;letter-spacing:0
}
.royal-bg{background:linear-gradient(145deg,#241e19,#9f7a50)}
.classic-bg{background:linear-gradient(145deg,#c6ad84,#5d5143)}
.family-bg{background:linear-gradient(145deg,#6e4f3b,#bd936b)}
.duo-bg{background:linear-gradient(145deg,#28312b,#7f927b)}
.renaissance-bg{background:linear-gradient(145deg,#71563d,#c3a16f)}
.queen-bg{background:linear-gradient(145deg,#6b565d,#c6a3a7)}
.trio-bg{background:linear-gradient(145deg,#46544b,#b8b090)}
.group-bg{background:linear-gradient(145deg,#34302b,#987c5f)}
.pet-product-info{padding:15px}
.pet-product-info h3{font-family:"Manrope",sans-serif;font-size:14px;margin:0 0 4px}
.pet-product-info p{font-size:10px;color:#7c746c;margin:0 0 11px}
.pet-product-info a{font-size:10px;font-weight:800;color:#8b653d}

.pet-how-section{background:#f8f3eb}
.pet-how-layout{display:grid;grid-template-columns:320px 1fr;gap:25px;max-width:1000px;margin:0 auto}
.pet-step-tabs{display:grid;gap:10px}
.pet-step{
  display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;
  border:1px solid #ddd3c7;background:#fff;border-radius:14px;padding:15px;text-align:left;cursor:pointer
}
.pet-step>span{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eee6dc;font-size:10px;font-weight:800
}
.pet-step strong,.pet-step small{display:block}
.pet-step strong{font-size:12px}
.pet-step small{font-size:9px;color:#766f68;margin-top:3px}
.pet-step.active{border-color:#c8a16f;background:#fffaf1}
.pet-step.active>span{background:#c79a5e;color:#fff}
.pet-how-preview{background:#fff;border:1px solid #ddd3c7;border-radius:20px;padding:28px}
.preview-step{font-size:9px;letter-spacing:.16em;color:#9a7147;font-weight:800}
.pet-how-preview h3{font-size:36px;margin:8px 0 9px}
.pet-how-preview p{font-size:12px;color:#766e66;max-width:620px}
.mini-design-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:23px 0}
.mini-design-grid div{aspect-ratio:1/1;border-radius:12px;background:linear-gradient(145deg,#2d2722,#a08261);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:700}
.pet-how-preview>a{font-size:11px;font-weight:800;color:#966b3e}

.pet-reviews-section{background:#fff}
.pet-review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}
.pet-review-card{border:1px solid #e1d7cc;border-radius:17px;overflow:hidden;background:#fff}
.review-photo{min-height:210px;background:linear-gradient(145deg,#d8c8b1,#7c6a57);display:grid;place-items:center;color:#fff;font-size:8px;letter-spacing:.14em}
.pet-review-card.tall .review-photo{min-height:290px}
.pet-review-card>div:last-child{padding:14px}
.pet-review-card span{color:#e5b400;font-size:11px}
.pet-review-card p{font-size:11px;color:#5d5751;line-height:1.6;margin:8px 0}
.pet-review-card strong{font-size:9px;color:#8c837b}

.pet-faq-section{background:#f7f1e8}
.pet-faq-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d8cec2}
.pet-faq-grid details{padding:18px 10px;border-bottom:1px solid #d8cec2}
.pet-faq-grid details:nth-child(odd){border-right:1px solid #d8cec2;padding-right:25px}
.pet-faq-grid details:nth-child(even){padding-left:25px}
.pet-faq-grid summary{cursor:pointer;font-size:12px;font-weight:800}
.pet-faq-grid p{font-size:10px;color:#766e66;max-width:560px}

.pet-bottom-videos{background:#11100e;color:#fff}
.pet-bottom-videos .pet-section-title p:last-child{color:#aaa099}
.customer-video-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.customer-video-strip>div{min-height:360px;border-radius:18px;background:linear-gradient(145deg,#2e2924,#876e55);display:grid;place-items:center;position:relative}
.customer-video-strip button{width:58px;height:58px;border-radius:50%;border:0;background:#fff}
.customer-video-strip span{position:absolute;left:15px;bottom:14px;font-size:10px}

@media(max-width:1000px){
  .pet-store-hero-grid{grid-template-columns:1fr}
  .pet-feature-collage{min-height:430px}
  .pet-product-grid{grid-template-columns:repeat(2,1fr)}
  .pet-review-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
  .pet-category-bar{top:72px}
  .pet-video-row{grid-template-columns:1fr}
  .pet-video-placeholder{min-height:330px}
  .split-title{grid-template-columns:1fr}
  .split-title>p{justify-self:start}
  .pet-how-layout{grid-template-columns:1fr}
  .pet-step-tabs{grid-template-columns:1fr 1fr 1fr}
  .pet-step{grid-template-columns:1fr}
  .pet-faq-grid{grid-template-columns:1fr}
  .pet-faq-grid details:nth-child(odd){border-right:0;padding-right:10px}
  .pet-faq-grid details:nth-child(even){padding-left:10px}
  .customer-video-strip{grid-template-columns:1fr}
}
@media(max-width:560px){
  .pet-store-hero{padding:52px 0}
  .pet-store-copy h1{font-size:52px}
  .pet-feature-collage{min-height:360px;grid-template-columns:1fr 1fr}
  .pet-feature-large{grid-row:1/2;grid-column:1/3}
  .pet-product-grid,.pet-review-grid{grid-template-columns:1fr}
  .pet-step-tabs{grid-template-columns:1fr}
  .mini-design-grid{grid-template-columns:1fr 1fr}
  .pet-section-title h2{font-size:42px}
}