:root{--bg: #050505;--shell: #0e0e0e;--shell-stripe: #1b1b1b;--panel: #121212;--panel-inner: #171717;--text: #dcdcdc;--muted: #b0b0b0;--accent: #f2f2f2;--border: #3a3a3a;--green: #6ecf98;--gold: #e0c676}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Trebuchet MS,Verdana,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.35}a{color:#9ec8ff;text-decoration:none}a:hover{text-decoration:underline}.hidden{display:none!important}.muted{color:var(--muted)}.page{min-height:100vh;display:flex;justify-content:center;align-items:stretch;padding:0 12px;position:relative;background:radial-gradient(ellipse at center,#28282833,#181818a6 45%,#0c0c0cd1 65%,#000000f2);overflow:hidden}.page:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#ffffff0a 0,#ffffff03),linear-gradient(0deg,#00000014 0,#00000005),linear-gradient(135deg,rgba(255,255,255,.03) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.05) 75%,transparent 75%,transparent);background-size:3px 3px,7px 7px,12px 12px;mix-blend-mode:overlay;opacity:.38}.frame{width:min(860px,100%);min-height:100vh;background:repeating-linear-gradient(-45deg,var(--shell) 0 22px,var(--shell-stripe) 22px 44px);border:1px solid #222;border-radius:4px;box-shadow:0 0 16px #000000d9;padding:16px}.inner{background:linear-gradient(to bottom,#1c1c1c,#0e0e0e 18px,#0e0e0e);border:1px solid #202020;padding:18px;border-radius:2px}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.title{font-size:20px;font-weight:800;letter-spacing:.5px;text-shadow:0 0 4px rgba(255,255,255,.1)}.year{color:var(--muted);font-size:11px;margin-top:2px}.nav{color:var(--muted);font-size:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 12px}.nav-left,.nav-right{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.nav a.active{color:#f2f2f2;font-weight:700}.nav-box{background:var(--panel);border:1px solid #262626;padding:8px 10px;border-radius:2px;color:#cfcfcf;margin-bottom:12px;box-shadow:inset 0 0 0 1px #0c0c0c}.intro{background:var(--panel);border:1px solid #262626;padding:10px 12px;border-radius:2px;color:#cfcfcf;margin-bottom:16px;box-shadow:inset 0 0 0 1px #0c0c0c}.intro p{margin:0 0 8px;font-size:13px}.intro p:last-child{margin-bottom:0}.section{background:var(--panel);border:1px solid #262626;border-radius:2px;padding:12px;margin-bottom:16px;box-shadow:inset 0 0 0 1px #0c0c0c}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section h2{margin:0;font-size:16px;letter-spacing:.6px;color:#f6f6f6}.view-all{font-size:11px;color:var(--muted)}.contact-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.social-button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#eef3ff;background:#212529;border:1px solid #2f353c;box-shadow:inset 0 0 0 1px #ffffff0a;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;cursor:pointer;text-decoration:none;appearance:none}.social-button:hover{transform:translateY(-1px);border-color:#3f8cff;box-shadow:0 6px 16px #00000059;text-decoration:none}.social-button:active{transform:translateY(0)}.social-icon svg{width:18px;height:18px;display:block}.social-button .social-icon svg path{fill:currentColor}.social-button.twitter{background:#000;border-color:#1c1c1c;color:#f5f7fa}.social-button.twitter:hover{border-color:#3f8cff}.social-label{white-space:nowrap}.catalogue-grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}.feature-card{background:linear-gradient(#131313,#0c0c0c);border:1px solid #202020;box-shadow:inset 0 0 0 1px #0a0a0a}.feature-header,.feature-footer{font-size:11px;color:#d8d8d8;padding:6px 8px;border-bottom:1px solid #0f0f0f;background:#161616;letter-spacing:.6px}.feature-header span{color:var(--muted);font-size:10px;margin-left:6px}.feature-body{display:grid;grid-template-columns:3fr 2fr;gap:12px;align-items:stretch;padding:10px}.feature-window{position:relative;min-height:240px;aspect-ratio:4 / 3;background:radial-gradient(circle at 60% 50%,rgba(50,50,50,.18),transparent 42%),linear-gradient(0deg,#ffffff0d 49%,#00000059 51%),linear-gradient(135deg,#2c2c2c,#0a0a0a);border-top:1px solid #222;border-bottom:1px solid #222;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#0f0f0f}.feature-blurb{background:linear-gradient(#111,#0c0c0c);border:1px solid #1f1f1f;border-radius:2px;box-shadow:inset 0 0 0 1px #0a0a0a;padding:10px 12px;color:#d2d2d2;font-size:13px;line-height:1.5;display:flex;flex-direction:column}.feature-blurb-title{font-size:14px;font-weight:700;color:#f6f6f6;margin-bottom:4px;letter-spacing:.3px}.blurb-body{flex-grow:1}.feature-blurb .detail-meta{margin-top:8px;margin-bottom:0}.feature-blurb .body-text{margin:0 0 8px}.feature-blurb .body-text:last-child{margin-bottom:0}.about-content{font-size:13px;color:#d2d2d2;line-height:1.5}.about-content p{margin:0 0 8px}.about-content p:last-child{margin-bottom:0}.feature-window.clickable{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.feature-window.clickable:hover,.feature-window.clickable:focus-visible{border-color:#3f8cff;box-shadow:inset 0 0 20px #3f8cff14}.feature-window:before,.feature-window:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.08),transparent 35%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.06),transparent 40%),linear-gradient(transparent 48%,rgba(255,255,255,.05) 50%,transparent 52%);mix-blend-mode:screen;pointer-events:none}.scanlines{position:absolute;inset:0;background:linear-gradient(#ffffff08 50%,#0000000a 50%);background-size:100% 4px;opacity:.4}@keyframes loader-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.loading-spinner{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:linear-gradient(180deg,#00000059,#0000008c);z-index:4;pointer-events:none}.loading .loading-spinner{display:flex}.loading-spinner:after{content:"";width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.14);border-top-color:var(--accent);border-bottom-color:#ffffff47;box-shadow:0 0 8px #000000a6,inset 0 0 8px #ffffff0f;animation:loader-spin .9s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(prefers-reduced-motion:reduce){.scanlines{display:none}.feature-window:before,.feature-window:after{display:none}.loading-spinner:after{animation:none}}.feature-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55))}.feature-title{font-size:13px;letter-spacing:2px}.feature-date{font-size:11px;color:var(--muted)}.about-window{background:linear-gradient(180deg,#00000040,#000000bf)}.about-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.blurb-grid{background:linear-gradient(#111,#0b0b0b);border:1px solid #1f1f1f;padding:10px 12px;border-radius:2px;box-shadow:inset 0 0 0 1px #0a0a0a}.blurb{color:#cfcfcf;font-size:13px;line-height:1.4;min-height:40px}.list{list-style:none;margin:0;padding:0;border-top:1px solid #1c1c1c}.list li{display:grid;grid-template-columns:120px 1fr minmax(0,200px);align-items:center;padding:6px 0;border-bottom:1px solid #111;font-size:11px}.list li:nth-child(2n){background:#ffffff06}.list .date{color:#f1f1f1;font-weight:700;letter-spacing:.3px;font-size:11px}.list .link{color:#9ec8ff;font-size:11px}.list .meta{color:var(--muted);font-size:11px;text-align:right}.more-link{display:inline-block;margin-top:6px;font-size:11px;color:var(--muted)}.body-text{color:#d8d8d8;font-size:13px;margin:0}.detail{padding:0;overflow:hidden;margin-bottom:0}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px 8px;margin:0}.detail-hero{position:relative;min-height:220px;background:linear-gradient(135deg,#2c2c2c,#0a0a0a);border-bottom:1px solid #111}.detail-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.6))}.detail-title{font-size:16px;letter-spacing:.5px;margin:0;padding-left:0;padding-top:0}.detail-meta{font-size:12px;color:var(--muted);margin-top:4px}.detail-body{padding:12px 14px 14px;background:#111;color:#d8d8d8;font-size:12px;line-height:1.5}.detail-body p{margin:0 0 10px}.detail-body ul,.detail-body ol{margin:6px 0 10px 18px;padding:0;color:#d8d8d8}.detail-body h1,.detail-body h2,.detail-body h3{margin:0 0 8px;line-height:1.3}.detail-body h1{font-size:15px}.detail-body h2{font-size:14px}.detail-body h3{font-size:13px}.detail-body pre{background:#0b0b0b;border:1px solid #1f1f1f;padding:8px 10px;border-radius:2px;overflow-x:auto;margin:0 0 10px;font-size:11px}.detail-body code{background:#1a1a1a;border:1px solid #222;border-radius:2px;padding:1px 4px;font-family:Consolas,Courier New,monospace;font-size:11px}.detail-body pre code{background:transparent;border:none;padding:0}.detail-body img{display:block;max-width:100%;height:auto;margin:10px 0;border-radius:2px;background:#050505;border:1px solid #1f1f1f}.download-btn{display:inline-block;margin-top:14px;padding:0;color:#9ec8ff;text-decoration:none;font-size:11px}.download-btn:hover{text-decoration:underline}@media(max-width:900px){.frame,.inner{padding:14px}.feature-body{grid-template-columns:1fr}.feature-window{min-height:200px}}@media(max-width:720px){.page{padding:0 8px}.nav{flex-direction:column;align-items:flex-start;gap:8px}.nav-left,.nav-right{width:100%;gap:10px}.section-head{align-items:flex-start;flex-direction:column;gap:6px}}@media(max-width:640px){.frame{width:100%;padding:12px}.inner{padding:12px}.catalogue-grid{grid-template-columns:1fr}.list li{grid-template-columns:100px 1fr;grid-template-areas:"date text" "meta meta"}.list .date{grid-area:date}.list .link{grid-area:text}.list .meta{grid-area:meta;text-align:left}}@media(max-width:480px){.feature-window{min-height:180px}.list li{grid-template-columns:1fr;grid-template-areas:"text" "date" "meta";row-gap:4px}.list .date{text-align:left}}
