:root{--ink:#090909;--paper:#f2efe8;--line:rgba(9,9,9,.18);--acid:#6a3af4;--lime:#d7ff00;--orange:#f36b21;--blue:#1261a9}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:var(--acid);color:var(--paper)}.noise{position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.site-header{height:78px;padding:0 26px;display:flex;align-items:center;gap:28px;position:fixed;top:0;left:0;right:0;z-index:900;transition:background .25s,color .25s,border .25s}.site-header:not(.scrolled):not(.archive-header){color:white}.site-header.scrolled,.archive-header{background:rgba(242,239,232,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);color:var(--ink)}.brand{display:block;width:172px;min-width:172px;position:relative;z-index:3}.brand img{width:100%;height:auto;filter:invert(1);transition:filter .25s}.site-header.scrolled .brand img,.archive-header .brand img{filter:none}.main-menu{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}.main-menu a{position:relative;padding:9px 0}.main-menu a:after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:4px;background:currentColor;transition:right .18s}.main-menu a:hover:after{right:0}.main-menu .contact-link{border:1px solid currentColor;border-radius:999px;padding:9px 13px}.main-menu .contact-link:after{display:none}.menu-toggle{display:none;margin-left:auto;border:0;background:none;color:inherit;font-size:11px;font-weight:900;letter-spacing:.12em;position:relative;z-index:5}.hero{height:100svh;min-height:660px;background:#111;position:relative;overflow:hidden}.hero-slides,.hero-slide{position:absolute;inset:0;margin:0}.hero-slide{opacity:0;transition:opacity 1.05s ease}.hero-slide.is-active{opacity:1;z-index:1}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015)}.hero:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.23),transparent 18%,transparent 78%,rgba(0,0,0,.23))}.hero-controls{position:absolute;z-index:4;right:24px;bottom:23px;display:flex;align-items:center;gap:12px;color:white}.hero-arrow{width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(0,0,0,.12);color:white;cursor:pointer}.hero-arrow:hover{background:white;color:var(--ink)}.hero-dots{display:flex;gap:7px}.hero-dot{width:6px;height:6px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.48);cursor:pointer}.hero-dot.is-active{background:white;transform:scale(1.35)}.scroll-cue{position:absolute;z-index:4;bottom:22px;left:27px;color:white;font-size:21px;width:38px;height:38px;border:1px solid rgba(255,255,255,.68);border-radius:50%;display:grid;place-items:center}.section{padding:112px 28px;border-top:1px solid var(--line)}.section-label,.kicker{margin:0;display:flex;gap:14px;align-items:center;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.section-label span:first-child{opacity:.45}.section-label span+span:before{content:"/";margin-right:14px;opacity:.45}.section-head{display:grid;grid-template-columns:.7fr 2.15fr 1fr;gap:28px;align-items:start;margin-bottom:58px}.section-head h2{font-size:clamp(62px,8.6vw,145px);line-height:.8;letter-spacing:-.075em;margin:0;font-weight:1000}.section-head>p{font-size:14px;line-height:1.45;margin:4px 0 0;max-width:330px}.archive-cta{font-size:10px;font-weight:1000;letter-spacing:.1em;border-bottom:1px solid currentColor;padding-bottom:4px}.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:7vw;align-items:center}.about-copy h1{font-size:clamp(74px,10vw,170px);line-height:.77;letter-spacing:-.085em;margin:0 0 44px;font-weight:1000}.about-copy .lede{font-size:clamp(28px,3.1vw,51px);line-height:1.02;letter-spacing:-.045em;font-weight:900;margin:0 0 32px}.about-copy>p:not(.lede){font-size:17px;line-height:1.5;max-width:620px}.text-link{display:inline-block;margin-top:30px;font-size:12px;font-weight:900;letter-spacing:.08em;border-bottom:1px solid var(--ink);padding-bottom:5px}.about-image{margin:0;min-height:680px;overflow:hidden}.about-image img{width:100%;height:100%;min-height:680px;object-fit:cover;object-position:center}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 18px}.project-wide{grid-column:1/-1}.project{min-width:0;overflow:hidden}.project>img{width:100%;height:min(43vw,660px);min-height:400px;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.1,1),filter .55s}.project-wide>img{height:min(64vw,780px)}.project:hover>img{transform:scale(.988);filter:saturate(1.1)}.project-caption{border-top:1px solid var(--ink);margin-top:8px;padding:11px 1px 0;display:flex;align-items:baseline;justify-content:space-between;gap:18px}.project-caption h3{margin:0;font-size:15px;letter-spacing:-.025em}.project-caption span{font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;text-align:right}.clients{padding:70px 28px 100px;border-top:1px solid var(--line);background:#fff}.clients-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.clients-top>p:last-child{font-size:11px;margin:0;opacity:.62}.client-cloud{display:flex;flex-wrap:wrap;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.client-cloud span{flex:1 0 20%;min-width:180px;padding:22px 18px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:clamp(16px,1.7vw,28px);font-weight:1000;letter-spacing:-.04em}.stefon-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:18px}.stefon-still{margin:0;grid-row:span 2;min-height:720px}.stefon-still img{width:100%;height:100%;min-height:720px;object-fit:cover}.stefon-video{position:relative;min-height:350px;background:#111;overflow:hidden}.stefon-video.wide{grid-column:2/4}.stefon-video video{width:100%;height:100%;min-height:350px;object-fit:cover;display:block}.stefon-video .video-toggle{position:absolute;inset:0;border:0;background:rgba(0,0,0,.06);color:white;font-size:11px;font-weight:1000;letter-spacing:.16em;cursor:pointer}.stefon-video .video-toggle:hover{background:rgba(0,0,0,.18)}.stefon-video p{position:absolute;left:14px;bottom:12px;margin:0;color:white;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;pointer-events:none}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.youtube-card{position:relative;display:block;min-width:0}.youtube-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .4s,filter .4s}.youtube-card:hover>img{transform:scale(.992);filter:saturate(1.12)}.youtube-card .play{position:absolute;top:calc(50% - 45px);left:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);font-size:16px;padding-left:3px}.youtube-card .project-caption{position:relative}.store{display:grid;grid-template-columns:1.35fr 1fr;border-top:1px solid var(--line);min-height:78vh}.store-image{min-height:660px;overflow:hidden;background:#111}.store-image img{width:100%;height:100%;min-height:660px;object-fit:cover}.store-copy{padding:72px 45px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.store-copy h2{font-size:clamp(72px,9vw,150px);line-height:.78;letter-spacing:-.08em;margin:45px 0 32px}.store-copy>p{font-size:21px;line-height:1.35;max-width:500px}.coming-pill{margin-top:32px;border:1px solid var(--ink);border-radius:999px;padding:12px 16px;font-size:10px;font-weight:900;letter-spacing:.12em}.contact{padding:100px 28px 42px;min-height:76vh;background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:space-between}.contact h2{font-size:clamp(78px,13vw,215px);line-height:.72;letter-spacing:-.09em;margin:55px 0 70px;font-weight:1000}.email-button{align-self:flex-end;display:inline-block;background:var(--acid);color:white;padding:17px 23px;border-radius:999px;font-size:12px;font-weight:1000;letter-spacing:.07em}.email-button:hover{transform:rotate(-1deg)}footer{min-height:116px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-top:1px solid var(--line);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.footer-brand{width:156px}.footer-brand img{width:100%}.footer-links{display:flex;gap:22px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .62s ease,transform .62s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
/* Archive pages */.archive-main{padding-top:78px}.archive-intro{padding:110px 28px 70px;border-bottom:1px solid var(--ink)}.archive-intro h1{font-size:clamp(88px,14vw,230px);font-weight:1000;line-height:.72;letter-spacing:-.09em;margin:70px 0 60px}.archive-intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.archive-intro-bottom p{font-size:clamp(20px,2.3vw,36px);line-height:1.08;max-width:720px;margin:0;font-weight:900;letter-spacing:-.035em}.archive-intro-bottom span,.archive-project-head span,.archive-subhead span{font-size:9px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.archive-project{padding:70px 28px 100px;border-bottom:1px solid var(--line)}.archive-project-head,.archive-subhead{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:30px}.archive-project-head h2{font-size:clamp(42px,5.5vw,90px);line-height:.9;letter-spacing:-.06em;margin:0;font-weight:1000}.archive-subgroup{margin-top:75px}.archive-subhead{border-top:1px solid var(--ink);padding-top:14px}.archive-subhead h3{font-size:22px;letter-spacing:-.035em;margin:0}.archive-grid{columns:3 340px;column-gap:12px}.archive-image{display:block;width:100%;border:0;background:none;padding:0;margin:0 0 12px;cursor:zoom-in;break-inside:avoid;overflow:hidden}.archive-image img{width:100%;height:auto;transition:transform .4s,filter .4s}.archive-image:hover img{transform:scale(.99);filter:saturate(1.08)}.video-archive{min-height:65vh}.stefon-archive-video{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stefon-archive-video article{margin:0}.stefon-archive-video video{width:100%;max-height:75vh;background:#111;display:block}.stefon-archive-video h3{margin:10px 0 0;border-top:1px solid;padding-top:10px;font-size:14px}.lightbox{position:fixed;inset:0;background:rgba(5,5,5,.96);z-index:1100;display:none;place-items:center;padding:60px;color:white}.lightbox.open{display:grid}.lightbox img{max-width:min(92vw,1800px);max-height:88vh;object-fit:contain}.lightbox button{position:absolute;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.28);color:white;width:44px;height:44px;border-radius:50%;cursor:pointer}.lightbox-close{top:18px;right:20px;font-size:24px}.lightbox-prev{left:18px;top:50%}.lightbox-next{right:18px;top:50%}.lightbox-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:900;letter-spacing:.12em}.lightbox button:hover{background:white;color:black}
@media(max-width:1180px){.main-menu{gap:11px;font-size:9px}.brand{width:145px;min-width:145px}.client-cloud span{flex-basis:25%}}
@media(max-width:980px){.site-header{height:66px;padding:0 16px}.brand{width:150px;min-width:150px}.menu-toggle{display:block}.main-menu{position:fixed;inset:0;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:26px;font-size:7.2vw;line-height:.9;letter-spacing:-.04em;gap:3px;transform:translateY(-102%);transition:transform .35s cubic-bezier(.2,.7,.1,1);white-space:normal}.main-menu.open{transform:none}.main-menu .contact-link{border:0;padding:9px 0}.site-header:not(.scrolled):not(.archive-header) .menu-toggle{color:white}.site-header.menu-is-open .brand img{filter:none}.site-header.menu-is-open .menu-toggle{color:var(--ink)}.section{padding:82px 16px}.section-head{grid-template-columns:1fr;gap:15px;margin-bottom:38px}.section-head h2{font-size:15vw}.section-head>p{max-width:none}.about-grid{grid-template-columns:1fr;gap:45px}.about-image,.about-image img{min-height:75vw}.project-grid{grid-template-columns:1fr}.project-wide{grid-column:auto}.project>img,.project-wide>img{height:76vw;min-height:360px}.clients{padding:55px 16px 75px}.client-cloud span{flex-basis:33.333%;min-width:150px}.stefon-grid{grid-template-columns:1fr 1fr}.stefon-still{grid-column:1/-1;grid-row:auto;min-height:78vw}.stefon-still img{min-height:78vw}.stefon-video.wide{grid-column:1/-1}.video-grid{grid-template-columns:1fr}.store{grid-template-columns:1fr}.store-image,.store-image img{min-height:70vw}.store-copy{padding:65px 16px}.contact{padding:78px 16px 32px}.email-button{align-self:flex-start}footer{padding:24px 16px}.archive-main{padding-top:66px}.archive-intro{padding:75px 16px 50px}.archive-intro h1{margin:50px 0 44px;font-size:18vw}.archive-intro-bottom{align-items:flex-start;flex-direction:column}.archive-project{padding:55px 16px 75px}.archive-grid{columns:2 260px}.stefon-archive-video{grid-template-columns:1fr}}
@media(max-width:620px){.hero{min-height:610px}.hero-controls{right:14px;bottom:14px}.scroll-cue{left:14px;bottom:13px}.client-cloud span{flex-basis:50%;min-width:120px;padding:17px 12px}.clients-top{align-items:flex-start;flex-direction:column;gap:14px}.stefon-grid{grid-template-columns:1fr}.stefon-video.wide{grid-column:auto}.stefon-video,.stefon-video video{min-height:120vw}.contact h2{font-size:17vw}.email-button{font-size:10px;padding:15px 17px}footer{align-items:flex-start;flex-direction:column}.archive-grid{columns:1}.archive-project-head{align-items:flex-start;flex-direction:column;margin-bottom:22px}.archive-project-head h2{font-size:13vw}.lightbox{padding:45px 8px}.lightbox-prev{left:8px}.lightbox-next{right:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero-slide{transition:none}.reveal{opacity:1;transform:none}}

/* CUSTOM REVISION */
.cursor{position:fixed;width:18px;height:18px;border:2px solid var(--lime);border-radius:50%;pointer-events:none;z-index:1400;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .15s,height .15s,border-width .15s;display:none}.cursor.big{width:56px;height:56px;border-width:2px}@media(pointer:fine){.cursor{display:block}}
.project-grid{grid-auto-flow:dense}.project-grid .project{align-self:start}.project-grid .project>img{aspect-ratio:4/3;height:auto;min-height:0}.project-grid .project-wide>img{aspect-ratio:16/8.8;height:auto;min-height:0}
.manifesto{min-height:100vh;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 2fr;gap:10vw;padding:100px 28px}.manifesto-sticky p{position:sticky;top:120px;margin:0;color:var(--acid);font-size:clamp(64px,9vw,150px);font-weight:1000;line-height:.72;letter-spacing:-.08em}.manifesto-copy{padding-top:22vh}.manifesto-copy>p{font-size:clamp(32px,5vw,78px);font-weight:900;letter-spacing:-.055em;line-height:.98;margin:0 0 28vh;max-width:1000px}.manifesto-copy .scribble{color:var(--lime);transform:rotate(-1.5deg);margin-bottom:5vh}
.madfacts{background:var(--acid);color:white;display:grid;grid-template-columns:1.2fr repeat(5,1fr);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.madfacts-label,.madfact{padding:24px 18px;border-right:1px solid var(--ink)}.madfacts-label{font-size:11px;font-weight:1000;letter-spacing:.15em;background:var(--lime);color:var(--ink)}.madfact strong{display:block;font-size:clamp(36px,4vw,64px);line-height:.85;letter-spacing:-.06em}.madfact span{display:block;margin-top:10px;font-size:9px;line-height:1.15;font-weight:1000;letter-spacing:.12em}.madfact:last-child{border-right:0}
.home-stats,.custom-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);margin-top:42px}.home-stats div,.custom-stats div{padding:17px 8px 0 0}.home-stats strong,.custom-stats strong{display:block;font-size:44px;line-height:1;letter-spacing:-.06em}.home-stats span,.custom-stats span{font-size:9px;font-weight:900;letter-spacing:.12em}.about-story{padding:80px 28px 115px;display:grid;grid-template-columns:1.05fr 1fr;gap:6vw;border-bottom:1px solid var(--line)}.about-story-image{min-height:720px}.about-story-image img{width:100%;height:100%;min-height:720px;object-fit:cover}.about-story-copy{align-self:center}.about-story-lede{font-size:clamp(42px,5.7vw,92px)!important;line-height:.9!important;letter-spacing:-.065em!important;font-weight:1000!important;margin:0 0 42px!important}.about-story-copy>p{font-size:18px;line-height:1.5;max-width:720px;margin:0 0 24px}
.project-index{position:sticky;top:78px;z-index:800;background:rgba(242,239,232,.96);backdrop-filter:blur(12px);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:0 28px;display:flex;align-items:center;gap:20px}.project-index strong{font-size:9px;letter-spacing:.15em;white-space:nowrap}.project-index>div{display:flex;overflow-x:auto;scrollbar-width:none}.project-index>div::-webkit-scrollbar{display:none}.project-index a{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:15px 15px 14px;border-left:1px solid var(--line)}.project-index a:hover{background:var(--lime);color:var(--ink)}
.archive-project{scroll-margin-top:125px}.project-gallery{width:100%}.project-hero{display:block;width:100%;height:min(68vw,880px);border:0;background:#111;padding:0;overflow:hidden;cursor:zoom-in}.project-hero img{width:100%;height:100%;object-fit:contain;background:#111}.project-thumbs{display:flex;gap:8px;overflow-x:auto;padding:9px 0 3px;scrollbar-width:thin;scroll-snap-type:x proximity}.project-thumb{border:0;padding:0;background:#111;flex:0 0 clamp(110px,14vw,220px);aspect-ratio:1/1;overflow:hidden;cursor:zoom-in;scroll-snap-align:start}.project-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .35s}.project-thumb:hover img{transform:scale(1.025);filter:saturate(1.1)}.archive-subgroup{margin-top:62px}.archive-subhead{display:flex;justify-content:space-between;align-items:baseline}.archive-subhead span,.archive-project-head span{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.55}
.archive-video-card{min-height:0;aspect-ratio:16/10}.archive-video-card video{min-height:0;height:100%;object-fit:cover}.stefon-video .video-toggle{display:flex;align-items:center;justify-content:center;gap:8px}.stefon-video .video-toggle span{font-size:13px}.stefon-video.is-playing .video-toggle{opacity:0}.stefon-video:hover .video-toggle{opacity:1}.stefon-video.is-playing:hover .video-toggle{background:rgba(0,0,0,.18)}
.weeniverse{display:block;padding:78px 6vw 88px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.weeniverse span{display:block;font-size:11px;font-weight:1000;letter-spacing:.18em;margin:0 0 22px}.weeniverse strong{display:block;font-size:clamp(88px,15vw,250px);line-height:.72;letter-spacing:-.095em}.weeniverse:hover strong{-webkit-text-stroke:2px var(--ink);color:transparent}
@media(max-width:980px){.project-grid .project>img,.project-grid .project-wide>img{aspect-ratio:4/3}.manifesto{grid-template-columns:1fr;padding:80px 16px}.manifesto-sticky p{position:static}.manifesto-copy{padding-top:15vh}.manifesto-copy>p{margin-bottom:18vh}.madfacts{grid-template-columns:repeat(2,1fr)}.madfacts-label{grid-column:1/-1;border-bottom:1px solid var(--ink)}.madfact{border-bottom:1px solid var(--ink)}.about-story{padding:60px 16px 85px;grid-template-columns:1fr;gap:38px}.about-story-image,.about-story-image img{min-height:80vw}.project-index{top:66px;padding:0 16px}.project-hero{height:72vw}.project-thumb{flex-basis:150px}.weeniverse{padding:60px 16px}}
@media(max-width:620px){.madfacts{grid-template-columns:1fr 1fr}.madfact strong{font-size:42px}.home-stats strong,.custom-stats strong{font-size:36px}.project-hero{height:85vw}.project-hero img{object-fit:contain}.project-thumb{flex-basis:118px}.project-index strong{display:none}.project-index{padding:0}.project-index a{padding:13px 12px}.weeniverse strong{font-size:21vw}}
@media(prefers-reduced-motion:reduce){.cursor{display:none!important}}
.project-hero img{object-fit:cover;background:#111}

/* HERO PICKS + FINE ART DENSITY — 2026-08-13 */
.home-fineart-feature{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);gap:18px;align-items:start}.home-fineart-hero>img{width:100%;aspect-ratio:4/3;object-fit:cover}.home-fineart-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-fineart-thumb{display:block;background:#111;overflow:hidden;aspect-ratio:1/1}.home-fineart-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.home-fineart-thumb:hover img{transform:scale(1.025);filter:saturate(1.1)}
.two-videos .stefon-video{grid-column:2/4}.contact-actions{align-self:flex-end;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.social-button{display:inline-block;border:1px solid rgba(255,255,255,.72);color:white;padding:17px 23px;border-radius:999px;font-size:12px;font-weight:1000;letter-spacing:.07em}.social-button:hover{background:white;color:var(--ink);transform:rotate(1deg)}
.fine-art-page .project-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;overflow:visible;padding:9px 0 3px;scroll-snap-type:none}.fine-art-page .project-thumb{width:100%;flex:none;aspect-ratio:4/5;background:#e9e5dc;scroll-snap-align:none}.fine-art-page .project-thumb img{object-fit:contain;background:#e9e5dc}.fine-art-page .archive-subgroup{margin-top:48px}.fine-art-page .archive-project{padding-bottom:88px}
.uncropped-hero .project-hero{height:auto;background:var(--paper);overflow:visible}.uncropped-hero .project-hero img{width:100%;height:auto;object-fit:contain;background:var(--paper)}
@media(max-width:980px){.home-fineart-feature{grid-template-columns:1fr}.home-fineart-thumbs{grid-template-columns:repeat(3,1fr)}.two-videos .stefon-video{grid-column:auto}.contact-actions{align-self:flex-start;justify-content:flex-start}.fine-art-page .project-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.home-fineart-thumbs{grid-template-columns:repeat(3,1fr)}.fine-art-page .project-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}.social-button,.email-button{font-size:9px;padding:13px 14px}.contact-actions{gap:7px}}

/* HOMEPAGE MOTION + DENSITY PASS — 2026-08-13 */
.ticker{background:var(--lime);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);overflow:hidden;padding:10px 0 11px;white-space:nowrap;position:relative;z-index:5}.ticker-track{display:flex;width:max-content;will-change:transform;animation:madTicker 24s linear infinite}.ticker-track span{font-size:clamp(20px,2vw,32px);font-weight:1000;letter-spacing:-.045em;line-height:1;padding-right:22px}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes madTicker{to{transform:translateX(-50%)}}
.hero-slide.is-active img{animation:heroDrift 5.6s ease-out both}.scroll-cue{animation:cueBob 1.8s ease-in-out infinite}.project-caption span,.archive-cta{transition:transform .2s ease}.project:hover .project-caption span,.archive-cta:hover{transform:translateX(4px)}@keyframes heroDrift{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.045) translate3d(-.35%,.25%,0)}}@keyframes cueBob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.home-stefon-compact{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.home-stefon-compact .stefon-still{grid-row:auto;min-height:0;aspect-ratio:16/10;overflow:hidden;background:#111}.home-stefon-compact .stefon-still img{width:100%;height:100%;min-height:0;object-fit:cover}.home-stefon-compact .stefon-video{grid-column:auto;min-height:0;aspect-ratio:16/10}.home-stefon-compact .stefon-video video{height:100%;min-height:0;object-fit:cover}
@media(max-width:980px){.home-stefon-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.home-stefon-compact .stefon-still{grid-column:auto;min-height:0}.home-stefon-compact .stefon-still img{min-height:0}.ticker-track span{font-size:21px}}
@media(max-width:720px){.home-stefon-compact{grid-template-columns:1fr}.home-stefon-compact .stefon-still,.home-stefon-compact .stefon-video{aspect-ratio:16/10}.ticker{padding:9px 0}.ticker-track{animation-duration:20s}.ticker-track span{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ticker-track,.hero-slide.is-active img,.scroll-cue{animation:none!important}}

/* PURPLE + ACID HYBRID PASS — 2026-08-13 */
:root{--purple:#6a3af4;--lime:#d7ff00}
.main-menu .contact-link:hover{background:var(--acid);border-color:var(--acid);color:white}
.ticker-track span:nth-child(4n+2),.ticker-track span:nth-child(4n+4){color:var(--acid)}
.email-button{box-shadow:0 0 0 0 var(--lime);transition:transform .2s ease,box-shadow .2s ease}
.email-button:hover{box-shadow:6px 6px 0 var(--lime)}
.social-button:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.madfact:nth-child(3),.madfact:nth-child(5){background:rgba(215,255,0,.10)}
.archive-cta:hover,.text-link:hover{color:var(--acid)}
.hero-dot.is-active{box-shadow:0 0 0 3px rgba(106,58,244,.55)}
::selection{background:var(--acid);color:white}

/* MOBILE MENU FIX — mobile only; desktop remains unchanged */
@media (max-width:980px){
  /* Force the menu panel to use the phone viewport, even when the fixed
     header has backdrop-filter (which can otherwise become its containing block). */
  .main-menu{
    width:100vw;
    height:100dvh;
    min-height:100svh;
    top:0;
    right:auto;
    bottom:auto;
    left:0;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:0;
    padding:calc(92px + env(safe-area-inset-top)) 20px calc(30px + env(safe-area-inset-bottom));
    overflow-y:auto;
    overflow-x:hidden;
    background:var(--paper);
    color:var(--ink);
    border-bottom:10px solid var(--lime);
    font-size:clamp(30px,8.4vw,42px);
    line-height:.94;
    letter-spacing:-.055em;
    white-space:normal;
    transform:translate3d(105%,0,0);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:transform .38s cubic-bezier(.2,.75,.1,1),opacity .2s ease,visibility 0s linear .38s;
  }
  .main-menu.open{
    transform:translate3d(0,0,0);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:transform .38s cubic-bezier(.2,.75,.1,1),opacity .2s ease;
  }
  .main-menu a{
    flex:none;
    width:auto;
    max-width:100%;
    padding:5px 0;
  }
  .main-menu a:after{bottom:2px}
  .main-menu .contact-link{
    margin-top:12px;
    padding:10px 17px!important;
    border:0;
    border-radius:999px;
    background:var(--acid);
    color:#fff;
  }
  .main-menu .contact-link:hover{
    background:var(--lime);
    color:var(--ink);
  }
  .site-header.menu-is-open{
    color:var(--ink)!important;
    background:transparent;
    border-bottom-color:transparent;
  }
  .site-header.menu-is-open .brand img{filter:none!important}
  .site-header.menu-is-open .menu-toggle{color:var(--ink)!important}
  .menu-toggle{z-index:5}
  .brand{z-index:5}
}

@media (max-width:620px){
  .main-menu{
    padding-left:18px;
    padding-right:18px;
    font-size:clamp(29px,8.7vw,38px);
  }
}

@media (max-height:650px) and (max-width:980px){
  .main-menu{
    padding-top:78px;
    padding-bottom:18px;
    font-size:clamp(25px,6.8vh,34px);
    line-height:.9;
  }
  .main-menu a{padding:3px 0}
  .main-menu .contact-link{margin-top:7px;padding:8px 14px!important}
}

/* MOBILE HOMEPAGE HERO — SHOW MORE OF EACH IMAGE */
@media(max-width:620px){
  /* Desktop remains full-screen. Phones get a shorter, landscape-friendly hero. */
  .hero{
    height:clamp(300px,92vw,440px);
    min-height:0;
  }
  .hero-slide img{
    object-fit:cover;
    object-position:center center;
    transform:scale(1.002);
  }
  .hero-slide.is-active img{
    animation:mobileHeroDrift 5.6s ease-out both;
  }
  .hero-controls{
    bottom:14px;
  }
  .scroll-cue{
    bottom:13px;
  }
}
@keyframes mobileHeroDrift{
  from{transform:scale(1.002) translate3d(0,0,0)}
  to{transform:scale(1.012) translate3d(-.12%,.08%,0)}
}
@media(prefers-reduced-motion:reduce){
  .hero-slide.is-active img{animation:none!important}
}
