:root{--color-ink:#17211c;--color-muted:#5d6a62;--color-surface:#fff;--color-canvas:#f4f7f4;--color-brand:#176b4d;--color-brand-dark:#0f4f39;--color-brand-soft:#dff2e9;--color-border:#d8e0da;--color-error:#9b2c2c;--radius-sm:.5rem;--radius-md:.9rem;--radius-lg:1.4rem;--shadow-card:0 1rem 2.5rem #17211c14;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--container:72rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-canvas);color:var(--color-ink);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}button,input{font:inherit}button,.button{border-radius:var(--radius-sm);background:var(--color-brand);color:#fff;cursor:pointer;border:0;justify-content:center;padding:.75rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--color-brand-dark)}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #f1b84b}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;font-size:clamp(2.3rem,6vw,4.7rem);line-height:1.02}h2{letter-spacing:-.025em;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.15}.container{max-width:var(--container);padding-inline:var(--space-6);width:100%;margin-inline:auto}.section{padding-block:clamp(3rem,7vw,6rem)}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--color-ink);color:#fff;left:var(--space-4);padding:var(--space-3);z-index:100;position:fixed;top:-5rem}.skip-link:focus{top:var(--space-4)}.eyebrow{color:var(--color-brand);letter-spacing:.12em;margin-bottom:var(--space-3);text-transform:uppercase;font-size:.76rem;font-weight:800}.muted,.product-meta{color:var(--color-muted)}.lead{max-width:42rem;font-size:1.15rem}.site-header{border-bottom:1px solid var(--color-border);z-index:20;background:#fffffff5;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;min-height:4.5rem;display:flex}.brand{align-items:center;gap:var(--space-2);font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--color-brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.nav-list{gap:var(--space-6);margin:0;padding:0;list-style:none;display:flex}.nav-list a{color:var(--color-muted);font-weight:700;text-decoration:none}.nav-list a:hover{color:var(--color-brand)}.hero{border-bottom:1px solid var(--color-border);background:linear-gradient(145deg,#eef7f1 0%,#f9f5ea 100%);padding-block:clamp(4rem,10vw,8rem)}.hero-grid{grid-template-columns:minmax(0,1.55fr) minmax(15rem,.65fr);align-items:end;gap:clamp(2rem,8vw,7rem);display:grid}.hero h1{max-width:14ch}.hero-copy{color:var(--color-muted);max-width:44rem;font-size:clamp(1.05rem,2vw,1.25rem)}.hero-note{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-card);background:#fffc}.hero-note strong{margin-bottom:var(--space-3);font-size:1.35rem;display:block}.hero-note p:last-child{color:var(--color-muted);margin:0}.search-form{gap:var(--space-2);margin-top:var(--space-8);max-width:42rem;display:flex}.search-form input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);width:100%;min-width:0;padding:.85rem 1rem}.search-form.compact{margin-bottom:var(--space-8);margin-top:var(--space-6)}.section-heading{margin-bottom:var(--space-8);justify-content:space-between;align-items:end;display:flex}.section-heading h2{margin-bottom:0}.text-link{color:var(--color-brand);text-underline-offset:.2em;font-weight:800;text-decoration-thickness:1px}.product-grid{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:0;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-card);transition:all .16s;transform:translateY(-2px)}.product-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg, var(--color-brand-soft), #f5eee0);justify-content:center;align-items:center;display:flex}.product-placeholder span{color:var(--color-brand);text-transform:uppercase;font-size:3.5rem;font-weight:800}.product-card-content{padding:var(--space-6)}.product-card h2{font-size:1.35rem}.product-card h2 a{text-decoration:none}.product-card h2 a:hover{color:var(--color-brand)}.product-card-content>p:not(.eyebrow,.product-meta){color:var(--color-muted)}.page-heading{max-width:46rem}.page-heading h1{margin-bottom:var(--space-4);font-size:clamp(2.2rem,5vw,3.7rem)}.page-heading>p:last-child,.result-count{color:var(--color-muted)}.result-count{margin-bottom:var(--space-6)}.state-panel{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;padding:clamp(2rem,6vw,4rem)}.state-panel h1{margin-bottom:var(--space-3);font-size:clamp(1.6rem,4vw,2.4rem)}.state-panel p{color:var(--color-muted)}.state-panel.error{border-color:#d7aaaa}.state-panel.error h1{color:var(--color-error)}.spinner{border:3px solid var(--color-brand-soft);border-top-color:var(--color-brand);height:2rem;margin-bottom:var(--space-4);border-radius:50%;width:2rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.breadcrumbs ol{color:var(--color-muted);gap:var(--space-2);margin:0 0 var(--space-8);flex-wrap:wrap;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";margin-right:var(--space-2)}.product-hero{grid-template-columns:minmax(15rem,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(2rem,7vw,6rem);display:grid}.product-placeholder.large{aspect-ratio:1;border-radius:var(--radius-lg)}.product-hero h1{margin-bottom:var(--space-4);font-size:clamp(2.2rem,5vw,4rem)}.detail-section{border-top:1px solid var(--color-border);margin-top:var(--space-12);padding-top:var(--space-8)}.presentation-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.presentation-list li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;display:flex}.presentation-list span{color:var(--color-muted)}.site-footer{border-top:1px solid var(--color-border);color:var(--color-muted);padding-block:var(--space-8);font-size:.9rem}@media (max-width:52rem){.hero-grid,.product-hero{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-note{max-width:34rem}}@media (max-width:38rem){.container{padding-inline:var(--space-4)}.header-inner{align-items:flex-start;gap:var(--space-3);padding-block:var(--space-3);flex-direction:column}.nav-list{gap:var(--space-4)}.search-form{flex-direction:column}.search-form button{width:100%}.section-heading{align-items:flex-start;gap:var(--space-4);flex-direction:column}.product-grid{grid-template-columns:1fr}.presentation-list li{align-items:flex-start;gap:var(--space-2);flex-direction:column}}