.product-card{--p-accent:var(--p-fill-light);--p-accent-text:var(--p-text-light);gap:var(--s-3);padding:calc(var(--s-6) + 4px) var(--s-6) var(--s-6);border-radius:var(--r-l);background:var(--raised);box-shadow:var(--shadow-1);transition:box-shadow var(--d-base) var(--ease), transform var(--d-base) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}:root[data-theme=dark] .product-card{--p-accent:var(--p-fill-dark);--p-accent-text:var(--p-text-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .product-card{--p-accent:var(--p-fill-dark);--p-accent-text:var(--p-text-dark)}}.product-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.product-card-bar{background:var(--p-accent);height:4px;transition:height .16s var(--ease);position:absolute;inset:0 0 auto}.product-card-name a:focus-visible:after{outline:2px solid var(--p-accent-text);outline-offset:3px;border-radius:var(--r-l)}.product-card:hover .product-card-bar{height:6px}@supports selector(:has(*)){.product-card:has(a:focus-visible) .product-card-bar{height:6px}}.product-card-name{font-size:var(--t-h2);letter-spacing:-.01em;font-weight:600;line-height:1.2}.product-card-name a{color:var(--ink);text-decoration:none}.product-card-name a:after{content:"";position:absolute;inset:0}.product-card-name a:focus-visible{outline:none}.product-card-tagline{max-width:36ch;color:var(--muted)}.product-card-foot{justify-content:space-between;align-items:center;gap:var(--s-4);margin-top:var(--s-4);display:flex}.product-card-open{align-items:center;gap:var(--s-2);color:var(--p-accent-text);font-weight:500;display:inline-flex}.product-card-open svg{transition:transform .16s var(--ease)}.product-card:hover .product-card-open svg{transform:translate(4px)}.product-card-status{color:var(--muted);font-size:var(--t-micro);letter-spacing:.02em;font-weight:500}
.hero{justify-items:start;gap:var(--s-5);padding-inline:var(--gutter);padding-top:clamp(var(--s-8), 12vw, var(--s-10));padding-bottom:clamp(var(--s-8), 8vw, var(--s-9));display:grid}.hero-title{max-width:16ch;font-size:var(--t-display);letter-spacing:-.025em;line-height:1.05}.products{gap:var(--s-6);padding-top:0;display:grid}.product-grid{gap:var(--s-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),28rem));display:grid}.principles{background:var(--sunken)}.principle-grid{gap:var(--s-6);display:grid}.principle-grid p{margin-top:var(--s-2);max-width:36ch;color:var(--muted)}.principles-contact{margin-top:var(--s-8);color:var(--muted)}@media (min-width:1024px){.principle-grid{gap:var(--s-7);grid-template-columns:repeat(3,minmax(0,1fr))}}