:root{--ink:#283c36;--cream:#fff9f0;--coral:#ef8069;--peach:#ffe0c8;--mint:#d5eee1;--lilac:#e8ddf5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:12px;z-index:10}.topline{background:#335a4b;color:#fff;text-align:center;font-size:12px;padding:9px 12px;letter-spacing:.03em}header{max-width:1400px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font:800 29px 'Baloo 2',sans-serif;letter-spacing:-1.4px;white-space:nowrap}.logo span:first-child{color:#ef8069}.paw{font-size:16px;color:#eea950;vertical-align:top;margin-left:4px}nav{display:flex;gap:32px;font-size:13px;font-weight:800}nav a:hover,footer a:hover{color:#c56a54}.nav-cta{border:1.5px solid #345849;border-radius:30px;padding:12px 19px;font-weight:800;font-size:13px}.hero{max-width:1400px;margin:0 auto;padding:40px 5% 70px;min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;color:#c76d57}.hero h1{font:800 clamp(53px,6.1vw,91px)/.98 'Baloo 2',sans-serif;letter-spacing:-.045em;margin:24px 0}.hero h1 em,.intro h2 em,.story h2 em{color:#ed866e;font-style:normal}.hero p{font-size:17px;line-height:1.85;max-width:540px;color:#5b7066}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.primary{background:#ef8069;color:#fff;padding:17px 24px;border-radius:40px;font-size:14px;font-weight:800;display:inline-flex;gap:25px;align-items:center;box-shadow:0 10px 25px #ef806944}.primary:hover{background:#dc705c}.secondary{font-weight:800;font-size:13px}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:55px;font-size:11px;font-weight:800;color:#587468}.hero-art{height:540px;position:relative;border-radius:48% 52% 40% 48%;background:#f6d8c5;overflow:hidden;isolation:isolate}.sun{position:absolute;width:360px;height:360px;border-radius:50%;background:#ffedb4;top:12%;left:16%}.blob{position:absolute;border-radius:50%;filter:blur(1px)}.b1{background:#b8d9c4;width:310px;height:210px;bottom:-45px;left:-40px;transform:rotate(-18deg)}.b2{background:#d7b8de;width:310px;height:260px;bottom:-50px;right:-70px}.pet{position:absolute;filter:drop-shadow(0 20px 10px #6c4c3720);line-height:1}.dog{font-size:235px;bottom:80px;left:6%;transform:rotate(-10deg)}.cat{font-size:190px;bottom:85px;right:2%;transform:rotate(12deg)}.heart{position:absolute;color:#f18a75;font-size:50px}.h1{top:70px;right:60px;transform:rotate(18deg)}.h2{top:130px;left:60px;font-size:30px}.art-caption{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:#fffdf4;border-radius:50px;padding:13px 20px;white-space:nowrap;font:800 13px 'Baloo 2',sans-serif;box-shadow:0 10px 20px #705a3a1a}.art-caption span{color:#ed866e;margin-left:8px}.ticker{display:flex;align-items:center;justify-content:space-around;gap:20px;flex-wrap:wrap;background:#f6d8c5;padding:18px 20px;font-size:12px;font-weight:800;letter-spacing:.12em}.ticker b{color:#e67e6b;font-size:22px}.intro{text-align:center;padding:100px 20px 25px}.intro h2,.story h2,.waitlist h2{font:800 clamp(37px,4vw,57px)/1.13 'Baloo 2',sans-serif;letter-spacing:-.035em;margin:15px 0}.intro p{max-width:620px;margin:15px auto;color:#617368;line-height:1.8;font-size:15px}.cards{max-width:1400px;padding:30px 5% 110px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.item{border-radius:28px;overflow:hidden}.peach{background:#fbe3d4}.mint{background:#dceee1}.lilac{background:#e9e0f4}.illustration{height:285px;display:flex;align-items:center;justify-content:center;position:relative}.illustration>span:first-child{font-size:145px;filter:drop-shadow(0 14px 8px #00000013)}.float-ball,.float-star,.float-heart{position:absolute;right:15%;top:18%;font-size:55px;color:#f1917c}.float-ball{color:#ef9676}.float-star{color:#e5aa53}.item-body{background:#ffffffb8;margin:0 12px 12px;border-radius:19px;padding:24px;min-height:220px}.pill{font-size:10px;font-weight:800;letter-spacing:.15em;color:#bb6b56}.item h3{font:800 27px 'Baloo 2',sans-serif;margin:10px 0 0}.item p{font-size:13px;line-height:1.7;color:#627569}.status{font-size:11px;font-weight:800;color:#956b61}.story{background:#e1efe3;padding:100px max(6%,calc((100vw - 1250px)/2));display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:center}.story-mark{background:#f9e5bd;border-radius:50%;height:310px;width:310px;display:grid;place-items:center;font-size:160px;margin:auto}.story p,.waitlist p{line-height:1.85;color:#5b7066;max-width:570px}.story a{font-size:14px;font-weight:800;border-bottom:2px solid #ed866e;padding-bottom:6px}.waitlist{max-width:1280px;margin:95px auto;padding:45px 6%;border-radius:35px;background:#f8e1d1;display:flex;justify-content:space-between;align-items:center;gap:40px}.waitlist h2{max-width:630px;font-size:40px}footer{border-top:1px solid #e5dfd5;padding:40px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p,footer small{color:#69796e;font-size:12px}footer div:not(.logo){display:flex;gap:20px;font-size:13px;font-weight:700}a:focus-visible{outline:3px solid #ed866e;outline-offset:4px}@media(max-width:950px){header nav{gap:12px}.hero{gap:25px}.hero-art{height:420px}.dog{font-size:175px}.cat{font-size:145px}.cards{gap:12px}.item-body{padding:18px}.story{gap:25px}}@media(max-width:700px){header{padding:16px 5%;flex-wrap:wrap}header nav{order:3;width:100%;overflow-x:auto;justify-content:space-between;gap:15px;padding:6px 0;white-space:nowrap}.nav-cta{padding:10px 14px}.logo{font-size:24px}.hero{grid-template-columns:1fr;min-height:0;padding:38px 5% 55px}.hero h1{font-size:clamp(48px,11vw,70px)}.hero p{font-size:15px}.hero-art{height:350px;border-radius:40% 48% 36% 44%}.dog{font-size:160px;bottom:50px}.cat{font-size:130px;bottom:65px}.sun{width:250px;height:250px}.trust{margin-top:32px}.ticker{font-size:10px;gap:12px}.intro{padding:70px 5% 10px}.cards{grid-template-columns:1fr;padding:20px 5% 65px;gap:20px}.illustration{height:240px}.story{grid-template-columns:1fr;padding:65px 6%}.story-mark{height:220px;width:220px;font-size:110px}.waitlist{margin:50px 5%;padding:35px 7%;flex-direction:column;align-items:flex-start}.waitlist h2{font-size:35px}footer{padding:35px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Canonical pet brand V3 */
.logo img{display:block;width:236px;max-width:100%;height:auto}.logo{display:inline-flex;align-items:center}.topline{background:#3A2E2A}.hero-art{background:#f6d8c5}@media(max-width:700px){.logo img{width:185px}}

/* Pet Lifestyle V3 editorial polish */
:root{--ink:#3A2E2A;--cream:#FFF9F0}body{color:var(--ink)}header{padding-top:18px;padding-bottom:18px}nav a{color:#58463e}.nav-cta{border-color:#EF8069;color:#AA5748;background:#fff8f3}.hero{grid-template-columns:.92fr 1.08fr;gap:42px;padding-top:28px;padding-bottom:76px}.hero h1{font-size:clamp(58px,6.4vw,99px);line-height:.94;letter-spacing:-.055em}.hero p{color:#6c5c54}.hero-art{height:auto;aspect-ratio:780/650;border-radius:34px;background:#f9d5c5;box-shadow:0 30px 70px #7752411a;overflow:hidden}.hero-art>img{display:block;width:100%;height:100%;object-fit:cover}.art-caption{bottom:22px}.trust{color:#76665d}.ticker{background:#E9DDF5;color:#4f3d48}.intro p,.story p,.waitlist p,.item p{color:#706259}.cards .item{box-shadow:0 16px 40px #66504412;transition:transform .2s,box-shadow .2s}.cards .item:hover{transform:translateY(-5px);box-shadow:0 24px 48px #6650441d}.illustration{overflow:hidden}.illustration span:first-child{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.illustration span:first-child img{width:82%;height:88%;object-fit:cover;border-radius:50%;box-shadow:0 12px 25px #66504418}.story{background:#E0F0E4}.story-mark{background:#FFF9F0;box-shadow:0 18px 35px #66504414}.waitlist{background:#F7E2D6}.primary{background:#EF8069}.topline{background:#3A2E2A}footer{background:#fffdf8}@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:26px}.hero-art{aspect-ratio:780/650;height:auto;border-radius:24px}.hero h1{font-size:clamp(54px,11vw,76px)}.art-caption{font-size:11px;padding:9px 12px}}

/* Functional contact form styles imported and rethemed */
.contact-modal[hidden]{display:none}
.contact-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1rem}
.contact-backdrop{position:absolute;inset:0;background:rgba(5,4,5,.76);backdrop-filter:blur(12px)}
.contact-dialog{position:relative;z-index:1;width:min(720px,94vw);max-height:92vh;overflow:auto;padding:2rem;border:1px solid rgba(225,188,121,.18);border-radius:28px;background:linear-gradient(145deg,rgba(20,15,18,.98),rgba(8,6,8,.99));box-shadow:0 40px 120px rgba(0,0,0,.6)}
.contact-close{position:absolute;top:14px;right:16px;width:44px;height:44px;border:1px solid rgba(225,188,121,.14);border-radius:50%;background:rgba(255,255,255,.03);color:#f3ebdd;font-size:1.7rem;cursor:pointer}
.contact-close:hover{border-color:rgba(225,188,121,.34);color:#e1bc79}
.contact-progress{height:3px;margin:0 56px 1.25rem 0;background:rgba(225,188,121,.10);overflow:hidden;border-radius:999px}
.contact-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#c89a52,#e1bc79);transition:width .2s ease}
.contact-step-label{margin:0 0 .8rem;color:#c89a52;font-size:.68rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.contact-stage h2{font-family:"Bodoni Moda","Didot","Times New Roman",serif;font-size:clamp(2.8rem,6vw,5rem);line-height:.92;letter-spacing:-.045em;margin:0 0 1rem;color:#f3ebdd}
.contact-intro{max-width:52ch;color:#b9ac9f;line-height:1.7;margin:0 0 1.5rem}
.contact-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.contact-choice{min-height:120px;text-align:left;padding:1rem 1.05rem;border:1px solid rgba(225,188,121,.12);border-radius:18px;background:rgba(255,255,255,.025);color:#f3ebdd;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.contact-choice:hover,.contact-choice:focus-visible{transform:translateY(-2px);border-color:rgba(225,188,121,.36);background:rgba(200,154,82,.055)}
.contact-choice strong{display:block;font-family:"Bodoni Moda","Didot","Times New Roman",serif;font-size:1.45rem;font-weight:600}
.contact-choice span{display:block;margin-top:.35rem;color:#b9ac9f;font-size:.82rem;line-height:1.45}
.contact-step-form{margin-top:1.2rem}
.contact-step-form input,.contact-step-form textarea{width:100%;min-height:56px;padding:.95rem 1rem;border:1px solid rgba(225,188,121,.14);border-radius:14px;background:#0d090c;color:#f3ebdd;font:inherit;outline:none}
.contact-step-form textarea{min-height:170px;resize:vertical}
.contact-step-form input:focus,.contact-step-form textarea:focus{border-color:#c89a52;box-shadow:0 0 0 3px rgba(200,154,82,.08)}
.contact-actions{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;margin-top:1.25rem;flex-wrap:wrap}
.contact-actions .button-secondary,.contact-actions .contact-skip{min-height:50px;padding:0 1rem;border:1px solid rgba(225,188,121,.14);border-radius:999px;background:transparent;color:#b9ac9f;font:inherit;font-weight:700;cursor:pointer}
.contact-actions .contact-skip{border:0}
.contact-actions .button-secondary:hover,.contact-actions .contact-skip:hover{color:#e1bc79;border-color:rgba(225,188,121,.34)}
.contact-review{display:grid;gap:.65rem;padding:1rem;border:1px solid rgba(225,188,121,.10);border-radius:18px;background:rgba(255,255,255,.02)}
.contact-review>div{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:.55rem 0;border-bottom:1px solid rgba(225,188,121,.07)}
.contact-review>div:last-child{border-bottom:0}
.contact-review span{color:#b9ac9f;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.contact-review strong{color:#f3ebdd;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere}
.nav-contact,.footer-contact-button,.inline-contact-button{font:inherit;cursor:pointer}
.primary-nav .nav-contact{border:0;background:transparent;padding:0;color:rgba(243,235,221,.66);font-size:.82rem;text-transform:uppercase;letter-spacing:.11em;position:relative}
.primary-nav .nav-contact:hover,.primary-nav .nav-contact:focus-visible{color:#e1bc79}
.footer-nav .footer-contact-button{border:0;background:transparent;padding:0;text-align:left;color:rgba(243,235,221,.62);font-size:.78rem}
.footer-nav .footer-contact-button:hover{color:#e1bc79}
.inline-contact-button{border:0;background:transparent;color:#e1bc79;text-decoration:underline;text-underline-offset:.2em;padding:0;font-weight:700}
.contact-launch-button{margin-top:1.25rem}
@media(max-width:620px){.contact-dialog{width:min(100%,96vw);padding:1.35rem;max-height:94vh}.contact-choice-grid{grid-template-columns:1fr}.contact-choice{min-height:100px}.contact-stage h2{font-size:clamp(2.7rem,13vw,4rem)}.contact-actions{display:grid;grid-template-columns:1fr 1fr}.contact-actions .cta-button,.contact-actions .button-secondary{width:100%}.contact-actions .contact-skip{grid-column:1/-1}.contact-review>div{grid-template-columns:1fr;gap:.25rem}}

.contact-backdrop{background:rgba(58,46,42,.5)}.contact-dialog{background:#FFF9F0;color:#3A2E2A;border:1px solid #EED8CD;box-shadow:0 28px 90px #3a2e2a55}.contact-close{color:#3A2E2A;background:#fff;border-color:#EED8CD}.contact-progress{background:#F6E2D8}.contact-progress span{background:#EF8069}.contact-step-label{color:#C56A54}.contact-stage h2{font-family:'Baloo 2',sans-serif;color:#3A2E2A;font-size:clamp(2.4rem,5vw,3.5rem)}.contact-intro,.contact-choice span,.contact-review span{color:#76645B}.contact-choice{background:#fff;border-color:#EED8CD;color:#3A2E2A}.contact-choice strong{font-family:'Baloo 2',sans-serif}.contact-choice:hover{background:#FBE9DE;border-color:#EF8069}.contact-step-form input,.contact-step-form textarea{background:#fff;color:#3A2E2A;border-color:#EED8CD}.contact-step-form input:focus,.contact-step-form textarea:focus{border-color:#EF8069}.contact-actions .button-secondary,.contact-actions .contact-skip{color:#3A2E2A;border-color:#EED8CD}.contact-review{background:#fff;border-color:#EED8CD}.contact-review strong{color:#3A2E2A}.contact-actions .cta-button{background:#EF8069;color:white;border:0;border-radius:99px;padding:14px 24px;font:800 14px Manrope,sans-serif;cursor:pointer}.contact-choice:focus-visible{outline:3px solid #EF8069}

/* Distinct category illustration art */
.illustration span:first-child img{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}.illustration{height:260px}.item-body{position:relative;z-index:1;margin-top:-12px;background:#fffdf9}.item .status{display:block;margin-top:12px}.item h3{font-size:clamp(24px,2.2vw,30px)}
/* Final navigation and content accessibility pass */
header nav a[aria-current="page"]{color:#C56A54;text-decoration:underline;text-decoration-color:#EF8069;text-underline-offset:6px}
.primary:focus-visible,.nav-cta:focus-visible,.contact-close:focus-visible{outline:3px solid #3A2E2A;outline-offset:3px}
@media(max-width:700px){.topline{font-size:10px;padding:8px 10px}header{gap:10px}header nav{scrollbar-width:thin}.cards .item{max-width:520px;width:100%;margin-inline:auto}.item-body{min-height:0}.hero-art .art-caption{max-width:90%;white-space:normal;text-align:center}.waitlist .primary{width:100%;justify-content:center}}

.supplier-pending{display:inline-block;color:#8A665C;font-size:12px;font-weight:800;letter-spacing:.04em;padding:12px 0}
/* Contact dialog: align with pet-lifestyle editorial identity. */
.contact-backdrop{background:rgba(49,29,36,.48)}
.contact-dialog{background:#fffaf7;color:#402730;border:1px solid #efd9d9;border-radius:22px;box-shadow:0 30px 90px rgba(52,23,35,.25)}
.contact-stage h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(31px,4vw,46px);line-height:1.12;letter-spacing:-.025em;color:#402730}
.contact-step-label{color:#bb516a}
.contact-progress{background:#f5e4e2}
.contact-progress span{background:#e9516c}
.contact-choice{border-color:#ecd8d8;border-radius:14px;background:#fff}
.contact-choice strong{font-family:'DM Serif Display',Georgia,serif;font-size:23px;font-weight:400;color:#422830}
.contact-choice:hover,.contact-choice:focus-visible{background:#fff0ed;border-color:#e9516c}
.contact-step-form input,.contact-step-form textarea{border-color:#e8d2d4;border-radius:12px;color:#402730;background:#fff}
.contact-step-form input:focus,.contact-step-form textarea:focus{border-color:#c64d69;box-shadow:0 0 0 3px rgba(233,81,108,.14)}
.contact-actions .cta-button{background:#e9516c;color:#fff;min-height:48px}
.contact-actions .cta-button:hover{background:#c63e5c}
.contact-review{background:#fff;border-color:#ecd8d8}
.contact-review strong{color:#402730}
@media(max-width:620px){.contact-dialog{padding:24px 18px;max-height:calc(100dvh - 24px)}.contact-stage h2{font-size:clamp(30px,9vw,40px)}.contact-choice{min-height:84px}}
@media(prefers-reduced-motion:reduce){.contact-progress span,.contact-choice{transition:none!important;transform:none!important}}

/* Screen-reader-only form label: heading already displays the question. */
.contact-step-form .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
footer .footer-policy-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 25px;width:100%;margin:10px auto 0;padding:18px 10px 0;border-top:1px solid #f0e2df}
footer .footer-policy-links a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;color:#76575d;text-decoration:none}
footer .footer-policy-links a:hover,footer .footer-policy-links a:focus-visible{text-decoration:underline;color:#b93f5a}
/* Shared keyboard skip link (including Shop, which does not load secondary-polish.css). */
.skip-to-main{position:fixed;top:8px;left:8px;z-index:2000;transform:translateY(-160%);background:#fff;color:#452831;border:2px solid #d74b68;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:700;text-decoration:none}
.skip-to-main:focus{transform:translateY(0)}


/* ArtCraft Design V3 DEV mobile navigation polish 2026-10-14 — no identity asset changes. */
@media (max-width:700px) {
  header { gap:12px; }
  header nav {
    width:100%;
    order:3;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px 6px;
    overflow:visible;
    white-space:normal;
    scrollbar-width:none;
    padding:8px 0 0;
    border-top:1px solid rgba(124,83,78,.14);
  }
  header nav a {
    min-width:0;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:clamp(11px,2.9vw,13px);
    line-height:1.2;
    border-radius:10px;
    padding:8px 4px;
    text-underline-offset:4px;
  }
  header nav a[aria-current="page"] { background:#fff0ec; }
  header nav:has(>a:nth-child(4):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  header nav:has(>a:nth-child(5):last-child) { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .collection .cards .item>img { width:100%; object-fit:cover; }
  .collection .cards .item.mint>img { object-position:50% 50%!important; }
}
@media (prefers-reduced-motion:reduce) {
  header nav a,.collection .cards .item>img { transition:none!important; }
}
