.portrait-intro{justify-content:space-between;align-items:flex-end;gap:24px;padding:49px 0 34px;display:flex}.intro-copy{letter-spacing:1.5px;color:var(--muted);margin:0 0 6px;font-size:11px;line-height:2.2}storm-portrait{border:1px solid var(--rule);grid-template-columns:minmax(0,1fr) 302px;margin-bottom:48px;display:grid}.portrait-art{background:radial-gradient(at 46%,#192c3826,#0000 65%),linear-gradient(#ffffff03 1px,#0000 1px) 0 0/74px 74px,linear-gradient(90deg,#ffffff03 1px,#0000 1px) 0 0/74px 74px;min-width:0;height:590px;position:relative;overflow:hidden}.plate-label{z-index:2;font:9px var(--mono);letter-spacing:2px;color:var(--muted);position:absolute;top:25px;left:28px}.plate-label>span:last-child{color:#61717e;margin-left:14px}.live-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-right:9px;display:inline-block}.north{font:9px var(--mono);color:var(--muted);text-align:center;position:absolute;top:25px;right:27px}.north span{margin-top:4px;font-size:25px;display:block}.art-surface{position:absolute;inset:55px 35px 100px;overflow:hidden}.coast-map{pointer-events:none;position:absolute;inset:0}.coast-map svg{width:100%;height:100%;overflow:visible}.landmass{fill:#849da4;fill-opacity:.065;stroke:none}.coastline{fill:none;stroke:#8ca3aa;stroke-opacity:.5;stroke-width:.7px;vector-effect:non-scaling-stroke}.art-surface canvas{width:100%;height:100%;position:absolute;inset:0}.art-caption{color:var(--muted);letter-spacing:1px;justify-content:space-between;align-items:flex-end;font-size:9px;line-height:2;display:flex;position:absolute;bottom:44px;left:28px;right:28px}.art-caption b{letter-spacing:1px;color:var(--ink);font:italic 37px/1.1 Georgia,serif}.art-caption>span:last-child{text-align:right}.art-caption small{font:7px var(--mono);letter-spacing:1.4px;color:#74828c}.art-coordinate{font:8px var(--mono);letter-spacing:1px;color:#74828c;position:absolute;bottom:16px;left:28px}.art-coordinate span{color:var(--accent);margin:0 14px}.reticle{pointer-events:none;position:absolute;inset:82px 13% 117px}.reticle i{border-style:solid;border-color:#8acbe640;width:12px;height:12px;position:absolute}.reticle i:first-child{border-width:1px 0 0 1px;top:0;left:0}.reticle i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.reticle i:nth-child(3){border-width:0 0 1px 1px;bottom:0;left:0}.reticle i:nth-child(4){border-width:0 1px 1px 0;bottom:0;right:0}.hud{background:var(--panel);border-left:1px solid var(--rule);padding:26px}.hud-top{color:var(--muted);font:8px var(--mono);letter-spacing:2px;justify-content:space-between;margin-bottom:30px;display:flex}.storm-year{font:9px var(--mono);letter-spacing:2px;color:var(--accent);margin:0 0 10px}.hud h2{letter-spacing:2px;margin:0;font:32px/1.1 Georgia,serif}.sid{font:9px var(--mono);color:var(--muted);letter-spacing:1px;margin:11px 0 27px}.metrics{border-block:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:22px 14px;padding:23px 0;display:grid}.metrics>div>span{letter-spacing:1px;color:var(--muted);font-size:9px}.metrics p{white-space:nowrap;margin:8px 0 0}.metrics b{font:26px/1 var(--mono);letter-spacing:-1px;font-weight:400}.metrics small{font:8px var(--mono);color:var(--muted);margin-left:6px}.record-dates{font:9px/1.8 var(--mono);margin:22px 0}.record-dates div{justify-content:space-between;margin:7px 0;display:flex}.record-dates dt{color:var(--muted)}.record-dates dd{letter-spacing:1px;margin:0}.quiet-note{color:var(--muted);margin:0 0 12px;font-size:10px}.measurement-note{color:var(--muted);margin:0 0 17px;font-size:9px;line-height:1.9}.source-link{border-top:1px solid var(--rule);justify-content:space-between;padding-top:17px;font-size:10px;display:flex}.source-link:hover{color:var(--accent)}.playback{border-top:1px solid var(--rule);grid-column:1/-1;align-items:center;gap:28px;padding:21px 28px;display:flex}.playback button{color:var(--accent);letter-spacing:1px;background:0 0;border:1px solid #9acbdf66;min-width:120px;padding:12px 16px;font-size:10px}.playback button span{margin-left:16px}.timeline{flex:1;min-width:0}.timeline label{font:8px var(--mono);color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.timeline input{width:100%;accent-color:var(--accent);cursor:pointer;height:20px;margin:6px 0}.report-kind{font:8px var(--mono);color:var(--muted);text-align:right;min-width:145px}@media (width>=1500px){.portrait-art{height:680px}storm-portrait{grid-template-columns:minmax(0,1fr) 350px}.hud{padding:32px}}@media (width<=800px){.portrait-intro{padding:32px 0 26px;display:block}.intro-copy{margin-top:15px;font-size:10px}.eyebrow{margin-bottom:13px;font-size:8px}storm-portrait{grid-template-columns:1fr}.portrait-art{height:460px}.art-surface{inset:50px 10px 95px}.art-caption{left:18px;right:18px}.art-caption b{font-size:30px}.art-caption>span:last-child{font-size:8px}.art-caption small{display:none}.hud{border-left:0;border-top:1px solid var(--rule);padding:24px}.hud-top{margin-bottom:18px}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 0}.metrics b{font-size:21px}.metrics small{margin-left:3px;font-size:7px}.hud h2{font-size:30px}.sid{margin-bottom:20px}.record-dates{gap:30px;margin:17px 0;display:flex}.record-dates div{display:block}.quiet-note,.measurement-note{margin-right:16px;display:inline-block}.source-link{margin-top:12px}.playback{flex-wrap:wrap;gap:16px;padding:18px}.playback button{min-width:96px;padding:11px}.report-kind{text-align:left;width:100%}.timeline label{font-size:7px}.plate-label{font-size:8px;left:18px}.art-coordinate{font-size:7px;left:18px}}@media (width<=380px){.metrics{grid-template-columns:repeat(2,1fr)}.art-caption>span:last-child{display:none}}.static-track{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.static-track svg{width:100%;height:100%}.webgl-ready .static-track{visibility:hidden}.event-summary{color:var(--muted);font-size:9px;line-height:1.8}.event-details{color:var(--muted);margin-bottom:12px;font-size:9px;line-height:1.8}.event-details summary{cursor:pointer;color:var(--accent)}.event-details ol{padding-left:15px}.event-details p{max-width:240px}.webgl-ready .reticle{animation:1.6s ease-out both lock-on}@keyframes lock-on{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@media (width<=800px){.playback{grid-row:2}.hud{grid-row:3}.timeline label{font-size:8px}.measurement-note{font-size:10px}}.portrait-intro .eyebrow{color:var(--accent)}.portrait-intro h1 em{color:var(--ink)}.collection-heading{justify-content:space-between;align-items:flex-end;gap:24px;padding:50px 0 32px;display:flex}.collection-heading p:last-child{color:var(--muted);letter-spacing:1px;font-size:11px;line-height:2}.collection-heading h1{letter-spacing:1px;font-family:Georgia,serif;font-size:42px}.filter-bar{border-block:1px solid var(--rule);align-items:center;gap:18px;margin-bottom:25px;padding:21px 0;display:flex}.filter-bar label{color:var(--muted);font-size:10px}.filter-bar input,.filter-bar select{border:1px solid var(--rule);background:var(--panel);color:var(--ink);border-radius:0;margin-left:10px;padding:12px;font-size:11px}.filter-bar input{width:200px}.result-count{font:10px var(--mono);color:var(--muted);margin-left:auto}.storm-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:36px;display:grid}.storm-card{border:1px solid var(--rule);padding:20px;transition:background .2s,border-color .2s;display:block;position:relative}.storm-card:hover{background:#182530;border-color:#d9c69470}.card-top{font:8px var(--mono);letter-spacing:1px;color:var(--muted);justify-content:space-between;display:flex}.storm-card img{aspect-ratio:1;object-fit:contain;width:100%;transition:transform .5s;display:block}.storm-card:hover img{transform:scale(1.04)}.card-bottom{border-top:1px solid var(--rule);justify-content:space-between;align-items:flex-end;padding-top:16px;display:flex}.card-bottom h2{letter-spacing:1px;margin:0 0 7px;font:19px Georgia,serif}.card-bottom p{font:8px var(--mono);color:var(--muted);margin:0}.card-bottom>span{color:var(--gold)}.tag{color:var(--gold);letter-spacing:1px;padding-top:12px;font-size:8px;display:inline-block}.pagination{font:10px var(--mono);justify-content:center;align-items:center;gap:25px;margin:30px 0 45px;display:flex}.pagination button{border:1px solid var(--rule);color:var(--ink);background:0 0;padding:12px 18px}.pagination button:disabled{opacity:.3}.stats-panel{border:1px solid var(--rule);margin:25px 0 45px;padding:35px}.stats-header{justify-content:space-between;align-items:center;display:flex}.stats-header h2{letter-spacing:2px;font-size:18px;font-weight:400}.stats-header p{font:10px var(--mono);color:var(--muted)}.histogram{border-bottom:1px solid var(--rule);grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(12,1fr);align-items:end;gap:14px;height:290px;margin:15px 0 40px;padding:30px 0 0;display:grid}.month-bar{text-align:center;flex-direction:column;justify-content:flex-end;gap:9px;height:100%;display:flex;position:relative}.month-bar>span{font:9px var(--mono);color:var(--muted)}.month-bar svg{width:100%;height:var(--height);min-height:1px;display:block}.month-bar small{width:100%;font:9px var(--mono);color:var(--muted);position:absolute;bottom:-25px}.stats-note{color:var(--muted);max-width:750px;font-size:11px;line-height:2}.about{max-width:800px;margin:auto;padding:50px 0 65px}.about h2{letter-spacing:2px;margin-top:40px;font-size:18px;font-weight:400}.about p,.about li{color:var(--muted);font-size:12px;line-height:2.3}.about a{color:var(--gold);text-underline-offset:4px;text-decoration:underline}.about code{overflow-wrap:anywhere}.more-portraits{color:var(--muted);justify-content:space-between;gap:20px;padding:5px 0 40px;font-size:12px;display:flex}.more-portraits a:hover{color:var(--gold)}@media (width<=1000px){.storm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=650px){.collection-heading{padding:30px 0 20px;display:block}.collection-heading h1{font-size:32px}.filter-bar{flex-wrap:wrap;gap:14px}.filter-bar label{white-space:nowrap;flex:1;align-items:center;display:flex}.filter-bar input,.filter-bar select{width:100%;min-width:0}.result-count{width:100%;margin:0}.storm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.storm-card{padding:14px}.card-bottom h2{font-size:15px}.card-top{letter-spacing:0;font-size:7px}.card-bottom p{font-size:7px}.stats-panel{padding:20px 14px}.stats-header{display:block}.histogram{gap:7px;height:230px}.month-bar>span{font-size:8px}.stats-note{font-size:10px}}.collection-heading{padding:54px 0 38px}.collection-heading h1{font-family:var(--display);letter-spacing:.13em;font-size:clamp(28px,3.1vw,44px);font-weight:400;line-height:1.85}.collection-heading h1 em{color:var(--ink)}.collection-heading .eyebrow{color:var(--accent)}.filter-bar{border-color:var(--rule);flex-wrap:wrap;gap:16px;padding:16px 0}.filter-bar input,.filter-bar select{background:#081624b3;border-color:#66899f38;border-radius:20px;padding:10px 14px}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--accent)}.storm-grid{gap:14px 28px}.storm-card{border:0;border-bottom:1px solid var(--rule);background:radial-gradient(at 50% 40%,#15395420,#0000 70%);padding:24px 12px}.storm-card:hover,.storm-card:focus-visible{background:radial-gradient(at 50% 40%,#17456845,#0000 75%);border-color:#97cfe866}.storm-card img{filter:grayscale()sepia()saturate(1.8)hue-rotate(145deg);opacity:.7;transition:opacity .3s,filter .3s,transform .5s}.storm-card:hover img,.storm-card:focus-visible img{opacity:1;filter:grayscale()sepia()saturate(1.8)hue-rotate(145deg)drop-shadow(0 0 5px #78c9eb33)}.card-bottom{border:0;padding-top:12px}.card-bottom h2{color:#b4cbd8;transition:color .3s}.storm-card:hover h2,.storm-card:focus-visible h2{color:#e0f2fc}.card-bottom>span,.tag{color:var(--accent)}.pagination button{border-radius:20px}.stats-panel{border:0;margin-top:12px;padding:24px 0}.stats-header h2{font-family:var(--display);letter-spacing:.12em;font-size:23px}.season-chart{margin:40px 0 32px;padding:0 0 40px 44px;position:relative}.histogram{border:0;gap:12px;height:310px;margin:0;padding:0;position:relative}.chart-grid{pointer-events:none;position:absolute;inset:0 0 40px 44px}.chart-tick{border-top:1px solid #688aa323;position:absolute;left:0;right:0}.chart-tick span{color:var(--muted);font:9px var(--mono);position:absolute;top:-5px;right:calc(100% + 12px)}.month-bar{align-items:center;gap:0;text-decoration:none}.month-bar svg{width:clamp(12px,2.6vw,28px);min-height:0;overflow:visible}.month-bar rect{fill:#82c6e2;opacity:.55;transition:opacity .3s,filter .3s}.month-bar:hover rect,.month-bar:focus-visible rect{opacity:1;filter:drop-shadow(0 0 5px #83d4f955)}.month-bar>span{bottom:calc(var(--height) + 10px);opacity:0;color:#d2efff;transition:opacity .2s;position:absolute}.month-bar:hover>span,.month-bar:focus-visible>span{opacity:1}.month-bar small{bottom:-28px}.chart-hint{color:var(--muted);margin:18px 0;font-size:11px}.stats-method{border-top:1px solid var(--rule);padding:22px 0}.stats-method summary{cursor:pointer;color:var(--accent);font-size:11px}.stats-method p{max-width:800px}.period-filter{color:var(--accent);margin:0 0 20px;font-size:11px}.period-filter a{text-underline-offset:4px;margin-left:18px;text-decoration:underline}@media (width<=650px){.collection-heading{padding:30px 0}.storm-grid{gap:12px}.storm-card{padding:18px 4px}.histogram{gap:5px;height:240px}.month-bar svg{width:12px}.season-chart{padding-left:30px}.chart-grid{left:30px}.chart-tick span{font-size:8px;right:calc(100% + 6px)}.stats-header p{line-height:1.8}}@media (hover:none){.month-bar>span{opacity:1;font-size:8px}}@media (prefers-reduced-motion:reduce){.storm-card img,.month-bar rect,.month-bar>span{transition:none}}[hidden]{display:none!important}:root{color-scheme:dark;--bg:#030b15;--panel:#091724;--ink:#dce9ee;--muted:#8aa2b3;--gold:#d9c694;--rule:#789bb224;--accent:#9acbdf;--display:"Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;--mono:ui-monospace, SFMono-Regular, Consolas, monospace;--sans:Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 60% 22%, #0b2033 0, #05111e 38%, #030b15 78%) fixed var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--gold);color:var(--bg)}.skip{background:var(--gold);color:var(--bg);z-index:9;padding:14px;position:absolute;top:-80px;left:20px}.skip:focus{top:10px}.site-header{border-bottom:0;align-items:center;gap:24px;height:112px;margin:0 4%;display:flex}.brand{letter-spacing:-5px;padding-right:6px;font:italic 58px/.8 Georgia,serif}.brand-dot{color:var(--gold)}.brand-caption{font:9px/1.6 var(--mono);letter-spacing:1.6px;color:var(--muted)}nav{align-self:center;gap:38px;margin-left:auto;display:flex}nav a{letter-spacing:2px;border-bottom:1px solid #0000;align-items:center;gap:9px;padding:10px 0;font-size:12px;display:flex}nav a span{font:9px var(--mono);color:var(--muted)}nav a[aria-current]{color:var(--accent);border-color:var(--accent)}.header-note{letter-spacing:2px;color:var(--muted);visibility:hidden;margin-left:auto;font-size:10px}main{margin:0 4%}.eyebrow{font:10px/1.8 var(--mono);letter-spacing:2.2px;color:var(--gold);margin:0 0 20px}h1{letter-spacing:5px;margin:0;font-size:30px;font-weight:400;line-height:1.7}h1 em{color:var(--gold);font-style:normal}.site-footer{border-top:1px solid var(--rule);font:9px/1.8 var(--mono);letter-spacing:1px;color:var(--muted);justify-content:space-between;gap:20px;margin:0 4%;padding:26px 0 32px;display:flex}.site-footer a:hover{color:var(--gold)}.empty{color:var(--muted);padding:80px 0}@media (width<=800px){.site-header{gap:16px;height:90px}.brand{font-size:49px}.brand-caption{font-size:8px}.header-note{display:none}nav{gap:20px}nav a{letter-spacing:1px;font-size:11px}nav a span{display:none}h1{letter-spacing:2px;font-size:25px}.site-footer{flex-wrap:wrap;font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=480px){.brand-caption{display:none}nav{gap:17px}}.portrait-intro h1{font-family:var(--display);letter-spacing:.13em;font-size:clamp(28px,3.1vw,44px)}storm-portrait{border-color:var(--rule)}.hud{background:#08152199}.playback button,.storm-deeper button{border-radius:20px}.site-footer{border-color:var(--rule)}