html{width:100%;height:100%}body{width:100%;height:100%;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body>*{isolation:isolate}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,blockquote,p,ul{padding:0;margin:0}ul{list-style:none}address{font-style:normal}input,button,a{text-decoration:none;color:inherit;cursor:pointer;background-color:transparent;border:none;padding:0;font:inherit;text-align:left}figure{padding:0;margin:0}iframe,img,svg,video{display:block}label{cursor:pointer}q{quotes:"«" "»"}fieldset{border:unset;margin:unset;padding:unset}dd{margin:unset}summary{cursor:pointer}@layer core{:root{--_size-25: calc( var(--size-base, 1rem) * var(--sizeMultiplier-25, .5) );--_size-50: calc(var(--size-base, 1rem) * var(--sizeMultiplier-50, 1));--_size-100: calc( var(--size-base, 1rem) * var(--sizeMultiplier-100, 2) );--_size-200: calc( var(--size-base, 1rem) * var(--sizeMultiplier-200, 4) );--_size-300: calc( var(--size-base, 1rem) * var(--sizeMultiplier-300, 8) );--_size-400: calc( var(--size-base, 1rem) * var(--sizeMultiplier-400, 16) );--_size-500: calc( var(--size-base, 1rem) * var(--sizeMultiplier-500, 32) );--_size-600: calc( var(--size-base, 1rem) * var(--sizeMultiplier-600, 64) );--size-25: var(--_size-25);--size-50: var(--_size-50);--size-100: var(--_size-100);--size-200: var(--_size-200);--size-300: var(--_size-300);--size-400: var(--_size-400);--size-500: var(--_size-500);--size-600: var(--_size-600);--size-25: round(up, var(--_size-25), 1px);--size-50: round(up, var(--_size-50), 1px);--size-100: round(up, var(--_size-100), 1px);--size-200: round(up, var(--_size-200), 1px);--size-300: round(up, var(--_size-300), 1px);--size-400: round(up, var(--_size-400), 1px);--size-500: round(up, var(--_size-500), 1px);--size-600: round(up, var(--_size-600), 1px);--size-100dvh: 100vh;--size-100dvh: 100dvh;--size-1dvh: 1vh;--size-1dvh: 1dvh;--size-100svh: 90vh;--size-100svh: 100svh;--size-1svh: .9vh;--size-1svh: 1svh}}@layer core{:root{font-size:clamp(var(--font-rootSize-min, 16px),var(--font-rootSize-base, 16px),var(--font-rootSize-max, 16px));font-size:clamp(var(--font-rootSize-min, 16px),round(up,var(--font-rootSize-base, 16px),1px),var(--font-rootSize-max, 16px));--_font-size-25: calc(1rem * var(--font-sizeMultiplier-25, .25));--_font-size-50: calc(1rem * var(--font-sizeMultiplier-50, .5));--_font-size-100: calc(1rem * var(--font-sizeMultiplier-100, 1));--_font-size-150: calc(1rem * var(--font-sizeMultiplier-150, 1.5));--_font-size-200: calc(1rem * var(--font-sizeMultiplier-200, 2));--_font-size-250: calc(1rem * var(--font-sizeMultiplier-250, 2.5));--_font-size-300: calc(1rem * var(--font-sizeMultiplier-300, 3));--_font-size-350: calc(1rem * var(--font-sizeMultiplier-350, 3.5));--_font-size-400: calc(1rem * var(--font-sizeMultiplier-400, 4));--_font-size-450: calc(1rem * var(--font-sizeMultiplier-450, 4.5));--_font-size-500: calc(1rem * var(--font-sizeMultiplier-500, 5));--font-size-25: var(--_font-size-25);--font-size-50: var(--_font-size-50);--font-size-100: var(--_font-size-100);--font-size-150: var(--_font-size-150);--font-size-200: var(--_font-size-200);--font-size-250: var(--_font-size-250);--font-size-300: var(--_font-size-300);--font-size-350: var(--_font-size-350);--font-size-400: var(--_font-size-400);--font-size-450: var(--_font-size-450);--font-size-500: var(--_font-size-500);--font-size-25: round(up, var(--_font-size-25), 1px);--font-size-50: round(up, var(--_font-size-50), 1px);--font-size-100: round(up, var(--_font-size-100), 1px);--font-size-150: round(up, var(--_font-size-150), 1px);--font-size-200: round(up, var(--_font-size-200), 1px);--font-size-250: round(up, var(--_font-size-250), 1px);--font-size-300: round(up, var(--_font-size-300), 1px);--font-size-350: round(up, var(--_font-size-350), 1px);--font-size-400: round(up, var(--_font-size-400), 1px)}}:root{--page-paddingInline: var(--layout-space-200);--pageHeader-paddingTop: var(--layout-space-200);--pageHeader-paddingBottom: var(--layout-space-50);--pageHeader-approxLogoHeight: calc(var(--font-size-100) * 2);--pageHeader-height: calc( var(--pageHeader-paddingTop) + var(--pageHeader-paddingBottom) + var(--pageHeader-approxLogoHeight) );--pageMain-paddingTop: var(--layout-space-300);--pageMain-paddingBottom: var(--layout-space-500);--pageContent-width-max: 2000px;--pageContent-width-100: 100%;--section-paddingInline-50: var(--layout-space-100);--section-paddingInline-100: var(--layout-space-200);--section-paddingInline-200: var(--layout-space-300);--section-paddingInline-300: var(--layout-space-400);--section-paddingBlock-100: var(--layout-space-200);--section-paddingBlock-200: var(--layout-space-300);--section-paddingBlock-300: var(--layout-space-400);--section-gap-100: var(--layout-space-200);--content-gap-100: var(--layout-space-200);--borderRadius-50: .3em;--borderRadius-100: .4em;--color-main-0: black;--color-main-999: white;--color-1-100: #eaff00;--media-aspectRatio-wide-100: 1.33;--media-aspectRatio-tall-100: .75;--font-NeueCompton-adjustAlignment-top: -.15em;--font-NeueCompton-adjustAlignment-left: -.08em;--font-rootSize-min: 10px;--font-rootSize-max: 40px;--font-rootSize-multiplier: .8;--font-rootSize-base-raw: calc( min(1vw, var(--pageContent-width-max) / 100) * var(--font-rootSize-multiplier) + 1px );--font-rootSize-base: var(--font-rootSize-base-raw);--font-sizeMultiplier-25: .8;--font-sizeMultiplier-50: 1;--font-sizeMultiplier-100: 1.3;--font-sizeMultiplier-200: 2.8;--font-sizeMultiplier-300: 5.6;--font-sizeMultiplier-400: 7.8;--font-weight-50: 200;--font-weight-100: 400;--font-weight-200: 600;--layout-space-25: var(--size-25);--layout-space-50: var(--size-50);--layout-space-100: var(--size-100);--layout-space-200: var(--size-200);--layout-space-300: var(--size-300);--layout-space-400: var(--size-400);--layout-space-500: var(--size-500);--layout-space-600: var(--size-600);--line-width-25: .1rem;--line-width-50: .12rem;--line-width-100: .2rem;--line-width-200: .25rem;--ms-xl: 1.5s;--ms-l: .6s;--ms-m: .3s;--ms-s: .1s;--size-base: 1rem;--sizeMultiplier-25: .4;--sizeMultiplier-50: .6;--sizeMultiplier-100: 1;--sizeMultiplier-200: 2;--sizeMultiplier-300: 3;--sizeMultiplier-400: 6;--sizeMultiplier-500: 18;--sizeMultiplier-600: 24;--text-lineHeight-50: .8;--text-lineHeight-100: 1;--text-width-50: 30ch;--text-width-100: 37ch;--z-front: 100;--z-midFront: 75;--z-center: 50;--z-midBack: 25;--z-back: 0}@media(width<=__vw100){:root{--font-rootSize-multiplier: 1}}@media(width<=__vw50){:root{--page-paddingInline: var(--layout-space-100);--pageHeader-paddingTop: var(--layout-space-100);--font-sizeMultiplier-25: .8;--font-sizeMultiplier-50: 1.4;--font-sizeMultiplier-100: 2;--font-sizeMultiplier-200: 2.4;--font-sizeMultiplier-300: 5;--font-sizeMultiplier-400: 6}}@media(width<=__vw25){:root{--page-paddingInline: var(--layout-space-50);--pageHeader-approxLogoHeight: calc(var(--font-size-50) * 2);--font-sizeMultiplier-25: .8;--font-sizeMultiplier-50: 1.4;--font-sizeMultiplier-100: 2;--font-sizeMultiplier-200: 2.4;--font-sizeMultiplier-300: 3;--font-sizeMultiplier-400: 4}}:root{font-family:NeueCampton,sans-serif;font-weight:400;font-style:normal}@font-face{font-family:NeueCampton;font-weight:400;src:url(/assets/fonts/NeueCampton-Regular.woff) format("woff")}@font-face{font-family:NeueCampton;font-weight:500;src:url(/assets/fonts/NeueCampton-Medium.woff) format("woff")}body{font-size:var(--font-size-100);color:var(--color-main-0);line-height:var(--text-lineHeight-100);font-weight:500}h1,h2,h3,h4,h5{font-weight:inherit}[data-as-site]{height:100%;overflow-y:auto}[data-as-page]{display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer";height:auto;min-height:100vh;min-height:100svh;>*{min-height:0;min-width:0}>header{grid-area:header;z-index:100;isolation:isolate}>main{grid-area:main;z-index:50;margin-top:var(--pageHeader-height);>*{padding-inline:var(--page-paddingInline)}}&:has(.pageHero)>main{margin-top:0}>footer{grid-area:footer;z-index:25;isolation:isolate}}[data-as-richtext] a,[data-as-link]{width:fit-content;&:hover{text-decoration:underline}}[data-as-pill]{display:inline-block;border:1px solid currentColor;padding:.2em}[data-as-richtext]{font-size:var(--font-size-200);line-height:var(--text-lineHeight-100);h2{font-size:var(--font-size-50);font-weight:400}>*{max-width:var(--text-width-100)}}[data-as-text] [data-as-richtext]{line-height:inherit;font-size:inherit}[data-as-icon]{---icon-size: var(--icon-size, 1em);width:var(---icon-size);height:var(---icon-size)}[data-as-text~="50"]{font-size:var(--font-size-50);line-height:1.2}[data-as-text~="100"]{font-size:var(--font-size-100)}[data-as-text~="200"]{font-size:var(--font-size-200)}[data-as-text~="300"]{font-size:var(--font-size-300)}[data-as-text~="400"]{font-size:var(--font-size-400)}[data-as-text~="500"]{font-size:var(--font-size-500)}[data-as-category]{---color-01: hsl(0 100% 50%);---color-02: hsl(10 100% 50%);---color-03: hsl(20 100% 50%);---color-04: hsl(30 100% 50%);---color-05: hsl(40 100% 50%);---color-06: hsl(50 100% 50%);---color-07: hsl(60 100% 50%);---color-08: hsl(70 100% 50%);---color-09: hsl(80 100% 50%);---color-10: hsl(90 100% 50%);---color-11: hsl(100 100% 50%);---color-12: hsl(110 100% 50%);---color-13: hsl(120 100% 50%);---color-14: hsl(130 100% 50%);---color-15: hsl(140 100% 50%);---color-16: hsl(150 100% 50%);---color-17: hsl(160 100% 50%);---color-18: hsl(170 100% 50%);---color-19: hsl(180 100% 50%);---color-20: hsl(190 100% 50%);---color-21: hsl(200 100% 50%);---color-22: hsl(210 100% 50%);---color-23: hsl(220 100% 50%);---color-24: hsl(230 100% 50%);---color-25: hsl(240 100% 50%);---color-26: hsl(250 100% 50%);---color-27: hsl(260 100% 50%);---color-28: hsl(270 100% 50%);---color-29: hsl(280 100% 50%);---color-30: hsl(290 100% 50%);---color-31: hsl(300 100% 50%);---color-32: hsl(310 100% 50%);---color-33: hsl(320 100% 50%);---color-34: hsl(330 100% 50%);---color-35: hsl(340 100% 50%);---color-36: hsl(350 100% 50%);---color: var(---color-01);--color-tag-fg: hsl(from var(---color) h 100% 40%);--color-tag-bg: hsl(from var(---color) h 100% 100%);color:var(--color-tag-fg)}[data-as-category=format]{---color: var(---color-15)}[data-as-category=design]{---color: var(---color-34)}[data-as-category=element]{---color: var(---color-22)}[data-as-category=attribute]{---color: var(---color-05)}[data-as-text-switch]{---color-bg-inactive: var(--color-bg-inactive, black);---color-bg-active: var(--color-bg-active, white);---color-fg-inactive: var(--color-fg-inactive, white);---color-fg-active: var(--color-fg-active, black);background-color:var(---color-bg-inactive);color:var(---color-fg-inactive);width:fit-content;position:relative;white-space:no-wrap;border:1px solid var(---color-bg-active)}[data-as-text-switch] input{position:absolute;width:0;height:0;user-select:none;pointer-events:none;opacity:0}[data-as-text-switch] label{display:flex;*{padding:.2em}}[data-as-text-switch] :where(.off,.on){user-select:none}[data-as-text-switch] .on{background-color:var(---color-bg-inactive);color:var(---color-fg-inactive)}[data-as-text-switch] .off{background-color:var(---color-bg-active);color:var(---color-fg-active)}[data-as-text-switch]:has(input:checked) .off{background-color:var(---color-bg-inactive);color:var(---color-fg-inactive)}[data-as-text-switch]:has(input:checked) .on{background-color:var(---color-bg-active);color:var(---color-fg-active)}[data-as-text-toggle]{---color-bg-inactive: var(--color-bg-inactive, black);---color-bg-active: var(--color-bg-active, white);---color-fg-inactive: var(--color-fg-inactive, white);---color-fg-active: var(--color-fg-active, black);background-color:var(---color-bg-inactive);color:var(---color-fg-inactive);width:fit-content;padding:.1em;position:relative;white-space:no-wrap}[data-as-text-toggle] input{position:absolute;width:0;height:0;user-select:none;pointer-events:none;opacity:0}[data-as-text-toggle]:has(input:checked){background-color:var(---color-bg-active);color:var(---color-fg-active)}wbc-website-gallery-filter[data-astro-cid-x3rcqf3x]{display:contents}.websiteGallery-filter[data-astro-cid-x3rcqf3x]{--color-background: black;--color-foreground: white;background-color:var(--color-background);color:var(--color-foreground);position:sticky;top:var(--layout-space-100);height:auto;width:100%;isolation:isolate;z-index:10}.websiteGallery-filter-header[data-astro-cid-x3rcqf3x]{padding-inline:var(--layout-space-200);padding-block:var(--layout-space-50)}.websiteGallery-filter-content[data-astro-cid-x3rcqf3x]{display:flex;flex-direction:column;gap:var(--layout-space-100);height:auto;width:100%;position:absolute;background-color:#000;color:#fff;padding:var(--layout-space-200)}.websiteGallery-filter-listCategories[data-astro-cid-x3rcqf3x]{display:flex;flex-wrap:wrap;gap:var(--layout-space-100) 0;width:100%}.websiteGallery-filter-category[data-astro-cid-x3rcqf3x]{flex:1;>*{padding:var(--size-100)}h3{color:var(---color);border-bottom:1px solid var(--color-foreground)}}.websiteGallery-filter-listTags[data-astro-cid-x3rcqf3x]{display:flex;flex-direction:column;gap:.5em}.websiteGallery-filter-tag[data-astro-cid-x3rcqf3x]{white-space:nowrap}.websiteGallery-filter-listSettings[data-astro-cid-x3rcqf3x]{border-top:1px solid var(--color-foreground);padding-top:var(--layout-space-100)}.websiteGallery-filter-setting[data-astro-cid-x3rcqf3x]{display:flex;gap:var(--layout-space-100);align-items:baseline}.websiteGallery-video[data-astro-cid-cccf7ala]{position:relative;display:block;display:flex;flex-direction:column;gap:0em;isolation:isolate;transition-property:opacity,filter;transition-duration:var(--ms-s);transition-timing-function:ease-in-out;---slider-lineWidth: .1em;---slider-handleSize: calc(var(---slider-lineWidth) * 4);---slider-color: var(--slider-color, black)}video[data-astro-cid-cccf7ala]{width:100%;aspect-ratio:1.33;object-position:left bottom;cursor:pointer}.websiteGallery-video[data-astro-cid-cccf7ala][data-is-playing=false]{opacity:.2;filter:grayscale(1)}.websiteGallery-video-slider[data-astro-cid-cccf7ala]{position:relative;height:1em;display:flex;cursor:pointer;opacity:.2;transition:opacity var(--ms-m);&[data-astro-cid-cccf7ala]:before{content:"";position:absolute;top:0;bottom:0;left:0;margin-block:auto;width:100%;height:var(---slider-lineWidth);transition:transform var(--ms-m);background-color:var(---slider-color)}}.websiteGallery-video-slider-handle[data-astro-cid-cccf7ala]{position:absolute;top:50%;left:0;width:var(---slider-handleSize);height:var(---slider-handleSize);background:var(---slider-color);transform:translate(-50%,-50%) rotate(45deg);cursor:grab;transition:transform var(--ms-m),left var(--ms-m) linear}.websiteGallery-video-slider[data-astro-cid-cccf7ala]:hover{opacity:1;.websiteGallery-video-slider-handle{transform:translate(-50%,-50%) scale(1.6) rotate(45deg)}}.websiteGallery-video-slider-handle[data-astro-cid-cccf7ala]:active{cursor:grabbing}.websiteGallery[data-astro-cid-6w5zco77]{display:flex;flex-wrap:wrap;padding-block:10vh;background:#dcdcdc;min-height:100svh;padding:var(--layout-space-300);position:relative}.websiteGallery-grid[data-astro-cid-6w5zco77]{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));grid-auto-rows:auto;gap:var(--layout-space-400)}.websiteGallery-item[data-astro-cid-6w5zco77]{width:100%;height:auto;position:relative;display:flex;flex-direction:column;gap:1em}.websiteGallery[data-astro-cid-6w5zco77]:has(wbc-website-gallery-filter[data-is-active=true]){.websiteGallery-item[data-fullfills-filter=false]{display:none}}.websiteGallery-item-header[data-astro-cid-6w5zco77]{display:flex;gap:.5em;align-items:baseline;font-size:var(--font-size-50);h3{font-size:var(--font-size-100)}}.websiteGallery-item-videoContainer[data-astro-cid-6w5zco77]{width:100%}.websiteGallery-item-tags[data-astro-cid-6w5zco77]{display:flex;flex-wrap:wrap;gap:.5em .5em;font-size:var(--font-size-50);font-weight:600;>li{border-width:2px}}video[data-astro-cid-j7pv25f6]{border:10px solid black;width:800px}