*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--bg: #0b0d11;--bg-elev: #11141a;--bg-card: #161a22;--bg-card-hover: #1c2230;--ink: #ece9e1;--ink-soft: #b6b1a3;--ink-mute: #75716a;--gold: #cfa84a;--gold-soft: #e6c98a;--rule: rgba(207, 168, 74, .18);--rule-soft: rgba(236, 233, 225, .08);--danger: #d35454;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", sans-serif;--font-serif: "Cormorant Garamond", ui-serif, "Times New Roman", Georgia, serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--shadow-card: 0 14px 40px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .04) inset;--shadow-card-hover: 0 22px 60px rgba(0, 0, 0, .55), 0 1px 0 rgba(207, 168, 74, .25) inset;color-scheme:dark;font-family:var(--font-sans);color:var(--ink);background:var(--bg)}body{min-height:100dvh;background:radial-gradient(1100px 600px at 90% -10%,rgba(207,168,74,.07),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(120,100,60,.05),transparent 60%),var(--bg);color:var(--ink)}#app{max-width:none;margin:0;padding:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.atlas{width:100%;display:flex;flex-direction:column}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--rule);padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,5vw,4rem) clamp(2rem,5vw,4rem)}.hero__inner{position:relative;z-index:2;max-width:60rem}.hero__eyebrow{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.55em;color:var(--gold);margin-bottom:1.25rem}.hero__title{font-family:var(--font-serif);font-weight:500;font-size:clamp(2.5rem,7vw,5.5rem);line-height:1.02;letter-spacing:-.01em;color:var(--ink);margin-bottom:1.5rem}.hero__lead{max-width:36rem;font-size:clamp(1rem,1.6vw,1.15rem);color:var(--ink-soft);line-height:1.6;margin-bottom:1.25rem}.hero__cue{font-family:var(--font-serif);font-style:italic;font-size:1.1rem;color:var(--gold-soft);margin-bottom:2rem}.hero__actions{display:flex;gap:.75rem;flex-wrap:wrap}.hero__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;border:1px solid var(--gold);border-radius:999px;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bg);background:var(--gold);transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.hero__cta:hover{background:var(--gold-soft);border-color:var(--gold-soft);transform:translateY(-1px)}.hero__cta--ghost{background:transparent;color:var(--ink);border-color:var(--rule)}.hero__cta--ghost:hover{background:#cfa84a14;border-color:var(--gold);color:var(--ink)}.hero__cta--active{background:#cfa84a29;border-color:var(--gold);color:var(--gold-soft)}.hero__plate{position:absolute;inset:auto 0 -30px;width:100%;opacity:.12;pointer-events:none;z-index:1}.gallery-section{padding:clamp(2rem,4vw,3.5rem) clamp(1.25rem,5vw,4rem) 5rem;border-top:1px solid var(--rule)}.gallery-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.gallery-header__eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.55em;color:var(--gold);margin-bottom:.5rem}.gallery-header__title{font-family:var(--font-serif);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:500;letter-spacing:-.01em;color:var(--ink)}.counter{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem .9rem;background:var(--bg-elev);border:1px solid var(--rule);border-radius:6px;font-family:var(--font-mono)}.counter__label{font-size:.65rem;letter-spacing:.3em;color:var(--ink-mute);text-transform:uppercase}.counter__digits{display:inline-flex;gap:2px}.counter__digit{display:inline-block;min-width:1.1ch;padding:.1rem .35rem;background:#06080b;color:var(--gold);border-radius:3px;font-size:1rem;font-weight:600;text-align:center;box-shadow:0 1px #ffffff0d inset,0 0 6px #cfa84a2e}.counter__total{font-size:.8rem;color:var(--ink-mute)}.controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.75rem}.controls__search{position:relative;display:flex;align-items:center}.controls__search-icon{position:absolute;left:.95rem;color:var(--gold);font-size:1.1rem;pointer-events:none}.controls__search input{width:100%;padding:.9rem 1rem .9rem 2.6rem;background:var(--bg-elev);border:1px solid var(--rule);border-radius:8px;color:var(--ink);font-size:1rem;transition:border-color .18s ease,box-shadow .18s ease}.controls__search input::placeholder{color:var(--ink-mute)}.controls__search input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #cfa84a2e}.controls__row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.controls__select{display:flex;flex-direction:column;gap:.3rem;min-width:12rem;flex:1 1 12rem}.controls__label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.3em;color:var(--ink-mute);text-transform:uppercase}.controls__select select{appearance:none;width:100%;padding:.75rem 2.2rem .75rem .9rem;background-color:var(--bg-elev);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23cfa84a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:12px 8px;border:1px solid var(--rule);border-radius:8px;color:var(--ink);font-size:.95rem;transition:border-color .18s ease}.controls__select select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #cfa84a2e}.controls__reset{padding:.75rem 1.1rem;background:transparent;border:1px solid var(--rule);border-radius:8px;color:var(--ink-soft);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;transition:color .18s ease,border-color .18s ease}.controls__reset:hover{color:var(--gold);border-color:var(--gold)}.timeline{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:1rem .25rem 1.5rem;margin-bottom:1.5rem;border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft)}.timeline__rail{display:none}.timeline__pill{padding:.4rem .85rem;background:transparent;border:1px solid var(--rule);border-radius:999px;color:var(--ink-soft);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;transition:color .18s ease,border-color .18s ease,background .18s ease}.timeline__pill--active,.timeline__pill:hover{color:var(--bg);background:var(--gold);border-color:var(--gold)}.timeline__list{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:.4rem;flex:1}.timeline__decade{position:relative;padding:.35rem .7rem .35rem 1.2rem;background:transparent;border:none;color:var(--ink-soft);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;transition:color .18s ease}.timeline__decade:hover{color:var(--gold-soft)}.timeline__decade-tick{position:absolute;left:.4rem;top:50%;width:6px;height:6px;border-radius:50%;background:var(--ink-mute);transform:translateY(-50%);transition:background .18s ease,box-shadow .18s ease}.timeline__decade--active{color:var(--gold)}.timeline__decade--active .timeline__decade-tick{background:var(--gold);box-shadow:0 0 0 3px #cfa84a38}.gallery-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.model-card{position:relative;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--rule-soft);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-card);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.model-card:hover{transform:translateY(-3px);border-color:var(--rule);box-shadow:var(--shadow-card-hover)}.model-card__open{display:flex;flex-direction:column;text-align:left;width:100%;padding:0;background:transparent;border:none;color:inherit}.model-card__open:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.model-card__plate{position:relative;background:linear-gradient(180deg,#0d1117,#161a22);border-bottom:1px solid var(--rule-soft);overflow:hidden}.porsche-illustration{width:100%;height:auto;display:block}.model-card:hover .porsche-illustration{filter:brightness(1.05)}.model-card__body{padding:1.1rem 1.2rem 1.3rem}.model-card__era{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}.model-card__name{font-family:var(--font-serif);font-size:1.4rem;font-weight:500;letter-spacing:-.005em;color:var(--ink);margin-bottom:.25rem}.model-card__gen{color:var(--ink-soft);font-size:.95rem;font-weight:400;font-style:italic}.model-card__years{font-family:var(--font-mono);font-size:.85rem;color:var(--ink-soft);margin-bottom:.85rem}.model-card__chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}.chip{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .55rem;border:1px solid var(--rule);border-radius:999px;color:var(--ink-soft);background:#cfa84a0d}.favorite-btn{position:absolute;top:.75rem;right:.75rem;width:2.4rem;height:2.4rem;border-radius:50%;background:#0b0d11bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--rule);color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;transition:color .18s ease,border-color .18s ease,transform .18s ease,background .18s ease;z-index:3}.favorite-btn:hover{color:var(--gold-soft);border-color:var(--gold);transform:scale(1.05)}.favorite-btn--on{color:var(--gold);border-color:var(--gold);background:#cfa84a1f}.favorite-btn__icon{width:1.1rem;height:1.1rem}.favorite-btn--text{position:static;width:auto;height:auto;padding:.7rem 1.1rem;border-radius:999px;gap:.5rem;font-size:.85rem;letter-spacing:.05em}.favorite-btn--text .favorite-btn__icon{width:1rem;height:1rem}.detail-backdrop{position:fixed;inset:0;background:#06080bc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:clamp(1rem,4vw,3rem) 1rem;overflow-y:auto;animation:backdrop-in .22s ease}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.detail-panel{width:min(880px,100%);background:var(--bg-card);border:1px solid var(--rule);border-radius:16px;box-shadow:0 30px 80px #0000008c;overflow:hidden;animation:panel-in .32s cubic-bezier(.2,.7,.3,1)}@keyframes panel-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-close{display:inline-flex;align-items:center;gap:.4rem;margin:1rem 0 0 1rem;padding:.5rem .9rem;background:transparent;border:1px solid var(--rule);border-radius:999px;color:var(--ink-soft);font-size:.8rem;letter-spacing:.05em;transition:color .18s ease,border-color .18s ease}.detail-close:hover{color:var(--gold);border-color:var(--gold)}.detail-plate{background:linear-gradient(180deg,#0d1117,#161a22);border-bottom:1px solid var(--rule-soft)}.detail-body{padding:clamp(1.5rem,3vw,2.5rem)}.detail-era{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem}.detail-name{font-family:var(--font-serif);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:500;letter-spacing:-.01em;margin-bottom:.35rem}.detail-gen{color:var(--ink-soft);font-style:italic;font-size:.85em}.detail-years{font-family:var(--font-mono);color:var(--ink-soft);margin-bottom:1.5rem}.detail-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem 1.25rem;padding:1rem 0;margin-bottom:1.5rem;border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft)}.detail-specs>div{display:flex;flex-direction:column;gap:.2rem}.detail-specs dt{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-mute)}.detail-specs dd{font-size:.95rem;color:var(--ink)}.detail-summary{font-size:1.05rem;color:var(--ink-soft);line-height:1.65;margin-bottom:1.75rem;max-width:50ch}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3.5rem 1.5rem;background:var(--bg-elev);border:1px dashed var(--rule);border-radius:14px}.empty-state__mark{font-size:3rem;color:var(--gold);margin-bottom:.75rem;line-height:1}.empty-state__title{font-family:var(--font-serif);font-size:1.6rem;font-weight:500;margin-bottom:.5rem}.empty-state__lead{color:var(--ink-soft);max-width:38rem;margin-bottom:1.5rem}.empty-state__action{padding:.75rem 1.4rem;background:var(--gold);color:var(--bg);border:none;border-radius:999px;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;transition:background .18s ease,transform .18s ease}.empty-state__action:hover{background:var(--gold-soft);transform:translateY(-1px)}.atlas-footer{padding:2rem clamp(1.25rem,5vw,4rem) 3rem;border-top:1px solid var(--rule);color:var(--ink-mute);font-size:.8rem;font-family:var(--font-mono);text-align:center}*:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}@media(prefers-color-scheme:light){:root{--bg: #0d0f14;--bg-elev: #14171e;--bg-card: #181c25}}@media(max-width:640px){.gallery-grid{grid-template-columns:1fr}.gallery-header{align-items:flex-start}.hero__plate{bottom:-50px}}