:root{--bg:#090909;--panel:#111;--panel2:#161616;--text:#f5f4ef;--muted:#9a9a94;--line:#252525;--accent:#d7ff45;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:999;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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{position:fixed;top:0;left:0;right:0;height:78px;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:linear-gradient(to bottom,rgba(9,9,9,.95),rgba(9,9,9,.5),transparent);backdrop-filter:blur(8px)}.brand{font-family:"Space Grotesk";font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.02em;display:flex;align-items:center;gap:7px}.brand-dot{width:9px;height:9px;border-radius:99px;background:var(--accent);display:inline-block}.brand .muted{color:#73736f;font-weight:500;font-size:.78rem}.nav{display:flex;align-items:center;gap:28px}.nav a{color:#d9d8d2;text-decoration:none;font-size:.9rem}.nav a:hover{color:white}.pill{border:1px solid #393939;border-radius:999px;padding:11px 16px!important;background:#111}.menu-btn{display:none;background:none;border:0}.hero{min-height:100vh;padding:125px 4vw 55px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);gap:6vw;align-items:center}.eyebrow{font-size:.72rem;letter-spacing:.17em;font-weight:700;color:var(--accent);margin:0 0 18px}.hero h1,.section h2,.cta h2{font-family:"Space Grotesk";font-weight:600;letter-spacing:-.055em;line-height:.93;margin:0}.hero h1{font-size:clamp(4.2rem,7vw,8.2rem)}em{font-style:italic;color:var(--accent)}.lede{max-width:650px;color:#aaa9a2;font-size:clamp(1rem,1.3vw,1.3rem);line-height:1.65;margin:32px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:14px 20px;font-weight:650;font-size:.92rem;transition:.25s}.primary{background:var(--accent);color:#111}.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(215,255,69,.15)}.ghost{color:#eee;border:1px solid #343434;background:#101010}.ghost:hover{border-color:#666;background:#171717}.hero-art{position:relative;aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:#151515;transform:rotate(1.5deg)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.18);filter:saturate(.9) contrast(1.03)}.hero-art-shade{position:absolute;inset:0;background:linear-gradient(160deg,transparent 35%,rgba(0,0,0,.6))}.floating-tag{position:absolute;border:1px solid rgba(255,255,255,.35);background:rgba(5,5,5,.66);backdrop-filter:blur(10px);padding:9px 12px;border-radius:999px;font-size:.66rem;letter-spacing:.14em}.t1{top:10%;left:6%}.t2{right:5%;top:46%}.t3{left:10%;bottom:8%}.marquee{border-block:1px solid var(--line);overflow:hidden;padding:17px 0;background:#0c0c0c}.marquee-track{display:flex;width:max-content;gap:26px;align-items:center;animation:scroll 25s linear infinite;font-family:"Space Grotesk";font-size:.82rem;letter-spacing:.13em;color:#9c9c96}.marquee i{color:var(--accent);font-style:normal}@keyframes scroll{to{transform:translateX(-50%)}}.section{padding:120px 4vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.section h2{font-size:clamp(3rem,5vw,6.2rem)}.section-note{max-width:380px;color:#8d8d87;line-height:1.6;margin:0}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{grid-column:span 4;position:relative;border-radius:18px;overflow:hidden;background:var(--panel);cursor:pointer;isolation:isolate;min-width:0}.card:nth-child(5n+1){grid-column:span 8}.card:nth-child(5n+1) .media-wrap{aspect-ratio:16/10}.media-wrap{position:relative;aspect-ratio:1/1;overflow:hidden;background:#151515}.media-wrap img,.media-wrap video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s}.card:hover .media-wrap img,.card:hover .media-wrap video{transform:scale(1.025)}.card-overlay{position:absolute;inset:auto 0 0;padding:28px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.88));display:flex;justify-content:space-between;align-items:end}.card-title{font-family:"Space Grotesk";font-size:1.1rem;margin:0}.card-cat{font-size:.69rem;letter-spacing:.1em;text-transform:uppercase;color:#b6b6af;margin:5px 0 0}.play-chip{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#111;font-size:.8rem}.center{text-align:center;margin-top:45px}.logofolio-break{height:min(75vh,780px);margin:10px 4vw 0;border-radius:var(--radius);overflow:hidden;position:relative}.logofolio-break img{width:100%;height:100%;object-fit:cover}.logofolio-break:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.15) 60%,rgba(0,0,0,.12))}.overlay-copy{position:absolute;z-index:2;left:6%;bottom:10%;max-width:720px}.overlay-copy h2{font-family:"Space Grotesk";font-size:clamp(3rem,6vw,6.5rem);letter-spacing:-.055em;line-height:.94;margin:0}.filter-wrap{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter{border:1px solid #2d2d2d;background:#111;color:#aaa;padding:12px 16px;border-radius:999px;font:600 .86rem "DM Sans";cursor:pointer}.filter.active,.filter:hover{background:var(--text);color:#0b0b0b;border-color:var(--text)}.category-summary{display:flex;justify-content:space-between;color:#73736f;font-size:.82rem;padding:0 2px 18px;border-bottom:1px solid var(--line);margin-bottom:22px}.all-grid .card{grid-column:span 3}.all-grid .card:nth-child(5n+1){grid-column:span 3}.all-grid .card:nth-child(5n+1) .media-wrap{aspect-ratio:1/1}.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about-copy{font-size:1.2rem;color:#a7a6a0;line-height:1.7}.about-copy p:first-child{margin-top:0}.about-copy .button{margin-top:20px}.cta{text-align:center;padding:130px 4vw 150px;background:radial-gradient(circle at 50% 120%,rgba(215,255,69,.12),transparent 45%)}.cta h2{font-size:clamp(3.8rem,7vw,8rem);margin-bottom:38px}.big{padding:17px 25px}footer{border-top:1px solid var(--line);padding:50px 4vw;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:end}.footer-brand{font-family:"Space Grotesk";font-size:clamp(3rem,8vw,8rem);font-weight:700;letter-spacing:-.08em}.footer-brand span{color:var(--accent)}.socials{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.socials a{color:#aaa;text-decoration:none;font-size:.85rem}.socials a:hover{color:var(--accent)}footer>p{grid-column:1/-1;color:#61615d;font-size:.75rem}.modal{position:fixed;inset:0;z-index:300;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(12px)}.modal-panel{position:absolute;inset:4vh 4vw;background:#0f0f0f;border:1px solid #292929;border-radius:22px;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto}.modal-media{min-height:0;display:grid;place-items:center;background:#050505}.modal-media video,.modal-media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.modal-close{position:absolute;right:16px;top:16px;z-index:5;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.9);font-size:1.6rem;cursor:pointer}.modal-info{padding:18px 22px;display:flex;justify-content:space-between;align-items:end;border-top:1px solid #222}.modal-info h3{font:600 1.45rem "Space Grotesk";margin:0}.modal-info .eyebrow{margin-bottom:4px}.modal-info>p{color:#777;font-size:.76rem;margin:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:45px}.hero-art{aspect-ratio:16/10}.work-grid .card,.work-grid .card:nth-child(5n+1),.all-grid .card,.all-grid .card:nth-child(5n+1){grid-column:span 6}.section-head{align-items:flex-start;flex-direction:column}.about-grid{grid-template-columns:1fr}.nav{position:fixed;top:70px;left:4vw;right:4vw;display:none;flex-direction:column;align-items:stretch;padding:20px;border:1px solid #2a2a2a;border-radius:18px;background:#111}.nav.open{display:flex}.menu-btn{display:block;width:40px;height:40px}.menu-btn span{display:block;height:1px;background:white;margin:7px}.logofolio-break{height:58vh}footer{grid-template-columns:1fr}.socials{justify-content:flex-start}}@media(max-width:620px){.site-header{height:66px}.brand .muted{display:none}.hero{padding:100px 18px 40px;gap:36px}.hero h1{font-size:clamp(3.7rem,16vw,5.3rem)}.hero-art{aspect-ratio:1/1.1;border-radius:16px}.section{padding:88px 18px}.section h2{font-size:clamp(2.7rem,13vw,4.2rem)}.section-head{margin-bottom:34px}.section-note{font-size:.9rem}.work-grid{gap:10px}.work-grid .card,.work-grid .card:nth-child(5n+1),.all-grid .card,.all-grid .card:nth-child(5n+1){grid-column:span 6}.card-overlay{padding:40px 10px 10px}.card-title{font-size:.85rem}.card-cat{font-size:.55rem}.play-chip{width:30px;height:30px}.logofolio-break{margin:0 18px;height:68vh}.overlay-copy{left:8%;bottom:8%;right:8%}.filter-wrap{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;margin-right:-18px}.filter{flex:none}.about-copy{font-size:1.05rem}.cta{padding:100px 18px 120px}.cta h2{font-size:clamp(3.2rem,15vw,5rem)}footer{padding:40px 18px}.modal-panel{inset:2vh 10px}.modal-info{align-items:flex-start;gap:8px;flex-direction:column}.modal-info>p{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.marquee-track{animation:none}.reveal{opacity:1;transform:none;transition:none}}