:root{color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;overscroll-behavior-y:none}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:#0b0b0c;color:#fff;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{animation:none!important;transition:none!important}}.gsap-marker-start,.gsap-marker-end,.gsap-marker-scroller-start,.gsap-marker-scroller-end{z-index:999999!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.page-shell{min-height:100vh;display:flex;flex-direction:column}.page-main{flex:1}.nav{position:fixed;top:0;left:0;right:0;height:72px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:transparent}.nav__left{display:flex;align-items:center;gap:12px}.nav__chain{width:72px;height:72px;border-radius:999px;opacity:.9;background:radial-gradient(circle at 30% 30%,#ffffff73,#fff0 55%),linear-gradient(to bottom,#ffffff40,#ffffff05);border:1px solid rgba(255,255,255,.1)}.nav__logoLink{display:inline-flex;width:72px;height:72px;align-items:center;justify-content:center;text-decoration:none}.nav__logo{width:72px;height:72px;object-fit:contain;display:block}.nav__links{display:flex;gap:16px;opacity:.9}.nav__link{color:#fff;text-decoration:none}@media(min-width:861px){.nav-logo-slot{margin-left:clamp(8px,1.6vw,28px)}}.bento-section{width:100%;padding:64px 0 96px}#m{scroll-margin-top:96px}.bento-wrap{position:relative;padding:0 6vw}.parent{width:100%;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr);gap:8px;height:min(234vh,2160px)}.div1{grid-column:span 9 / span 9;grid-row:span 3 / span 3}.div2{grid-column:span 5 / span 5;grid-row:span 2 / span 2;grid-row-start:4}.div3{grid-column:span 4 / span 4;grid-row:span 2 / span 2;grid-column-start:6;grid-row-start:4}.div4{grid-column:span 3 / span 3;grid-row:span 3 / span 3;grid-row-start:6}.div5{grid-column:span 3 / span 3;grid-row:span 3 / span 3;grid-column-start:4;grid-row-start:6}.div6{grid-column:span 3 / span 3;grid-row:span 3 / span 3;grid-column-start:7;grid-row-start:6}.div7{grid-column:span 4 / span 4;grid-row:span 2 / span 2;grid-row-start:9}.div8{grid-column:span 5 / span 5;grid-row:span 2 / span 2;grid-column-start:5;grid-row-start:9}.tile-link{display:block;text-decoration:none;color:inherit}.tile{position:relative;overflow:hidden;border-radius:14px;background:#ffffff0a;border:none}.tile-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;border:0;pointer-events:none;transform:translateZ(0)}.tile:after{content:"";position:absolute;inset:0;pointer-events:none;background:#0000;transition:background 1s ease;z-index:2}.tile-vinyl{position:absolute;left:14px;bottom:14px;width:52px;height:52px;object-fit:contain;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:3}.tile-title{position:absolute;left:78px;bottom:14px;display:flex;flex-direction:column;justify-content:center;height:52px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;line-height:1.15;gap:6px;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:3}@media(hover:hover){.tile:hover:after{background:#00000047}.tile:hover .tile-vinyl{opacity:1}.tile:hover .tile-title{opacity:.95}}@media(max-width:860px){.parent{grid-template-columns:1fr;grid-template-rows:none;height:auto}.div1,.div2,.div3,.div4,.div5,.div6,.div7,.div8{grid-column:auto;grid-row:auto}.tile{aspect-ratio:16 / 9}.tile-vinyl{width:44px;height:44px;left:12px;bottom:12px}.tile-title{left:12px;bottom:12px;transform:translate(54px);font-size:11px;letter-spacing:.16em}}#s{scroll-margin-top:96px}.about-section{width:100%;padding:96px 0 120px}.about-wrap{padding:0 6vw;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}.about-media{position:relative;border-radius:18px;overflow:hidden;background:#ffffff0a}.about-img{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:3 / 2;transform:translateZ(0)}.about-content{max-width:520px}.about-kicker{font-size:12px;letter-spacing:.35em;text-transform:uppercase;opacity:.75;margin-bottom:10px}.about-title{margin:0 0 16px;font-size:clamp(28px,3.2vw,44px);letter-spacing:.04em}.about-text{margin:0 0 14px;font-size:15px;line-height:1.7;opacity:.86}.about-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.social-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;text-decoration:none;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);transition:background .22s ease,border-color .22s ease,transform .22s ease}@media(hover:hover){.social-btn:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-1px)}}@media(max-width:980px){.about-wrap{grid-template-columns:1fr;gap:18px}.about-content{max-width:720px}}#c{scroll-margin-top:96px}.contact-section{width:100%;padding:96px 0 0}.contact-wrap{padding:0 6vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch}.contact-head{position:relative;isolation:isolate;max-width:520px;min-height:520px}.contact-kicker{font-size:12px;letter-spacing:.35em;text-transform:uppercase;opacity:.75;margin-bottom:10px}.contact-title{margin:0 0 14px;font-size:clamp(28px,3.2vw,44px);letter-spacing:.04em}.contact-text{margin:0;font-size:15px;line-height:1.7;opacity:.86}.contact-text-wrap{position:relative;z-index:2;max-width:520px}.contact-deco{position:absolute;right:-6px;top:50%;transform:translateY(-50%);height:520px;width:auto;aspect-ratio:1 / 1;object-fit:contain;opacity:.18;filter:blur(.4px);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.contact-form{border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:18px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:8px;margin-bottom:12px}.label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.75}.input,.textarea{width:100%;border-radius:14px;padding:12px;color:#fff;background:#00000040;border:1px solid rgba(255,255,255,.1);outline:none}.textarea{resize:vertical;min-height:140px}.input:focus,.textarea:focus{border-color:#ffffff38;background:#0000004d}.contact-actions{display:flex;align-items:center;gap:14px;margin-top:10px;flex-wrap:wrap}.submit-btn{appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;border-radius:14px;padding:12px 14px;cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(hover:hover){.submit-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}}.contact-status{font-size:13px;opacity:.85}@media(max-width:980px){.contact-wrap{grid-template-columns:1fr;gap:18px}.contact-grid{grid-template-columns:1fr}.contact-head{min-height:auto}.contact-deco{position:relative;top:auto;right:auto;margin-top:18px;transform:none;height:340px;width:100%;max-width:420px;display:block;opacity:.14}}.site-footer{margin-top:72px;padding:22px 0 28px;border-top:1px solid rgba(255,255,255,.08)}.footer-wrap{padding:0 6vw;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;opacity:.85;font-size:13px;letter-spacing:.02em}.footer-left{display:flex;align-items:center;gap:6px}.footer-link{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18)}@media(hover:hover){.footer-link:hover{border-bottom-color:#ffffff6b}}.footer-heart{display:inline-block;vertical-align:-2px;margin:0 6px;opacity:.9}.footer-author{display:inline-flex;align-items:center;margin-left:6px}.footer-author-img{height:20px;width:auto;display:block;filter:drop-shadow(0 0 3px rgba(255,255,255,.55));transition:opacity .2s ease,transform .2s ease,filter .2s ease}@media(hover:hover){.footer-author-img:hover{opacity:1;transform:translateY(-1px)}}.project-page{width:100%;padding:96px 0 0}.project-wrap{padding:0 6vw}.project-head{max-width:980px;margin-bottom:22px}.project-kicker{font-size:12px;letter-spacing:.35em;text-transform:uppercase;opacity:.75;margin-bottom:10px}.project-title{margin:0 0 8px;font-size:clamp(28px,3.2vw,44px);letter-spacing:.04em}.project-subtitle{margin:0;font-size:15px;font-style:italic;line-height:1.7;opacity:.86;max-width:680px}.project-grid.parent{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr);gap:8px;align-items:stretch;height:clamp(420px,62vh,640px)}.project-grid .div1{grid-column:span 4 / span 4;grid-row:span 5 / span 5}.project-grid .div2{grid-column:span 2 / span 2;grid-row:span 5 / span 5;grid-column-start:5}.project-media{position:relative;overflow:hidden;border-radius:18px;background:#ffffff0a}.project-yt{width:100%;height:100%;display:block;border:0}.project-yt-link{position:absolute;left:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#00000073;border:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;font-size:12px;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(hover:hover){.project-yt-link:hover{background:#00000094;border-color:#ffffff42;transform:translateY(-1px)}}.project-panel{height:100%}.panel-card{height:100%;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:16px;overflow:auto}.panel-title{font-size:12px;letter-spacing:.28em;text-transform:uppercase;opacity:.8;margin-bottom:12px}.panel-content{font-size:14px;line-height:1.65;opacity:.9}.panel-content p{margin:0 0 12px}.panel-meta{margin-top:12px;display:grid;gap:10px}.meta-row{display:grid;gap:6px;padding:10px;border-radius:14px;background:#0003;border:1px solid rgba(255,255,255,.08)}.meta-k{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.meta-v{font-size:14px;line-height:1.5;opacity:.92}.meta-links{display:flex;align-items:center;gap:14px}.meta-links a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-size:18px;transition:background .22s ease,border-color .22s ease,transform .22s ease}@media(hover:hover){.meta-links a:hover{background:#ffffff24;border-color:#ffffff42;transform:translateY(-1px)}}@media(max-width:980px){.project-grid.parent{grid-template-columns:1fr;grid-template-rows:none;height:auto}.project-grid .div1,.project-grid .div2{grid-column:auto;grid-row:auto}.project-media{aspect-ratio:16 / 9}}.project-credits{margin-top:22px}.project-credits-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.credit-tag{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);min-height:64px;font-size:13px;line-height:1.3;text-decoration:none;color:inherit;transition:background .22s ease,border-color .22s ease,transform .22s ease}.credit-role{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.65}.credit-name{font-size:14px;line-height:1.3;opacity:.95}.credit-tag.is-link{cursor:pointer}@media(hover:hover){.credit-tag.is-link:hover{background:#ffffff1f;border-color:#ffffff3d;transform:translateY(-1px)}}@media(max-width:1100px){.project-credits-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.project-credits-grid{grid-template-columns:repeat(2,1fr)}}.project-bento{margin-top:18px}.project-bento-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:240px;gap:8px}.project-bento-tile{position:relative;overflow:hidden;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.project-bento-tile>.tile-video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.project-bento-tile.is-vertical{grid-column:span 2;grid-row:span 3;min-height:640px}.project-bento-tile.is-horizontal{grid-column:span 4;grid-row:span 3;min-height:640px}@media(max-width:980px){.project-bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.project-bento-tile.is-vertical,.project-bento-tile.is-horizontal{grid-column:auto;grid-row:auto;aspect-ratio:16 / 9;min-height:auto}}