@font-face{font-family: "Fraunces";font-style: normal;font-weight: 300 600;font-display: swap;src: url(../fonts/fraunces-normal.woff2) format("woff2")}@font-face{font-family: "Fraunces";font-style: italic;font-weight: 300 600;font-display: swap;src: url(../fonts/fraunces-italic.woff2) format("woff2")}@font-face{font-family: "Figtree";font-style: normal;font-weight: 400 700;font-display: swap;src: url(../fonts/figtree-normal.woff2) format("woff2")}@font-face{font-family: "Caveat";font-style: normal;font-weight: 500;font-display: swap;src: url(../fonts/caveat-normal.woff2) format("woff2")}:root{--cream: #f6f0e4;--paper: #fcf9f2;--oat: #ece3d1;--line: #ddd2be;--stone: #a89c86;--ink: #1b2536;--text: #2b3242;--muted: #5a6070;--navy: #1b2a41;--navy-2: #28395a;--green: #6f8062;--green-deep: #4a5c42;--green-tint: #e2e7d6;--clay: #a5492f;--focus: #b5602a;--serif: "Fraunces","Lora",Georgia,"Times New Roman",serif;--sans: "Figtree","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--hand: "Caveat","Segoe Script","Bradley Hand",cursive;--step--1: clamp(0.83rem,0.81rem + 0.1vw,0.9rem);--step-0: clamp(1rem,0.97rem + 0.15vw,1.08rem);--step-1: clamp(1.18rem,1.12rem + 0.3vw,1.36rem);--step-2: clamp(1.4rem,1.28rem + 0.6vw,1.8rem);--step-3: clamp(1.7rem,1.45rem + 1.2vw,2.45rem);--step-4: clamp(2rem,1.6rem + 2vw,3.2rem);--step-5: clamp(2.45rem,1.8rem + 3.2vw,4.4rem);--gutter: clamp(1rem,0.6rem + 2vw,2.5rem);--section: clamp(3.25rem,2.4rem + 4.2vw,6.5rem);--measure: 38rem;--wide: 78rem;--radius: 6px;--radius-lg: 14px;--shadow: 0 18px 40px -26px rgba(27,42,65,.45)}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 96px}body{margin: 0;background: var(--cream);color: var(--text);font-family: var(--sans);font-size: var(--step-0);line-height: 1.65;-webkit-font-smoothing: antialiased;overflow-x: hidden}img,svg{display: block;max-width: 100%;height: auto}picture{display: block}a{color: var(--navy);text-decoration-thickness: 1px;text-underline-offset: 0.18em}a:hover{color: var(--green-deep)}:focus-visible{outline: 3px solid var(--focus);outline-offset: 3px;border-radius: 2px}::selection{background: var(--green-tint)}[hidden]{display: none !important}h1,h2,h3,h4{font-family: var(--serif);font-weight: 400;color: var(--ink);line-height: 1.1;letter-spacing: -0.015em;margin: 0 0 0.5em;text-wrap: balance;font-optical-sizing: auto}h1{font-size: var(--step-5)}h2{font-size: var(--step-3)}h3{font-size: var(--step-1);line-height: 1.25}h1 em,h2 em{font-style: italic;color: var(--green-deep)}p{margin: 0 0 1.1em}.skip-link{position: absolute;left: 1rem;top: -4rem;z-index: 100;background: var(--navy);color: var(--paper);padding: 0.7rem 1rem;border-radius: var(--radius)}.skip-link:focus{top: 1rem;color: var(--paper)}.visually-hidden{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap}.wrap{width: min(100% - 2 * var(--gutter),var(--wide));margin-inline: auto}.narrow{width: min(100% - 2 * var(--gutter),46rem);margin-inline: auto}.section{padding-block: var(--section)}.section--tight{padding-block: calc(var(--section) * 0.6)}.section--flush-top{padding-top: 0}.section--paper{background: var(--paper)}.section--oat{background: var(--oat)}.section--green{background: var(--green-tint)}.section--navy{background: var(--navy);color: #e8e3d8}.section--navy h1,.section--navy h2,.section--navy h3{color: var(--paper)}.section--navy a:not(.btn){color: var(--paper)}.section--navy .card,.section--navy .vetcard{color: var(--text)}.section--navy .card a:not(.btn),.section--navy .vetcard a{color: var(--ink)}.section--navy h2 em{color: #c5d1b3}.rule{border: 0;border-top: 1px solid var(--line);margin: 0}.eyebrow{font-family: var(--sans);font-size: 0.76rem;font-weight: 700;letter-spacing: 0.16em;text-transform: uppercase;color: var(--green-deep);margin: 0 0 0.9rem}.section--navy .eyebrow{color: #b9c4a9}.lede{font-size: var(--step-1);line-height: 1.5;max-width: 36rem}.muted{color: var(--muted)}.small{font-size: var(--step--1)}.hand{font-family: var(--hand);font-weight: 500;font-size: 1.7rem;line-height: 1;color: var(--ink)}.section-head{display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;gap: 1rem 2rem;margin-bottom: clamp(1.75rem,1.3rem + 2vw,3rem)}.section-head h2{margin: 0;max-width: 22ch}.section-head>p{margin: 0;max-width: 32rem}.btn{position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 0.55rem;min-height: 48px;padding: 0.75rem 1.5rem;font: 600 0.95rem/1.2 var(--sans);letter-spacing: 0.01em;text-decoration: none;border-radius: 999px;cursor: pointer;border: 1px solid var(--navy);background: var(--navy);color: var(--paper);transition: background-color .2s ease,color .2s ease,transform .2s ease}.btn:hover{background: var(--navy-2);color: var(--paper)}.btn--ghost{background: transparent;color: var(--navy)}.btn--ghost:hover{background: var(--navy);color: var(--paper)}.btn--light{background: var(--paper);color: var(--navy);border-color: var(--paper)}.btn--light:hover{background: var(--cream);color: var(--navy)}.btn--big{min-height: 54px;padding-inline: 1.9rem;font-size: 1rem}.btn--card{min-height: 44px;padding: .55rem 1.1rem;font-size: .88rem}.btn[disabled],.btn[aria-disabled="true"]{opacity: .5;pointer-events: none}.btn-row{display: flex;flex-wrap: wrap;gap: 0.75rem}.section--navy .btn--ghost{color: var(--paper);border-color: rgba(255,255,255,.6)}.section--navy .btn--ghost:hover{background: var(--paper);color: var(--navy)}.textlink{font-weight: 600;text-decoration: none;color: var(--navy);border-bottom: 1px solid currentColor;padding-bottom: 2px}.textlink::after{content: " →"}.textlink:hover{color: var(--green-deep)}.site-header{position: sticky;top: 0;z-index: 50;background: color-mix(in srgb,var(--cream) 95%,transparent);backdrop-filter: saturate(1.2) blur(8px);border-bottom: 1px solid var(--line)}.header-inner{display: flex;align-items: center;justify-content: space-between;gap: 1rem;min-height: 84px}.logo{display: block;flex: none}.logo img{height: 66px;width: auto}.nav-toggle{display: none;align-items: center;gap: .5rem;min-height: 44px;padding: 0 1rem;background: none;border: 1px solid var(--line);border-radius: 999px;font: 600 .9rem var(--sans);color: var(--navy);cursor: pointer}.nav-toggle__bars{width: 18px;height: 12px;position: relative}.nav-toggle__bars::before,.nav-toggle__bars::after,.nav-toggle__bars span{content: "";position: absolute;left: 0;right: 0;height: 1.5px;background: currentColor}.nav-toggle__bars::before{top: 0}.nav-toggle__bars span{top: 5px}.nav-toggle__bars::after{bottom: 0}.primary-nav ul{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;gap: clamp(0.7rem,-0.6rem + 1.5vw,1.7rem)}.primary-nav a{display: inline-flex;align-items: center;gap: .4rem;padding: 0.5rem 0;text-decoration: none;font-size: 0.92rem;font-weight: 500;color: var(--text);border-bottom: 1.5px solid transparent;white-space: nowrap}.primary-nav a:hover{color: var(--navy);border-bottom-color: var(--stone)}.primary-nav a[aria-current="page"],.primary-nav a[aria-current="true"]{color: var(--navy);border-bottom-color: var(--clay)}.nav-search span{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0)}.nav-search a{padding: .6rem;border: 1px solid var(--line);border-radius: 999px}.nav-search a:hover{border-color: var(--navy)}@media (max-width: 1180px){.js .nav-toggle{display: inline-flex}.js .primary-nav{display: none}.js .primary-nav.is-open{display: block;position: absolute;left: 0;right: 0;top: 100%;background: var(--paper);border-bottom: 1px solid var(--line);box-shadow: 0 20px 40px -24px rgba(27,42,65,.35);max-height: calc(100dvh - 72px);overflow-y: auto}.primary-nav ul{flex-direction: column;align-items: stretch;gap: 0;padding: 0.5rem var(--gutter) 1.25rem}.primary-nav li + li{border-top: 1px solid var(--line)}.primary-nav a{display: flex;padding: 0.95rem 0;font-size: 1.05rem;border: 0}.nav-search a{border: 0;border-radius: 0}.nav-search span{position: static;width: auto;height: auto;clip: auto}.primary-nav a[aria-current="page"],.primary-nav a[aria-current="true"]{color: var(--clay)}.no-js .primary-nav ul{flex-direction: row;flex-wrap: wrap;gap: 0 1rem;padding: 0}.no-js .primary-nav li + li{border: 0}.no-js .primary-nav a{font-size: .92rem;padding: .35rem 0}.no-js .header-inner{flex-wrap: wrap;padding-block: .5rem}}@media (max-width: 560px){.header-inner{min-height: 68px}.logo img{height: 52px}}.crumbs{padding-top: 1.25rem;font-size: var(--step--1);color: var(--muted)}.crumbs ol{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: .25rem .5rem}.crumbs li:not(:last-child)::after{content: "/";margin-left: .5rem;color: var(--stone)}.crumbs a{color: var(--muted)}.frame{margin: 0;position: relative}.frame img{width: 100%;height: 100%;object-fit: cover;border-radius: var(--radius-lg);background: var(--oat)}.frame figcaption{font-size: var(--step--1);color: var(--muted);margin-top: .6rem}.frame--tall img{aspect-ratio: 4 / 5}.frame--wide img{aspect-ratio: 16 / 10}.frame--square img{aspect-ratio: 1 / 1}.frame--tilt{transform: rotate(-1.5deg)}.frame--tilt-r{transform: rotate(1.5deg)}.frame--print{background: #fff;padding: .7rem .7rem 2.6rem;box-shadow: var(--shadow);border-radius: 3px}.frame--print img{border-radius: 1px}.frame--print figcaption{position: absolute;left: 0;right: 0;bottom: .55rem;text-align: center;margin: 0;font-family: var(--hand);font-size: 1.45rem;color: var(--ink);line-height: 1}.brush{margin: 0;position: relative}.brush::before{content: "";position: absolute;inset: 6% -3% -4% 7%;background: var(--green-tint);border-radius: 46% 54% 52% 48% / 55% 45% 55% 45%;transform: rotate(-4deg)}.brush__img{position: relative;-webkit-mask: url(../img/mask-a.webp) center / 100% 100% no-repeat;mask: url(../img/mask-a.webp) center / 100% 100% no-repeat}.brush__img img{width: 100%;height: 100%;object-fit: cover;aspect-ratio: 900 / 860}.brush figcaption{position: absolute;right: 4%;bottom: -1.1rem;transform: rotate(-5deg);font-size: clamp(1.7rem,1.3rem + 1.4vw,2.5rem);padding: .1rem .5rem}.brush figcaption::before{content: "";position: absolute;right: 100%;bottom: 55%;width: 2.6rem;height: 1.6rem;border-bottom: 1.5px solid var(--ink);border-left: 0;border-radius: 0 0 0 100%;transform: rotate(18deg);opacity: .7}.plate{margin: 0}.plate img{width: 100%;height: auto;border-radius: var(--radius);background: var(--oat)}.plate figcaption{margin-top: .7rem;font-family: var(--serif);font-style: italic;font-size: .95rem;color: var(--muted);padding-left: .9rem;border-left: 1px solid var(--stone)}.plate--tall{max-width: 27rem;margin-inline: auto;width: 100%}.section--obie{background: #fbf7f0}.section--obie2,.hero--art{background: #fbf7ee}.story-hero--art{background: #fbf7ee;box-shadow: 0 0 0 100vmax #fbf7ee;clip-path: inset(0 -100vmax)}.hero--art .hero__photo{padding-bottom: 0}.plate--art img{width: 100%;height: auto;object-fit: contain;border-radius: 0;background: none}.obie-ed{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,6fr);gap: clamp(2rem,1rem + 5vw,6rem);align-items: center}.inset{display: flex;align-items: center;gap: 1.1rem;margin: 2rem 0 0;padding-top: 1.5rem;border-top: 1px solid var(--line)}.inset img{width: 7.5rem;height: 7.5rem;object-fit: cover;border-radius: var(--radius);flex: none}.inset figcaption{font-family: var(--serif);font-style: italic;font-size: .98rem;color: var(--muted);max-width: 18rem}.feature{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);background: var(--paper)}.feature__text{padding-block: clamp(3rem,2rem + 5vw,6.5rem);padding-inline: max(var(--gutter),calc((100vw - var(--wide)) / 2)) clamp(1.5rem,1rem + 3vw,4.5rem)}.feature__text>*{max-width: 34rem}.feature__media{position: relative;min-height: 22rem}.feature__media picture,.feature__media img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 82% 40%}.hero{padding-block: clamp(2rem,1rem + 4vw,4.5rem) clamp(2.5rem,2rem + 3vw,5rem);overflow: hidden}.hero__grid{display: grid;grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);gap: clamp(2rem,1rem + 4vw,5rem);align-items: center}.hero h1{font-size: clamp(2.6rem,1.7rem + 4.2vw,5rem);margin-bottom: 1.4rem;line-height: 1.02}@media (min-width: 901px){.hero h1 span{display: block;white-space: nowrap}}.hero .lede{margin-bottom: 1.8rem}.hero__note{margin-top: 1.4rem;font-size: var(--step--1);color: var(--muted);max-width: 30rem}.hero__photo{position: relative;padding-bottom: 1.5rem}.quicklinks{list-style: none;margin: clamp(2.5rem,2rem + 2vw,4rem) 0 0;padding: 0;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 1rem}.quicklinks a{display: grid;grid-template-columns: 4.25rem 1fr;gap: .9rem;align-items: center;height: 100%;padding: .7rem;background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius-lg);text-decoration: none;color: var(--ink);transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease}.quicklinks a:hover{transform: translateY(-3px);box-shadow: var(--shadow);border-color: var(--stone)}.quicklinks img{width: 4.25rem;height: 4.25rem;object-fit: cover;border-radius: 10px}.quicklinks strong{display: block;font-family: var(--serif);font-weight: 500;font-size: 1.08rem;line-height: 1.2}.quicklinks span span{display: block;font-size: .82rem;color: var(--muted);line-height: 1.35;margin-top: .15rem}.what{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: clamp(1rem,.5rem + 1.5vw,1.75rem);list-style: none;margin: 0;padding: 0}.what li{background: var(--paper);border-radius: var(--radius-lg);overflow: hidden;border: 1px solid var(--line);display: flex;flex-direction: column}.what picture img,.what>li>img{aspect-ratio: 4 / 3;width: 100%;object-fit: cover}.what div{padding: 1.2rem 1.25rem 1.4rem}.what .num{font: 700 .72rem var(--sans);letter-spacing: .16em;color: var(--clay)}.what h3{margin: .35rem 0 .4rem;font-size: 1.3rem}.what p{margin: 0;font-size: .95rem;color: var(--muted)}.split{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: clamp(2rem,1rem + 5vw,6rem);align-items: center}.split--rev>:first-child{order: 2}.split--top{align-items: start}.split--wide-text{grid-template-columns: minmax(0,1.25fr) minmax(0,1fr)}.checklist{list-style: none;margin: 1.25rem 0 1.75rem;padding: 0}.checklist li{position: relative;padding: .6rem 0 .6rem 2rem;border-bottom: 1px solid var(--line)}.checklist li::before{content: "";position: absolute;left: .1rem;top: 1rem;width: .95rem;height: .5rem;border-left: 2px solid var(--green);border-bottom: 2px solid var(--green);transform: rotate(-45deg)}.section--navy .checklist li{border-color: rgba(255,255,255,.14)}.section--navy .checklist li::before{border-color: #b9c4a9}.band{position: relative;color: #fff;isolation: isolate;overflow: hidden}.band>picture,.band>picture img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: -2}.band::after{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(90deg,rgba(20,30,46,.82) 0%,rgba(20,30,46,.62) 45%,rgba(20,30,46,.18) 100%)}.band__inner{padding-block: clamp(3.5rem,2.5rem + 6vw,8rem);max-width: 36rem}.band h1,.band h2{color: #fff}.band h2 em,.band h1 em{color: #d6e0c6}.band .eyebrow{color: #d6e0c6}.band .checklist li{border-color: rgba(255,255,255,.22)}.band .checklist li::before{border-color: #d6e0c6}.band a:not(.btn){color: #fff}.pull{font-family: var(--serif);font-style: italic;font-size: var(--step-2);line-height: 1.3;color: var(--ink);border-left: 2px solid var(--clay);padding-left: 1.25rem;margin: 1.5rem 0}.note{background: var(--paper);border: 1px solid var(--line);border-left: 3px solid var(--green);padding: 1.1rem 1.25rem;border-radius: var(--radius);font-size: .97rem}.note--story{border-left-color: var(--navy)}.note p:last-child{margin-bottom: 0}.note h2,.note h3{font-size: 1.15rem;margin-bottom: .4rem}.note-label{display: block;font-size: .72rem;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--green-deep);margin-bottom: .4rem}.tiles{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));grid-auto-rows: clamp(11rem,6rem + 12vw,16.5rem);gap: clamp(.75rem,.4rem + 1vw,1.25rem)}.tile--1{grid-column: span 2;grid-row: span 2}.tile a{position: relative;display: block;height: 100%;border-radius: var(--radius-lg);overflow: hidden;color: #fff;text-decoration: none;isolation: isolate;background: var(--navy)}.tile picture,.tile img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: -2;transition: transform .7s ease}.tile a::after{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(180deg,rgba(20,30,46,0) 25%,rgba(20,30,46,.82) 100%);transition: background-color .3s ease}.tile a:hover img{transform: scale(1.05)}.tile__text{position: absolute;left: 0;right: 0;bottom: 0;padding: clamp(.9rem,.6rem + 1vw,1.5rem);display: block}.tile__num{display: block;font-size: .7rem;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: #dfe7d0;margin-bottom: .3rem}.tile h2,.tile h3{color: #fff;margin: 0;font-size: clamp(1.15rem,1rem + .6vw,1.5rem)}.tile--1 h2,.tile--1 h3{font-size: clamp(1.5rem,1.2rem + 1.6vw,2.4rem)}.tile__lede{display: block;font-size: .88rem;line-height: 1.4;color: #ece8df;margin-top: .3rem;max-width: 26rem}.tile:not(.tile--1) .tile__lede{display: none}@media (min-width: 1100px){.tile:not(.tile--1) .tile__lede{display: block}}.rail{display: flex;gap: .5rem;overflow-x: auto;padding: .25rem 0 1rem;scrollbar-width: thin;-webkit-overflow-scrolling: touch}.rail a{flex: none;white-space: nowrap;text-decoration: none;font-size: .9rem;font-weight: 500;padding: .55rem 1rem;min-height: 44px;display: inline-flex;align-items: center;border: 1px solid var(--line);border-radius: 999px;color: var(--text);background: var(--paper)}.rail a:hover{border-color: var(--navy)}.rail a[aria-current="page"]{background: var(--navy);color: var(--paper);border-color: var(--navy)}.product-grid{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,16.5rem),1fr));gap: clamp(1.25rem,.9rem + 1.4vw,2rem)}.product-grid--4{grid-template-columns: repeat(4,minmax(0,1fr))}.card{position: relative;display: flex;flex-direction: column;height: 100%;background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius-lg);overflow: hidden;transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{transform: translateY(-4px);box-shadow: var(--shadow);border-color: var(--stone)}.card__media{position: relative;display: block;aspect-ratio: 5 / 4;overflow: hidden;background: var(--oat);text-decoration: none;color: inherit}.card__media img{width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease}.card:hover .card__media img{transform: scale(1.03)}.card__body{padding: 1.1rem 1.2rem 1.25rem;display: flex;flex-direction: column;flex: 1}.card__brand{font-size: .7rem;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--green-deep);margin: 0 0 .3rem}.card__title{font-size: 1.22rem;margin: 0 0 .35rem;font-weight: 500;line-height: 1.2}.card__title a{color: var(--ink);text-decoration: none}.card__title a:hover{text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: .2em}.card__price{font-family: var(--serif);font-size: 1.15rem;color: var(--ink);margin: 0 0 .6rem}.card__price span{font: 500 .8rem var(--sans);color: var(--muted)}.card__price--none{font: 400 .85rem var(--sans);color: var(--muted)}.card__desc{font-size: .93rem;color: var(--muted);margin-bottom: .8rem;line-height: 1.55}.card__why{font-size: .9rem;line-height: 1.55;background: var(--cream);border-radius: var(--radius);padding: .75rem .85rem;margin-bottom: .9rem;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden}.card__why b{display: block;font-size: .68rem;letter-spacing: .14em;text-transform: uppercase;color: var(--clay);margin-bottom: .2rem}.card__foot{margin-top: auto;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: .5rem .75rem;padding-top: .35rem}.card__checked{margin: 0;font-size: .74rem;color: var(--muted)}.badges{list-style: none;margin: 0 0 .9rem;padding: 0;display: flex;flex-wrap: wrap;gap: .35rem}.badge{font-size: .7rem;font-weight: 600;letter-spacing: .03em;padding: .26rem .6rem;border-radius: 999px;background: var(--green-tint);color: var(--green-deep)}.badge--navy{background: #dfe3ea;color: var(--navy)}.badge--stone{background: #ece4d4;color: #5b4f3a}.flag-new,.status-flag{position: absolute;top: .7rem;left: .7rem;z-index: 2;font-size: .68rem;font-weight: 700;letter-spacing: .1em;text-transform: uppercase;padding: .3rem .6rem;border-radius: 999px}.flag-new{background: var(--clay);color: #fff}.status-flag{background: #fff3cd;color: #6b4e00;border: 1px solid #e3c766;left: auto;right: .7rem}.ph{position: relative;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: .45rem;text-align: center;padding: 1.25rem 1.5rem;color: var(--ink);background: radial-gradient(120% 90% at 20% 10%,rgba(255,255,255,.75),transparent 60%),repeating-linear-gradient(135deg,transparent 0 11px,rgba(27,42,65,.035) 11px 12px),var(--ph,var(--oat))}.ph::before{content: "";position: absolute;inset: .6rem;border: 1px solid rgba(27,42,65,.16);border-radius: 9px;pointer-events: none}.ph__icon{width: 3.4rem;height: 3.4rem;display: grid;place-items: center;border-radius: 50%;background: rgba(255,255,255,.7);color: var(--navy)}.ph__icon svg{width: 2rem;height: 2rem}.ph__brand{font-family: var(--serif);font-style: italic;font-size: 1.3rem;line-height: 1.15;max-width: 14ch}.ph__note{font-size: .66rem;font-weight: 600;letter-spacing: .1em;text-transform: uppercase;color: var(--muted);max-width: 22ch;line-height: 1.5}.ph--personalised{--ph: #e4dccb}.ph--beds-comfort{--ph: #e6e1d6}.ph--walking{--ph: #dfe5d2}.ph--travel-car{--ph: #dde3e8}.ph--puppy{--ph: #f0e2cf}.ph--memorial-keepsakes{--ph: #e5e0e4}.ph--gifts{--ph: #efdcd3}.ph--older-dogs{--ph: #e2e6dc}.ph--gadgets-toys{--ph: #e9e3c9}.ph--guide{--ph: var(--green-tint)}.section--navy .card{border-color: transparent}.empty{border: 1px dashed var(--stone);background: var(--paper);border-radius: var(--radius-lg);padding: clamp(1.5rem,1rem + 3vw,3rem);text-align: center}.empty h2{font-size: var(--step-2)}.empty p{margin: 0 auto;color: var(--muted);max-width: 34rem}.toolbar{background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius-lg);padding: 1rem clamp(1rem,.6rem + 1.4vw,1.6rem) 1.1rem;margin-bottom: 2rem}.toolbar__row{display: grid;grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap: .75rem}.toolbar label.lbl,.toolbar legend{display: block;font-size: .7rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--muted);margin-bottom: .3rem;padding: 0}.toolbar input[type="search"],.toolbar select,.gen input[type="text"],.gen select{width: 100%;min-height: 48px;padding: .55rem .9rem;border: 1px solid var(--stone);border-radius: var(--radius);background: #fff;font: inherit;font-size: .98rem;color: var(--text)}.toolbar fieldset,.gen fieldset{border: 0;margin: .9rem 0 0;padding: 0;min-width: 0}.chips{display: flex;flex-wrap: wrap;gap: .4rem}.chip{position: relative;display: inline-block}.chip input{position: absolute;opacity: 0;inset: 0;width: 100%;height: 100%;margin: 0;cursor: pointer}.chip span{display: inline-flex;align-items: center;min-height: 40px;padding: .4rem .9rem;border: 1px solid var(--line);border-radius: 999px;background: var(--cream);font-size: .88rem;transition: background-color .15s ease}.chip input:hover + span{border-color: var(--navy)}.chip input:checked + span{background: var(--navy);color: var(--paper);border-color: var(--navy)}.chip input:focus-visible + span{outline: 3px solid var(--focus);outline-offset: 2px}.toolbar__foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: .5rem 1rem;margin-top: 1rem;padding-top: .9rem;border-top: 1px solid var(--line);font-size: .9rem;color: var(--muted)}.linkbtn{background: none;border: 0;padding: .4rem 0;font: 600 .9rem var(--sans);color: var(--navy);text-decoration: underline;text-underline-offset: .2em;cursor: pointer}.no-results{text-align: center;padding: 3rem 1rem;color: var(--muted)}.page-head{padding-block: clamp(1.75rem,1rem + 3.5vw,4rem) clamp(1.75rem,1rem + 2.5vw,3rem)}.page-head h1{font-size: var(--step-5);max-width: 16ch}.page-head .lede{max-width: 40rem}.page-head--split{display: grid;grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);gap: 1.5rem 4rem;align-items: end}.page-head--photo{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: clamp(1.5rem,1rem + 4vw,5rem);align-items: center}.page-head--photo h1{font-size: var(--step-4)}.prose{max-width: var(--measure);font-size: 1.08rem;line-height: 1.75}.prose h2{font-size: var(--step-2);margin: 2.2em 0 .6em}.prose h3{font-size: var(--step-1);margin: 1.8em 0 .5em}.prose ul,.prose ol{padding-left: 1.3rem;margin: 0 0 1.3em}.prose li{margin-bottom: .45em}.prose li::marker{color: var(--clay)}.prose blockquote{margin: 2rem 0;font-family: var(--serif);font-style: italic;font-size: var(--step-2);line-height: 1.3;color: var(--ink);border-left: 2px solid var(--clay);padding-left: 1.2rem}.prose blockquote p{margin: 0}.prose hr{border: 0;border-top: 1px solid var(--line);margin: 2.5rem 0}.prose table{width: 100%;border-collapse: collapse;font-size: .92rem;margin: 1.5rem 0;display: block;overflow-x: auto}.prose th,.prose td{text-align: left;padding: .6rem .75rem;border-bottom: 1px solid var(--line);vertical-align: top}.prose>:first-child{margin-top: 0}.prose .note{margin: 2rem 0}.prose img{border-radius: var(--radius-lg)}.guide-list{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(1.5rem,1rem + 2vw,2.5rem) clamp(1.25rem,.8rem + 1.5vw,2rem)}.gcard{position: relative;display: flex;flex-direction: column}.gcard__media{display: block;border-radius: var(--radius-lg);overflow: hidden;aspect-ratio: 3 / 2;background: var(--oat)}.gcard__media img,.gcard__media picture{width: 100%;height: 100%;object-fit: cover;transition: transform .7s ease}.gcard:hover .gcard__media img{transform: scale(1.04)}.gcard__body{padding-top: 1rem}.gcard .eyebrow{margin-bottom: .45rem;font-size: .7rem}.gcard h2,.gcard h3{font-size: 1.4rem;margin-bottom: .5rem;font-weight: 500;line-height: 1.18}.gcard h2 a,.gcard h3 a{color: var(--ink);text-decoration: none}.gcard h2 a:hover,.gcard h3 a:hover{text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: .2em}.gcard p:last-child{color: var(--muted);font-size: .95rem;margin: 0}.gcard--feature{grid-column: 1 / -1;display: grid;grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);gap: clamp(1.25rem,1rem + 3vw,4rem);align-items: center}.gcard--feature h2,.gcard--feature h3{font-size: var(--step-3)}.gcard--feature .gcard__body{padding: 0}.article-head{padding-block: clamp(1.75rem,1rem + 3vw,3.5rem) 1.75rem}.article-head .lede{max-width: 44rem}.article-head h1{font-size: var(--step-4);max-width: 24ch}.meta{display: flex;flex-wrap: wrap;gap: .25rem 1.25rem;font-size: var(--step--1);color: var(--muted);margin: 0}.article-hero{margin: 0 auto clamp(2rem,1.5rem + 2vw,3.5rem)}.article-hero img{width: 100%;aspect-ratio: 2 / 1;object-fit: cover;border-radius: var(--radius-lg)}.article-hero figcaption{font-size: .78rem;color: var(--muted);margin-top: .5rem;text-align: right}.article-layout .prose{max-width: 46rem}.article-layout{display: grid;justify-content: space-between;grid-template-columns: minmax(0,46rem) 18rem;gap: clamp(2rem,1rem + 4vw,5rem);align-items: start}.aside{position: sticky;top: 104px;display: grid;gap: 1.25rem}.toc{font-size: .92rem;background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius-lg);padding: 1.1rem 1.2rem}.toc ol{list-style: none;padding: 0;margin: .25rem 0 0}.toc li + li{border-top: 1px solid var(--line)}.toc a{display: block;padding: .5rem 0;text-decoration: none;color: var(--text);line-height: 1.35}.toc a:hover{color: var(--clay)}.quickref{background: var(--navy);color: #e8e3d8;border-radius: var(--radius-lg);padding: 1.2rem 1.25rem;font-size: .93rem}.quickref .eyebrow{color: #b9c4a9;margin-bottom: .5rem}.quickref p{margin: 0 0 .75rem}.quickref a{color: #fff;font-weight: 600}.sources{font-size: .9rem;color: var(--muted)}.sources ol{padding-left: 1.2rem}.product{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);gap: clamp(1.75rem,1rem + 4vw,5rem);align-items: start;padding-block: 1.75rem var(--section)}.product__media{position: sticky;top: 104px;aspect-ratio: 1 / 1;border-radius: var(--radius-lg);overflow: hidden;border: 1px solid var(--line)}.product__media .ph__icon{width: 5.5rem;height: 5.5rem}.product__media .ph__icon svg{width: 3.2rem;height: 3.2rem}.product__media .ph__brand{font-size: 2rem}.product__media .ph__note{font-size: .74rem;max-width: 30ch;text-transform: none;letter-spacing: 0;font-weight: 400}.product__media img{width: 100%;height: 100%;object-fit: cover}.product h1{font-size: var(--step-3);margin-bottom: .35rem}.product__brand{font-size: 1.05rem;color: var(--muted);margin-bottom: 1rem}.product__price{font-family: var(--serif);font-size: var(--step-2);color: var(--ink);margin: 0 0 .15rem}.product__price span{font: 500 .9rem var(--sans);color: var(--muted)}.product__checked{font-size: .82rem;color: var(--muted);margin-bottom: 1.2rem}.why{background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius-lg);padding: 1.25rem 1.4rem;margin: 1.5rem 0;position: relative}.why b{display: block;font-size: .72rem;letter-spacing: .14em;text-transform: uppercase;color: var(--clay);margin-bottom: .4rem}.why p{margin: 0}.product dl{display: grid;grid-template-columns: max-content 1fr;gap: .55rem 1.5rem;margin: 1.5rem 0;font-size: .95rem;border-top: 1px solid var(--line);padding-top: 1.1rem}.product dt{color: var(--muted)}.product dd{margin: 0}.leave-note{font-size: .85rem;color: var(--muted);margin-top: .9rem;max-width: 34rem}.disclosure{font-size: .86rem;color: var(--muted);border-top: 1px solid var(--line);padding-top: 1rem;margin-top: 2.5rem;max-width: 46rem}.disclosure a{color: var(--muted)}.trust{background: var(--oat);padding-block: clamp(2.25rem,1.75rem + 2.5vw,3.75rem)}.trust__grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.5fr);gap: clamp(1.5rem,1rem + 3vw,4rem);align-items: center}.trust__head{display: flex;align-items: center;gap: 1.25rem}.trust__head img{width: clamp(4.5rem,3rem + 5vw,7rem);flex: none}.trust__head h2{font-size: var(--step-2);margin: 0;max-width: 16ch}.trust__list{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1rem 2rem;font-size: .92rem;color: var(--muted)}.trust__list li{border-top: 1px solid var(--stone);padding-top: .7rem}.trust__list b{display: block;font-family: var(--serif);font-weight: 500;font-size: 1.08rem;color: var(--ink);margin-bottom: .15rem}.topics{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(1rem,.6rem + 1.5vw,1.75rem)}.topic{background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius-lg);padding: 1.3rem 1.35rem 1.4rem}.section--oat .topic,.section--green .topic{border-color: transparent}.topic .icon{width: 2.4rem;height: 2.4rem;color: var(--green-deep);margin-bottom: .7rem}.topic h3{font-size: 1.25rem;margin-bottom: .4rem}.topic p{margin: 0;font-size: .96rem;color: var(--muted)}.chapter-head{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.1fr);gap: clamp(1.5rem,1rem + 4vw,5rem);align-items: center;margin-bottom: clamp(1.75rem,1.3rem + 2vw,3rem)}.chapter-head--rev>:first-child{order: 2}.chapter-head .num,.bignum{font-family: var(--serif);font-style: italic;font-size: clamp(2.5rem,2rem + 3vw,4.5rem);line-height: 1;color: var(--clay);display: block;margin-bottom: .5rem}.chapter-head h2{margin-bottom: .6rem}.chapter-head p{max-width: 32rem}.vetcard{background: var(--paper);color: var(--text);border-radius: var(--radius-lg);padding: clamp(1.25rem,1rem + 1.5vw,2rem);box-shadow: var(--shadow)}.vetcard ol{margin: 0;padding: 0;list-style: none;counter-reset: q}.vetcard li{counter-increment: q;display: grid;grid-template-columns: 2rem 1fr;gap: .5rem;padding: .7rem 0;border-bottom: 1px solid var(--line)}.vetcard li:last-child{border: 0;padding-bottom: 0}.vetcard li::before{content: counter(q);font-family: var(--serif);font-style: italic;font-size: 1.3rem;color: var(--clay);line-height: 1.2}.story-hero{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: clamp(2rem,1rem + 5vw,6rem);align-items: center;padding-block: clamp(2rem,1rem + 4vw,4.5rem) clamp(3rem,2rem + 4vw,5.5rem)}.story-hero h1{font-size: var(--step-5);max-width: 12ch}.facts{list-style: none;margin: 1.75rem 0 0;padding: 0;display: flex;flex-wrap: wrap;gap: .75rem 2.25rem}.facts li{font-size: .85rem;color: var(--muted)}.facts b{display: block;font-family: var(--serif);font-weight: 400;font-style: italic;font-size: 1.9rem;line-height: 1.1;color: var(--ink)}.facts--two{gap: 0}.facts--two li{padding-right: 2rem}.facts--two li + li{padding-left: 2rem;border-left: 1px solid var(--line)}.story-row{display: grid;grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);gap: clamp(2rem,1rem + 5vw,6rem);align-items: center}.story-row--rev>:first-child{order: 2}.story-row--photo{grid-template-columns: minmax(0,1fr) minmax(0,1.15fr)}.story-text{max-width: 36rem;font-size: 1.08rem;line-height: 1.75}.story-text h2{font-size: var(--step-4);margin-bottom: .6em}.story-text .btn,.story-text .btn-row{margin-top: .75rem}.story-open{font-family: var(--serif);font-size: var(--step-2);line-height: 1.35;color: var(--ink)}.story-quote{font-family: var(--serif);font-style: italic;font-size: clamp(1.7rem,1.2rem + 2vw,2.7rem);line-height: 1.2;color: var(--green-deep);margin: 0;padding-top: 1.25rem;border-top: 2px solid var(--clay);max-width: 16ch}.story-row--rev .story-quote{justify-self: start}.story-list{list-style: none;margin: 0;padding: 0;display: grid;gap: .9rem}.story-list li{background: var(--paper);border-radius: var(--radius-lg);padding: 1.1rem 1.3rem;color: var(--muted);font-size: .98rem}.story-list b{display: block;font-family: var(--serif);font-weight: 500;font-size: 1.35rem;color: var(--ink)}.plate--sand{max-width: 24rem;margin-inline: auto;width: 100%}.plate--sand img{border-radius: var(--radius-lg)}.story-note{margin: 2rem 0 0;padding-top: 1rem;border-top: 1px solid var(--line);font-size: .85rem;line-height: 1.55;color: var(--muted);font-style: italic}.chapter{display: grid;grid-template-columns: minmax(0,13rem) minmax(0,1fr) minmax(0,19rem);gap: clamp(1.25rem,1rem + 3vw,4rem);padding-block: clamp(2rem,1.5rem + 2vw,3.25rem);border-top: 1px solid var(--line)}.chapter__label{position: sticky;top: 110px;align-self: start}.chapter__label .bignum{font-size: clamp(2rem,1.6rem + 2vw,3.25rem)}.chapter__label p{font-size: .8rem;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--green-deep);margin: 0}.chapter .prose h2{margin-top: 0}.chapter .prose>:last-child{margin-bottom: 0}.chapter__aside{align-self: center}.chapter__aside .pull{margin: 0}.qmark{display: block;font-family: var(--serif);font-style: italic;font-size: clamp(7rem,5rem + 8vw,12rem);line-height: .8;color: var(--clay);transform: rotate(12deg);text-align: center}.chapter__aside .hand{display: block;text-align: center;transform: rotate(-4deg);margin-top: 1rem}main{overflow-x: clip}.ops{list-style: none;padding: 0 !important;margin: 1.5rem 0 !important;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: .6rem}.ops li{background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius);padding: .7rem .9rem;margin: 0;font-size: .95rem;line-height: 1.45}.handbook{display: grid;grid-template-columns: minmax(0,16rem) minmax(0,1fr);gap: clamp(1.5rem,1rem + 3vw,4rem);align-items: center}.handbook__cover{aspect-ratio: 2 / 3;border-radius: 4px 10px 10px 4px;background: linear-gradient(90deg,rgba(0,0,0,.25) 0 3%,transparent 6%),var(--green-deep);color: var(--paper);display: flex;flex-direction: column;justify-content: space-between;padding: 1.5rem 1.25rem 1.25rem 1.6rem;box-shadow: var(--shadow)}.handbook__cover b{font-family: var(--serif);font-weight: 400;font-size: 1.7rem;line-height: 1.1}.handbook__cover span{font-size: .8rem;letter-spacing: .12em;text-transform: uppercase}.handbook__cover img{width: 100%;height: 100%;object-fit: cover}.steps{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: clamp(1rem,.6rem + 1.5vw,1.75rem);counter-reset: step}.steps li{position: relative;background: var(--paper);border-radius: var(--radius-lg);padding: 1.4rem 1.3rem 1.5rem;border: 1px solid var(--line)}.steps li:not(:last-child)::after{content: "→";position: absolute;right: calc(-1 * clamp(1rem,.6rem + 1.5vw,1.75rem) / 2 - .5rem);top: 2rem;width: 1rem;text-align: center;color: var(--clay);font-size: 1.1rem;z-index: 2}.steps .bignum{font-size: 2.6rem}.steps b{display: block;font: 700 .78rem var(--sans);letter-spacing: .16em;text-transform: uppercase;color: var(--ink);margin-bottom: .4rem}.steps p{margin: 0;font-size: .95rem;color: var(--muted)}.duo{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: clamp(1rem,.6rem + 1.5vw,1.75rem)}.duo .frame img{aspect-ratio: 4 / 3}.commit{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0 2.5rem}.commit li{padding: 1rem 0 1rem 2.2rem;border-bottom: 1px solid rgba(255,255,255,.16);position: relative;font-size: 1.05rem}.commit li::before{content: "";position: absolute;left: .15rem;top: 1.45rem;width: 1rem;height: .5rem;border-left: 2px solid #b9c4a9;border-bottom: 2px solid #b9c4a9;transform: rotate(-45deg)}.gen{background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius-lg);padding: clamp(1.1rem,.8rem + 1.6vw,2rem);box-shadow: var(--shadow)}.gen__main{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: .75rem;align-items: end}.gen label.lbl,.gen legend{display: block;font-size: .72rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--muted);margin-bottom: .35rem;padding: 0}.gen input[type="text"]{min-height: 56px;font-size: 1.15rem}.gen__filters{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0 1.5rem}.gen__filters .span-all{grid-column: 1 / -1}.gen__more{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: .75rem;margin-top: 1rem;padding-top: 1rem;border-top: 1px solid var(--line)}.switch{display: flex;align-items: center;gap: .9rem;margin-top: 1rem;padding: .85rem 1rem;background: var(--green-tint);border-radius: var(--radius-lg);cursor: pointer;position: relative}.switch input{position: absolute;opacity: 0;width: 100%;height: 100%;inset: 0;margin: 0;cursor: pointer}.switch__track{flex: none;width: 3rem;height: 1.7rem;border-radius: 999px;background: #fff;border: 1.5px solid var(--green-deep);position: relative;transition: background-color .15s ease}.switch__track::after{content: "";position: absolute;top: 2px;left: 2px;width: calc(1.7rem - 7px);height: calc(1.7rem - 7px);border-radius: 50%;background: var(--green-deep);transition: transform .15s ease,background-color .15s ease}.switch input:checked ~ .switch__track{background: var(--green-deep)}.switch input:checked ~ .switch__track::after{transform: translateX(1.3rem);background: #fff}.switch input:focus-visible ~ .switch__track{outline: 3px solid var(--focus);outline-offset: 2px}.switch__text b{display: block;font-family: var(--serif);font-weight: 500;font-size: 1.15rem;color: var(--ink)}.switch__text span{font-size: .88rem;color: var(--text)}.name__kind{grid-column: 1 / -1;font-size: .64rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--muted);margin: 0 0 .1rem}.name--new{border-color: var(--green);background: #fbfcf6}.name--new .name__kind{color: var(--clay)}.names-foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: .75rem 1rem;margin-top: 1.25rem}.names-foot p{margin: 0;font-size: .95rem}.gen__more input{min-height: 46px !important;font-size: 1rem !important}.names-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: .5rem 1rem;margin: 2rem 0 1rem}.names-head p{margin: 0;color: var(--muted);font-size: .95rem}.names{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,14.5rem),1fr));gap: .9rem}.name{background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius-lg);padding: 1rem 1rem .85rem 1.15rem;display: grid;grid-template-columns: 1fr auto;gap: .2rem .5rem;align-items: start}.name b{overflow-wrap: anywhere;font-family: var(--serif);font-weight: 500;font-size: 1.65rem;line-height: 1.1;color: var(--ink)}.name__meta{grid-column: 1 / -1;font-size: .78rem;color: var(--muted);margin: 0}.name__tags{grid-column: 1 / -1;display: flex;flex-wrap: wrap;gap: .3rem;margin: .35rem 0 0;padding: 0;list-style: none}.name__tags li{font-size: .68rem;font-weight: 600;padding: .18rem .5rem;border-radius: 999px;background: var(--green-tint);color: var(--green-deep)}.name__actions{display: flex;gap: .15rem}.iconbtn{width: 40px;height: 40px;display: grid;place-items: center;background: none;border: 1px solid transparent;border-radius: 50%;cursor: pointer;color: var(--muted)}.iconbtn:hover{border-color: var(--line);color: var(--navy);background: var(--cream)}.iconbtn[aria-pressed="true"]{color: var(--clay)}.iconbtn[aria-pressed="true"] svg{fill: currentColor}.favs{background: var(--green-tint);border-radius: var(--radius-lg);padding: clamp(1.1rem,.8rem + 1.4vw,1.75rem);margin-top: 2.5rem}.favs h2{font-size: var(--step-2);margin-bottom: .75rem}.favs ul{list-style: none;margin: 0 0 1rem;padding: 0;display: flex;flex-wrap: wrap;gap: .5rem}.favs li{display: inline-flex;align-items: center;gap: .15rem;background: var(--paper);border-radius: 999px;padding: .15rem .2rem .15rem .9rem;font-family: var(--serif);font-size: 1.15rem}.favs li button{width: 34px;height: 34px;border: 0;background: none;border-radius: 50%;cursor: pointer;color: var(--muted);font-size: 1.1rem}.favs li button:hover{background: var(--cream);color: var(--clay)}.toast{position: fixed;left: 50%;bottom: 1.5rem;transform: translate(-50%,1rem);background: var(--navy);color: var(--paper);padding: .7rem 1.2rem;border-radius: 999px;font-size: .9rem;opacity: 0;transition: opacity .2s ease,transform .2s ease;pointer-events: none;z-index: 60}.toast.is-on{opacity: 1;transform: translate(-50%,0)}.form{display: grid;gap: 1.25rem;max-width: 36rem}.field label{display: block;font-weight: 600;font-size: .95rem;margin-bottom: .35rem;color: var(--ink)}.field .hint{display: block;font-size: .85rem;color: var(--muted);margin-bottom: .4rem}.field input,.field select,.field textarea{width: 100%;font: inherit;color: var(--text);background: #fff;border: 1px solid var(--stone);border-radius: var(--radius);padding: .75rem .9rem;min-height: 48px}.field textarea{min-height: 10rem;resize: vertical}.hp{display: none}.site-footer{background: var(--navy);color: #cfd2d6;padding-block: clamp(2.5rem,2rem + 3vw,4.25rem) 1.5rem;font-size: .92rem}.site-footer a{color: #e9e5dc;text-decoration: none}.site-footer a:hover{color: #fff;text-decoration: underline}.footer-grid{display: grid;grid-template-columns: minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap: 2rem 2.5rem}.footer-grid h2{font-family: var(--sans);font-size: .72rem;font-weight: 700;letter-spacing: .16em;text-transform: uppercase;color: #b9c4a9;margin-bottom: .8rem}.footer-grid ul{list-style: none;padding: 0;margin: 0;display: grid;gap: .4rem}.footer-logo{display: inline-flex;align-items: center;gap: .9rem;font-family: var(--serif);font-size: 1.6rem;color: var(--paper) !important}.footer-logo img{width: 52px;height: auto;background: var(--cream);border-radius: 50%;padding: 5px;aspect-ratio: 1 / 1;object-fit: contain}.footer-brand p{max-width: 24rem;margin: 1rem 0 0}.footer-social{display: inline-flex;align-items: center;min-height: 44px;padding: 0 1.1rem;border: 1px solid rgba(255,255,255,.35);border-radius: 999px;font-weight: 600}.footer-legal{margin-top: 2.25rem;padding-top: 1.25rem;border-top: 1px solid rgba(255,255,255,.14);display: flex;flex-wrap: wrap;gap: .5rem 2rem;justify-content: space-between;font-size: .82rem;color: #aeb3bb}.footer-legal p{margin: 0;max-width: 54rem}.preview-bar{background: #fff3cd;color: #5b4300;font-size: .85rem;text-align: center;padding: .5rem var(--gutter);border-bottom: 1px solid #e3c766}.preview-bar a{color: inherit;font-weight: 600}mark.todo{background: #fff3cd;color: #5b4300;padding: .05em .35em;border-radius: 3px;font-size: .9em}@media (max-width: 1100px){.what{grid-template-columns: repeat(2,minmax(0,1fr))}.steps{grid-template-columns: repeat(2,minmax(0,1fr))}.steps li::after{display: none}.product-grid--4{grid-template-columns: repeat(2,minmax(0,1fr))}.quicklinks{grid-template-columns: repeat(2,minmax(0,1fr))}.guide-list{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.feature{grid-template-columns: minmax(0,1fr)}.feature__media{order: -1;min-height: 0;aspect-ratio: 3 / 2}.feature__text{padding-inline: var(--gutter)}.obie-ed{grid-template-columns: minmax(0,1fr)}.story-row,.story-row--photo{grid-template-columns: minmax(0,1fr)}.story-row--rev>:first-child{order: 0}.story-quote{max-width: 22ch}.hero__grid,.split,.split--wide-text,.page-head--split,.page-head--photo,.article-layout,.product,.trust__grid,.story-hero,.chapter-head,.gcard--feature,.handbook{grid-template-columns: minmax(0,1fr)}.split--rev>:first-child,.chapter-head--rev>:first-child{order: 0}.hero__photo{order: -1;max-width: 30rem;margin-inline: auto;width: 100%}.tiles{grid-template-columns: repeat(2,minmax(0,1fr))}.topics{grid-template-columns: minmax(0,1fr)}.footer-grid{grid-template-columns: repeat(3,minmax(0,1fr))}.footer-brand{grid-column: 1 / -1}.aside{position: static;order: -1}.product__media{position: static;aspect-ratio: 16 / 10}.chapter{grid-template-columns: minmax(0,1fr);gap: .75rem}.chapter__aside[aria-hidden]{display: none}.chapter__aside{margin-top: 1rem}.chapter__label{position: static;display: flex;align-items: baseline;gap: .9rem}.toolbar__row{grid-template-columns: minmax(0,1fr) minmax(0,1fr)}.toolbar__row>:first-child{grid-column: 1 / -1}.gen__filters{grid-template-columns: minmax(0,1fr)}.story-hero .brush,.story-hero .plate{max-width: 30rem;margin-inline: auto;width: 100%;order: -1}.handbook__cover{max-width: 12rem}.band::after{background: linear-gradient(180deg,rgba(20,30,46,.7),rgba(20,30,46,.8))}}@media (max-width: 620px){.what,.steps,.quicklinks,.guide-list,.duo,.commit,.trust__list,.ops{grid-template-columns: minmax(0,1fr)}.tiles{grid-auto-rows: 9.5rem;gap: .6rem}.tile--1{grid-row: span 1}.what li{display: grid;grid-template-columns: 7rem 1fr}.what picture,.what picture img{height: 100%;aspect-ratio: auto}.btn-row .btn{flex: 1 1 100%}.product dl{grid-template-columns: minmax(0,1fr);gap: 0}.product dd{margin-bottom: .6rem}.footer-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.gen__main{grid-template-columns: minmax(0,1fr)}.gen__more{grid-template-columns: minmax(0,1fr)}.toolbar__row{grid-template-columns: minmax(0,1fr)}.card__media{aspect-ratio: 16 / 9}.card__media .ph{gap: .3rem;padding: .9rem}.card__media .ph__note{display: none}.product-grid--4{display: flex;grid-template-columns: none;overflow-x: auto;scroll-snap-type: x mandatory;gap: .9rem;margin-inline: calc(-1 * var(--gutter));padding: .25rem var(--gutter) 1rem;scrollbar-width: thin;-webkit-overflow-scrolling: touch}.product-grid--4>li{flex: 0 0 min(78vw,19rem);scroll-snap-align: center}.product-grid--4 .card:hover{transform: none}.card__media .ph__icon{width: 2.6rem;height: 2.6rem}.card__media .ph__icon svg{width: 1.5rem;height: 1.5rem}.article-hero img{aspect-ratio: 3 / 2}.product-grid--compact{grid-template-columns: repeat(2,minmax(0,1fr));gap: .7rem}.product-grid--compact .card__desc,.product-grid--compact .card__why,.product-grid--compact .card__checked,.product-grid--compact .ph__icon{display: none}.product-grid--compact .card__body{padding: .75rem .8rem .9rem}.product-grid--compact .card__title{font-size: 1rem}.product-grid--compact .card__brand{font-size: .62rem}.product-grid--compact .ph__brand{font-size: 1rem}.product-grid--compact .badges{margin-bottom: .6rem}.product-grid--compact .badge{font-size: .62rem;padding: .2rem .45rem}.product-grid--compact .btn--card{width: 100%;padding-inline: .5rem;font-size: .82rem}.trust__head{align-items: flex-start}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{transition: none !important;animation: none !important}}@media print{.site-header,.site-footer,.preview-bar,.btn,.toolbar,.trust{display: none !important}body{background: #fff}.section--navy{background: #fff;color: #000}.section--navy h2{color: #000}}