:root{color-scheme:light dark;--color-bg: light-dark(hsl(0 0% 100%), hsl(200 18% 5%));--color-fg: light-dark(hsl(200 25% 8%), hsl(190 20% 94%));--color-accent: light-dark(hsl(188 100% 42%), hsl(186 100% 50%));--color-on-accent: hsl(195 60% 6%);--color-media: light-dark(hsl(195 20% 96%), hsl(200 12% 10%));--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--weight-regular: 400;--weight-bold: 750;--tracking-tight: -.03em;--line-height: 1.55;--line-height-tight: 1.02;--size-sm: 1rem;--size-base: clamp(1.125rem, 1.05rem + .3vw, 1.25rem);--size-lg: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--size-xl: clamp(1.625rem, 1.2rem + 2.2vw, 2.5rem);--size-xxl: clamp(2.25rem, 1.6rem + 3.5vw, 4rem);--space-xs: .25rem;--space-s: .5rem;--space-m: 1rem;--space-l: clamp(1.5rem, 1.1rem + 2vw, 2.5rem);--space-xl: clamp(3rem, 2rem + 5vw, 6rem);--gutter: clamp(1rem, .5rem + 2.5vw, 2.5rem);--measure: 40rem;--tap: 3rem;--header-gap: var(--space-s);--header-h: calc(var(--tap) + 2 * var(--header-gap));--radius: .75rem;--focus: 3px solid var(--color-accent);--media-ratio: 16 / 10;--card-min: 18rem;--logo-size: clamp(3rem, 2rem + 5vw, 6rem);--logo-stroke: 210;--logo-trace: 24;--logo-draw: 1.2s;--logo-zigzag: .5s;--logo-stagger: .15s;--hover-zoom: 1.03;--transition: .4s ease;--underline: .08em;--underline-offset: .2em;--noise-cell: 4;--noise-speed: 2;--noise-timeout: 2s;--noise-in: .4s;--noise-hold: .5s;--noise-blend: 1.2s;--noise-fade: 1.2s;--noise-sweep: .7;--noise-edge: .15;--z-card-label: 1;--z-header: 2;--z-noise: 3}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);font-size:var(--size-base);line-height:var(--line-height);overflow-wrap:break-word;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--line-height-tight);text-wrap:balance}h1{font-size:var(--size-xxl)}h2{font-size:var(--size-xl)}h3{font-size:var(--size-lg)}p,ul,dl{margin:0;max-width:var(--measure)}ul{padding-inline-start:var(--space-l)}li+li{margin-block-start:var(--space-xs)}a{color:inherit;text-decoration:none;text-decoration-thickness:var(--underline);text-underline-offset:var(--underline-offset)}a:hover,a:focus-visible{text-decoration-line:underline}:focus-visible{outline:var(--focus);outline-offset:var(--space-xs)}img{display:block;max-width:100%;height:auto}abbr[title]{text-decoration:none;cursor:help}time,small{font-size:var(--size-sm)}::selection{background:var(--color-accent);color:var(--color-on-accent)}hwww-site{display:flex;flex-direction:column}hwww-site>main{flex:1;display:grid;align-content:start;gap:var(--space-xl)}hwww-noise canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-noise);width:100%;height:100%;pointer-events:none;image-rendering:pixelated;mix-blend-mode:lighten}@media(prefers-color-scheme:dark){hwww-noise canvas{mix-blend-mode:darken}}hwww-noise canvas+canvas{mix-blend-mode:normal}hwww-noise[ready] canvas+canvas{animation:hwww-fade-in var(--noise-in) ease-out both}@media(prefers-reduced-motion:no-preference)and (scripting:enabled){hwww-noise:not([ready])~div hwww-site{animation:hwww-hide var(--noise-timeout) step-end both}hwww-noise[ready]~div hwww-site{animation:hwww-hide-in var(--noise-in) step-end both}}@keyframes hwww-hide{0%{visibility:hidden}}@keyframes hwww-hide-in{0%{visibility:hidden}}@keyframes hwww-fade-in{0%{opacity:0}}hwww-site>header{position:sticky;inset-block-start:var(--header-gap);z-index:var(--z-header);align-self:center;display:flex;align-items:center;margin-block-start:var(--header-gap);padding-inline:var(--space-m);min-height:var(--tap);border-radius:var(--radius);background:var(--color-bg)}hwww-brand a{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:var(--weight-bold);font-size:var(--size-lg);letter-spacing:var(--tracking-tight)}hwww-logo{display:flex;margin-inline-start:auto;align-self:end}hwww-logo svg{height:var(--logo-size);width:auto;overflow:visible;fill:currentColor;stroke:currentColor;stroke-width:var(--logo-trace);stroke-linejoin:round;stroke-opacity:0}hwww-logo path:last-child{fill:none;stroke-opacity:1;stroke-width:var(--logo-stroke);stroke-linecap:round}@media(prefers-reduced-motion:no-preference){hwww-logo[visible] path{stroke-dasharray:1;animation:hwww-trace var(--logo-draw) ease-in-out both}hwww-logo[visible] path:nth-child(2){animation-delay:var(--logo-stagger)}hwww-logo[visible] path:last-child{animation-name:hwww-draw;animation-duration:var(--logo-zigzag);animation-delay:calc(var(--logo-draw) * .7)}hwww-brand span{animation:hwww-reveal var(--logo-zigzag) ease-out both}}@media(prefers-reduced-motion:no-preference)and (scripting:enabled){hwww-noise~div hwww-brand span{animation-play-state:paused}}@keyframes hwww-trace{0%{stroke-dashoffset:1;stroke-opacity:1;fill-opacity:0}60%{stroke-dashoffset:0;stroke-opacity:1;fill-opacity:0}to{stroke-dashoffset:0;stroke-opacity:0;fill-opacity:1}}@keyframes hwww-reveal{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes hwww-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}hwww-email:not([ready]){visibility:hidden}hwww-email a{display:inline-flex;align-items:center;min-height:var(--tap);overflow-wrap:anywhere}hwww-hero{display:grid;justify-items:center;gap:var(--space-m);padding:var(--space-xl) var(--gutter) 0;text-align:center}hwww-hero p{font-size:var(--size-lg)}hwww-site>main>section{display:grid;gap:var(--space-l)}hgroup{display:grid;gap:var(--space-xs)}hgroup h2{font-size:var(--size-xl)}hgroup p{font-size:var(--size-sm)}hwww-site>main>section>hgroup{padding-inline:var(--gutter)}hwww-offers{display:grid;gap:var(--space-l) var(--gutter);padding-inline:var(--gutter)}@media(min-width:48rem){hwww-offers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:72rem){hwww-offers{grid-template-columns:repeat(4,minmax(0,1fr))}}hwww-offers article{display:grid;align-content:start;gap:var(--space-xs)}hwww-offers h3{font-size:var(--size-lg)}hwww-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--card-min)),1fr));gap:var(--gutter)}@media(min-width:40rem){hwww-feed{padding-inline:var(--gutter)}}hwww-card{position:relative;min-width:0;display:grid}hwww-card figure{margin:0;overflow:hidden;background:var(--color-media)}hwww-card img{width:100%;aspect-ratio:var(--media-ratio);object-fit:cover;object-position:top}hwww-card>*{grid-area:1 / 1}hwww-label{place-self:center;z-index:var(--z-card-label);width:max-content;max-width:calc(100% - 2 * var(--space-s));display:grid;justify-items:center;text-align:center;padding:var(--space-s) var(--space-m);border-radius:var(--radius);background:var(--color-bg)}hwww-card h3{font-size:var(--size-base)}hwww-card h3 a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}hwww-card p{font-size:var(--size-sm)}hwww-card:hover h3 a{text-decoration-line:underline}@media(prefers-reduced-motion:no-preference){hwww-card img{transition:scale var(--transition)}hwww-card:hover img,hwww-card:focus-within img{scale:var(--hover-zoom)}}hwww-prose{display:grid;gap:var(--space-l);align-items:start;padding:var(--space-l) var(--gutter) 0}hwww-prose header{display:grid;gap:var(--space-s)}@media(min-width:48rem){hwww-prose{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--gutter)}hwww-prose header{position:sticky;inset-block-start:calc(var(--header-h) + var(--space-l))}}footer{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-l);padding:var(--space-xl) var(--gutter) var(--space-l);font-size:var(--size-sm)}footer hgroup{flex-basis:100%;padding-block-end:calc(var(--space-l) - (var(--tap) - var(--size-sm) * var(--line-height)) / 2)}footer ul{display:flex;flex-wrap:wrap;gap:0 var(--space-l);padding:0;list-style:none;max-width:none}footer li+li{margin:0}footer a{display:inline-flex;align-items:center;min-height:var(--tap)}footer>nav,footer>ul{flex-basis:100%}footer>ul{align-items:center}footer>ul li{min-height:var(--tap);display:inline-flex;align-items:center}footer a[aria-current=true]{font-weight:var(--weight-bold)}
