:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050507;--bg-alt:#0d0e10;--accent:#f5b564;--accent-soft:#f5b56426;--text:#f5f5f5;--muted:#8b8f98;--border:#202228;--radius-lg:18px;--radius-md:12px;--shadow-soft:0 18px 45px #00000080;--max-width:1120px;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*,:before,:after{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at top,#161821 0,#050507 45%,#020203 100%);margin:0}.page{flex-direction:column;align-items:center;min-height:100vh;padding:24px 16px 32px;display:flex}.header,.main,.footer{width:100%;max-width:var(--max-width)}.header{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#13141ce6,#07080ce6);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;padding:20px 24px;display:flex}.header-left{max-width:620px}.title{letter-spacing:.03em;margin:0 0 6px;font-size:clamp(1.9rem,3vw,2.2rem)}.subtitle{color:var(--muted);margin:0;font-size:.96rem;line-height:1.5}.header-right{text-align:right}.tagline{border:1px solid var(--accent-soft);color:var(--accent);text-transform:uppercase;letter-spacing:.14em;background:#0a0a0ee6;border-radius:999px;align-items:center;padding:6px 12px;font-size:.78rem;display:inline-flex}.main{flex-direction:column;gap:24px;display:flex}.section{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-alt);padding:18px 20px 20px;box-shadow:0 18px 40px #000000a6}.section-header{margin-bottom:14px}.section-header h2{margin:0 0 4px;font-size:1.12rem}.section-header p{color:var(--muted);margin:0;font-size:.9rem}.image-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.image-card{border-radius:var(--radius-md);background:radial-gradient(circle at top,#262733,#151620);border:1px solid #252831;position:relative;overflow:hidden}.image-card img{object-fit:cover;filter:saturate(1.1);width:100%;height:160px;transition:transform .4s,filter .4s;display:block}.image-card:hover img{filter:saturate(1.25)brightness(1.05);transform:scale(1.04)}.image-card figcaption{color:#e7e9ee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040508db;border-radius:999px;padding:5px 8px;font-size:.7rem;position:absolute;bottom:8px;left:8px;right:8px}.viewer{flex-direction:column;gap:12px;display:flex}.viewer-toolbar{border:1px solid var(--border);background:#08090de6;border-radius:999px;align-self:flex-start;padding:3px;display:inline-flex}.viewer-button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 10px;font-size:.8rem;transition:background .18s,color .18s}.viewer-button.is-active{background:var(--accent-soft);color:#fff}.viewer-button:not(.is-active):hover{color:#d7dae0}.viewer-canvas-wrapper{border-radius:var(--radius-lg);background:radial-gradient(circle at top,#202230 0,#080910 55%,#030308 100%);border:1px solid #252831;width:100%;height:360px;overflow:hidden}.footer{color:var(--muted);text-align:center;margin-top:24px;font-size:.8rem}@media (width>=960px){.viewer-canvas-wrapper{height:420px}}@media (width<=640px){.header{flex-direction:column;align-items:flex-start}.header-right{text-align:left;align-self:stretch}.image-card img{height:140px}}