.sc{--bg:#0a0506;--tile:#140b0c;--line:#f1d28a24;--muted:#b9a593;background:var(--grain),radial-gradient(1100px 600px at 85% -10%,#9b1c2a59,transparent 65%),var(--bg);min-height:100vh;color:var(--cream);overflow-x:clip}:is(html:has(.sc),body:has(.sc)){background:#0a0506}.sc a{text-decoration:none}.sc-top{z-index:5;justify-content:space-between;align-items:center;gap:16px;padding:22px clamp(16px,4vw,48px);display:flex;position:absolute;inset:0 0 auto}.sc-mark{font:900 26px/1 var(--sans);letter-spacing:-.02em;color:var(--cream);font-stretch:75%}.sc-mark span{color:var(--crimson-bright)}.sc-top nav{font:600 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:clamp(14px,2.5vw,28px);display:flex}.sc-top nav a{color:var(--cream-soft);transition:color .2s}.sc-top nav a:hover{color:var(--gold-light)}.sc-pill{background:var(--cream);letter-spacing:.08em;border-radius:999px;padding:11px 18px;color:var(--bg)!important}.sc-pill:hover{background:var(--gold-light)}.sc-hero{isolation:isolate;align-items:flex-end;min-height:min(92vh,880px);padding:120px clamp(16px,4vw,48px) clamp(40px,7vh,80px);display:flex;position:relative;overflow:hidden}.sc-hero-art{object-fit:cover;object-position:70% 50%;z-index:-2;width:100%;height:100%;animation:24s ease-in-out infinite alternate sc-drift;position:absolute;inset:0;transform:scale(1.04)}.sc-hero-shade{z-index:-1;background:linear-gradient(180deg,#0a05068c 0%,#0a050626 35%,#0a0506d9 78%,var(--bg) 100%),linear-gradient(90deg,#0a0506d9 0%,#0a050633 60%);position:absolute;inset:0}@keyframes sc-drift{to{transform:scale(1.12)translate(-1.5%,-1%)}}.sc-hero-copy{max-width:1200px}.sc-eyebrow{font:600 13px/1.3 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-light);margin:0 0 18px}.sc-lede{max-width:56ch;font:500 clamp(22px,2.6vw,34px)/1.25 var(--display);color:var(--cream);margin:0;font-style:italic}.sc-cta{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.sc-btn{font:700 14px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #f5ecdc47;border-radius:999px;align-items:center;padding:15px 24px;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.sc-btn:hover{border-color:var(--gold-light);transform:translateY(-2px)}.sc-btn.gold{background:var(--gilt);color:var(--bg);background-size:200% 100%;border-color:#0000;animation:6s linear infinite sc-shine;box-shadow:0 10px 40px #d6a6424d}@keyframes sc-shine{to{background-position:-200% 0}}.sc-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"learn learn vram vram""learn learn essay cv""gold gold essay soon";grid-auto-rows:minmax(250px,28vw);gap:14px;max-width:1440px;margin:0 auto;padding:clamp(40px,7vw,90px) clamp(16px,4vw,48px);display:grid}@media (min-width:1440px){.sc-grid{grid-auto-rows:400px}}.sc-tile{background:var(--tile);border:1px solid var(--line);color:var(--cream);isolation:isolate;border-radius:22px;flex-direction:column;justify-content:flex-end;padding:clamp(18px,2vw,28px);transition:border-color .35s,transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.sc-tile>img,.sc-live{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s;position:absolute;inset:0}.sc-tile:after{content:"";z-index:-1;background:linear-gradient(#0a050600 35%,#0a0506eb 100%);position:absolute;inset:0}a.sc-tile:hover{border-color:#f1d28a8c;transform:translateY(-4px);box-shadow:0 30px 70px #0000008c,0 0 0 1px #f1d28a33}a.sc-tile:hover>img{transform:scale(1.06)}.sc-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);font:700 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);background:#0a050699;border-radius:999px;padding:8px 13px;position:absolute;top:clamp(16px,1.8vw,24px);left:clamp(16px,1.8vw,24px)}.sc-cap{max-width:46ch;color:var(--cream-soft);font-size:15px;line-height:1.5;display:block}.sc-cap b{font:900 clamp(26px,3vw,44px)/.95 var(--sans);text-transform:uppercase;letter-spacing:0;color:var(--cream);margin-bottom:6px;font-stretch:68%;display:block}.sc-tile.big{background:radial-gradient(700px 400px at 70% 20%,#9b1c2a73,#0000 70%),#0f0708;grid-area:learn}.sc-tile.big .sc-cap b{font-size:clamp(34px,4.6vw,72px)}.sc-tile.vram{background:#0b1017;grid-area:vram}.sc-tile.vram>img{object-position:50% 0;filter:saturate(.9)}.sc-tile.tall{grid-area:essay}.sc-tile.wide{grid-area:gold}.sc-tile.cv{grid-area:cv}.sc-tile.cv>img{filter:grayscale()contrast(1.05);object-position:50% 20%}a.sc-tile.cv:hover>img{filter:none}.sc-tile.soon{background:repeating-linear-gradient(135deg,#f1d28a0a 0 12px,transparent 12px 24px),var(--tile);border-style:dashed;grid-area:soon}.sc-tile.soon .sc-cap b{color:var(--cream-soft)}@media (max-width:900px){.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"learn learn""vram vram""essay cv""essay soon""gold gold";grid-auto-rows:minmax(240px,52vw)}}@media (max-width:560px){.sc-grid{grid-template-columns:1fr;grid-template-areas:"learn""vram""essay""cv""gold""soon";grid-auto-rows:minmax(300px,92vw)}.sc-tile.soon{min-height:0}}.sc-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1440px;margin:0 auto;padding:0 clamp(16px,4vw,48px) clamp(50px,8vw,100px);display:grid}.sc-swatches div{background:var(--c);border-radius:18px;flex-direction:column;justify-content:flex-end;gap:4px;min-height:clamp(150px,18vw,260px);padding:18px;transition:transform .35s;display:flex;box-shadow:inset 0 -80px 60px -40px #00000073}.sc-swatches div:hover{transform:translateY(-6px)}.sc-swatches b{font:900 22px/1 var(--sans);text-transform:uppercase;color:#fff8ec;font-stretch:70%}.sc-swatches code{color:#fff8ecbf;font:600 12px/1 ui-monospace,monospace}@media (max-width:560px){.sc-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}.sc-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 28px;padding:30px clamp(16px,4vw,48px) 44px;font-size:14px;display:flex}.sc-foot nav{flex-wrap:wrap;gap:12px 22px;display:flex}.sc-foot nav a{color:var(--cream-soft)}.sc-foot nav a:hover{color:var(--gold-light)}.sc-foot p{margin:0}@media (max-width:640px){.sc-top nav a:not(.sc-pill){display:none}}@media (prefers-reduced-motion:reduce){.sc-hero-art,.sc-btn.gold{animation:none}.sc-tile,.sc-tile>img,.sc-swatches div,.sc-btn{transition:none}a.sc-tile:hover,a.sc-tile:hover>img,.sc-swatches div:hover{transform:none}}