.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}body:has(.about-preview){background:radial-gradient(ellipse 78% 62% at 8% 4%, color-mix(in srgb, var(--primary) 20%, transparent), transparent 72%), radial-gradient(ellipse 70% 60% at 94% 28%, color-mix(in srgb, var(--primary-2) 16%, transparent), transparent 72%), radial-gradient(ellipse 76% 58% at 25% 100%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 74%), var(--bg);background-attachment:fixed}body:has(.about-preview) footer{background:0 0;border-top:0;margin-top:0}.hero{align-items:center;min-height:min(68vh,720px);padding:4rem 0 3rem;display:flex;position:relative;overflow:hidden}.hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:2.5rem;width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem;display:grid;position:relative}.kicker{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 70%, transparent);color:var(--muted);letter-spacing:.02em;border-radius:999px;margin-bottom:.9rem;padding:.35rem .7rem;font-weight:950;display:inline-block}.name{background:var(--accent);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.85rem;font-size:clamp(2.6rem,5.2vw,4.6rem);line-height:1.02}.subtitle{color:var(--muted);margin-bottom:.9rem;font-size:1.25rem;font-weight:700}.description{color:var(--muted);max-width:48rem;margin-bottom:1.7rem;font-size:1.05rem;line-height:1.9}.cta{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.btn{border:1px solid var(--border);border-radius:.7rem;padding:.85rem 1.2rem;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-block}.btn.primary{background:var(--accent);color:#fff;border-color:#0000}.btn.primary:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btn.ghost{background:color-mix(in srgb, var(--surface) 65%, transparent);color:var(--text)}.btn.ghost:hover{box-shadow:var(--shadow-soft);border-color:color-mix(in srgb, var(--primary) 40%, var(--border));transform:translateY(-2px)}.meta-row{flex-wrap:wrap;gap:.55rem;display:flex}.meta-pill{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 70%, transparent);color:var(--muted);border-radius:999px;padding:.35rem .6rem;font-size:.85rem;font-weight:900}.scroll-hint{color:var(--muted);opacity:.8;margin-top:1.5rem;font-weight:800}.hero-right{min-height:380px;position:relative}.glass-card{z-index:2;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 75%, transparent);box-shadow:var(--shadow);border-radius:1.25rem;padding:1.25rem;position:relative;overflow:hidden}.badge{background:color-mix(in srgb, var(--primary) 12%, transparent);border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));color:var(--text);border-radius:999px;margin-bottom:1rem;padding:.35rem .6rem;font-weight:900;display:inline-block}.info{border-top:1px solid var(--border);padding:.9rem 0}.info:first-of-type{border-top:none;padding-top:0}.info-title{font-family:var(--font-display);font-weight:900}.info-desc{color:var(--muted);margin-top:.25rem;font-weight:700;line-height:1.75}.featured{background:0 0;padding:3rem 0 2.5rem}.featured h2{text-align:left;margin-bottom:1.5rem;font-size:clamp(2rem,3.2vw,2.65rem)}.grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.card{aspect-ratio:4/3;border:1px solid var(--border);background:var(--surface-2);min-height:0;box-shadow:var(--shadow-soft);border-radius:.75rem;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.card:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));box-shadow:var(--shadow);transform:translateY(-4px)}.card img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block;position:absolute;inset:0;transform:scale(1.02)}.card:hover img{transform:scale(1.07)}.overlay{background:linear-gradient(#0000 42%,#00000094 76%,#000000e6 100%);padding:1.25rem;position:absolute;inset:auto 0 0}:global([data-theme="light"]) .overlay{background:linear-gradient(#0000 0%,#0000008c 100%)}.overlay h3{color:#fff;margin-bottom:.25rem}.overlay .muted{color:#eaf0ff;font-weight:900}.overlay h3,.overlay .muted{text-shadow:0 2px 10px #000000e6}.center{text-align:center;margin-top:2rem}.about-preview{background:0 0;padding:2.5rem 0 3rem;position:relative;overflow:hidden}.about-preview-inner{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2rem,7vw,6rem);display:grid}.about-kicker{color:var(--primary);letter-spacing:0;margin-bottom:1rem;font-size:.75rem;font-weight:900}.about-preview h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12}.about-preview-copy>p{max-width:58ch;color:var(--muted);font-size:1.05rem;font-weight:650;line-height:1.85}.about-preview-tags{flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;display:flex}.about-preview-tags>span{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 76%, transparent);min-height:2.5rem;color:var(--text);border-radius:.45rem;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.84rem;font-weight:800;display:inline-flex}.about-preview-tags b{color:var(--primary);font-size:.7rem}.about-preview-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;display:flex}.about-preview .btn{border-radius:.7rem}@media (width<=980px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(280px,.86fr);gap:1.1rem}.hero-right{min-height:0}.glass-card{border-radius:.9rem;padding:1rem}.info{padding:.65rem 0}.info-desc{font-size:.88rem;line-height:1.55}.hero{min-height:auto;padding:2.75rem 0 2rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.featured{padding:2.5rem 0 2rem}.about-preview-inner{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:1.75rem}.about-preview h2{font-size:2rem}}@media (width>=701px) and (width<=980px){.featured .grid{grid-auto-rows:1fr;align-items:stretch}.featured .card{aspect-ratio:auto;flex-direction:column;min-height:0;display:flex}.featured .card img{aspect-ratio:4/3;flex:none;width:100%;height:auto;position:relative;inset:auto}.featured .overlay{background:color-mix(in srgb, var(--surface) 78%, transparent);flex:1;padding:.8rem .95rem;position:relative;inset:auto}.featured .overlay h3,.featured .overlay .muted{color:var(--text);text-shadow:none}.featured .overlay h3{font-size:.98rem}.featured .overlay .muted{font-size:.8rem}}@media (width<=700px){.container,.hero-inner{padding-left:.85rem;padding-right:.85rem}.hero-inner{grid-template-columns:1fr}.hero-right{display:none}.grid{grid-template-columns:1fr}.hero{padding:1.5rem 0 1rem}.name{font-size:clamp(2.35rem,12vw,3.3rem)}.subtitle{font-size:1.1rem}.description{margin-bottom:1.35rem;font-size:.98rem;line-height:1.7}.cta{margin-bottom:1rem}.cta .btn{text-align:center;flex:10rem}.scroll-hint{margin-top:1.1rem}.featured{padding:1rem 0 2.5rem}.featured h2{margin-bottom:1.1rem;font-size:1.9rem}.about-preview{padding:2.5rem 0 2.25rem}.about-preview-inner{grid-template-columns:1fr;gap:1.25rem}.about-preview h2{font-size:2rem}.about-preview-actions{grid-template-columns:1fr;display:grid}.about-preview-actions .btn{text-align:center}}