:root{--ink:#031014;--ink-2:#032633;--teal:#11b7bf;--teal-bright:#06c0c7;--mint:#4ed9cb;--cream:#fffbeb;--paper:#f6f7f9;--hair:#ffffff1f;--radius:28px}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}button{font:inherit;color:inherit}a{color:var(--mint)}.display{text-transform:uppercase;color:#fff;font-family:Outfit,sans-serif;font-weight:800;line-height:.95}.eyebrow{text-transform:uppercase;color:var(--teal);letter-spacing:.02em;font-family:Outfit,sans-serif;font-weight:700}.nav{z-index:50;background:linear-gradient(#000000d9,#0000);justify-content:space-between;align-items:center;padding:22px clamp(20px,5.5vw,84px);display:flex;position:fixed;inset:0 0 auto}.nav img{height:30px;display:block}.ghost{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03101499;border:1px solid #ffffff59;border-radius:12px;padding:11px 22px;font:600 15px Inter,sans-serif;text-decoration:none}.ghost:hover{border-color:var(--teal)}.hero{text-align:center;place-items:center;min-height:100svh;padding:120px 20px 60px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(3px)saturate(1.1);background:url(/photos/monza-10900-lg.webp) 50% 60%/cover;position:absolute;inset:-40px;transform:scale(1.05)}.hero:after{content:"";background:radial-gradient(ellipse at 50% 35%, #0326338c, #031014eb 70%), linear-gradient(to bottom, #03101480, var(--ink) 96%);position:absolute;inset:0}.hero-inner{z-index:1;width:min(860px,100%);position:relative}.hero .eyebrow{margin-bottom:14px;font-size:18px}.hero h1{font-size:clamp(44px,7.4vw,92px)}.hero h1 em{color:var(--mint);font-style:italic}.lede{color:#f6f7f9c7;max-width:560px;margin:22px auto 0;font-size:18px;line-height:1.5}.search{width:min(680px,100%);margin:38px auto 0;position:relative}.search input{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;appearance:none;background:#031014b8;border:1px solid #ffffff38;border-radius:999px;outline:none;width:100%;height:76px;padding:0 64px 0 70px;font:600 22px Inter,sans-serif;transition:border-color .2s,box-shadow .2s;box-shadow:0 20px 60px #00000073}.search input::-webkit-search-cancel-button{filter:invert()opacity(.5)}.search input::placeholder{color:#f6f7f973;font-weight:500}.search input:focus{border-color:var(--teal);box-shadow:0 0 0 6px #11b7bf2e,0 20px 60px #00000073}.search svg{z-index:1;width:26px;height:26px;color:var(--teal);pointer-events:none;position:absolute;top:50%;left:26px;transform:translateY(-50%)}.search kbd{color:#f6f7f980;border:1px solid var(--hair);border-radius:8px;padding:4px 8px;font:500 12px Inter;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.search input:not(:placeholder-shown)~kbd{display:none}.try{color:#f6f7f98c;margin-top:16px;font-size:14px}.try button{color:var(--paper);border:1px solid var(--hair);cursor:pointer;background:#ffffff0f;border-radius:999px;margin:4px 3px;padding:5px 12px;font:500 14px Inter}.try button:hover{border-color:var(--teal);color:#fff}.stats{flex-wrap:wrap;justify-content:center;gap:clamp(20px,5vw,56px);margin-top:44px;display:flex}.stats div{text-align:center}.stats b{color:#fff;font:800 38px Outfit;display:block}.stats span{text-transform:uppercase;letter-spacing:.08em;color:#f6f7f98c;font-size:13px}.results-wrap{width:min(760px,100% - 40px);min-height:40vh;margin:0 auto;scroll-margin-top:100px}.results-wrap[hidden]{display:none}.results-head{justify-content:space-between;align-items:baseline;gap:12px;margin:0 6px 16px;display:flex}.results-head .eyebrow{font-size:15px}.results-head small{color:#f6f7f980;font-size:14px}.results{gap:12px;display:grid}.results-sub{text-transform:uppercase;letter-spacing:.06em;color:#f6f7f980;margin:18px 6px 2px;font:700 13px Outfit}.row{text-align:left;cursor:pointer;background:linear-gradient(100deg, #041a21 0%, var(--ink-2) 55%, #064457 100%);border:1px solid var(--hair);border-radius:22px;grid-template-columns:1fr auto 150px;align-items:center;gap:18px;height:84px;padding:0 0 0 22px;transition:transform .18s,border-color .18s;animation:.35s both rowIn;display:grid;overflow:hidden}.row:hover,.row:focus-visible{border-color:#11b7bf99;outline:none;transform:translateY(-2px)}@keyframes rowIn{0%{opacity:0;transform:translateY(8px)}}.who{min-width:0}.who small{color:#f6f7f999;margin-bottom:3px;font-size:13px;display:block}.who strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font:700 22px Outfit;display:block;overflow:hidden}.who mark{color:var(--mint);background:0 0}.meta{text-align:right;color:#f6f7f999;font-size:13px}.meta b{color:#fff;font:600 15px Inter;display:block}.crop{object-fit:cover;background:#0a2a33;width:150px;height:84px;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18px);mask-image:linear-gradient(90deg,#0000,#000 18px)}.empty{text-align:center;border:1px dashed var(--hair);border-radius:var(--radius);color:#f6f7f9b3;padding:40px 24px;line-height:1.6}section.block{padding:120px 20px 40px}.section-title{text-align:center;margin-bottom:44px}.section-title .eyebrow{margin-bottom:10px;font-size:18px}.section-title h2{font-size:clamp(38px,5.5vw,60px)}.gallery{columns:3 280px;gap:14px;width:min(1180px,100%);margin:0 auto}.figure{break-inside:avoid;cursor:pointer;border:1px solid var(--hair);background:#0a2a33;border-radius:22px;width:100%;margin-bottom:14px;padding:0;display:block;position:relative;overflow:hidden}.figure img{width:100%;transition:transform .5s;display:block}.figure:hover img{transform:scale(1.04)}.figcaption{text-transform:uppercase;letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#031014bf;border-radius:999px;padding:6px 11px;font:600 12px Inter;position:absolute;bottom:12px;left:12px}footer{text-align:center;color:#f6f7f973;padding:80px 20px 60px;font-size:13px}footer img{opacity:.8;height:26px;margin-bottom:14px}.viewer{z-index:100;background:#01080a;grid-template-columns:1fr 360px;animation:.25s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.stage:active{cursor:grabbing}.stage-inner{transform-origin:0 0;position:absolute;top:0;left:0}.stage-inner.animating{transition:transform 1s cubic-bezier(.2,.8,.2,1)}.stage-inner img{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-lg{opacity:0;transition:opacity .4s}.stage-lg.in{opacity:1}.ring{z-index:2;border:3px solid var(--mint);pointer-events:none;opacity:0;border-radius:14px;transition:opacity .3s;position:absolute;box-shadow:0 0 0 4px #4ed9cb40,0 0 40px 6px #4ed9cb8c,0 0 0 9999px #01080a73}.ring.animating{transition:opacity .3s cubic-bezier(.2,.8,.2,1),left 1s cubic-bezier(.2,.8,.2,1),top 1s cubic-bezier(.2,.8,.2,1),width 1s cubic-bezier(.2,.8,.2,1),height 1s cubic-bezier(.2,.8,.2,1)}.ring.on{opacity:1;animation:1.8s ease-in-out infinite pulse}.ring.on.animating{opacity:0}@keyframes pulse{50%{box-shadow:0 0 0 8px #4ed9cb1f,0 0 60px 12px #4ed9cb73,0 0 0 9999px #01080a73}}.chip{white-space:nowrap;background:var(--mint);color:var(--ink);text-transform:uppercase;letter-spacing:.04em;border-radius:10px;padding:7px 12px;font:800 13px Outfit;position:absolute;top:-12px;left:50%;transform:translate(-50%,-100%)}.hotspot{cursor:pointer;border:calc(1.5px / var(--s,1)) solid #4ed9cb59;border-radius:calc(4px / var(--s,1));background:0 0;padding:0;position:absolute}.hotspot:hover{border-color:var(--mint);background:#4ed9cb2e}.stage-top{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:20px;left:20px;right:20px}.stage-top>*{pointer-events:auto}.strip{z-index:3;gap:10px;display:flex;position:absolute;bottom:20px;left:20px;right:20px;overflow-x:auto}.thumb{cursor:pointer;opacity:.65;background-position:50%;background-size:cover;border:2px solid #0000;border-radius:12px;flex:none;width:92px;height:62px;padding:0}.thumb.on{border-color:var(--mint);opacity:1}.stage-hint{z-index:2;color:#f6f7f966;pointer-events:none;font-size:12px;position:absolute;bottom:26px;right:20px}.strip+.stage-hint{display:none}.pill-btn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--hair);cursor:pointer;background:#031014b3;border-radius:999px;padding:10px 16px;font:600 14px Inter}.pill-btn:hover{border-color:var(--teal)}.panel{background:var(--ink);border-left:1px solid var(--hair);flex-direction:column;gap:24px;padding:34px 28px;display:flex;overflow-y:auto}.panel .eyebrow{font-size:14px}.panel-name{overflow-wrap:anywhere;margin-top:6px;font-size:40px}.where{color:#f6f7f9b3;margin-top:8px;font-size:15px;line-height:1.4}.zmap{background:linear-gradient(160deg, #041a21, var(--ink-2));border:1px solid var(--hair);border-radius:22px;grid-template-columns:110px 1fr;align-items:center;gap:16px;padding:18px;display:grid}.zonemap{width:110px;height:auto}.zonemap-front{fill:#f6f7f959;letter-spacing:.1em;font:700 7px Inter}.zonemap .z>*{fill:#ffffff0f;stroke:#ffffff2e;stroke-width:1px;transition:fill .3s}.zonemap .z.also>*{fill:#4ed9cb59;stroke:#4ed9cb99}.zonemap .z.on>*{fill:var(--mint);stroke:var(--mint);filter:drop-shadow(0 0 6px #4ed9cbcc)}.zmap p{color:#f6f7f9a6;font-size:13px;line-height:1.5}.zmap p b{color:#fff;text-transform:uppercase;margin-bottom:4px;font:700 16px Outfit;display:block}.actions{gap:10px;display:grid}.btn-primary{text-transform:uppercase;letter-spacing:.03em;color:var(--ink);background:var(--mint);cursor:pointer;border:0;border-radius:14px;padding:16px;font:800 16px Outfit}.btn-primary:hover{background:#6fe5d9}.btn-primary:disabled{opacity:.7;cursor:progress}.btn-secondary{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:14px;padding:14px;font:600 15px Inter}.btn-secondary:hover{border-color:var(--teal)}.share-prev{background:var(--ink-2);border:1px solid var(--hair);border-radius:18px;flex:none;overflow:hidden}.sp-img{background-position:50%;background-size:cover;height:150px}.sp-body{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.sp-body b{color:#fff;text-transform:uppercase;font:800 18px Outfit}.sp-body img{height:16px}.note{color:#f6f7f973;font-size:12px;line-height:1.5}.mini-search{border:1px solid var(--hair);color:#fff;background:#ffffff0a;border-radius:12px;outline:none;flex:none;width:100%;height:44px;padding:0 14px;font:500 15px Inter}.mini-search:focus{border-color:var(--teal)}.name-list{gap:2px;padding:0;list-style:none;display:grid}.name-list button{text-align:left;cursor:pointer;color:#f6f7f9d9;background:0 0;border:0;border-radius:8px;width:100%;padding:7px 8px;font-size:14px}.name-list button:hover{color:#fff;background:#4ed9cb1f}@media (width<=860px){.viewer{grid-template-rows:58svh 1fr;grid-template-columns:1fr}.panel{border-left:0;border-top:1px solid var(--hair);z-index:4;padding:26px 20px calc(26px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;margin-top:-20px;position:relative}.panel-name{font-size:34px}.row{grid-template-columns:1fr 120px;gap:12px;padding-left:18px}.row .meta{display:none}.crop{width:120px}.who strong{font-size:19px}.thumb{width:64px;height:44px}.strip{bottom:32px}.stage-hint{display:none}.search input{height:64px;padding-left:60px;font-size:18px}.search svg{left:22px}.search kbd{display:none}.nav img{height:26px}.ghost{padding:9px 14px;font-size:14px}}