:root{--ink:#07131b;--paper:#f3f0e8;--paper-2:#e6e0d3;--gold:#ffbd6a;--acid:#c8fb68;--rust:#bb5438;--blue:#0d2734;--sans:"Space Grotesk",Arial,sans-serif;--serif:"Newsreader",Georgia,serif}
html{background:var(--ink)}
body{background:var(--paper);color:#10222a}
header{background:rgba(5,15,22,.84);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px)}
.nav{height:76px;grid-template-columns:180px 1fr auto;gap:24px}
.brand{font-size:26px;line-height:.83;letter-spacing:-.085em}.brand span{margin-top:4px;color:var(--acid);letter-spacing:.19em}
.navlinks{gap:clamp(22px,3vw,56px)}.navlinks a{font-size:11px;letter-spacing:.12em}.navlinks a:after{background:var(--acid)}
.live-chip{gap:12px;padding:10px 13px;border:1px solid rgba(200,251,104,.58);border-radius:100px;font-size:11px;white-space:nowrap}.live-chip b{font-size:15px}.live-chip:hover{background:var(--acid);color:var(--ink)}
.hero{position:relative;min-height:min(900px,calc(100svh - 76px));display:block;isolation:isolate;background:#07131b url('/art/vic-hero.webp') center center/cover no-repeat;color:#f7f5ef}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,16,23,.9) 0%,rgba(5,16,23,.38) 52%,rgba(5,16,23,.08) 100%),linear-gradient(0deg,rgba(4,13,19,.62),transparent 43%)}
.hero-main{display:block;min-height:0;height:calc(min(900px,100svh - 76px) - 60px);max-height:840px}
.hero-type{height:100%;padding:clamp(70px,11vh,128px) var(--pad) clamp(42px,7vh,80px);border:0;justify-content:center;gap:clamp(30px,6vh,70px)}.hero-type:after{display:none}
.hero-overline{display:flex;align-items:center;gap:13px;color:var(--acid);font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase}.hero-overline-sep{opacity:.45}.signal-dot{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 24px var(--acid)}
.hero-title{max-width:920px;margin:0;color:#fff;font:500 clamp(86px,11.9vw,198px)/.83 var(--serif);letter-spacing:-.077em;text-wrap:balance}.hero-title em{color:var(--acid);font-weight:400}.hero-title span{display:inline;margin:0;color:var(--gold);font-style:normal}
.hero-bottom{display:block;max-width:760px}.hero-bottom p{max-width:590px;color:#e5e7df;font:400 clamp(20px,2.1vw,28px)/1.35 var(--sans)}.hero-bottom p em{color:inherit}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.hero-actions a{display:inline-flex;align-items:center;gap:26px;min-height:55px;padding:14px 19px;font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.055em;transition:transform .25s,background .25s}.hero-actions a:hover{transform:translateY(-3px)}.hero-primary{background:var(--acid);color:var(--ink)}.hero-primary:hover{background:#e0ff9f}.hero-secondary{border-bottom:1px solid rgba(255,255,255,.7);color:#fff}
.hero-foot{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-top:1px solid rgba(255,255,255,.25);color:#d5ded7;font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase}
.hero-index,.hero-ticker{display:none}
.new-work{background:#07131b;color:#fff;padding-bottom:clamp(70px,9vw,160px)}
.section-head{grid-template-columns:120px 1fr minmax(200px,350px);gap:28px;align-items:end;padding-top:clamp(85px,9vw,155px);padding-bottom:50px}.section-head .num{font-size:11px;letter-spacing:.08em}.section-head h2{font-size:clamp(60px,7.4vw,118px);line-height:.83}.section-head p{font-size:16px;line-height:1.55}
.new-work .section-head{border-color:rgba(255,255,255,.18)}.new-work .section-head .num{color:var(--acid)}
.new-work-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:18px;padding:20px var(--pad) 0;border:0}
.project-feature{position:relative;display:block;overflow:hidden;min-height:clamp(370px,34vw,590px);isolation:isolate;background:#1c303b;color:#fff}
.project-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.65,.2,1)}.project-feature:hover img,.project-feature:focus-visible img{transform:scale(1.055)}
.project-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,20,.45),transparent 33%,rgba(3,10,19,.84) 100%)}
.project-meta,.project-copy{position:absolute;left:clamp(24px,3vw,48px);right:clamp(24px,3vw,48px);z-index:1}.project-meta{top:clamp(22px,3vw,42px);display:flex;justify-content:space-between;gap:20px;font:500 10px var(--mono);letter-spacing:.13em}.project-copy{bottom:clamp(24px,3vw,48px)}.project-copy h3{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 10px;font:500 clamp(43px,5vw,82px)/.88 var(--serif);letter-spacing:-.055em}.project-copy p{max-width:560px;margin:0;font:400 clamp(16px,1.3vw,20px)/1.4 var(--sans)}.project-arrow{width:54px;height:54px;flex:none;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;font:400 28px var(--sans);transition:background .25s,color .25s,transform .25s}.project-feature:hover .project-arrow{background:var(--acid);color:var(--ink);border-color:var(--acid);transform:rotate(45deg)}
.project-bytebloom{grid-row:span 2;min-height:780px}.project-bytebloom .project-copy h3{font-size:clamp(62px,7vw,122px)}.project-bytebloom .project-meta span:first-child{color:var(--acid)}.project-gamebuddy,.project-nogooddeed{min-height:380px}.project-gamebuddy img{object-position:61% center}.project-nogooddeed img{object-position:58% center}.project-gamebuddy .project-copy h3,.project-nogooddeed .project-copy h3{font-size:clamp(38px,3.8vw,65px)}
.new-work-music{margin-top:30px;padding:24px var(--pad);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);font-size:11px;letter-spacing:.03em}.new-work-music strong{color:var(--acid);letter-spacing:.12em}.new-work-music a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45)}.new-work-music a:hover{color:var(--acid);border-color:var(--acid)}
.wake,.writing{background:var(--paper)}.music{background:#e7e1d3}.films{background:#0b202a}
.wake-stage{padding:20px var(--pad) 0;grid-template-columns:1.28fr .72fr;gap:0;min-height:600px}.wake-art{min-height:580px}.wake-copy{background:#102934}.wake-copy h3{font-size:clamp(45px,5vw,86px)}
.lead-release{padding:20px var(--pad) 0}.catalog{padding:0 var(--pad) 105px;gap:16px}.catalog-intro{padding-left:var(--pad);padding-right:var(--pad)}
.film-grid{padding:20px var(--pad) 0;gap:16px}.film-all{padding-left:var(--pad);padding-right:var(--pad)}
.book-feature{padding:20px var(--pad) 100px}.system-grid{padding:20px var(--pad) 110px;gap:16px}
.about{background:#d6e0d8}.about-grid{padding:110px var(--pad)}
footer{background:#06121a}
.cursor-glow{position:fixed;z-index:90;width:320px;height:320px;left:0;top:0;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(200,251,104,.13),rgba(105,225,214,.055) 34%,transparent 68%);transform:translate3d(-500px,-500px,0);mix-blend-mode:screen;opacity:0;transition:opacity .35s}
.cursor-glow.is-visible{opacity:1}
.reveal{opacity:0;transform:translateY(38px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.2,1)}.reveal.in-view{opacity:1;transform:none}
a:focus-visible,button:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
@media(max-width:1050px){.nav{grid-template-columns:135px 1fr auto}.navlinks{gap:18px}.hero{min-height:720px}.hero-main{height:660px}.project-bytebloom{min-height:650px}.project-gamebuddy,.project-nogooddeed{min-height:315px}.project-copy h3{font-size:48px}.project-gamebuddy .project-copy h3,.project-nogooddeed .project-copy h3{font-size:42px}}
@media(max-width:760px){.nav{height:68px;grid-template-columns:auto 1fr auto}.navlinks{justify-content:flex-end}.navlinks a{display:none}.navlinks a[href="/projects.html"]{display:block}.live-chip{font-size:10px}.hero{min-height:720px;background-position:62% center}.hero:before{background:linear-gradient(90deg,rgba(5,16,23,.91),rgba(5,16,23,.35)),linear-gradient(0deg,rgba(5,16,23,.82),transparent 60%)}.hero-main{height:660px;min-height:0}.hero-type{padding:90px var(--pad) 50px;gap:45px}.hero-title{font-size:clamp(73px,14vw,115px)}.hero-overline{font-size:9px;letter-spacing:.08em}.hero-bottom p{font-size:19px}.hero-foot{font-size:9px}.hero-foot span:last-child{display:none}.section-head{grid-template-columns:1fr;gap:15px;padding-top:85px;padding-bottom:30px}.section-head h2{font-size:clamp(57px,11vw,85px)}.section-head p{max-width:550px}.new-work-grid{grid-template-columns:1fr;gap:14px;padding-top:14px}.project-bytebloom{grid-row:auto;min-height:610px}.project-gamebuddy,.project-nogooddeed{min-height:430px}.project-copy h3{font-size:60px}.project-gamebuddy .project-copy h3,.project-nogooddeed .project-copy h3{font-size:49px}.wake-stage{grid-template-columns:1fr}.wake-art{min-height:420px}.wake-copy{min-height:350px}.new-work-music{gap:13px}}
@media(max-width:520px){.navlinks{display:none}.nav{grid-template-columns:1fr auto}.hero{min-height:680px;background-position:59% center}.hero-main{height:620px}.hero-type{padding-top:65px;gap:38px}.hero-title{font-size:clamp(61px,16vw,86px)}.hero-bottom p{font-size:17px}.hero-actions{gap:9px}.hero-actions a{font-size:10px;padding:13px;min-height:48px}.hero-overline{flex-wrap:wrap;gap:7px}.hero-foot{height:60px}.hero-foot span:nth-child(2){display:none}.project-bytebloom{min-height:490px}.project-gamebuddy,.project-nogooddeed{min-height:370px}.project-meta,.project-copy{left:23px;right:23px}.project-copy h3,.project-bytebloom .project-copy h3{font-size:56px}.project-gamebuddy .project-copy h3,.project-nogooddeed .project-copy h3{font-size:42px}.project-copy p{font-size:15px}.project-arrow{width:42px;height:42px;font-size:23px}.section-head{padding-top:75px}.section-head h2{font-size:58px}.catalog,.book-feature,.system-grid{padding-bottom:65px}}
@media(hover:none),(pointer:coarse){.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor-glow{display:none}.reveal{opacity:1;transform:none;transition:none}.project-feature img,.project-arrow,.hero-actions a{transition:none}}
.hero{min-height:0}.hero-main{height:auto;min-height:920px;max-height:none}.hero-title em{margin-right:.08em}
@media(max-width:760px){.hero{min-height:0}.hero-main{height:auto;min-height:730px}.hero-type{padding-bottom:70px}}
@media(max-width:520px){.hero{min-height:0}.hero-main{height:auto;min-height:720px}.hero-type{padding-bottom:55px}}
/* Vic identity: a readable wordmark, river V symbol, and restrained type scale. */
section{scroll-margin-top:88px}
.eyebrow,.wake-badge,.wake-kicker,.fresh-note,.release-facts span,.catalog-intro p,.album-no,.album-copy small,.film-copy small,.system-no,.system-tags span,.about-facts span,.footer-bottom{font-size:12px;line-height:1.5;letter-spacing:.04em}
.cta,.plain-link,.album-link,.film-all,.footer-links a,.new-work-music{font-size:14px;line-height:1.5;letter-spacing:.01em}
.release-copy h3,.book-copy h3{font-size:clamp(42px,4.8vw,68px);line-height:1.02;letter-spacing:-.035em}
.release-copy p,.album-copy p,.system p{font:400 16px/1.6 var(--sans)}
.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
.album-copy{padding:24px}.album-copy h4{font-size:30px;line-height:1.1}.album-copy p{color:#4d514c}
.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system h3{font-size:40px;line-height:1.05}.system{min-height:340px}
.manifesto p{font-size:clamp(36px,4.5vw,64px);line-height:1.1;letter-spacing:-.035em}
.footer-top h2{font-size:clamp(48px,6.5vw,92px);line-height:1;letter-spacing:-.035em}
.film-copy b{font-size:25px;line-height:1.2}.lead-release .art:after,.book-art:after{font-size:12px}
header{background:#07131b}
.nav{grid-template-columns:220px 1fr auto;height:88px}
.brand{display:inline-flex;align-items:center;gap:12px;width:max-content;letter-spacing:0}
.brand-mark{width:48px;height:48px;flex:none}
.brand .brand-name{display:block;margin:0;color:#f7f5ef;font:600 30px/1 var(--sans);letter-spacing:-.045em}
.brand .brand-place{display:block;margin:5px 0 0;color:#dce6da;font:500 14px/1.15 var(--sans);letter-spacing:.015em}
.navlinks a{font:500 13px/1.3 var(--sans);letter-spacing:.035em;text-transform:none}
.live-chip{font:600 12px/1.3 var(--sans);letter-spacing:0;text-transform:none}
.hero-main{min-height:780px}
.hero-type{height:auto;min-height:780px;justify-content:center;padding-top:80px;padding-bottom:80px;gap:32px}
.hero-overline{font:500 12px/1.4 var(--sans);letter-spacing:.1em}
.hero-title{max-width:770px;font:500 clamp(80px,8.1vw,136px)/.98 var(--serif);letter-spacing:-.045em;text-wrap:initial}
.hero-title em{margin:0;color:var(--acid);font-weight:400}
.hero-bottom{max-width:550px}
.hero-bottom .hero-statement{font:500 clamp(22px,2vw,28px)/1.3 var(--sans);color:#fff;margin:0 0 18px;letter-spacing:-.025em}
.hero-bottom .hero-description{font:400 17px/1.6 var(--sans);color:#c5d2d3;margin:0}
.hero-actions{margin-top:28px;gap:18px}
.hero-actions a{font:600 13px/1.3 var(--sans);letter-spacing:0;text-transform:none;gap:18px}
.hero-foot{font-size:11px;letter-spacing:.09em}
.section-head h2{font-size:clamp(48px,5.5vw,80px);line-height:1;letter-spacing:-.035em}
.section-head .num{font:500 12px/1.5 var(--sans);letter-spacing:.05em}
.project-bytebloom .project-copy h3{font-size:clamp(54px,5.4vw,86px);line-height:1;letter-spacing:-.035em}
.project-gamebuddy .project-copy h3,.project-nogooddeed .project-copy h3{font-size:clamp(35px,3.2vw,50px);line-height:1.05;letter-spacing:-.035em}
.project-meta{font:600 11px/1.5 var(--sans);letter-spacing:.06em}
.project-copy p{font-size:18px;line-height:1.5}
.project-arrow{width:44px;height:44px;font-size:23px}
.wake-copy h3{font-size:clamp(42px,4vw,68px);line-height:1.04}
@media(max-width:1050px){.nav{grid-template-columns:190px 1fr auto;gap:18px}.navlinks{gap:20px}.hero-title{font-size:100px}.hero-main,.hero-type{min-height:720px}.project-copy p{font-size:16px}.project-gamebuddy .project-copy h3,.project-nogooddeed .project-copy h3{font-size:36px}}
@media(max-width:760px){.nav{height:80px;grid-template-columns:1fr auto}.navlinks{display:none}.hero-main,.hero-type{min-height:700px}.hero-type{padding:70px var(--pad);gap:28px}.hero-title{font-size:clamp(70px,13vw,98px)}.hero-overline{font-size:11px}.hero-bottom .hero-statement{font-size:24px}.hero-bottom .hero-description{font-size:16px}.section-head h2{font-size:58px}.project-bytebloom .project-copy h3{font-size:64px}.project-gamebuddy .project-copy h3,.project-nogooddeed .project-copy h3{font-size:44px}}
@media(max-width:900px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{grid-template-columns:1fr;gap:18px}}
@media(max-width:900px){.section-head .num,.section-head h2,.section-head p{grid-column:auto}}
@media(max-width:520px){.project-copy .project-arrow{display:none}.project-feature.project-bytebloom .project-copy h3{font-size:clamp(36px,12vw,50px)}}
@media(max-width:520px){.nav{gap:10px}.brand{gap:9px}.brand-mark{width:40px;height:40px}.brand .brand-name{font-size:24px}.brand .brand-place{font-size:12px;margin-top:4px;letter-spacing:0}.live-chip{font-size:12px;padding:9px 10px;gap:6px}.live-chip i{display:none}.hero-main,.hero-type{min-height:660px}.hero-type{padding-top:62px;padding-bottom:62px}.hero-title{font-size:clamp(62px,17.5vw,88px);line-height:1.02}.hero-bottom .hero-statement{font-size:22px}.hero-bottom .hero-description{font-size:16px}.hero-actions{gap:12px;align-items:flex-start}.hero-actions a{font-size:13px;padding:14px 12px;gap:12px}.hero-foot{font-size:12px}.section-head h2{font-size:48px}.project-bytebloom .project-copy h3{font-size:50px}.project-gamebuddy .project-copy h3,.project-nogooddeed .project-copy h3{font-size:37px}.project-copy p{font-size:16px}.project-meta{font-size:12px}.project-meta span:last-child{display:none}.project-arrow{width:36px;height:36px;font-size:21px}.catalog,.system-grid,.film-grid{grid-template-columns:1fr}.album-copy h4{font-size:32px}.system{min-height:300px}.footer-bottom{flex-wrap:wrap}.hero-overline{font-size:12px}.fresh-note{flex-wrap:wrap}.catalog-intro{align-items:start;flex-direction:column}}
