:root{--color-bg:#050505;--color-bg-soft:#08090d;--color-panel:#0b0f14;--color-panel-light:#ffffff0b;--color-panel-strong:#ffffff14;--color-text:#f2f2e8;--color-text-muted:#f2f2e89e;--color-text-faint:#f2f2e85c;--color-line:#ffffff1f;--color-line-strong:#ffffff38;--color-accent:#c8ff3d;--color-accent-orange:#ff5a2a;--font-display:Satoshi, Inter, "Space Grotesk", system-ui, sans-serif;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans SC", sans-serif;--page-pad:clamp(24px, 6vw, 86px);--section-y:clamp(120px, 14vw, 220px);--radius:4px;--ease:cubic-bezier(.16, 1, .3, 1)}.video-preview-card{background:#08090d;border:1px solid #ffffff14;width:100%;height:100%;transition:border-color .45s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.video-preview-card:hover{border-color:#c8ff3d6b}.video-preview-card__poster-wrap,.video-preview-card__video-wrap{width:100%;height:100%;overflow:hidden}.video-preview-card__poster,.video-preview-card__video{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1)}.video-preview-card:hover .video-preview-card__poster,.video-preview-card:hover .video-preview-card__video{transform:scale(1.04)}.video-preview-card__gradient-placeholder{background:linear-gradient(135deg,#0d1117 0%,#161b22 100%);width:100%;height:100%}.media-placeholder{aspect-ratio:16/9;text-align:center;background:#050505;border:1px dashed #ffffff1f;border-radius:20px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 34px 90px #000000b8}.media-placeholder__bg{opacity:.6;background:radial-gradient(circle,#c8ff3d0a 0%,#0000 70%);position:absolute;inset:0}.media-placeholder__content{z-index:2;padding:24px;position:relative}.media-placeholder__content h3{letter-spacing:-.02em;color:#f2f2e8;margin-bottom:6px;font-size:20px;font-weight:600}.media-placeholder__content span{text-transform:uppercase;color:var(--color-accent,#c8ff3d);letter-spacing:.15em;margin-bottom:16px;font-size:11px;display:inline-block}.media-placeholder__content p{color:#f2f2e873;letter-spacing:.06em;font-size:13px}.project-video-container{aspect-ratio:16/9;background:#050505;border:1px solid #ffffff1f;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 34px 90px #000000b8}.project-video-element,.project-video-iframe{background:0 0;border:0;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}.project-video-element{object-fit:cover}.project-video-meta{color:#fff6;text-transform:uppercase;letter-spacing:.15em;justify-content:space-between;align-items:center;margin-top:14px;padding:0 8px;font-size:11px;display:flex}.project-video-meta span:last-child{color:var(--color-accent,#c8ff3d)}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--color-bg)}body{min-width:320px;color:var(--color-text);font-family:var(--font-body);background:radial-gradient(circle at 80% 10%,#c8ff3d14,#0000 28vw),radial-gradient(circle at 10% 45%,#ff5a2a12,#0000 24vw),linear-gradient(#050505 0%,#08090d 48%,#050505 100%);margin:0;overflow-x:hidden}body:before{content:"";z-index:30;pointer-events:none;opacity:.08;background-image:linear-gradient(#ffffff8c 1px,#0000 1px),linear-gradient(90deg,#ffffff8c 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}body:after{content:"";z-index:31;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}::selection{color:#050505;background:var(--color-accent)}.noise-bg{isolation:isolate;position:relative}.button{border:1px solid var(--color-line);min-height:48px;color:var(--color-text);cursor:pointer;z-index:1;letter-spacing:.05em;transition:transform .26s var(--ease), border-color .26s var(--ease), color .26s var(--ease), box-shadow .26s var(--ease), background .26s var(--ease);background:#ffffff05;border-radius:999px;justify-content:center;align-items:center;padding:0 26px;font-size:14px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.button:before{content:"";opacity:0;z-index:-1;transition:opacity .26s var(--ease);background:linear-gradient(135deg,#c8ff3d2e,#0000);position:absolute;inset:0}.button:hover{color:#fff;border-color:#c8ff3db8;transform:translateY(-3px);box-shadow:0 10px 30px #c8ff3d14}.button:hover:before{opacity:1}.button--primary{color:#050505;border-color:var(--color-accent);background:var(--color-accent);font-weight:600}.button--primary:before{background:linear-gradient(135deg,#fff,#0000)}.button--primary:hover{color:#050505;background:#d8ff6d;border-color:#d8ff6d;box-shadow:0 10px 30px #c8ff3d38}.button--ghost{background:#ffffff0a}.inline-link{color:var(--color-accent);border-bottom:1px solid;margin-top:20px;display:inline-flex}.keyword-row{flex-wrap:wrap;gap:8px;display:flex}.keyword-row span{border:1px solid var(--color-line);color:var(--color-text-muted);border-radius:999px;padding:5px 9px;font-size:12px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{transition:background .26s var(--ease);background:#ffffff1f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.works-index,.horizontal-section,.capabilities,.experience,.awards{isolation:isolate;position:relative}.works-index:before{content:"作品目录";right:var(--page-pad);font-family:var(--font-display);color:#ffffff03;pointer-events:none;z-index:-1;letter-spacing:-.05em;font-size:clamp(80px,11vw,200px);font-weight:900;line-height:1;position:absolute;top:10%}.grouped-works:before{content:"作品分类";right:var(--page-pad);font-family:var(--font-display);color:#ffffff03;pointer-events:none;z-index:-1;letter-spacing:-.05em;font-size:clamp(80px,12vw,220px);font-weight:900;position:absolute;top:8%}.capabilities:before{content:"能力";right:var(--page-pad);font-family:var(--font-display);color:#ffffff03;pointer-events:none;z-index:-1;letter-spacing:-.05em;font-size:clamp(80px,10vw,190px);font-weight:900;position:absolute;top:10%}.experience:before{content:"经历";right:var(--page-pad);font-family:var(--font-display);color:#ffffff03;pointer-events:none;z-index:-1;letter-spacing:-.05em;font-size:clamp(80px,11vw,200px);font-weight:900;position:absolute;top:8%}.awards:before{content:"奖项";right:var(--page-pad);font-family:var(--font-display);color:#ffffff03;pointer-events:none;z-index:-1;letter-spacing:-.05em;font-size:clamp(80px,9vw,180px);font-weight:900;position:absolute;top:8%}.navbar{z-index:20;padding:24px var(--page-pad);color:var(--color-text);mix-blend-mode:difference;transition:background .32s var(--ease), padding .32s var(--ease), backdrop-filter .32s var(--ease), border-color .32s var(--ease);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.is-scrolled{padding:16px var(--page-pad);-webkit-backdrop-filter:blur(20px);mix-blend-mode:normal;background:#050505c2;border-color:#ffffff12}.brand{font-family:var(--font-display);letter-spacing:.04em;font-weight:800}.navbar nav{letter-spacing:.08em;gap:clamp(14px,2.5vw,36px);font-size:13px;display:flex}.hero{height:100svh;min-height:720px;padding:92px var(--page-pad) 36px;align-items:center;display:grid;position:relative;overflow:hidden}.hero__grid{opacity:.85;background:linear-gradient(120deg,#c8ff3d1f 0%,#0000 34%),linear-gradient(260deg,#ff5a2a1f 0%,#0000 30%),linear-gradient(135deg,#ffffff0a,#0000 55%);position:absolute;inset:0}.hero__content{z-index:2;width:min(1020px,100%);position:relative}.eyebrow,.section-kicker{color:var(--color-accent);letter-spacing:.16em;text-transform:uppercase;font-size:12px}.hero h1{font-family:var(--font-display);letter-spacing:-.065em;max-width:920px;margin:28px 0;font-size:clamp(58px,8.5vw,138px);line-height:.86}.line-wrap{display:block;overflow:hidden}.line-wrap>span{display:block}.accent-line{color:#0000;-webkit-text-stroke:1px #f2f2e8b8}.hero__copy{color:#f2f2e8c7;text-shadow:0 2px 18px #000000b8;max-width:620px;font-size:clamp(15px,1.4vw,18px);line-height:1.8}.hero__copy span{margin-top:8px;display:block}.hero__actions,.contact-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero__cards{pointer-events:none;position:absolute;inset:0}.floating-card{aspect-ratio:4/3;border:1px solid var(--color-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1c;width:clamp(150px,15vw,250px);padding:8px;position:absolute;box-shadow:0 24px 80px #00000061}.floating-card.is-portrait{aspect-ratio:3/4.15;width:clamp(132px,12vw,205px)}.floating-card.is-video{aspect-ratio:16/10;width:clamp(172px,17vw,292px)}.floating-card img{object-fit:contain;filter:saturate(1.08)contrast(1.04);background:#f2f2e8eb;width:100%;height:calc(100% - 25px)}.floating-card span{color:var(--color-text-muted);letter-spacing:.12em;margin-top:8px;font-size:10px;display:block}.card-1{top:15%;right:14%;transform:rotate(-5deg)}.card-2{top:42%;right:4%;transform:rotate(5deg)}.card-3{bottom:10%;right:20%;transform:rotate(-2deg)}.card-4,.card-5{display:none}.hero__footer{left:var(--page-pad);right:var(--page-pad);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:12px;display:flex;position:absolute;bottom:26px}.section{padding:var(--section-y) var(--page-pad)}.section-title{max-width:1100px;font-family:var(--font-display);letter-spacing:-.055em;margin:18px 0 46px;font-size:clamp(38px,6.6vw,104px);line-height:.94}.profile__layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.55fr);align-items:end;gap:clamp(28px,6vw,110px);display:grid}.profile__copy{color:var(--color-text-muted);font-size:17px;line-height:1.9}.profile-photo{border:1px solid var(--color-line);border-radius:var(--radius);background:radial-gradient(circle at 28% 10%,#c8ff3d1f,#0000 34%),#ffffff09;margin:0;padding:12px;box-shadow:0 24px 80px #00000052}.profile-photo img{aspect-ratio:3/4;object-fit:cover;object-position:center 12%;border-radius:calc(var(--radius) - 4px);filter:saturate(1.02)contrast(1.03);width:100%;display:block}.profile-photo figcaption{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:14px;margin-top:12px;font-size:11px;display:flex}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:56px;display:grid}.counter{border:1px solid var(--color-line);min-height:150px;transition:transform .26s var(--ease), border-color .26s var(--ease);background:#ffffff09;padding:22px}.counter:hover{border-color:#c8ff3d8c;transform:translateY(-4px)}.counter strong{font-family:var(--font-display);font-size:clamp(34px,4vw,70px);line-height:1;display:block}.counter span{color:var(--color-text-muted);margin-top:18px;display:block}.works-index{position:relative}.works-index__list{border-top:1px solid var(--color-line)}.works-index__row{border-bottom:1px solid var(--color-line);min-height:104px;transition:opacity .28s var(--ease), color .28s var(--ease), background .28s var(--ease), padding-left .28s var(--ease);grid-template-columns:90px 1fr minmax(170px,.35fr);align-items:center;gap:24px;padding:0 16px;display:grid}.works-index__list:hover .works-index__row{opacity:.35}.works-index__list .works-index__row:hover{opacity:1;color:var(--color-accent);background:#c8ff3d08;padding-left:28px}.works-index__row strong{font-family:var(--font-display);letter-spacing:-.055em;transition:transform .28s var(--ease);font-size:clamp(32px,5vw,84px)}.works-index__row span{font-family:var(--font-display);transition:color .28s var(--ease), transform .28s var(--ease)}.works-index__row em{color:var(--color-text-muted);transition:transform .28s var(--ease), color .28s var(--ease);font-style:normal}.works-index__list .works-index__row:hover em{color:var(--color-text);transform:translate(8px)}.works-preview{z-index:19;border:1px solid var(--color-line);opacity:0;pointer-events:none;background:#0e1117db;width:280px;padding:8px;position:fixed;top:30vh;right:7vw;transform:scale(.96)}.works-preview img{aspect-ratio:16/10;object-fit:contain;background:#050505}.works-preview span{color:var(--color-text-muted);padding:10px 2px 2px;font-size:12px;display:block}.grouped-works{position:relative}.work-groups{gap:clamp(42px,7vw,96px);display:grid}.work-group{border-top:1px solid var(--color-line);grid-template-columns:minmax(230px,.28fr) minmax(0,1fr);align-items:start;gap:clamp(22px,4vw,58px);padding-top:34px;display:grid}.work-group__head{position:sticky;top:92px}.work-group__head span{color:var(--color-accent);font-family:var(--font-display);font-size:18px;font-weight:800}.work-group__head h3{font-family:var(--font-display);letter-spacing:-.045em;margin:18px 0 14px;font-size:clamp(32px,4vw,62px);line-height:.95}.work-group__head p{color:var(--color-text-muted);margin:0;line-height:1.8}.work-group__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.work-group.is-video .work-group__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-group.is-poster .work-group__grid,.work-group.is-book-ip .work-group__grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.work-group.is-web .work-group__grid{grid-template-columns:1fr}.project-card{border:1px solid var(--color-line);width:100%;height:auto;min-height:520px;transition:transform .26s var(--ease), border-color .26s var(--ease), box-shadow .26s var(--ease);background:linear-gradient(#ffffff13,#ffffff06),linear-gradient(120deg,#c8ff3d09,#0000 46%);grid-template-rows:minmax(0,1fr) minmax(190px,auto);display:grid;position:relative;overflow:hidden}.project-card:hover{border-color:#c8ff3d94;transform:translateY(-6px)rotate(.35deg);box-shadow:0 26px 80px #00000052}.project-card__media{background:radial-gradient(circle at 50% 35%,#ffffff12,#0000 35%),#050505;place-items:center;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.project-card__badges{z-index:3;pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:14px;left:14px;right:14px}.project-card__badges span{color:#050505;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.06em;background:#f2f2e8e6;border:1px solid #ffffff3d;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.project-card.is-portrait{width:100%;min-height:680px}.project-card.is-video,.project-card.is-landscape{width:100%}.project-card.is-portrait .project-card__media .reveal-image img,.project-card.is-square .project-card__media .reveal-image img,.project-card.is-landscape .project-card__media .reveal-image img,.project-card.is-video .project-card__media .reveal-image img{object-fit:contain;object-position:center center;background:#050505}.reveal-image{background:linear-gradient(135deg,#11151b,#050505);width:100%;height:100%;min-height:280px;overflow:hidden}.reveal-image img,.image-placeholder{width:100%;height:100%;min-height:inherit;object-fit:contain;background:#050505}.image-placeholder{background:radial-gradient(circle at 70% 25%,#c8ff3d1f,#0000 28%),linear-gradient(135deg,#11151b,#050505);place-content:end start;gap:8px;padding:28px;display:grid}.image-placeholder span{font-family:var(--font-display);font-size:24px}.image-placeholder small{color:var(--color-accent);letter-spacing:.16em}.project-card__body{padding:20px 22px 22px}.project-card__meta{color:var(--color-text-muted);letter-spacing:.12em;justify-content:space-between;gap:16px;font-size:12px;display:flex}.project-card h3{font-family:var(--font-display);letter-spacing:-.04em;margin:16px 0 10px;font-size:clamp(28px,3vw,46px);line-height:1}.project-card p{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.75;display:-webkit-box;overflow:hidden}.project-card__award{color:var(--color-accent);margin-top:14px;font-size:13px;line-height:1.55}.case-link{color:var(--color-accent);margin-top:16px;display:inline-flex}.capabilities__grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.capability-card{border:1px solid var(--color-line);border-radius:var(--radius);min-height:320px;transition:transform .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease);background:linear-gradient(135deg,#ffffff05,#ffffff01);flex-direction:column;justify-content:space-between;padding:32px 28px;display:flex;position:relative;overflow:hidden}.capability-card:before{content:"";opacity:0;z-index:-1;transition:opacity .35s var(--ease);background:radial-gradient(circle at 12% 12%,#ff5a2a0f,#0000 65%);position:absolute;inset:0}.capability-card:hover{border-color:#ff5a2a73;transform:translateY(-8px);box-shadow:0 16px 48px #ff5a2a0d}.capability-card:hover:before{opacity:1}.capability-card span{color:var(--color-accent-orange);font-family:var(--font-display);font-size:16px;font-weight:700;display:block}.capability-card h3{letter-spacing:-.02em;margin:64px 0 16px;font-size:28px;font-weight:600}.capability-card p,.timeline-item p,.award-item p{color:var(--color-text-muted);line-height:1.75}.timeline{gap:20px;display:grid}.timeline-item{border:1px solid var(--color-line);border-radius:var(--radius);transition:opacity .28s var(--ease), transform .28s var(--ease), border-color .28s var(--ease), background .28s var(--ease), box-shadow .28s var(--ease);background:#ffffff04;grid-template-columns:180px 1fr minmax(260px,.7fr);gap:28px;padding:32px 28px;display:grid}.timeline:hover .timeline-item{opacity:.45}.timeline .timeline-item:hover{opacity:1;background:linear-gradient(95deg,#c8ff3d0a 0%,#ffffff04 100%);border-color:#c8ff3d73;transform:translateY(-2px);box-shadow:0 12px 40px #00000040}.timeline-item__period{color:var(--color-accent);font-family:var(--font-display);font-size:18px;font-weight:700}.timeline-item__content span{color:var(--color-text-muted);margin-bottom:8px;font-size:13px;display:block}.timeline-item__content h3{transition:color .28s var(--ease);margin:0 0 12px;font-size:clamp(24px,2.5vw,38px);font-weight:600}.timeline-item:hover .timeline-item__content h3{color:#fff}.timeline-item__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.timeline-item__stats .counter{background:#ffffff03;min-height:120px}.awards__list{border-top:none;gap:16px;margin-top:12px;display:grid}.award-item{border:1px solid var(--color-line);border-radius:var(--radius);transition:opacity .28s var(--ease), transform .28s var(--ease), background .28s var(--ease), border-color .28s var(--ease), box-shadow .28s var(--ease);background:#ffffff04;grid-template-columns:160px 1fr minmax(220px,.35fr);align-items:center;gap:24px;padding:24px 28px;display:grid}.awards__list:hover .award-item{opacity:.45}.awards__list .award-item:hover{opacity:1;background:linear-gradient(95deg,#c8ff3d0d 0%,#ffffff05 100%);border-color:#c8ff3d73;transform:translateY(-2px)scale(1.008);box-shadow:0 12px 40px #00000040}.award-item span{color:var(--color-accent);font-family:var(--font-display);font-size:24px;font-weight:700}.award-item h3{letter-spacing:-.02em;transition:color .28s var(--ease);margin:0;font-size:clamp(20px,2.5vw,36px);font-weight:600}.contact{min-height:100vh;padding:var(--section-y) var(--page-pad);background:radial-gradient(circle at 72% 45%,#c8ff3d21,#0000 28%),#08090d;flex-direction:column;justify-content:center;display:flex}.contact-title{font-family:var(--font-display);letter-spacing:-.06em;margin-bottom:36px;font-size:clamp(54px,10vw,156px);line-height:.9}.js-contact-line{will-change:transform;display:block}.contact p{max-width:620px;color:var(--color-text-muted);margin-bottom:24px;font-size:18px;line-height:1.9}.contact-email{width:fit-content;color:var(--color-accent);transition:color .28s var(--ease);margin-top:22px;font-size:clamp(24px,3vw,44px);position:relative}.contact-email:hover{color:#fff}.contact-email:after{content:"";background:var(--color-accent);transform-origin:100%;width:100%;height:2px;transition:transform .38s var(--ease);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.contact-email:hover:after{transform-origin:0;transform:scaleX(1)}.contact-name{color:var(--color-text-muted);margin-top:64px}.project-detail{padding-top:92px}.project-hero{min-height:100vh;padding:90px var(--page-pad) 70px;align-content:end;gap:26px;display:grid;position:relative;overflow:hidden}.project-hero:before{content:"";pointer-events:none;background:linear-gradient(115deg,#c8ff3d14,#0000 36%),linear-gradient(260deg,#ff5a2a14,#0000 38%);position:absolute;inset:0}.project-hero__meta{color:var(--color-text-muted);z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.project-hero__meta span{border:1px solid var(--color-line);border-radius:999px;padding:8px 12px}.project-hero__title{max-width:1200px;font-family:var(--font-display);letter-spacing:-.065em;z-index:1;margin:0;font-size:clamp(52px,9vw,154px);line-height:.9;position:relative}.project-hero>p{max-width:760px;color:var(--color-text-muted);z-index:1;font-size:18px;line-height:1.9;position:relative}.project-hero__actions{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.project-hero__image{border:1px solid var(--color-line);z-index:1;height:min(58vh,640px);position:relative;box-shadow:0 32px 90px #0000005c}.case-section{padding:var(--section-y) var(--page-pad);border-top:1px solid var(--color-line)}.case-section h2{max-width:760px;font-family:var(--font-display);letter-spacing:-.05em;margin:0 0 32px;font-size:clamp(34px,5vw,80px);line-height:.96}.case-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.case-grid>div,.system-list>div{border:1px solid var(--color-line);border-radius:var(--radius);min-height:220px;transition:border-color .28s var(--ease), background .28s var(--ease), transform .28s var(--ease), box-shadow .28s var(--ease);background:#ffffff04;padding:32px 28px}.case-grid>div:hover,.system-list>div:hover{background:#ffffff06;border-color:#c8ff3d59;transform:translateY(-4px);box-shadow:0 12px 30px #0003}.case-grid strong,.system-list span{color:var(--color-accent);font-family:var(--font-display);margin-bottom:18px;font-weight:700;display:block}.case-grid p,.concept-section p,.final-output p,.system-list p{color:var(--color-text-muted);line-height:1.8}.case-bigline{font-family:var(--font-display);letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1px #f2f2e8c7;margin:0 0 26px;font-size:clamp(44px,8vw,130px);line-height:.9}.concept-section{align-content:center;min-height:70vh;display:grid}.concept-section p{max-width:720px;font-size:20px}.system-list{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px;display:grid}.system-list h3{min-height:70px;margin:0;font-size:24px}.final-output .reveal-image{border:1px solid var(--color-line);height:min(68vh,760px);margin:34px 0 26px}.gallery-grid{grid-template-columns:repeat(12,1fr);gap:14px;margin:34px 0 26px;display:grid}.gallery-grid__item{border:1px solid var(--color-line);border-radius:var(--radius);grid-column:span 4;min-height:320px;box-shadow:0 18px 60px #0000003d}.gallery-grid__item.is-large{grid-column:span 8;min-height:520px}.gallery-grid .reveal-image{margin:0}.next-project{min-height:70vh;padding:var(--section-y) var(--page-pad);border-top:1px solid var(--color-line);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.next-project img{object-fit:cover;opacity:.12;width:100%;height:100%;transition:opacity .45s var(--ease), transform .45s var(--ease);position:absolute;inset:0;transform:scale(1.06)}.next-project:hover img{opacity:.38;transform:scale(1.02)}.next-project span,.next-project strong{z-index:1;position:relative}.next-project span{color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase}.next-project strong{font-family:var(--font-display);letter-spacing:-.06em;margin-top:18px;font-size:clamp(42px,8vw,124px);line-height:.95}.project-card__video-wrap{background:#050505;width:100%;height:100%;position:relative;overflow:hidden}.project-card__video{object-fit:contain;background:#050505;width:100%;height:100%;display:block}.project-detail__video-container{aspect-ratio:16/9;border:1px solid var(--color-line);border-radius:var(--radius);background:#000;width:100%;margin:34px 0 26px;overflow:hidden;box-shadow:0 24px 80px #00000073}.project-detail__video{object-fit:contain;width:100%;height:100%;display:block}.pdf-book{grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.pdf-book__intro h2{max-width:640px;font-family:var(--font-display);letter-spacing:-.05em;margin:18px 0;font-size:clamp(34px,5vw,78px);line-height:.96}.pdf-book__intro p{color:var(--color-text-muted);max-width:520px;line-height:1.9}.pdf-book__actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.pdf-book__stage{border:1px solid var(--color-line);border-radius:var(--radius);background:radial-gradient(circle at 58% 40%,#c8ff3d14,#0000 34%),linear-gradient(145deg,#ffffff0f,#ffffff04);place-items:center;min-height:620px;padding:clamp(18px,3vw,34px);display:grid;overflow:hidden}.pdf-book__flip{filter:drop-shadow(0 28px 54px #0000006b)}.pdf-book__page{background:#f4f1ea;border:1px solid #00000014;position:relative;overflow:hidden}.pdf-book__page img{object-fit:cover;width:100%;height:100%;display:block}.pdf-book__page span{color:#050505;background:#f2f2e8e6;place-items:center;min-width:28px;height:22px;font-size:11px;font-weight:700;display:inline-grid;position:absolute;bottom:8px;right:10px}.reveal-text{overflow:hidden}.reveal-mask{vertical-align:top;margin-right:.18em;display:inline-block;overflow:hidden}.reveal-word{will-change:transform, opacity;display:inline-block}.custom-cursor{z-index:100;background:var(--color-accent);pointer-events:none;color:#050505;width:16px;height:16px;transition:width .18s var(--ease), height .18s var(--ease), margin .18s var(--ease), background .18s var(--ease), border .18s var(--ease);mix-blend-mode:normal;border-radius:999px;place-items:center;margin:-8px 0 0 -8px;font-size:11px;font-weight:800;display:grid;position:fixed;top:0;left:0}.custom-cursor.is-active{background:var(--color-accent);width:64px;height:64px;margin:-32px 0 0 -32px}.custom-cursor.is-button{border:1px solid var(--color-accent);background:0 0;width:46px;height:46px;margin:-23px 0 0 -23px}@media (width<=1100px){.profile__layout,.timeline-item,.pdf-book,.work-group{grid-template-columns:1fr}.work-group__head{position:static}.capabilities__grid,.stat-grid{grid-template-columns:repeat(2,1fr)}.timeline-item__stats{grid-template-columns:repeat(3,1fr)}.floating-card{opacity:.58}}@media (width<=900px){.navbar{padding-top:18px}.navbar nav{display:none}.hero{align-items:start;height:100svh;min-height:760px;padding-top:96px}.hero__cards{opacity:.46}.floating-card{width:150px}.card-1{top:auto;bottom:145px;right:9%}.card-2{inset:auto 34% 58px auto}.card-3,.card-4,.card-5{display:none}.works-index__row,.award-item{grid-template-columns:1fr;gap:10px;padding:24px 0}.works-preview{display:none}.work-group__grid,.work-group.is-video .work-group__grid,.work-group.is-poster .work-group__grid,.work-group.is-book-ip .work-group__grid{grid-template-columns:1fr}.project-card{grid-template-rows:minmax(300px,48vh) auto;width:100%;height:auto;min-height:auto}.timeline-item__stats,.capabilities__grid,.stat-grid,.case-grid,.system-list,.gallery-grid{grid-template-columns:1fr}.gallery-grid__item,.gallery-grid__item.is-large{grid-column:auto;min-height:320px}.hero__footer{display:none}.project-hero{min-height:auto;padding-top:70px}.project-hero__image,.final-output .reveal-image{height:48vh}.pdf-book__stage{min-height:520px}.project-hero__actions{align-items:stretch}}@media (width<=560px){:root{--page-pad:18px}.hero h1,.section-title,.contact-title{letter-spacing:-.045em}.project-card__body{padding:18px}.hero{height:auto;min-height:100svh}.hero__cards{display:none}.contact-actions,.hero__actions{flex-direction:column;align-items:stretch}.profile-photo{max-width:360px}.pdf-book__stage{min-height:440px;padding:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}