@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/fraunces-latin-standard-normal.woff2)format(woff2);unicode-range:U0-0FF,U131,U152-153,U2BB-02BC,U2C6,U2DA,U2DC,U304,U308,U329,U2000-206F,U2074,U20AC,U2122,U2191,U2193,U2212,U2215,U + FEFF,U + FFFD}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(/static/fonts/fraunces-latin-standard-italic.woff2)format(woff2);unicode-range:U0-0FF,U131,U152-153,U2BB-02BC,U2C6,U2DA,U2DC,U304,U308,U329,U2000-206F,U2074,U20AC,U2122,U2191,U2193,U2212,U2215,U + FEFF,U + FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/hanken-grotesk-latin-wght-normal.woff2)format(woff2);unicode-range:U0-0FF,U131,U152-153,U2BB-02BC,U2C6,U2DA,U2DC,U304,U308,U329,U2000-206F,U2074,U20AC,U2122,U2191,U2193,U2212,U2215,U + FEFF,U + FFFD}@property --accent{syntax:"<color>";inherits:true;initial-value:#8b97a3}:root{--font-display:"Fraunces",Georgia,"Times New Roman",serif;--font-meta:"Hanken Grotesk",system-ui,-apple-system,sans-serif;--ink:#f7f3ec;--ink-dim:#f7f3ecc7;--hairline:#f7f3ec47;--root:clamp(15px,.85vw + .85vh,56px);--accent:#8b97a3;--bg-top:#16191f;--bg-deep:#0b0d11;--fx-opacity:.05;--haze:.04}*,*:before,*:after{box-sizing:border-box;margin:0}html,body{block-size:100%}html{font-size:var(--root)}body{color:var(--ink);font-family:var(--font-meta);background-color:var(--bg-deep);background-image:radial-gradient(125% 95% at 50% 0%,color-mix(in srgb,var(--accent)24%,transparent),transparent 58%),linear-gradient(180deg,var(--bg-top)0%,var(--bg-deep)78%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-attachment:fixed;min-block-size:100%;transition:--accent 1.1s,background-color 1.1s;line-height:1.3}::selection{background:var(--accent);color:#11160f}body[data-aqi="1"]{--accent:#58c97a;--bg-top:#0d251c;--bg-deep:#06120d;--fx-opacity:.06;--haze:.05}body[data-aqi="2"]{--accent:#e6c84f;--bg-top:#241f0c;--bg-deep:#120f06;--fx-opacity:.12;--haze:.09}body[data-aqi="3"]{--accent:#ef9a4d;--bg-top:#271a0c;--bg-deep:#140c05;--fx-opacity:.2;--haze:.14}body[data-aqi="4"]{--accent:#e7625f;--bg-top:#29110f;--bg-deep:#150807;--fx-opacity:.32;--haze:.2}body[data-aqi="5"]{--accent:#a05fc0;--bg-top:#1f1129;--bg-deep:#100815;--fx-opacity:.45;--haze:.26}body[data-aqi="6"]{--accent:#b14a5a;--bg-top:#2a0d13;--bg-deep:#150709;--fx-opacity:.6;--haze:.32}.content{position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(1rem,2.5vmin,2.2rem);block-size:100%;padding:clamp(1.25rem,3.6vmin,4rem)}.content:before{content:"";position:absolute;z-index:0;pointer-events:none;background:radial-gradient(125% 95% at 50% 22%,#0000 44%,#00000080 100%),linear-gradient(#0000004d 0%,#0000 22% 46%,#000000b8 100%);inset:0}.content:after{content:"";position:absolute;z-index:3;pointer-events:none;opacity:.14;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:170px 170px;inset:0}.masthead,.midrow,#aqi-item-list{position:relative;z-index:2}.masthead{display:flex;border-block-end:1px solid var(--hairline);justify-content:space-between;align-items:baseline;gap:1rem;padding-block-end:.85rem}.place{display:inline-flex;font-family:var(--font-display);font-variation-settings:"opsz" 40,"wght" 470;letter-spacing:-.005em;align-items: center;gap:.45em;min-inline-size:0;font-size:1.55rem}.place img{opacity:.82;block-size:auto;inline-size:.82em}.clock{text-transform:uppercase;letter-spacing:.22em;color:var(--ink-dim);white-space:nowrap;font-size:max(12px,.72rem)}.clock-sep{opacity:.6;margin:0 .6em}.midrow{display:flex;justify-content:space-between;align-items: flex-end;gap:2rem}.hero{display:flex;flex-direction:column;align-self: end;gap:.15rem;min-inline-size:0;max-inline-size:34ch}.aqi-condition{display:inline-flex;font-family:var(--font-display);font-variation-settings:"opsz" 144,"wght" 360;color:var(--accent);letter-spacing:-.01em;align-items: center;gap:.5em;font-size:clamp(1.6rem,3.2vw,2.7rem);font-style:italic;line-height:1}.aqi-dot{background:var(--accent);box-shadow:0 0 .6em color-mix(in srgb,var(--accent)70%,transparent);border-radius:50%;flex:none;block-size:.62em;inline-size:.62em}.aqi-readout{display:flex;text-shadow:0 .01em .05em #0000004d;flex-direction:column;align-items: flex-start}#aqi-value{font-family:var(--font-display);font-variation-settings:"opsz" 144,"wght" 300;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:-.045em;font-size:11rem;line-height:.82}#aqi-scale{font-family:var(--font-meta);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);margin-block-start:.35rem;font-size:max(12px,.78rem);font-weight:500}.aqi-advice{font-family:var(--font-display);font-variation-settings:"opsz" 40,"wght" 400;color:var(--ink);max-inline-size:26ch;margin-block-start:.7rem;font-size:clamp(1.05rem,1.5vw,1.5rem);font-style:italic;line-height:1.25}.detail{display:flex;letter-spacing:.03em;color:var(--ink-dim);flex-wrap:wrap;align-items:baseline;gap:.15rem .45em;margin-block-start:.6rem;font-size:.92rem}.detail span{white-space:nowrap}.detail span+span:before{content:"·";opacity:.55;margin-inline-end:.45em}.cta-wrap{text-align:right;flex:none}.upgrade-banner{display:none}.upgrade-banner.visible{display:inline-flex;flex-direction:column;align-items: flex-end;gap:.4rem}.cta-msg{letter-spacing:.015em;color:var(--ink-dim);white-space:nowrap;transition:opacity .45s,transform .45s;font-size:.84rem}.cta-msg.is-out{opacity:0;transform:translateY(-.25em)}.cta-lockup{display:inline-flex;align-items: center;gap:.6em}.cta-logo{filter:drop-shadow(0 .05em .4em #00000073);block-size:1.05rem;inline-size:auto}.cta-url{text-transform:uppercase;letter-spacing:.22em;color:var(--ink-dim);font-size:max(12px,.66rem)}#aqi-item-list{display:flex;border-block-start:1px solid var(--hairline);padding-block-start:.9rem}.aqi-item.dummy-node{display:none}.aqi-item{display:flex;border-inline-start:1px solid var(--hairline);flex-direction:column;flex:1;align-items: flex-start;gap:.5rem;padding-inline-start:1.15rem;padding-inline-end:1.15rem}.aqi-item:first-child{border-inline-start:0;padding-inline-start:0}.aqi-item .item-time{text-transform:uppercase;letter-spacing:.18em;white-space:nowrap;color:var(--ink-dim);font-size:max(12px,.68rem)}.aqi-item .item-aqi{font-family:var(--font-display);font-variation-settings:"opsz" 72,"wght" 400;font-feature-settings:"tnum" 1,"lnum" 1;font-size:1.85rem;line-height:1}.aqi-item[data-aqi="1"] .item-aqi{color:#58c97a}.aqi-item[data-aqi="2"] .item-aqi{color:#e6c84f}.aqi-item[data-aqi="3"] .item-aqi{color:#ef9a4d}.aqi-item[data-aqi="4"] .item-aqi{color:#e7625f}.aqi-item[data-aqi="5"] .item-aqi{color:#a05fc0}.aqi-item[data-aqi="6"] .item-aqi{color:#b14a5a}.aqi-item:first-child .item-time{color:var(--accent)}.air-fx{position:absolute;z-index:1;pointer-events:none;overflow:hidden;inset:0}.air-fx:before{content:"";position:absolute;background:linear-gradient(0deg,color-mix(in srgb,var(--accent)40%,transparent)0%,transparent 55%);opacity:var(--haze);transition:opacity 1.1s;inset:0}.fx-p{position:absolute;top:var(--top,50%);inline-size:calc(var(--s)*4px);block-size:calc(var(--s)*4px);background:var(--accent);filter:blur(.6px);opacity:0;animation:fx-drift calc(var(--t)*26s)linear var(--d)infinite;border-radius:50%;left:50%}.fx-p:first-child{--d:-.3s;--t:1.1;--s:.8;--top:9%;left:3%}.fx-p:nth-child(2){--d:-1.2s;--t:.8;--s:1.1;--top:52%;left:11%}.fx-p:nth-child(3){--d:-.7s;--t:1.3;--s:.7;--top:23%;left:7%}.fx-p:nth-child(4){--d:-2.1s;--t:.95;--s:1;--top:38%;left:18%}.fx-p:nth-child(5){--d:-.1s;--t:1.15;--s:.9;--top:6%;left:24%}.fx-p:nth-child(6){--d:-1.6s;--t:.7;--s:1.2;--top:61%;left:30%}.fx-p:nth-child(7){--d:-3s;--t:1;--s:.75;--top:15%;left:14%}.fx-p:nth-child(8){--d:-.5s;--t:1.25;--s:1.05;--top:44%;left:37%}.fx-p:nth-child(9){--d:-2.4s;--t:.85;--s:.85;--top:29%;left:42%}.fx-p:nth-child(10){--d:-1s;--t:1.05;--s:1.15;--top:67%;left:33%}.fx-p:nth-child(11){--d:-.2s;--t:.75;--s:.7;--top:12%;left:48%}.fx-p:nth-child(12){--d:-1.9s;--t:1.2;--s:1;--top:49%;left:55%}.fx-p:nth-child(13){--d:-3.3s;--t:.9;--s:.8;--top:34%;left:51%}.fx-p:nth-child(14){--d:-.6s;--t:1.1;--s:1.1;--top:20%;left:61%}.fx-p:nth-child(15){--d:-2.7s;--t:.8;--s:.95;--top:58%;left:67%}.fx-p:nth-child(16){--d:-1.4s;--t:1.3;--s:.7;--top:8%;left:58%}.fx-p:nth-child(17){--d:-.9s;--t:.95;--s:1.2;--top:41%;left:73%}.fx-p:nth-child(18){--d:-2.2s;--t:1;--s:.85;--top:26%;left:79%}.fx-p:nth-child(19){--d:-3.6s;--t:.7;--s:1;--top:64%;left:70%}.fx-p:nth-child(20){--d:-.4s;--t:1.15;--s:.75;--top:17%;left:85%}.fx-p:nth-child(21){--d:-1.7s;--t:.85;--s:1.05;--top:47%;left:91%}.fx-p:nth-child(22){--d:-2.9s;--t:1.25;--s:.9;--top:31%;left:88%}.fx-p:nth-child(23){--d:-.8s;--t:1;--s:1.1;--top:55%;left:96%}.fx-p:nth-child(24){--d:-3.9s;--t:.9;--s:.8;--top:11%;left:46%}.fx-p:nth-child(25){--d:-1.1s;--t:1.2;--s:1;--top:36%;left:21%}.fx-p:nth-child(26){--d:-2.5s;--t:.75;--s:.7;--top:69%;left:64%}.fx-p:nth-child(27){--d:-.35s;--t:1.05;--s:1.15;--top:22%;left:9%}.fx-p:nth-child(28){--d:-1.5s;--t:.95;--s:.85;--top:5%;left:76%}.fx-p:nth-child(29){--d:-3.1s;--t:1.1;--s:1;--top:50%;left:40%}.fx-p:nth-child(30){--d:-.65s;--t:.8;--s:.9;--top:42%;left:82%}@keyframes fx-drift{0%{transform:translateY(6vh);opacity:0}15%{opacity:var(--fx-opacity)}85%{opacity:var(--fx-opacity)}to{transform:translate(3vw,-10vh);opacity:0}}.anim{opacity:0}.playing .anim{animation:rise .95s var(--d,0s)cubic-bezier(.2,.75,.25,1)both}@keyframes rise{0%{opacity:0;transform:translateY(.5em);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@media (orientation:portrait){.masthead{flex-direction:column;align-items: flex-start;gap:.5rem}.midrow{flex-direction:column;justify-content:flex-end;align-items: flex-start;gap:1.4rem}.hero{align-self: flex-start;max-inline-size:none}.cta-wrap{text-align:left;max-inline-size:none}.upgrade-banner.visible{align-items: flex-start}#aqi-value{font-size:8.5rem}#aqi-item-list{flex-wrap:wrap;gap:.6rem 0}.aqi-item{flex:1 0 33%}}@media (prefers-reduced-motion:reduce){body{transition:none}.anim{opacity:1}.playing .anim{animation:none}.cta-msg{transition:none}.fx-p{display:none}}