*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000000;--bg-card:#111111;--bg-card-h:#161616;--text:#f2f2f2;--muted:#5a5a5a;--dim:#333333;--border:rgba(255,255,255,0.07);--border-h:rgba(255,255,255,0.18);--nav-bg:rgba(10,10,10,0.85);--font:'Inter',-apple-system,BlinkMacSystemFont,'PingFang SC','Noto Sans SC',sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:0}a{text-decoration:none;color:inherit}img,video{display:block;max-width:100%}.glass-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.nav-float{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:9999;pointer-events:none}.nav-pill{display:flex;align-items:center;gap:2px;width:700px;background:var(--nav-bg);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);border:1px solid var(--border);border-radius:999px;padding:5px 5px 5px 5px;pointer-events:all;white-space:nowrap;box-shadow:0 4px 32px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.04) inset;transition:box-shadow .3s ease;position:relative;overflow:hidden}.nav-pill.nav-glass-svg{background:rgba(10,10,10,0.18);backdrop-filter:url(#nav-glass-filter) saturate(1.4);-webkit-backdrop-filter:url(#nav-glass-filter) saturate(1.4);border:1px solid rgba(255,255,255,0.10);box-shadow:0 1px 0 rgba(255,255,255,0.12) inset,0 -1px 0 rgba(255,255,255,0.05) inset,0 4px 32px rgba(0,0,0,0.55),0 8px 48px rgba(0,0,0,0.3),0 0 0 0.5px rgba(255,255,255,0.08)}.nav-brand{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 5px;border-right:1px solid var(--border);margin-right:2px;transition:opacity .2s}.nav-brand:hover{opacity:.75}.brand-icon{width:26px;height:26px;border-radius:50%;display:block;flex-shrink:0;object-fit:contain}.brand-name{font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--text)}.nav-spacer{flex:1}.nav-link{font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--muted);padding:7px 14px;border-radius:999px;transition:color .2s,background .2s}.nav-link:hover,.nav-link.is-active{color:var(--text)}.nav-link.is-cta{background:#fff;color:#0a0a0a;font-weight:600;display:flex;align-items:center;gap:5px;padding:7px 16px}.nav-link.is-cta:hover{background:#e0e0e0}.nav-link.is-cta svg{flex-shrink:0}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 48px 100px;position:relative;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;max-width:1280px;gap:0;position:relative;z-index:1}.hero-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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)' opacity='0.03'/%3E%3C/svg%3E");background-size:180px 180px;opacity:0.4;pointer-events:none;z-index:0}.hero-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.1;pointer-events:none;z-index:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:0}.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.lanyard-wrapper{position:relative;z-index:1;width:100%;height:560px;cursor:grab;overflow:visible}.lanyard-wrapper:active{cursor:grabbing}.lanyard-wrapper canvas{display:block;width:100% !important;height:100% !important}@media (max-width:900px){.hero-layout{grid-template-columns:1fr}.hero-inner{align-items:center;text-align:center}.lanyard-wrapper{height:380px}}.hero-headline{font-size:clamp(42px,7vw,100px);font-weight:300;line-height:1.12;letter-spacing:-.03em;color:var(--text);margin-bottom:28px;max-width:900px}.hero-headline em{font-style:normal;color:#fff;font-weight:600}.works-section{max-width:1600px;margin:0 auto;padding:80px 40px}.works-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border)}.works-title{font-size:11px;letter-spacing:.2em;color:var(--muted);font-weight:600}.works-sub{font-size:11px;color:var(--dim);letter-spacing:.1em}.works-viewall{font-size:11px;letter-spacing:.14em;color:var(--muted);transition:color .2s}.works-viewall:hover{color:var(--text)}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.card{position:relative;cursor:pointer;border-radius:10px;overflow:hidden;will-change:transform}.card-media{aspect-ratio:16 / 9;overflow:hidden;position:relative}.card-media img,.card-media video{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;will-change:transform}.card:hover .card-media img,.card:hover .card-media video{transform:scale(1.04)}.card:hover .card-media{outline:1px solid rgba(255,255,255,.3);outline-offset:-1px;border-radius:10px}.card-media::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:1;transition:opacity .35s ease;z-index:1;pointer-events:none}.card:hover .card-media::after{opacity:0}.ph{width:100%;height:100%;position:relative;overflow:hidden}.ph::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 35% 40%,rgba(255,255,255,0.025) 0%,transparent 65%)}.ph-1{background:linear-gradient(145deg,#0c1018 0%,#161d2a 60%,#0c1018 100%)}.ph-2{background:linear-gradient(145deg,#100c18 0%,#1c162a 60%,#100c18 100%)}.ph-3{background:linear-gradient(145deg,#0c1610 0%,#162a1a 60%,#0c1610 100%)}.ph-4{background:linear-gradient(145deg,#160f0c 0%,#2a1a16 60%,#160f0c 100%)}.ph-5{background:linear-gradient(145deg,#0c1415 0%,#162224 60%,#0c1415 100%)}.ph-6{background:linear-gradient(145deg,#141410 0%,#24221a 60%,#141410 100%)}.ph-7{background:linear-gradient(145deg,#0e0e0e 0%,#1c1c1c 60%,#0e0e0e 100%)}.ph-8{background:linear-gradient(145deg,#100e14 0%,#1e1a26 60%,#100e14 100%)}.ph-label{position:absolute;bottom:14px;left:14px;font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,0.12)}.card-foot{padding:16px 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title{font-size:13px;font-weight:600;color:#fff;line-height:1.4}.card-tag{font-size:11px;color:rgba(255,255,255,.5);letter-spacing:.04em;text-align:right;flex-shrink:0;white-space:nowrap;padding-top:1px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;padding:110px 40px 0;margin-bottom:48px}.page-cat{font-size:22px;font-weight:600;color:var(--text);letter-spacing:-.01em}.page-meta{font-size:12px;color:var(--muted);letter-spacing:.1em}.detail-wrap{min-height:100vh;padding-top:80px}.nav-pill.detail-nav{gap:4px}.nav-back{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.1em;color:var(--muted);padding:7px 14px;border-radius:999px;transition:color .2s}.nav-back:hover{color:var(--text)}.nav-back svg{flex-shrink:0}.nav-sep{width:1px;height:16px;background:var(--border);margin:0 2px}.detail-layout{display:grid;grid-template-columns:280px 1fr;gap:0;min-height:calc(100vh - 120px)}.detail-side{padding:56px 32px 56px 48px;position:sticky;top:80px;height:calc(100vh - 80px);overflow-y:auto;border-right:1px solid var(--border)}.detail-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:18px;margin-bottom:36px}.detail-card-name{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--text);margin-bottom:8px}.detail-card-desc{font-size:12px;color:var(--muted);line-height:1.8}.meta-list{display:flex;flex-direction:column;gap:22px}.meta-row{}.meta-key{font-size:10px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;margin-bottom:5px}.meta-val{font-size:13px;color:var(--text);letter-spacing:.02em}.detail-main{padding:56px 56px 80px}.detail-breadcrumb{font-size:11px;letter-spacing:.1em;color:var(--muted);margin-bottom:36px}.detail-headline{font-size:clamp(28px,4.2vw,66px);font-weight:700;line-height:1.18;letter-spacing:-.015em;color:var(--text);margin-bottom:32px;max-width:700px}.detail-body{font-size:14px;color:var(--muted);line-height:1.95;max-width:560px}.detail-gallery{padding:0 56px 80px;display:flex;flex-direction:column;gap:10px}.gallery-img{width:100%;border-radius:4px;overflow:hidden;background:var(--bg-card)}.gallery-img img{width:100%;height:auto;display:block}.gallery-placeholder{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.12em;color:var(--dim)}.talk-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.talk-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 60%,#161616 0%,#0a0a0a 55%,#080808 100%);z-index:0}.talk-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 100% 80% at 50% 100%,rgba(0,0,0,.7) 0%,transparent 60%)}.talk-content{position:relative;z-index:1;padding:0 48px;display:flex;flex-direction:column;align-items:center;width:100%}.talk-headline{font-size:clamp(38px,6vw,88px);font-weight:300;line-height:1.22;letter-spacing:-.025em;color:var(--text);margin-bottom:72px;max-width:760px}.contact-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.contact-pill{display:flex;align-items:center;gap:10px;padding:11px 26px;border:1px solid rgba(255,255,255,0.14);border-radius:999px;background:rgba(255,255,255,0.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s,border-color .2s,transform .2s;cursor:default}.contact-pill:hover{background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.28);transform:translateY(-2px)}.cpill-label{font-size:11px;color:var(--muted);letter-spacing:.08em;white-space:nowrap}.cpill-sep{width:1px;height:12px;background:var(--border)}.cpill-value{font-size:13px;color:var(--text);font-weight:500;letter-spacing:.02em;white-space:nowrap}.career-section{background:#000;width:100%;padding:120px 80px 140px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;box-sizing:border-box}.career-left{position:sticky;top:120px}.career-eyebrow{font-size:12px;letter-spacing:0.12em;color:#555;margin:0 0 40px;font-family:'Inter',sans-serif;font-weight:400}.career-num{color:#555}.career-title{font-family:'Inter',sans-serif;font-size:clamp(40px,5.5vw,76px);font-weight:700;line-height:1.05;letter-spacing:-0.02em;color:#fff;margin:0;text-transform:uppercase}.career-right{padding-top:4px}.career-years{text-align:right;font-size:12px;letter-spacing:0.1em;color:#555;margin:0 0 32px;font-family:'Inter',sans-serif}.career-years-hl{color:#c8ff00;font-weight:600}.career-accordion{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ca-item{background:#111;border-radius:10px;overflow:hidden;transition:background 0.2s}.ca-item.is-open{background:#161616}.ca-header{width:100%;background:none;border:none;padding:20px 24px;display:flex;align-items:center;gap:20px;cursor:pointer;color:#fff;font-family:'Inter',sans-serif;text-align:left}.ca-header:hover{background:rgba(255,255,255,0.03)}.ca-num{font-size:12px;color:#555;letter-spacing:0.08em;white-space:nowrap;min-width:70px;font-weight:400}.ca-body-wrap{flex:1;display:flex;flex-direction:column;gap:4px}.ca-period{font-size:11px;color:#666;letter-spacing:0.06em}.ca-role{font-size:17px;font-weight:500;color:#e8e8e8;letter-spacing:0.01em}.ca-toggle{font-size:20px;color:#555;line-height:1;transition:transform 0.3s ease,color 0.2s;user-select:none;min-width:24px;text-align:center}.ca-item.is-open .ca-toggle{transform:rotate(45deg);color:#c8ff00}.ca-panel{overflow:hidden;max-height:0;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1),padding 0.4s cubic-bezier(0.4,0,0.2,1);padding:0 24px}.ca-panel:not([hidden]){max-height:200px;padding:0 24px 20px}.ca-panel p{margin:0;font-size:13.5px;line-height:1.75;color:#888;font-family:'Inter',sans-serif;border-top:1px solid #222;padding-top:16px}@media (max-width:768px){.career-section{grid-template-columns:1fr;padding:80px 28px 100px;gap:48px}.career-left{position:static}.career-years{text-align:left}}.gallery-wall-section{background:var(--bg);padding:60px 0 80px;overflow:hidden;position:relative}.gallery-wall-label{display:flex;justify-content:space-between;align-items:flex-end;padding:0 40px 24px;border-bottom:1px solid var(--border);margin-bottom:52px}.gallery-wall-label span{font-size:11px;letter-spacing:.2em;color:var(--muted);font-weight:600}.gallery-viewall{font-size:11px;letter-spacing:.14em;color:var(--muted);transition:color .2s}.gallery-viewall:hover{color:var(--text)}.gallery-wall-section::before,.gallery-wall-section::after{content:'';position:absolute;top:0;bottom:0;width:18%;z-index:10;pointer-events:none}.gallery-wall-section::before{left:0;background:linear-gradient(to right,#080808 0%,transparent 100%)}.gallery-wall-section::after{right:0;background:linear-gradient(to left,#080808 0%,transparent 100%)}.gallery-scene{perspective:900px;perspective-origin:50% 45%;width:100%;display:flex;justify-content:center;align-items:center;padding:0 0 0 0}.gallery-stage{display:flex;flex-direction:column;gap:10px;width:105%;max-width:1600px;padding:0 0;transform-style:preserve-3d}.gallery-row{display:flex;gap:10px;width:100%;justify-content:center}.gallery-cell{flex:1;border-radius:16px;overflow:hidden;background:#111;transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transform-style:preserve-3d;transition:transform .45s cubic-bezier(.22,.68,0,1.2),box-shadow .4s ease;box-shadow:0 6px 40px rgba(0,0,0,0.72),0 1px 0 rgba(255,255,255,0.04) inset;cursor:pointer;position:relative}.gallery-cell:hover{transform:rotateY(calc(var(--ry,0deg) * 0.25)) rotateX(calc(var(--rx,0deg) * 0.25)) scale(1.05);box-shadow:0 16px 60px rgba(0,0,0,0.9),0 1px 0 rgba(255,255,255,0.1) inset;z-index:20}.gallery-cell img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;transition:transform .55s ease}.gallery-cell:hover img{transform:scale(1.07)}.cell-center{flex:1.4}.cell-side-l,.cell-side-r{flex:1.15}.cell-edge-l,.cell-edge-r{flex:0.82}.row-top{transform:translateY(14px) translateZ(-20px)}.row-mid{transform:translateY(0px) translateZ(0px)}.row-bot{transform:translateY(14px) translateZ(-20px)}#preloader{position:fixed;inset:0;background:#080808;z-index:99999;display:flex;align-items:center;justify-content:center;overflow:hidden}.pre-line{position:absolute;background:rgba(255,255,255,0.06);pointer-events:none}.pre-line-h{left:0;right:0;top:50%;height:1px;transform:translateY(-50%)}.pre-line-v{top:0;bottom:0;left:50%;width:1px;transform:translateX(-50%)}.pre-counter{font-family:'Inter',sans-serif;font-size:clamp(56px,12vw,128px);font-weight:700;color:#fff;letter-spacing:-.04em;line-height:1;position:relative;z-index:1;text-shadow:0 0 80px rgba(255,255,255,0.08)}.reveal-clip{overflow:hidden;display:inline-block}.reveal-clip--desc{display:block}.hero-label{font-size:11px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase;margin-bottom:28px;display:block}.tp-wrap{width:min(920px,88vw);overflow:visible}.tp-line1{margin-bottom:4px}.tp-line2{margin-bottom:36px}.tp-title{letter-spacing:-.025em;pointer-events:none;line-height:1 !important}.hero-desc{font-size:13px;color:var(--muted);letter-spacing:.06em;margin-bottom:44px;display:block}.hero-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.chip{font-size:11px;padding:5px 16px;border:1px solid var(--border);border-radius:999px;color:var(--muted);letter-spacing:.05em;transition:border-color .2s,color .2s;display:inline-block}.chip:hover{border-color:var(--border-h);color:var(--text)}body.is-home #site-nav{opacity:0}.scroll-hint{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;letter-spacing:.2em;color:var(--dim);opacity:0}.scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--dim),transparent)}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scrollPulse{0%,100%{opacity:0.4;transform:translateX(-50%) scaleY(1)}50%{opacity:1;transform:translateX(-50%) scaleY(1.15)}}.scroll-hint.is-visible{animation:scrollPulse 2.2s ease-in-out infinite}@media (max-width:1024px){.works-grid{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:240px 1fr}}@media (max-width:768px){.works-section{padding:60px 20px}.works-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:8px;padding:100px 20px 0}.detail-layout{grid-template-columns:1fr}.detail-side{position:static;height:auto;padding:40px 20px 24px;border-right:none;border-bottom:1px solid var(--border)}.detail-main{padding:32px 20px 60px}.detail-gallery{padding:0 20px 60px}.hero{padding:100px 24px 80px}.talk-headline{font-size:clamp(32px,8vw,56px)}.contact-row{flex-direction:column;align-items:center}.brand-name{display:none}}