@layer reset,tokens,poster,parts,not-found,motion;@property --bft{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ms{syntax: "<number>"; inherits: true; initial-value: 0;}@property --wdth{syntax: "<number>"; inherits: true; initial-value: 100;}@property --pulse{syntax: "<number>"; inherits: false; initial-value: 0;}@property --hover{syntax: "<number>"; inherits: false; initial-value: 0;}@property --ms-i{syntax: "<integer>"; inherits: false; initial-value: 0;}@property --reveal{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --name-max-h{syntax: "<length>"; inherits: true; initial-value: 0px;}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@layer tokens{:root{--paper: #f2efe6;--blue: #2743ff;--orange: #ff5a2a;--orange-text: #d3471f;--ink: #271a2c;--display: "Roboto Flex", system-ui, sans-serif;--serif: "Fraunces", Georgia, serif;--mono: "Martian Mono", ui-monospace, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--ease-wind: cubic-bezier(.65, 0, .35, 1);--spring: linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017 20.3%, 1.043 24.8%, 1.035 28.1%, .998 36.3%, .992 42.1%, 1.001 61.3%, 1);background:var(--paper);color:var(--blue)}}@layer poster{.stage{position:fixed;inset:0;container:stage / size}.poster{--m: clamp(16px, 3.2cqmin, 44px);--gut: clamp(10px, 1.6cqmin, 24px);--mono-size: clamp(11px, .8cqmin + 5px, 16px);--name-max-h: 44cqh;position:relative;width:100cqw;height:100cqh;padding:calc(var(--m) + 10px) var(--m) var(--m);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"meta meta meta meta meta meta meta meta read read read read" "tag  tag  tag  tag  tag  .    .    .    read read read read" "name name name name name name name name name name name name" "foot foot foot foot foot foot foot foot foot foot foot foot";column-gap:var(--gut);row-gap:clamp(12px,2.2cqmin,30px);overflow:clip;background:var(--paper);touch-action:none}.poster:before{content:"";position:absolute;top:calc(var(--m) + 10px);left:var(--m);right:var(--m);border-top:1.5px solid var(--blue);z-index:2;pointer-events:none}@container stage (orientation: portrait){.poster{--name-max-h: 26cqh;grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-areas:"meta meta meta meta meta meta read read read read read read" ".    .    .    .    .    .    read read read read read read" "tag  tag  tag  tag  tag  tag  tag  tag  tag  tag  tag  .   " "name name name name name name name name name name name name" "foot foot foot foot foot foot foot foot foot foot foot foot"}}.poster>:where(header,p,section,h1,footer){position:relative;z-index:2}.meta{grid-area:meta}.tagline{grid-area:tag;align-self:end}.readout{grid-area:read;align-self:start}.name{grid-area:name}.foot{grid-area:foot}@media(max-width:900px){body{overflow-x:hidden;overflow-y:auto}.stage{position:relative;inset:auto;min-height:100vh;min-height:100dvh;container:stage / inline-size}}@container stage (max-width: 900px){.poster{--m: clamp(20px, 5.5cqw, 36px);--mono-size: clamp(11px, 2.8cqw, 13px);--name-max-h: clamp(112px, 39cqw, 190px);width:100%;height:auto;min-height:100vh;min-height:100dvh;padding:calc(var(--m) + 10px) var(--m) calc(var(--m) + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:auto auto minmax(auto,1fr) auto auto;grid-template-areas:"meta read" "name name" "art  art" "tag  tag" "foot foot";column-gap:8px;row-gap:0;align-content:stretch;overflow:clip;touch-action:auto}.meta{grid-area:meta}.readout{grid-area:read}.name{grid-area:name;margin-top:clamp(24px,7cqw,52px)}.venn{grid-area:art}.tagline{grid-area:tag;margin-top:24px}.foot{grid-area:foot;align-self:end;margin-top:clamp(32px,8cqw,56px)}}}@layer parts{.flow{position:absolute;inset:0;width:100%;height:100%;z-index:0;mix-blend-mode:multiply;pointer-events:none}.venn{position:absolute;z-index:1;pointer-events:none;width:min(64cqw,92cqh);aspect-ratio:1.45;left:58%;top:42%;translate:-50% -50%;isolation:isolate;mix-blend-mode:multiply}@container stage (orientation: portrait){.venn{width:88cqw;left:54%;top:43%}}.disc{position:absolute;left:50%;top:50%;width:60.69%;aspect-ratio:1;margin:-30.345% 0 0 -30.345%;translate:calc(var(--side) * var(--sep, 28) * 1%) 0;transition:translate var(--wdur, 1.4s) var(--ease-wind) var(--wdelay, 0s);mix-blend-mode:multiply}.disc--a{--side: -1}.disc--b{--side: 1}.disc__sway,.disc svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.disc__sway,.disc__ring{will-change:transform}.venn__reg{position:absolute;left:50%;top:50%;width:7.2%;aspect-ratio:1;translate:-50% -50%;overflow:visible}.venn .ring-text{font-family:var(--mono);font-size:25px;font-weight:600;font-variation-settings:"wdth" 112.5;letter-spacing:.08em;fill:var(--paper);dominant-baseline:central}.grain{position:absolute;inset:0;z-index:10;pointer-events:none;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .96  0 0 0 0 .95  0 0 0 0 .91  0 0 0 -7 4.4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .15  0 0 0 0 .12  0 0 0 0 .2  0 0 0 -4.5 1.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.38}.meta{display:grid;grid-template-columns:subgrid;font:500 var(--mono-size) / 1.35 var(--mono);text-transform:uppercase;letter-spacing:.02em;padding-top:calc(.9em + 1.5px)}.meta>*{grid-column:1 / -1}.meta a:is(:hover,:focus-visible){color:var(--orange)}.tagline{font-family:var(--serif);font-size:clamp(26px,4cqmin + 7px,72px);line-height:1.02;letter-spacing:-.02em;font-variation-settings:"opsz" 144,"wght" 330,"SOFT" 100,"WONK" 0;text-wrap:balance;max-width:14ch}.tagline em{font-style:italic;font-variation-settings:"opsz" 144,"wght" 460,"SOFT" 0,"WONK" 1}.tagline em:last-of-type{color:var(--orange);mix-blend-mode:multiply}.readout{--intensity: calc(var(--bft) / 12);justify-self:end;width:min(100%,32em);font:500 var(--mono-size) / 1.35 var(--mono);text-transform:uppercase;letter-spacing:.02em;display:grid;gap:.9em;contain:layout style;transition:--bft var(--wdur, 1.4s) var(--ease-wind) var(--wdelay, 0s),--ms var(--wdur, 1.4s) var(--ease-wind) var(--wdelay, 0s)}.readout[hidden]{display:none}@container stage (min-width: 901px) and (max-width: 1250px){.readout{grid-column:7 / -1}}@container stage (orientation: landscape){.readout{gap:.3em}}.readout__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4em 1em;padding-top:calc(.9em + 1.5px);padding-bottom:.7em;border-bottom:1.5px solid currentColor}.readout__body{display:flex;align-items:end;justify-content:space-between;gap:1em}.readout__unit{writing-mode:sideways-lr;font-weight:700;letter-spacing:.18em}.unit--short{display:none}@supports not (writing-mode: sideways-lr){.readout__unit{writing-mode:vertical-rl;rotate:180deg}}.dial{--size: clamp(90px, 26cqh, 320px);font-family:var(--display);font-size:var(--size);height:1cap;padding-inline-end:.019em;overflow:clip;color:var(--orange);mix-blend-mode:multiply;font-variation-settings:"opsz" 144,"wght" calc(140 + 860 * var(--intensity)),"wdth" calc(25 + 65 * var(--intensity)),"GRAD" 0;letter-spacing:-.04em;font-variant-numeric:tabular-nums}@container stage (orientation: portrait){.dial{--size: clamp(72px, 26cqw, 220px)}}.dial__col{display:flex;flex-direction:column;align-items:flex-end;gap:.12em;translate:0 calc(var(--bft) * (-1cap - .12em))}.dial__col span{display:block;height:1cap;line-height:1;text-box:trim-both cap alphabetic}.readout__label{display:grid;justify-items:end;font-family:var(--serif);font-style:italic;text-transform:none;letter-spacing:-.01em;font-size:clamp(23px,2.9cqmin + 7px,50px);line-height:1;font-variation-settings:"opsz" 144,"wght" calc(250 + 600 * var(--intensity)),"SOFT" 0,"WONK" 1}.readout__label>span{--distance: max(var(--bft) - var(--force), var(--force) - var(--bft));grid-area:1 / 1;white-space:nowrap;opacity:clamp(0,1 - var(--distance) * 1.8,1);translate:calc((var(--force) - var(--bft)) * var(--wx, 1) * .6em) 0}.readout__row{display:flex;gap:1.2em;justify-content:flex-end;align-items:center}.arrow{display:inline-block;width:1em;text-align:center;font-family:var(--display);font-size:1.6em;line-height:1;font-variation-settings:"wght" 700;rotate:calc(var(--dir, 250deg) + 90deg);color:var(--orange)}.arrow>span{display:block;will-change:transform}[data-slot=speed]{--ms-i: round(nearest, var(--ms), 1);counter-reset:ms-i var(--ms-i);font-variant-numeric:tabular-nums}[data-slot=speed]:after{content:counter(ms-i) " m/s"}.scale{display:grid;grid-template-columns:repeat(13,1fr);gap:3px;height:2.6em}.scale button{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.scale button:before,.scale button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(18% + var(--force) * 6.8%)}.scale button:before{border:1.2px solid var(--blue)}.scale button:after{background:var(--orange);mix-blend-mode:multiply;transform-origin:bottom;scale:1 clamp(0,var(--bft) - var(--force) + 1,1)}.scale button:is(:hover,:focus-visible):before{border-color:var(--orange);background:#ff5a2a22}.scale button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.name{--intensity: calc(var(--bft) / 12);--mis: calc((.008 + var(--intensity) * .06) * 1em);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;align-self:end;gap:calc(var(--fs0, 100px) * .07);block-size:var(--name-max-h);contain:size layout style;font-family:var(--display);font-weight:400;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none;color:var(--blue);transition:--bft var(--wdur, 1.4s) var(--ease-wind) var(--wdelay, 0s),--wdth .9s var(--ease-out)}.name:not(.is-enhanced){font-size:clamp(64px,12cqmin,180px);white-space:normal;line-height:.9}.line{display:flex;align-items:flex-end;width:max-content;font-size:var(--fs, 100px);transition:font-size .9s var(--ease-out)}.name.is-measuring,.name.is-measuring .line{transition:none}.l{--u: calc(var(--mid) + (var(--x) - var(--mid)) * var(--sx, 1));--weight: calc(560 + 360 * var(--intensity) + var(--pulse) * (160 + 240 * var(--intensity)) + var(--hover) * 160);display:block;font-variation-settings:"opsz" 144,"wght" clamp(100,var(--weight),1000),"wdth" clamp(25,var(--wdth) - (var(--weight) - 600) * .05 - var(--hover) * 8,151),"GRAD" calc(var(--hover) * 150),"XTRA" 468;transform:skew(calc(var(--wx, 1) * -1deg * (var(--bft) * .8 + var(--pulse) * 6)));transform-origin:50% 100%;transition:--hover .9s var(--ease-out)}.g{position:relative;display:block;line-height:.711;mix-blend-mode:multiply;will-change:transform}.g:after{content:attr(data-c);position:absolute;inset:0;line-height:inherit;color:var(--orange);mix-blend-mode:multiply;translate:calc(var(--wx, 1) * var(--mis)) calc(var(--wy, 0) * var(--mis) * .6 + .015em)}@supports (text-box: trim-both cap alphabetic){.g,.g:after{line-height:1;text-box:trim-both cap alphabetic}}.l:hover{--hover: 1;transition-duration:.35s}.l:hover+.l,.l:has(+.l:hover){--hover: .5;transition-duration:.45s}.l:hover+.l+.l,.l:has(+.l+.l:hover){--hover: .18}.line>.particle{align-self:stretch;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-size:.36em;line-height:1;font-variation-settings:"opsz" 144,"wght" 380,"SOFT" 0,"WONK" 1;writing-mode:sideways-lr;margin-inline-end:.12em;letter-spacing:-.01em}@supports not (writing-mode: sideways-lr){.line>.particle{writing-mode:vertical-rl;rotate:180deg}}.foot{display:flex;justify-content:space-between;align-items:center;gap:1em;padding-top:.9em;border-top:1.5px solid var(--blue);font:500 var(--mono-size) / 1.2 var(--mono);text-transform:uppercase}.links{flex:1;display:flex;flex-wrap:wrap;gap:.4em 2.2em}.wind-source{flex:0 0 auto;font-size:.8em;text-transform:none;opacity:.65}.wind-source[hidden]{display:none}.weather-credit:hover{text-decoration:underline}.weather-credit[hidden],[data-slot=source]:empty{display:none}[data-slot=source]{color:var(--orange)}.links a{position:relative;display:inline-flex;gap:.45em;align-items:baseline;font-variation-settings:"wdth" 75,"wght" 500;letter-spacing:.02em;transition:font-variation-settings .45s var(--ease-out),color .3s;outline:none}.links a:before{content:"";position:absolute;inset:-.35em -.5em;background:var(--orange);mix-blend-mode:multiply;scale:0 1;transform-origin:left;transition:scale .45s var(--ease-out);z-index:-1}.links a:is(:hover,:focus-visible){font-variation-settings:"wdth" 75,"wght" 800}.links a:is(:hover,:focus-visible):before{scale:1 1}.links a span{display:inline-block;transition:translate .45s var(--ease-out)}.links a:is(:hover,:focus-visible) span{translate:.2em -.2em}.swatches{flex:1;display:flex;justify-content:flex-end;gap:6px;align-items:center}.swatches>span{display:block;width:1.1em;height:1.1em;mix-blend-mode:multiply}.swatches>span:first-child{background:var(--blue)}.swatches>span:nth-child(2){background:var(--orange)}.swatches>.over{background:var(--ink)}.reg{width:1.5em;height:1.5em;margin-inline-start:.6em;border-radius:50%;border:1.2px solid var(--ink);background:linear-gradient(var(--ink),var(--ink)) center / 1.2px 100% no-repeat,linear-gradient(var(--ink),var(--ink)) center / 100% 1.2px no-repeat}.crop{position:absolute;width:14px;height:14px;z-index:3;pointer-events:none}.crop:before,.crop:after{content:"";position:absolute;background:var(--ink)}.crop:before{width:100%;height:1px;top:0}.crop:after{width:1px;height:100%;left:0}.crop--tl{top:7px;left:7px}.crop--tr{top:7px;right:7px;scale:-1 1}.crop--bl{bottom:7px;left:7px;scale:1 -1}.crop--br{bottom:7px;right:7px;scale:-1 -1}@container stage (max-width: 900px){.meta{line-height:1.45}.venn{position:relative;left:auto;top:auto;translate:none;justify-self:center;margin-top:16px;width:min(100%,580px);min-height:clamp(180px,46cqw,260px);aspect-ratio:auto;overflow:hidden;isolation:isolate;mix-blend-mode:normal;border-block:1px solid var(--blue)}.disc{translate:calc(var(--side) * var(--sep, 28) * 1%) calc(var(--side) * 14%)}.readout{justify-self:end;width:auto;display:block;padding-top:calc(.9em + 1.5px)}.readout__head,.readout__label,.readout__row,.scale{display:none}.readout__body{flex-direction:row-reverse;align-items:baseline;gap:.35em}.readout__unit{writing-mode:horizontal-tb;rotate:0;letter-spacing:.08em}.unit--full{display:none}.unit--short{display:inline}.dial{--size: clamp(58px, 19cqw, 86px)}.name{justify-content:flex-end}.tagline{align-self:start;max-width:none;font-size:clamp(30px,10cqw,64px);line-height:1.07}.foot{flex-direction:column;align-items:flex-start;gap:0}.links{gap:.8em 1.5em}.wind-source{margin-top:14px;font-size:.9em}.swatches{display:none}}}@layer not-found{.not-found-page{overflow:auto}.not-found{position:relative;min-height:100vh;min-height:100svh;padding:clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column}.not-found__meta,.not-found__foot{font:500 clamp(.875rem,1vw,1rem) / 1.5 var(--mono);text-transform:uppercase;letter-spacing:.02em}.not-found__meta{border-top:1.5px solid currentColor;padding-top:1rem}.not-found__message{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:3rem}.not-found__code{font:800 min(29vw,22.5rem) / .85 var(--display);letter-spacing:-.09em;color:var(--orange-text)}.not-found__message h1{margin:2rem 0 .75rem;font:400 clamp(2rem,5vw,4.5rem) / 1.05 var(--serif)}.not-found__foot{border-top:1.5px solid currentColor;padding-top:1rem}.not-found__foot a{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:.25em}.not-found__foot a:hover{text-decoration-thickness:2px}.not-found__foot a:focus-visible{outline:2px solid currentColor;outline-offset:5px}@media(prefers-contrast:more),(forced-colors:active){.not-found .grain{display:none}}}@layer motion{.intro-pending .poster:not(.is-ready) :is(.meta,.name,.tagline,.readout,.links,.wind-source){opacity:0}.g{animation:flutter 2.6s ease-in-out infinite;animation-delay:calc((var(--u) - 40) * .32s - var(--line) * .9s)}@keyframes flutter{0%,to{transform:none}30%{transform:translate(calc(var(--wx, 1) * var(--amp, .02) * .5em),calc(var(--amp, .02) * -.7em)) skew(calc(var(--wx, 1) * var(--amp, .02) * -45deg))}65%{transform:translate(calc(var(--wx, 1) * var(--amp, .02) * -.2em),calc(var(--amp, .02) * .25em)) skew(calc(var(--wx, 1) * var(--amp, .02) * 18deg))}}.disc__sway{animation:sway 3.9s ease-in-out infinite alternate}.disc--b .disc__sway{animation-duration:4.5s;animation-delay:-2s}@keyframes sway{0%{translate:0 calc(var(--sway, 1.4) * -1%)}to{translate:0 calc(var(--sway, 1.4) * 1%)}}.disc__ring{animation:spin 120s linear infinite}.disc--b .disc__ring{animation-name:spin-rev;animation-duration:150s}@keyframes spin{to{rotate:360deg}}@keyframes spin-rev{to{rotate:-360deg}}.arrow>span{animation:wobble 2.1s ease-in-out infinite}@keyframes wobble{0%,to{rotate:calc(var(--wob, 3) * -1deg)}50%{rotate:calc(var(--wob, 3) * 1deg)}}.intro-ready .poster.is-ready .name:not(.gust-a,.gust-b) .l{animation:blow-in 1.5s var(--ease-back) calc(.25s + var(--line) * .22s + var(--u) * .07s + var(--seed) * .1s) backwards}@keyframes blow-in{0%{translate:calc(var(--wx, 1) * -1em * (2.6 + var(--seed) * 3)) calc((var(--wy, 0) * -1.2 + var(--lift)) * 1em);rotate:calc(var(--rot) * 1deg);opacity:0}25%{opacity:1}}.name.gust-a .l{animation:pulse-a 1.3s ease-in-out calc(var(--u) * 70ms + var(--line) * .14s)}.name.gust-b .l{animation:pulse-b 1.3s ease-in-out calc(var(--u) * 70ms + var(--line) * .14s)}@keyframes pulse-a{0%,to{--pulse: 0}35%{--pulse: 1}}@keyframes pulse-b{0%,to{--pulse: 0}35%{--pulse: 1}}.intro-ready .poster.is-ready .particle{animation:fade .5s linear 1.2s backwards}@keyframes fade{0%{opacity:0}}.intro-ready .poster.is-ready .disc{animation:disc-in 1.8s var(--ease-out) .4s backwards}.intro-ready .poster.is-ready .venn__reg{animation:disc-in 1.4s var(--spring) 1s backwards}@keyframes disc-in{0%{opacity:0;scale:.6}}.intro-ready .poster.is-ready .readout{animation:rise 1.1s var(--ease-out) .5s backwards}@keyframes rise{0%{opacity:0;translate:0 1em}}.intro-ready .poster.is-ready :is(.meta,.links) .reveal{animation:rise 1.1s var(--ease-out) var(--delay, 0s) backwards}.intro-ready .poster.is-ready .tagline.reveal{-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--reveal) - 12%),transparent var(--reveal));mask-image:linear-gradient(90deg,#000 calc(var(--reveal) - 12%),transparent var(--reveal));animation:wipe 1.6s var(--ease-out) var(--delay, 0s) both}@keyframes wipe{0%{--reveal: 0%}to{--reveal: 112%}}.crop{animation:crop .8s var(--spring) both}@keyframes crop{0%{opacity:0;transform:scale(3)}}@media(prefers-reduced-motion:reduce){:root:not(.force-motion) :is(.poster,.poster *){animation:none!important;transition:none!important}}}
