:root{--bg: #d4d4d4;--bg-dark: #b8b5af;--ink: #0a0a0a;--graphite: #4a4a4a;--mid: #6e6e6e;--light: #d8d5cf;--card-bg: #a8a5a0;--card-dark: #888582}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Open Sans,sans-serif;font-weight:300;overflow-x:hidden;cursor:none}#cursor{position:fixed;width:8px;height:8px;background:var(--ink);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease,background .2s ease,border-radius .2s ease;will-change:left,top}#cursor.hovered{width:36px;height:36px;background:transparent;border:1.5px solid var(--ink)}#cursor.on-dark{background:#fff;border-color:#fff}#grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23g)'/%3E%3C/svg%3E");animation:grain .06s steps(1) infinite}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g2'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.60' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g2)'/%3E%3C/svg%3E");animation:grain .1s steps(1) infinite;animation-delay:-.05s}@keyframes grain{0%{background-position:0px 0px}10%{background-position:-60px -90px}20%{background-position:90px 20px}30%{background-position:-30px 70px}40%{background-position:50px -50px}50%{background-position:-80px 30px}60%{background-position:30px -70px}70%{background-position:-40px 90px}80%{background-position:70px 50px}90%{background-position:-90px -40px}}#video-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}#scrub-canvas{width:100%;height:100%;display:block;opacity:.22}nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:28px 36px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.nav-logo{font-family:Montserrat,sans-serif;font-weight:800;font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);pointer-events:all;cursor:none;text-decoration:none}.nav-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:all}.nav-link{font-family:Open Sans,sans-serif;font-size:16px;letter-spacing:.16em;text-transform:uppercase;color:var(--graphite);cursor:none;text-decoration:none;font-weight:600;display:inline-block;transition:letter-spacing .4s cubic-bezier(.25,.46,.45,.94)}.nav-link:hover{letter-spacing:.64em}.hero-section{position:fixed;top:30%;left:50%;transform:translate(-50%,-30%);z-index:1;display:flex;flex-direction:column;align-items:center;padding:0 36px;width:100%;will-change:opacity}.hero-eyebrow{font-family:Open Sans,sans-serif;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--mid);margin-bottom:20px}#hero-text{font-family:Montserrat,sans-serif;font-weight:700;font-size:clamp(28px,4vw,56px);line-height:.92;text-transform:uppercase;color:var(--ink);letter-spacing:-.02em;max-width:900px;text-align:center}.hero-sub{margin-top:28px;max-width:420px;text-align:center;margin-left:auto;margin-right:auto}.hero-sub p{font-family:Open Sans,sans-serif;font-size:20px;line-height:1.75;color:var(--graphite);font-weight:500}.scroll-indicator{position:absolute;bottom:36px;right:36px;display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-indicator span{font-family:Open Sans,sans-serif;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--mid);writing-mode:vertical-rl}.scroll-tick{width:1px;height:40px;background:var(--mid);animation:tickDown 2s ease-in-out infinite}@keyframes tickDown{0%,to{transform:scaleY(1);transform-origin:top}50%{transform:scaleY(.4);transform-origin:bottom}}.projects-section{position:relative;z-index:2;margin-top:60vh;padding:0 36px 140px 80px;overflow:visible;scroll-margin-top:80px}.projects-grid{display:flex;flex-wrap:wrap;justify-content:space-between}.proj-card{position:relative;cursor:none;margin-bottom:50px}.proj-card:nth-child(odd){flex-basis:50%;height:340px}.proj-card:nth-child(2n){flex-basis:32%;height:460px;margin-top:160px;margin-left:160px}.proj-card:nth-child(4n+4){margin-top:160px}.proj-card:nth-child(4n+3){margin-top:0}.proj-card[data-index="1"]{height:338px;margin-top:0;margin-left:0}.proj-card[data-index="2"]{flex-basis:32%;height:460px;margin-top:160px;margin-left:160px;margin-bottom:50px}.proj-card[data-index="5"]{height:252px}.proj-thumb{position:relative;overflow:hidden;width:100%;height:100%}.proj-placeholder{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;transition:opacity .4s}.placeholder-icon{width:40px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:flex;align-items:center;justify-content:center}.placeholder-icon svg{opacity:.35}.placeholder-label{font-family:Open Sans,sans-serif;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#ffffff4d}.proj-card:nth-child(odd) .proj-placeholder{background:#9a9793}.proj-card:nth-child(2n) .proj-placeholder{background:#8e8b87}.proj-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .4s;z-index:1}.proj-card:hover .proj-thumb:after{background:#0000002e}.proj-thumb img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.proj-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;pointer-events:none}.proj-card[data-index="9"] .proj-thumb img,.proj-card[data-index="9"] .proj-video{object-position:center center}.proj-card[data-index="9"]{max-width:720px}.proj-card[data-index="8"] .proj-thumb img,.proj-card[data-index="8"] .proj-video{object-position:center bottom}.proj-card[data-index="1"] .proj-video,.proj-card:hover .proj-video{opacity:1}.proj-card:hover .proj-video~img,.proj-card:hover img{opacity:0}.proj-thumb-inner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .75s cubic-bezier(.25,.46,.45,.94)}.proj-card:hover .proj-thumb-inner{transform:scale(1.05)}.proj-meta{position:absolute;bottom:0;right:100%;margin-right:14px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;pointer-events:none}.proj-name{font-family:Montserrat,sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;color:var(--ink);text-transform:uppercase;visibility:hidden}.proj-runtime{font-family:Open Sans,sans-serif;font-weight:500;font-size:13px;color:var(--mid);visibility:hidden}.proj-card{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.proj-card.revealed{opacity:1;transform:translateY(0)}.about-section{position:relative;z-index:2;background:var(--bg);height:100vh;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.about-spacer{flex-shrink:0;height:80px}.about-body-wrap{text-align:center;max-width:680px;margin:0 auto;padding:0 36px}.about-body{font-family:Open Sans,sans-serif;font-size:16px;line-height:1.8;color:var(--graphite);font-weight:300;margin-bottom:16px}.contact-label{font-family:Open Sans,sans-serif;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--mid);margin-bottom:20px}.contact-link{display:block;font-family:Montserrat,sans-serif;font-weight:600;font-size:16px;letter-spacing:.06em;color:var(--ink);text-decoration:none;margin-bottom:12px;width:fit-content;cursor:none;position:relative}.contact-link:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.contact-link:hover:after{transform:scaleX(1)}.contact-bar{text-align:center;padding:0 0 48px}.contact-email{font-family:Montserrat,sans-serif;font-weight:800;font-size:18px;letter-spacing:.05em;color:var(--ink);margin-bottom:20px;text-transform:uppercase}.contact-socials{display:flex;justify-content:center;gap:20px;color:var(--ink)}.contact-socials a{color:var(--ink);transition:opacity .2s;cursor:none}.contact-socials a:hover{opacity:.5}.section-divider{position:relative;z-index:2;height:1px;background:#0000001f;margin:0 36px}footer{position:relative;z-index:2;background:var(--bg);padding:32px 36px;display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:Montserrat,sans-serif;font-weight:800;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--mid)}.footer-copy{font-family:Open Sans,sans-serif;font-size:10px;letter-spacing:.1em;color:var(--mid)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .8s ease forwards}@media (max-width: 680px){.projects-grid{grid-template-columns:1fr}.proj-card[data-index="2"]{margin-top:0}.about-section{grid-template-columns:1fr}#hero-text{font-size:44px}}.proj-page-wrap{display:flex;min-height:100vh;position:relative;z-index:2}.left-reel{width:180px;flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:36px 0 36px 36px}.left-reel-logo{display:block;cursor:none}.left-reel-nav{font-family:Open Sans,sans-serif;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--graphite);text-decoration:none;cursor:none}.left-reel-nav:hover{color:var(--ink)}.content-wrapper{flex:1;padding:60px 80px 0}.proj-back-link{display:inline-block;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--graphite);text-decoration:none;margin-bottom:60px;transition:letter-spacing .3s ease;transform-origin:left center;cursor:none}.proj-back-link:hover{letter-spacing:.64em}.proj-client-name{font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;color:var(--graphite);margin-bottom:12px}.proj-title{font-family:Montserrat,sans-serif;font-weight:700;font-size:clamp(24px,4.2vw,59px);line-height:.9;letter-spacing:-.02em;text-transform:none;color:var(--ink);margin:0 0 30px}.proj-desc-block{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.proj-type{font-family:Open Sans,sans-serif;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--graphite);line-height:2.2;width:220px;flex-shrink:0}.proj-text{font-family:Open Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.7;color:var(--graphite);max-width:600px;margin-bottom:.75em}.proj-photo-main{width:100%;height:auto;display:block;margin-top:40px;margin-bottom:40px}.proj-video-embed{width:100%;margin-bottom:40px}.proj-photo-credit{font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;color:var(--mid);margin-top:16px}.proj-photo-main:not([src]){display:block;width:100%;min-height:500px;background:var(--card-bg, #a8a5a0)}.proj-back-bottom{margin-top:80px;margin-bottom:80px}.proj-credits{margin-top:60px;width:100%;display:flex;flex-direction:column;gap:12px}.proj-credit-row{display:grid;grid-template-columns:220px 1fr;gap:60px;padding:6px 0}.proj-credit-row dt{font-family:Open Sans,sans-serif;font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mid)}.proj-credit-row dd{font-family:Open Sans,sans-serif;font-weight:300;font-size:13px;line-height:1.7;color:var(--ink);margin:0}@media screen and (max-width: 1100px){nav,.nav,header{position:fixed!important;top:0!important;left:0!important;width:100%!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:100!important;padding:16px 24px!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;box-sizing:border-box!important}.nav-menu{display:flex!important;flex-direction:row!important;gap:24px!important;align-items:center!important}.nav-menu a{font-size:13px!important;letter-spacing:.1em!important;margin:0!important}.projects-section{padding-left:0!important;margin-top:60vh}.projects-grid{padding:0 20px!important;width:100%!important}.proj-card:nth-child(odd){flex-basis:55%!important;height:240px!important}.proj-card:nth-child(2n){flex-basis:34%!important;height:320px!important;margin-top:120px!important;margin-left:0!important}.proj-card[data-index="1"]{height:220px!important;margin-top:0!important;margin-left:0!important}.proj-card[data-index="2"]{flex-basis:34%!important;height:320px!important;margin-top:120px!important;margin-left:0!important}.proj-card:nth-child(4n+4){margin-top:120px!important}.proj-card:nth-child(4n+3){margin-top:0!important}.proj-card[data-index="5"]{height:180px!important}.proj-meta{position:static;writing-mode:horizontal-tb;transform:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;margin-top:8px;margin-right:0;white-space:normal;pointer-events:auto}.about-section{height:auto!important;min-height:100vh!important;padding:100px 32px 60px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;overflow:visible!important}.about-section p{font-size:15px!important;line-height:1.7!important;text-align:center!important}.contact-bar{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:40px 0 20px!important;width:100%!important}.contact-email{font-size:14px!important;text-align:center!important;width:100%!important;display:block!important}.contact-socials{display:flex!important;justify-content:center!important;width:100%!important}.proj-page-wrap{flex-direction:column;padding:40px}.left-reel{display:none}.content-wrapper{width:100%;max-width:100%;padding:0}.proj-title{font-size:clamp(28px,5vw,52px)}.proj-photo-main{width:100%;height:auto}.proj-desc-block{flex-direction:column;gap:24px}.proj-credit-row{grid-template-columns:180px 1fr}}@media screen and (max-width: 479px){nav,.nav,header{position:fixed;top:0;left:0;width:100%;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:100;padding:20px 16px}.nav-logo img{height:24px}.nav-right{display:flex!important;flex-direction:row!important;gap:20px!important;align-items:center!important}.nav-right a{font-size:11px!important;letter-spacing:.1em!important;margin:0!important}#cursor{display:none}#hero-text{width:90%;padding:0 20px;font-size:clamp(20px,5.5vw,28px)}#hero-text h1{font-size:clamp(36px,10vw,56px);line-height:1}#hero-text p{font-size:14px}.projects-section{padding-left:0;margin-top:60vh}.projects-grid{flex-direction:column!important;align-items:stretch!important;padding:0 16px!important;gap:0!important}.projects-grid .proj-card{flex-basis:100%!important;width:100%!important;height:auto!important;margin-top:0!important;margin-left:0!important;margin-bottom:40px!important}.proj-card[data-index="1"],.proj-card[data-index="2"],.proj-card[data-index="5"]{height:auto!important}.projects-grid .proj-card .proj-thumb{width:100%!important;height:260px!important}.projects-grid .proj-card[data-index="1"] .proj-thumb{height:220px!important}.projects-grid .proj-card[data-index="2"] .proj-thumb{height:340px!important}.projects-grid .proj-card[data-index="5"] .proj-thumb{height:180px!important}.proj-meta{font-size:13px;margin-top:10px}.about-section{height:auto!important;min-height:100vh;padding:80px 24px 60px}.about-section p{font-size:14px;line-height:1.7;text-align:left}.contact-bar{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;width:100%!important;padding:40px 0}.contact-email{font-size:13px;letter-spacing:.03em;text-align:center!important;width:100%!important;display:block!important}.contact-socials{display:flex!important;justify-content:center!important;width:100%!important}.proj-page-wrap{flex-direction:column;padding:16px}.left-reel{display:none;position:static;width:100%;padding:0;margin-bottom:24px}.content-wrapper{width:100%;padding:0}.proj-title{font-size:clamp(22px,6vw,36px)}.proj-photo-main{width:100%;height:auto}.proj-desc-block{flex-direction:column;gap:16px}.proj-credits{grid-template-columns:1fr;gap:12px}.proj-credit-row{grid-template-columns:1fr;gap:2px;margin-bottom:12px}}