@font-face{font-family:Forevs;src:url('assets/forevs-black.otf') format('opentype');font-weight:800;font-display:swap}
@font-face{font-family:Obviously;src:url('assets/obviously-regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Obviously;src:url('assets/obviously-bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:Obviously Condensed;src:url('assets/obviously-condensed.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:Obviously Extended;src:url('assets/obviously-extended.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:Obviously Heavy;src:url('assets/obviously-narrow-black.otf') format('opentype');font-weight:900;font-display:swap}
:root{--paper:#fff;--ink:#000;--inset:clamp(16px,2.3vw,44px);--board-padding:16px;--card-gap:12px;--research-height:clamp(46px,5.3vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;background:var(--ink);color:var(--paper);font-family:Obviously,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}button{border:0;background:none}button span[aria-hidden]{display:inline-block;transition:transform .2s}button:hover span[aria-hidden]{transform:translate(2px,-2px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-80px;left:20px;padding:15px;background:white;color:#000;z-index:10}.skip-link:focus{top:12px}.masthead{position:relative;z-index:0;margin:0 var(--inset);padding-top:var(--inset);display:flex;align-items:center}.wordmark{display:block;width:100%;aspect-ratio:3808/709;position:relative;user-select:none;-webkit-user-select:none}.wordmark-type{display:block;width:100%;height:100%;fill:currentColor}.wordmark-type text{font-family:Forevs,serif;font-size:1000px;font-weight:800;font-kerning:none;font-variant-ligatures:none;font-synthesis:none}main{position:relative;z-index:1;margin-top:-8vw;padding:0 var(--inset);transition:margin-top .55s cubic-bezier(.22,1,.36,1)}.card-board{display:grid;container-type:inline-size;gap:var(--card-gap);width:100%;min-width:0;padding:var(--board-padding)}.collection{display:grid;grid-template-columns:470fr 570fr 380fr;grid-template-rows:329fr 309fr;gap:var(--card-gap);background:transparent;padding:0;aspect-ratio:auto;height:calc((100cqw - 2 * var(--card-gap)) * 650 / 1420);width:100%;max-height:950px;overflow:visible}.project{min-width:0;min-height:0;position:relative;padding:0;display:flex;align-items:stretch;justify-content:center;isolation:isolate;color:#000;text-decoration:none;transition:transform .25s}a.project:hover{transform:translateY(-2px)}.project>.card-art>path.paper{stroke:var(--ink);stroke-width:14px;stroke-linejoin:round;paint-order:stroke fill;vector-effect:non-scaling-stroke}.project:focus-visible{outline:2px dashed white;outline-offset:4px}.fluorescent{grid-column:1;grid-row:1/3}.hex{grid-column:2;grid-row:1}.moto{grid-column:2;grid-row:2}.liet{grid-column:3;grid-row:1/3}.card-art{width:100%;height:100%;overflow:visible;display:block;fill:currentColor;shape-rendering:geometricPrecision}.paper{fill:#fff}.ink{fill:#000}.on-ink{fill:#fff}.outline,.rule{fill:none;stroke:currentColor;stroke-width:2}.fine{stroke-width:1}.seam{fill:none;stroke:currentColor;stroke-width:.8;stroke-dasharray:3 4}.stitch{stroke-dasharray:3 4}.card-art text{font-family:Obviously,Arial,sans-serif;font-weight:400}.card-art .condensed{font-family:Obviously Condensed,Arial,sans-serif;font-weight:700}.card-art .heavy{font-family:Obviously Heavy,Impact,sans-serif;font-weight:900}.card-art .extended{font-family:Obviously Extended,Arial,sans-serif;font-weight:700}.card-art .small{font-size:14px;letter-spacing:.5px}.card-art .micro{font-size:9.5px;letter-spacing:.6px}.bloom{transform-origin:149px 404px;transition:rotate .8s cubic-bezier(.2,.7,.2,1)}.fluorescent:hover .bloom{rotate:30deg}.hex-symbol{transform-origin:424px 128px;transition:rotate .6s}.hex:hover .hex-symbol{rotate:60deg}h2{font-family:Obviously Condensed,Arial,sans-serif;font-size:clamp(48px,5vw,76px);letter-spacing:-2px;font-weight:700;line-height:1;margin:0 0 25px}
/* Keep the printed label beneath the logo, without changing the resting layout. */
.wordmark-caption{position:absolute;top:calc(100% + 12px);left:var(--board-padding);right:var(--board-padding);height:var(--research-height);margin:0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--paper);color:var(--ink);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);pointer-events:none;visibility:hidden;transition:visibility 0s linear .55s}
.wordmark-caption::before{content:"";position:absolute;inset:7px;border:1px solid currentColor}
.wordmark-caption-title{font-family:Obviously Extended,Arial,sans-serif;font-weight:700;font-size:clamp(11px,1.8vw,26px);letter-spacing:.035em;line-height:1.2;text-align:center}
.wordmark-caption-mark{font-family:Arial,sans-serif;font-size:24px;line-height:1}
.masthead:has(.wordmark:focus-visible)+main{margin-top:calc(var(--research-height) + 24px)}
.masthead:has(.wordmark:focus-visible) .wordmark-caption{visibility:visible;transition-delay:0s}
@media(hover:hover) and (pointer:fine){.masthead:has(.wordmark:hover)+main{margin-top:calc(var(--research-height) + 24px)}.masthead:has(.wordmark:hover) .wordmark-caption{visibility:visible;transition-delay:0s}}


@media(max-width:1000px){:root{--board-padding:12px;--card-gap:10px}}
@media(max-width:700px){:root{--board-padding:10px}.wordmark-caption{padding:0 15px;gap:10px}.wordmark-caption-mark{font-size:16px}.project>.card-art>path.paper{stroke-width:8px}.collection{grid-template-columns:470fr 380fr;grid-template-rows:auto auto;aspect-ratio:auto;height:auto;max-height:none;padding:0;gap:var(--card-gap)}.fluorescent{grid-column:1;grid-row:1;aspect-ratio:470/650}.liet{grid-column:2;grid-row:1;aspect-ratio:380/650}.hex{grid-column:1/3;grid-row:2;aspect-ratio:570/329}.moto{grid-column:1/3;grid-row:3;aspect-ratio:570/309}.card-art{object-fit:contain}a.project:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}