:root{--bg: #060610;--bg-raised: #0d0d18;--text: #e8e4df;--text-dim: #a9a5b3;--accent: #c9a87c;--accent2: #7ca8c9;--muted: #6a6a7c;--line: rgba(255, 255, 255, .08);--nav-h: 72px;--max: 1160px;--serif: "Cormorant Garamond", Georgia, serif;--sans: "DM Sans", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{position:absolute;left:16px;top:-60px;z-index:1000;background:var(--accent);color:var(--bg);padding:10px 16px;border-radius:4px;text-decoration:none;font-size:13px}.skip-link:focus{top:16px}.cursor-ring,.cursor-dot{position:fixed;pointer-events:none;z-index:9999;border-radius:50%}.cursor-ring{width:12px;height:12px;border:1.5px solid var(--accent);transform:translate(-50%,-50%);transition:transform .15s ease,border-color .3s,opacity .2s}.cursor-ring.hovering{transform:translate(-50%,-50%) scale(3);border-color:var(--accent2);background:#7ca8c91a}.cursor-dot{left:0;top:0;width:4px;height:4px;background:var(--accent);transition:opacity .2s}.cursor-off{opacity:0}@media(hover:hover)and (pointer:fine){.hero{cursor:none}}@media(hover:none){.cursor-ring,.cursor-dot{display:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 40px;padding-top:env(safe-area-inset-top,0px);transition:background .3s,border-color .3s;border-bottom:1px solid transparent}.nav-solid{background:#060610d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line)}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-logo{height:28px;width:auto}.nav-name{font-family:var(--serif);font-size:19px;font-weight:400;letter-spacing:7px;text-transform:uppercase}.nav-menu{display:flex;align-items:center;gap:30px}.nav-menu a{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;text-decoration:none;color:var(--text-dim);transition:color .2s}.nav-menu a:hover{color:var(--text)}.nav-menu .nav-cta{color:var(--bg);background:var(--accent);padding:10px 18px;border-radius:2px}.nav-menu .nav-cta:hover{color:var(--bg);background:#d9bb92}.nav-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 14px;font-size:11px;letter-spacing:2px;text-transform:uppercase;cursor:pointer}.hero{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.hero-canvas canvas{touch-action:pan-y}.hero-copy{position:absolute;left:50%;top:calc(var(--nav-h) + 14px);transform:translate(-50%);z-index:10;pointer-events:none;text-align:center;width:max-content;max-width:92vw}.hero-role{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--text)}.hero-title{font-family:var(--serif);font-weight:300;font-size:clamp(22px,3.2vw,36px);letter-spacing:6px;text-transform:uppercase;margin-top:6px}.hero-hint{margin-top:10px;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}.hero-cta{position:absolute;left:50%;bottom:28px;transform:translate(-50%);z-index:10;font-size:11px;letter-spacing:3px;text-transform:uppercase;text-decoration:none;padding:12px 22px;border:1px solid var(--line);border-radius:40px;background:#0606108c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,color .2s}.hero-cta:hover{border-color:var(--accent);color:var(--accent)}.side-indicators{position:absolute;right:32px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:12px;pointer-events:none}.side-dot{width:6px;height:6px;border-radius:50%;border:1px solid var(--muted);transition:all .4s}.side-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #c9a87c66}.section{max-width:var(--max);margin:0 auto;padding:110px 40px}.eyebrow{font-size:11px;letter-spacing:3.5px;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.section-title{font-family:var(--serif);font-weight:300;font-size:clamp(28px,3.6vw,42px);line-height:1.15;margin-bottom:40px}.section-title-sub{font-size:clamp(22px,2.6vw,30px);margin-top:90px;color:var(--text-dim)}.impact{border-top:1px solid var(--line)}.lede{font-family:var(--serif);font-weight:300;font-size:clamp(26px,3.4vw,44px);line-height:1.25;max-width:900px}.proof{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:60px;background:var(--line);border:1px solid var(--line)}.proof-item{background:var(--bg);padding:32px 28px;display:flex;flex-direction:column;gap:10px}.proof-stat{font-family:var(--serif);font-size:52px;font-weight:300;line-height:1;color:var(--accent)}.proof-label{font-size:14px;line-height:1.6;color:var(--text-dim)}.partners{margin-top:60px}.partner-list{list-style:none;display:flex;flex-wrap:wrap;gap:12px 36px}.partner-list li{font-family:var(--serif);font-size:21px;letter-spacing:1px;color:var(--text-dim)}.work{border-top:1px solid var(--line)}.grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}.grid-compact{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}.card{position:relative;background:var(--bg-raised);border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:transform .3s,border-color .3s}.card:hover,.card:focus-within{transform:translateY(-4px);border-color:var(--accent)}.card-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:radial-gradient(circle at 30% 30%,var(--accent),transparent 70%),#111}.card-thumb img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .3s,transform .5s}.card:hover .card-thumb img{opacity:1;transform:scale(1.03)}.card-num{position:absolute;top:12px;left:14px;font-size:12px;letter-spacing:2px;background:#0009;padding:4px 8px;border-radius:2px}.card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:15px;padding-left:3px;background:#00000080;border:1px solid rgba(255,255,255,.6)}.card-viewed{position:absolute;top:12px;right:14px;font-size:10px;letter-spacing:2px;text-transform:uppercase;background:var(--accent);color:var(--bg);padding:4px 8px;border-radius:2px}.card-body{padding:20px 22px 24px}.card-role{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent)}.card-title{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.2;margin-top:8px}.grid-compact .card-title{font-size:20px}.card-link{background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit;line-height:inherit}.card-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card-link:focus-visible{outline:none}.card:has(.card-link:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.card-client{font-size:13px;color:var(--text-dim);margin-top:6px}.card-meta{font-size:12px;color:var(--muted);margin-top:4px;letter-spacing:1px}.card-desc{font-size:14px;line-height:1.6;color:var(--text);margin-top:12px;opacity:.9}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:340px 1fr;gap:70px;align-items:start}.about-photo img,.about-photo-fallback{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:4px}.about-photo-fallback{display:grid;place-items:center;border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,#1b1b2e,var(--bg-raised))}.about-photo-fallback img{width:40%;height:auto;aspect-ratio:auto;opacity:.7}.about-text .section-title{margin-bottom:6px}.about-role{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-bottom:28px}.about-bio{font-size:17px;line-height:1.75;color:var(--text);max-width:640px;margin-bottom:18px}.btn-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn-row-center{justify-content:center}.btn{display:inline-block;text-decoration:none;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;padding:15px 26px;border-radius:2px;background:var(--accent);color:var(--bg);border:1px solid var(--accent);transition:background .2s,color .2s}.btn:hover{background:#d9bb92}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-ghost:hover{background:transparent;border-color:var(--accent);color:var(--accent)}.contact{border-top:1px solid var(--line);text-align:center}.contact .section-title{max-width:760px;margin:0 auto}.footer{text-align:center;padding:30px 20px 40px;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line)}.float-label{position:fixed;z-index:90;pointer-events:none;opacity:0;transition:opacity .3s;transform:translate(-50%);max-width:340px;background:#000000c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:16px 22px;border-radius:6px;border:1px solid var(--line)}.float-label.visible{opacity:1}.float-label-title{font-family:var(--serif);font-size:20px;color:#fff}.float-label-cat{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-top:4px}.float-label-desc{font-size:13px;color:#fff;margin-top:8px;line-height:1.6;opacity:.85}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}.video-modal.active{opacity:1;visibility:visible}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#06060aeb;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.modal-content{position:relative;z-index:2;width:80vw;max-width:960px;max-height:92vh;overflow-y:auto;transform:scale(.95) translateY(20px);transition:transform .5s cubic-bezier(.4,0,.2,1)}.video-modal.active .modal-content{transform:none}.modal-video-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;box-shadow:0 40px 120px #0009}.modal-video-wrap iframe{width:100%;height:100%;border:0}.modal-info{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 26px;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-role{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--accent)}.modal-title{font-family:var(--serif);font-size:28px;font-weight:300;color:#fff;margin-top:6px}.modal-category{font-size:13px;color:var(--text-dim);margin-top:6px}.modal-meta{font-size:12px;color:var(--muted);margin-top:4px;letter-spacing:1px}.modal-description{font-size:15px;color:#fff;margin-top:12px;line-height:1.65;max-width:620px;opacity:.92}.modal-close{background:none;border:1px solid var(--line);width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;font-size:18px;cursor:pointer;transition:all .3s}.modal-close:hover{background:var(--text);color:var(--bg)}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:9998;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}@media(max-width:1024px){.nav{padding:0 24px}.nav-menu{gap:20px}.section{padding:90px 24px}.proof{grid-template-columns:1fr}.about{grid-template-columns:260px 1fr;gap:44px}.modal-content{width:92vw}.side-indicators{right:18px}}@media(max-width:760px){:root{--nav-h: 62px}.nav-toggle{display:block}.nav-menu{position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#060610f7;border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-menu.open{max-height:400px}.nav-menu a{padding:16px 24px;border-top:1px solid var(--line);font-size:13px}.nav-menu .nav-cta{margin:14px 24px 18px;text-align:center}.nav:has(.nav-menu.open){background:#060610f7}.about{grid-template-columns:1fr}.about-photo{max-width:260px}}@media(max-width:640px){.nav{padding:0 18px}.nav-name{font-size:16px;letter-spacing:5px}.hero-title{letter-spacing:3px}.hero-role{font-size:9px;letter-spacing:2.5px}.side-indicators{display:none}.section{padding:70px 20px}.grid,.grid-compact{grid-template-columns:1fr}.proof-stat{font-size:42px}.partner-list li{font-size:18px}.about-bio{font-size:16px}.modal-content{width:96vw}.modal-title{font-size:21px}.modal-info{padding:16px}.modal-close{width:38px;height:38px;font-size:15px}.float-label{display:none}}