:root{font-family:Inter,Microsoft YaHei,PingFang SC,sans-serif;color:#f0f0e9;background:#101111;font-synthesis:none;--lime:#d1f970;--muted:#858982;--line:#ffffff22}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:7px}::selection{background:var(--lime);color:#101111}h1,h2,h3,h4,p{margin:0}img{display:block;max-width:100%}.wrap{width:calc(100% - 112px);max-width:1700px;margin:auto}.nav{height:92px;padding:0 56px;position:absolute;top:0;width:100%;z-index:10;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px;background:linear-gradient(#10111190,transparent)}.wordmark{font-size:32px;font-weight:900;letter-spacing:-3px}.wordmark>span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:5px}.nav-caption{font-size:14px;padding-left:28px;border-left:1px solid var(--line);line-height:1.5}.nav-caption>span{display:block;font-size:10px;letter-spacing:1.8px;color:#a7aca3}.nav nav{display:flex;margin-left:auto;align-items:center;gap:35px;font-size:14px}.nav nav a:hover{color:var(--lime)}.nav-contact{border:1px solid #ffffff55;border-radius:30px;padding:12px 21px;display:flex;gap:28px}.menu-toggle{display:none}.hero{min-height:760px;height:100svh;max-height:1250px;position:relative;isolation:isolate;overflow:hidden;background:#101311}.hero-video{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-3}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#101111e6,#10111199 30%,#10111112 80%),linear-gradient(0deg,#101111 0%,transparent 25%);z-index:-2}.hero-content{padding-top:clamp(175px,22vh,250px)}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:2px}.tiny-square{width:7px;height:7px;background:var(--lime)}h1{font-weight:500;font-size:clamp(65px,7.4vw,140px);letter-spacing:-6px;line-height:1.26;margin:37px 0 36px}.serif{font-family:"Noto Serif CJK SC",Songti SC,SimSun,serif;font-weight:400}.lime{color:var(--lime)}.hero-bottom-copy{display:flex;align-items:end;gap:65px}.hero-bottom-copy p{font-size:15px;color:#b3b7ad;line-height:1.9}.round-link{display:flex;align-items:center;gap:22px;font-size:14px}.circle{width:49px;height:49px;border:1px solid #ffffff65;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:.25s}.round-link:hover .circle{background:var(--lime);color:#101111;transform:rotate(45deg)}.hero-footer{position:absolute;bottom:26px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.4px;color:#a1a69d}.motion-caption{display:flex;align-items:center;gap:12px}.motion-caption button{background:transparent;border:1px solid #ffffff44;border-radius:50%;width:32px;height:32px}.section{padding-top:120px;padding-bottom:110px}.section-label{display:flex;gap:25px;align-items:center;font-size:12px;letter-spacing:1.8px;margin-bottom:65px}.section-label>span{color:var(--lime)}.about-intro{display:grid;grid-template-columns:1fr 2fr;gap:8%}.portrait-block img{width:180px;height:210px;object-fit:cover;border-radius:12px}.portrait-caption{display:flex;align-items:center;justify-content:space-between;margin:22px 0 15px}.portrait-caption strong{font-size:22px;font-weight:500}.portrait-caption>span{font-size:11px;letter-spacing:1px;color:var(--muted)}.portrait-block>a{font-size:14px;color:#bfc1b9;display:flex;justify-content:space-between}.about-copy h2,.section-heading h2{font-size:clamp(36px,3.5vw,60px);font-weight:500;line-height:1.4;letter-spacing:-1.5px}.muted{color:var(--muted)}.about-copy>p{max-width:680px;font-size:16px;color:#b0b4aa;line-height:1.95;margin-top:25px}.about-tags{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.about-tags span{font-size:12px;padding:8px 13px;border:1px solid var(--line);border-radius:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;padding:45px 0 30px;border-top:1px solid var(--line);gap:20px}.stats>div{padding-left:25px;border-left:1px solid var(--line)}.stats>div:first-child{padding-left:0;border:0}.stats strong{font-size:clamp(34px,3.8vw,65px);font-weight:400;letter-spacing:-2px;font-variant-numeric:tabular-nums;white-space:nowrap}.stats strong span{font-size:15px;color:var(--lime);letter-spacing:0;margin-left:8px}.stats p{font-size:13px;color:#a9ada4;margin-top:15px}.data-note{font-size:12px;color:#747a70}.experience{margin-top:90px}.subheading{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px}.subheading h3{font-size:23px;font-weight:400}.subheading>span{font-size:11px;color:var(--muted);letter-spacing:1px}.experience-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;border-top:1px solid var(--line);padding:26px 0;align-items:start}.experience-row>span{font-size:13px;color:#9da397;padding-top:3px}.experience-row>span:last-child{text-align:right;color:#c4c7bd}.experience-row h4{font-size:16px;font-weight:400}.experience-row p{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.8}.experience details{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:13px;color:#c1c5ba;padding:22px 0;list-style:none;border-top:1px solid var(--line);display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}.education{font-size:14px;line-height:1.8;color:var(--muted);padding:24px 0}.work{background:#151715}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px;gap:30px}.section-heading>p{font-size:14px;color:#a4aa9e;line-height:1.9}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 28px}.project{padding:0;border:0;background:none;text-align:left;min-width:0}.project-0{grid-column:1 / -1}.project-visual{position:relative;overflow:hidden;aspect-ratio:1.45;background:#20251e}.project-0 .project-visual{aspect-ratio:2.3}.project-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s;filter:brightness(.85)}.project:hover .project-visual>img{transform:scale(1.035);filter:brightness(1)}.image-top{position:absolute;top:0;left:0;right:0;padding:22px;display:flex;justify-content:space-between;gap:10px;background:linear-gradient(#0009,transparent);font-size:12px;line-height:1.6}.visual-label{font-size:11px;color:#fff;opacity:.85}.project-arrow{position:absolute;right:24px;bottom:24px;background:#eef1e6;color:#121512;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:27px;transition:.25s}.project:hover .project-arrow{background:var(--lime);transform:rotate(45deg)}.project-meta{display:flex;justify-content:space-between;gap:16px;padding-top:22px}.project-meta h3{font-size:23px;font-weight:400}.project-meta p{font-size:12px;color:var(--muted);margin-top:10px}.project-meta>span{font-size:12px;color:#a1a699;white-space:nowrap;padding-top:6px}.results-art{height:100%;position:relative;overflow:hidden;padding:16% 8% 8%;background:#d1f970;color:#192017;display:flex;flex-direction:column}.results-art>span{font-size:11px;letter-spacing:2px}.results-art>strong{font-size:clamp(65px,9vw,160px);font-weight:400;letter-spacing:-6px;line-height:1.3;z-index:1}.results-art>strong>span{font-size:25px;letter-spacing:0}.results-art>small{font-size:13px;margin-top:auto;z-index:1}.project-2 .image-top{color:#192017;background:none}.bar-lines{position:absolute;width:57%;height:48%;bottom:0;right:0;display:flex;align-items:end;gap:9px;opacity:.16;transform:skewY(-13deg);transform-origin:bottom right}.bar-lines>i{display:block;width:10%;background:#192017}.project-2 .project-arrow{background:#192017;color:var(--lime)}.project-2:hover .project-arrow{background:#313d26}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.skill{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:28px;display:flex;flex-direction:column;transition:background .25s}.skill:hover{background:#1a1e16}.skill-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:50px}.skill-symbol{font-size:40px;color:var(--lime)}.skill h3{font-size:25px;font-weight:400}.skill h4{font-size:14px;font-weight:400;color:#c5c9bf;margin:18px 0}.skill p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:42px}.skill-en{font-size:10px;letter-spacing:1.2px;margin-top:auto;color:#777e6f}.contact{min-height:90svh;background:#1a1e17;padding-top:80px;position:relative}.contact .section-label{margin-bottom:80px}.contact-main{position:relative;padding-right:140px}.contact-main>p{font-size:25px;color:#a3ad97}.contact h2{font-size:clamp(80px,12vw,190px);font-weight:400;line-height:1.5;letter-spacing:-8px}.contact-cta{position:absolute;right:0;top:40%;width:120px;height:120px;display:grid;place-items:center;border:1px solid #a9bc8f;border-radius:50%;font-size:65px;transition:.3s}.contact-cta:hover{color:#101111;background:var(--lime);transform:rotate(45deg)}.contact-details{display:flex;gap:9%;margin:45px 0 100px}.contact-details>div{display:flex;flex-direction:column;gap:15px;position:relative}.contact-details>div>span:first-child{font-size:11px;letter-spacing:2px;color:#a1aa95}.contact-details a,.contact-details p{font-size:20px}.contact-details button{border:0;padding:0;background:transparent;text-align:left;font-size:12px;color:#a1aa95;width:fit-content}.contact-details a:hover{color:var(--lime)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;color:#97a08d;font-size:10px;letter-spacing:1px}dialog{background:#1b1e19;color:#ecefe5;border:1px solid #ffffff33;border-radius:4px;width:min(820px,calc(100% - 32px));max-height:85svh;padding:0;overscroll-behavior:contain}dialog::backdrop{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog-close{position:sticky;top:15px;margin:15px 20px 0 auto;display:block;padding:8px 18px;border:1px solid #ffffff44;border-radius:30px;background:#1b1e19;z-index:2}.dialog-content{padding:25px 45px 45px}.dialog-content h2{font-size:32px;font-weight:400;margin:22px 0 12px}.dialog-company{font-size:13px;color:var(--muted);margin-bottom:25px}.dialog-content img{width:100%;aspect-ratio:16/9;object-fit:cover}.dialog-intro{font-size:17px;line-height:1.8;margin:25px 0}.dialog-content h3{font-size:16px;font-weight:500}.dialog-content ul{padding-left:20px;font-size:15px;line-height:1.9;color:#bfc6b5}.dialog-content li{margin-bottom:12px}.case-note{font-size:12px;color:#929b86;line-height:1.9;border-top:1px solid var(--line);padding:20px 0}.text-link{color:var(--lime);font-size:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1900px){.nav{padding-left:max(56px,calc((100% - 1700px)/2));padding-right:max(56px,calc((100% - 1700px)/2))}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{padding:0 32px;gap:20px}.nav nav{gap:22px}.hero-bottom-copy{gap:30px}.section{padding:85px 0}.skills-grid{grid-template-columns:1fr 1fr}.skill{min-height:340px}.about-intro{gap:6%;grid-template-columns:1fr 2fr}.stats{gap:12px}.stats>div{padding-left:15px}.stats p{line-height:1.7}.image-top{padding:15px;flex-wrap:wrap}.project-meta h3{font-size:20px}.contact-details{gap:7%}.contact-details a,.contact-details p{font-size:17px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:75px;padding:0 20px}.nav-caption{padding-left:18px}.nav-caption>span{font-size:9px}.menu-toggle{display:block;margin-left:auto;background:none;border:0;font-size:13px;padding:12px 0}.nav nav{display:none;position:absolute;top:75px;left:0;right:0;padding:25px;background:#161a14;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:24px}.nav nav.open{display:flex}.nav-contact{justify-content:space-between}.hero{min-height:720px;max-height:950px}.hero-content{padding-top:175px}.eyebrow{font-size:9px;letter-spacing:1.2px}h1{font-size:clamp(48px,10.8vw,76px);letter-spacing:-3px;line-height:1.45;margin:32px 0}.hero-bottom-copy{display:block}.hero-bottom-copy p{font-size:13px;line-height:2}.round-link{margin-top:28px;gap:18px;font-size:13px}.circle{width:43px;height:43px}.hero-footer{font-size:9px;letter-spacing:.4px;bottom:22px}.motion-caption{gap:8px}.motion-caption button{width:29px;height:29px}.hero-footer>a{display:none}.hero-shade{background:linear-gradient(90deg,#101111d9,#10111144),linear-gradient(0deg,#101111,transparent 70%)}.section{padding:70px 0}.section-label{margin-bottom:40px;font-size:10px;gap:15px}.about-intro{display:flex;flex-direction:column;gap:40px}.portrait-block{max-width:none;display:grid;grid-template-columns:90px 1fr;gap:0 22px;align-items:center}.portrait-block img{grid-row:1 / 3;width:90px;height:110px}.portrait-caption{margin:0;display:block}.portrait-caption strong{display:block;margin-bottom:7px}.portrait-block>a{font-size:12px}.about-copy h2,.section-heading h2{font-size:32px;letter-spacing:-1px}.about-copy>p{font-size:14px;margin-top:22px}.stats{grid-template-columns:1fr 1fr;gap:30px 15px;margin-top:45px;padding-top:30px}.stats>div:nth-child(3){border:0;padding:0}.stats strong{font-size:37px}.stats strong span{font-size:12px}.stats p{font-size:11px;margin-top:8px}.data-note{font-size:10px;line-height:1.8}.experience{margin-top:55px}.subheading{display:block}.subheading h3{font-size:20px;margin-bottom:12px}.subheading>span{font-size:10px}.experience-row{grid-template-columns:1fr;gap:11px;padding:22px 0}.experience-row>span:last-child{text-align:left;font-size:12px}.experience-row h4{font-size:15px}.experience-row p{font-size:12px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:13px;margin-top:20px}.project-grid{grid-template-columns:1fr;gap:38px}.project-0{grid-column:auto}.project-0 .project-visual,.project-visual{aspect-ratio:1.35}.project-meta h3{font-size:18px}.project-meta>span{font-size:10px}.image-top{font-size:10px}.visual-label{font-size:9px}.project-arrow{width:40px;height:40px;font-size:24px;right:15px;bottom:15px}.results-art>strong{font-size:100px}.skills-grid{grid-template-columns:1fr}.skill{padding:25px;min-height:300px}.skill-top{margin-bottom:25px}.skill h3{font-size:25px}.skill p{margin-bottom:25px;font-size:14px}.contact{min-height:740px;padding-top:60px}.contact .section-label{margin-bottom:60px}.contact-main{padding:0}.contact-main>p{font-size:20px}.contact h2{font-size:19vw;letter-spacing:-4px;line-height:1.7}.contact-cta{position:static;width:60px;height:60px;font-size:35px;margin:8px 0 35px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px 0 55px}.contact-details>div:first-child{grid-column:1 / -1}.contact-details a,.contact-details p{font-size:16px}.contact-details>div{gap:10px}footer{gap:20px;font-size:9px;line-height:1.8;align-items:start}footer>span:nth-child(2){display:none}.dialog-content{padding:25px}.dialog-content h2{font-size:24px}.dialog-intro{font-size:15px}.dialog-company{line-height:1.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.nav{height:96px;border-bottom:0;background:linear-gradient(#16221c66,transparent);padding-top:8px;gap:24px;text-shadow:0 1px 12px #12291d66}.nav .wordmark{font-size:33px;color:#fff}.nav .nav-caption{border-left-color:#fff5}.nav .nav-caption>span{color:#d4d8cd}.nav .nav-contact{border-radius:0;border-color:#fff7;padding:11px 18px}.nav nav a{font-size:13px}.poster-hero{--poster-accent:#ffe64a;min-height:860px;height:100svh;max-height:1200px;background:#496453}.hero-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-4;filter:none}.poster-hero .hero-video{mix-blend-mode:screen;opacity:.08;z-index:-3}.poster-hero .hero-shade{background:linear-gradient(90deg,#102d2466,transparent 72%),linear-gradient(180deg,#1f302e33,transparent 30%,transparent 70%,#172b2770);z-index:-2}.poster-frame{position:absolute;top:13%;right:4%;bottom:6%;left:34%;pointer-events:none;z-index:-1;color:#e8eee3}.poster-frame svg{width:100%;height:100%;overflow:visible}.poster-frame path{fill:none;stroke:#fffbed;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.4}.frame-coordinate{position:absolute;font-size:10px;letter-spacing:1.5px}.coordinate-top{right:23%;top:0;transform:rotate(-6deg)}.coordinate-bottom{left:14%;bottom:11%;transform:rotate(9deg);transform-origin:left}.poster-hero .hero-content{position:relative;padding-top:142px;z-index:1}.hero-topline{display:flex;align-items:center;gap:38px;font-size:11px;letter-spacing:1.6px;color:#f0f0df}.hero-topline>span:last-child{font-size:12px;letter-spacing:3px;color:var(--poster-accent)}.poster-title{position:relative;margin-top:28px;width:90%;max-width:1430px}.poster-title h1{font-family:Impact,Arial Narrow,Franklin Gothic Condensed,sans-serif;font-weight:400;font-size:clamp(120px,15.3vw,265px);line-height:.99;letter-spacing:-.015em;margin:0;color:#fafbef;text-shadow:0 4px 40px #061b1730}.poster-title h1>span{display:block;width:fit-content;white-space:nowrap}.title-first{transform:rotate(-3deg);transform-origin:left bottom}.poster-title h1 .title-second{margin-left:10%;font-size:.84em;transform:rotate(-3deg);transform-origin:left top}.title-star{color:var(--poster-accent);font-family:Arial,sans-serif;font-size:.55em;vertical-align:top;display:inline-block;margin-left:.12em;line-height:1.3}.handwritten{position:absolute;right:25%;top:32%;transform:rotate(-9deg);font-family:Segoe Script,Brush Script MT,cursive;font-size:clamp(35px,4.5vw,78px);font-weight:400;line-height:1.4;white-space:nowrap;color:var(--poster-accent);text-shadow:0 2px 12px #16302155;pointer-events:none}.poster-hero .hero-bottom-copy{margin-top:32px;margin-left:9%;max-width:1050px;display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.hero-introduction{padding-top:15px}.hero-introduction h2{font-size:clamp(25px,2.5vw,40px);font-weight:600;letter-spacing:3px;line-height:1.5}.hero-introduction h2>span{color:var(--poster-accent)}.poster-hero .hero-bottom-copy p{color:#eff1e8;font-size:14px;line-height:1.7;margin-top:15px;letter-spacing:1.2px}.hero-specialties{display:block;font-size:10px;letter-spacing:1.5px;margin-top:9px;color:#edf1df;text-shadow:0 1px 8px #173328}.poster-work-link{display:grid;grid-template-columns:1fr auto;background:var(--poster-accent);color:#1c241a;padding:16px 18px;gap:13px 25px;transform:rotate(5deg);margin-top:-5px;box-shadow:4px 5px #192d2280;transition:transform .25s,background .25s}.poster-work-link>span:first-child{font-family:Impact,Arial Narrow,sans-serif;font-size:28px;line-height:.98;letter-spacing:.2px}.poster-work-link>span:nth-child(2){font-size:33px;line-height:1}.poster-work-link small{font-size:11px;letter-spacing:1px;border-top:1px solid #27321c88;padding-top:9px;grid-column:1 / -1}.poster-work-link:hover{transform:rotate(0) translateY(-4px);background:#fff894}.hero-side-note{position:absolute;right:4.6%;top:17%;font-size:10px;letter-spacing:1px;text-align:right;display:flex;flex-direction:column;gap:13px;line-height:1.5;color:#e7eada}.hero-side-note>span:nth-child(2){font-size:9px;letter-spacing:.8px;color:#f9f7e9;text-shadow:0 1px 6px #244324}.hero-side-note i{writing-mode:vertical-rl;align-self:flex-end;font-size:15px;margin-top:90px;font-style:normal;color:var(--poster-accent);letter-spacing:5px}.poster-hero .hero-footer{bottom:25px;border-top:1px solid #fffbee77;padding-top:17px;font-size:10px;color:#fffbee;letter-spacing:1.2px;text-shadow:0 1px 8px #173328}.hero-footer b{font-size:9px;font-weight:400;color:#e3e7d3;margin-left:20px}.poster-hero .motion-caption{font-size:10px}.poster-hero .motion-caption button{border-radius:0;border-color:#becba16b;color:#eff1e8}@media(min-width:1700px){.poster-hero .hero-content{padding-top:160px}.poster-hero{min-height:1000px}.poster-hero .hero-bottom-copy{max-width:1250px}}@media(max-width:1100px){.poster-hero{min-height:800px}.poster-hero .hero-content{padding-top:165px}.poster-title{width:95%;margin-top:45px}.poster-title h1{font-size:16vw}.handwritten{right:3%;font-size:4.5vw}.hero-side-note{top:15%;right:5%}.hero-side-note i{display:none}.hero-side-note>span:nth-child(2){display:none}.poster-hero .hero-bottom-copy{margin-top:50px;margin-left:5%;gap:20px}.hero-introduction h2{font-size:28px}.poster-frame{left:23%}.hero-footer b{display:none}.poster-hero .hero-footer>a{font-size:9px}}@media(max-width:700px){.nav{height:80px;padding-top:0}.nav .nav-caption{padding-left:16px}.nav nav{top:80px;background:#172822}.poster-hero{min-height:780px;height:100svh;max-height:1000px}.poster-hero .hero-content{padding-top:147px}.hero-scene{object-position:57% center}.poster-hero .hero-shade{background:linear-gradient(180deg,#14281f55,transparent 30%,#133a2733 62%,#213b2b88),linear-gradient(90deg,#142c2455,transparent)}.hero-topline{gap:12px;flex-direction:column;align-items:flex-start;font-size:9px;letter-spacing:1px}.hero-topline>span:last-child{font-size:11px;letter-spacing:3px}.poster-title{width:100%;margin-top:43px}.poster-title h1{font-size:20.5vw;letter-spacing:-.025em}.poster-title h1 .title-second{margin-left:3%;font-size:.79em;margin-top:9px}.handwritten{font-size:7.2vw;top:22%;right:2%;transform:rotate(-9deg)}.poster-hero .hero-bottom-copy{margin:40px 0 0;display:flex;flex-direction:column;gap:25px}.hero-introduction{padding:0}.hero-introduction h2{font-size:26px;letter-spacing:1px}.poster-hero .hero-bottom-copy p{font-size:12px;letter-spacing:.3px;margin-top:12px}.hero-specialties{font-size:8px;letter-spacing:.8px}.poster-work-link{margin:0 12px 0 auto;padding:12px 14px;gap:9px 20px;transform:rotate(4deg)}.poster-work-link>span:first-child{font-size:23px}.poster-work-link>span:nth-child(2){font-size:30px}.poster-work-link small{font-size:10px;padding-top:7px}.poster-frame{top:18%;right:-2%;bottom:11%;left:10%;opacity:.7}.coordinate-top{font-size:8px}.coordinate-bottom,.hero-side-note{display:none}.poster-hero .hero-footer{font-size:8px;letter-spacing:.4px;bottom:22px;padding-top:12px}.poster-hero .motion-caption{font-size:8px;letter-spacing:0;gap:6px}.poster-hero .hero-footer .motion-caption button{width:26px;height:26px}}@media(prefers-reduced-motion:reduce){.poster-work-link{transition:none}}:root{--forest:#1c352d;--surface:#25473c;--deep:#142b24;--ivory:#f5f1df;--lime:#ffe64a;--muted:#b7c6b4;--line:#dfebce30;color:var(--ivory);background:var(--forest)}html{scroll-padding-top:120px}body{background:var(--forest)}::selection{color:var(--deep);background:var(--lime)}.nav{position:fixed;z-index:40;top:16px;left:24px;right:24px;width:calc(100% - 48px);height:76px;padding:0 30px;max-width:1760px;margin:0 auto;border:1px solid #ede9c94d;border-radius:8px;background:#1c352ddd;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 30px #10281f24;text-shadow:none;transition:background .25s,box-shadow .25s,border-color .25s}.nav.is-scrolled{background:#183329f5;border-color:#dedfc15c;box-shadow:0 12px 36px #081e2355}.nav .wordmark{color:var(--ivory);transition:color .2s,transform .2s}.nav .nav-caption{border-color:var(--line);color:var(--ivory)}.nav .nav-caption>span{color:#c5cfb9}.nav nav{gap:8px}.nav nav a{font-size:14px;padding:12px 17px;position:relative;border-radius:4px;transition:color .2s,background .2s,transform .2s,box-shadow .2s}.nav nav>a:not(.nav-contact):after{content:"";position:absolute;bottom:5px;left:17px;right:17px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav nav>a[aria-current=location]:not(.nav-contact){color:var(--lime);background:#eddf7210}.nav nav>a[aria-current=location]:not(.nav-contact):after{transform:scaleX(1)}.nav .nav-contact{margin-left:14px;background:var(--lime);color:var(--deep);border:1px solid var(--lime);gap:20px;font-weight:600;box-shadow:0 3px #10291f66}.nav .nav-contact>span{display:inline-block;transition:transform .2s}.nav .nav-contact[aria-current=location]{background:#fff6b1;border-color:#fff6b1}.nav .menu-toggle{border:1px solid #f7efc65c;border-radius:4px;padding:10px 13px;min-height:42px;color:var(--ivory);transition:background .2s,color .2s}.menu-backdrop{display:none}.about{background:transparent}.about-copy>p,.portrait-block>a,.stats p,.section-heading>p{color:#c6d1bc}.portrait-block img{box-shadow:8px 8px #b9c79e1a;border:1px solid #e1e5cf33}.about-tags span{background:#9cab8120;color:#e1e7ce;border-color:#bfcba13d}.stats strong{color:#f4efd9}.stats strong span{color:var(--lime)}.data-note{color:#a4b899}.experience-row>span{color:#dbba91}.experience-row>span:last-child{color:#d8deca}.experience-row p{color:#b7c6b4}.experience summary{color:#eee9d4;padding-left:12px;padding-right:12px;border-radius:3px;transition:background .2s,color .2s}.work{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-visual{background:#385448;border:1px solid #f0efd326;border-radius:5px;transition:box-shadow .3s,border-color .3s}.project-meta>span{color:#c0c9af}.project-meta h3{transition:color .25s}.project-arrow{background:var(--ivory);color:var(--deep)}.results-art{background:#e8d878;color:#213c30}.project-2 .image-top{color:#213c30}.project-2 .project-arrow{background:#25473c;color:#fff0a0}.bar-lines>i{background:#355c43}.skills-grid{gap:16px;border:0}.skill{border:1px solid var(--line);border-radius:5px;background:#294639;padding:28px;transition:background .25s,border-color .25s}.skill h4{color:#e3dfc4}.skill p{color:#c2cfb6}.skill-en{color:#a8bd9a}.skill-symbol{color:#e9d979}.contact{background:#355344;border-top:1px solid #f0e6bd3d}.contact-main>p{color:#d3d7b9}.contact-details>div>span:first-child{color:#c4d0ae}.contact-details button{color:#f3e393;min-height:36px;padding:6px 10px;margin-left:-10px;border-radius:4px;transition:background .2s,color .2s,transform .2s}.contact-cta{border-color:#dfdfae99;color:#fff0c6;box-shadow:0 5px 20px #10271e22;transition:background .25s,transform .25s,box-shadow .25s,color .25s}footer{color:#c4d0ae}.contact-details a,.portrait-block>a,footer a,.text-link{transition:color .2s,text-shadow .2s}dialog{background:#244438;color:var(--ivory);border-color:#cbd6a955;box-shadow:0 20px 90px #102a2199}dialog::backdrop{background:#0c201bcc}.dialog-close{background:#2e5141;border-color:#c7d4b566;color:var(--ivory);min-height:40px;transition:background .2s,color .2s,transform .2s}.dialog-content ul{color:#d3ddc6}.case-note{color:#bacbaa}.dialog-company{color:#c1cfb4}.poster-work-link{transition:transform .25s,background .25s,box-shadow .25s}.poster-work-link>span:nth-child(2){transition:transform .25s}.poster-hero .motion-caption button{min-width:36px;min-height:36px;transition:background .2s,color .2s,transform .2s;border-radius:3px}.nav nav a:focus-visible,.dialog-close:focus-visible,.contact-details button:focus-visible,.poster-hero .motion-caption button:focus-visible{background:var(--lime);color:var(--deep)}.project:focus-visible .project-arrow,.contact-cta:focus-visible{background:var(--lime);color:var(--deep)}@media(hover:hover){.nav .wordmark:hover{color:var(--lime);transform:translateY(-2px)}.nav nav>a:not(.nav-contact):hover{color:var(--lime);background:#eedb721a;transform:translateY(-2px)}.nav nav>a:not(.nav-contact):hover:after{transform:scaleX(1)}.nav .nav-contact:hover{color:var(--deep);background:#fff29a;border-color:#fff29a;transform:translateY(-3px);box-shadow:0 7px 18px #071b2066}.nav .nav-contact:hover>span{transform:translate(2px,-2px)}.poster-work-link:hover{box-shadow:8px 12px #16332255;background:#fff18a;transform:rotate(0) translateY(-6px)}.poster-work-link:hover>span:nth-child(2){transform:translate(3px,-3px)}.project:hover .project-visual{border-color:#f4df8699;box-shadow:0 14px 36px #10271f66}.project:hover .project-meta h3{color:#ffed96}.project:hover .project-arrow{background:var(--lime);color:var(--deep);transform:translate(2px,-2px)}.skill:hover{background:#335443;border-color:#e8d67780}.experience summary:hover{background:#d2d39316;color:var(--lime)}.contact-cta:hover{background:var(--lime);color:var(--deep);transform:translateY(-6px);box-shadow:0 16px 35px #10271e55}.contact-details button:hover,.dialog-close:hover,.poster-hero .motion-caption button:hover,.nav .menu-toggle:hover{background:var(--lime);color:var(--deep);transform:translateY(-2px)}.contact-details a:hover,.portrait-block>a:hover,footer a:hover,.text-link:hover{color:var(--lime);text-shadow:0 0 18px #ffee6833}}button:active,.nav nav a:active,.poster-work-link:active{translate:0 1px}@media(max-width:1100px){.nav{left:16px;right:16px;width:calc(100% - 32px);padding:0 22px;gap:20px}.nav nav{gap:2px}.nav nav a{padding:12px 11px;font-size:13px}.nav .nav-contact{margin-left:8px;gap:12px}.nav nav>a:not(.nav-contact):after{left:11px;right:11px}}@media(max-width:850px){.nav{top:12px;left:12px;right:12px;width:calc(100% - 24px);height:66px;padding:0 18px;gap:18px}.nav .wordmark{font-size:29px}.nav .nav-caption{padding-left:18px}.nav .menu-toggle{display:block;margin-left:auto;background:transparent;font-size:13px}.nav nav{display:none;position:absolute;top:76px;left:-1px;right:-1px;margin:0;padding:14px;background:#1b382ff7;border:1px solid #c8d6ad66;box-shadow:0 18px 40px #061b2055;border-radius:6px;flex-direction:column;gap:6px;align-items:stretch}.nav nav.open{display:flex}.nav nav a{font-size:15px;padding:14px 16px}.nav .nav-contact{margin:6px 0 0;justify-content:space-between}.nav nav>a:not(.nav-contact):after{bottom:8px;left:16px;right:auto;width:24px}.nav nav>a[aria-current=location]:not(.nav-contact){background:#e8d77817}.menu-backdrop{display:block;position:fixed;z-index:39;top:0;right:0;bottom:0;left:0;background:#11281f55;border:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}html{scroll-padding-top:100px}}@media(max-width:700px){.nav .nav-caption{font-size:12px}.nav .nav-caption>span{font-size:8px}.nav .menu-toggle{padding:8px 10px}.skills-grid{gap:12px}.skill{padding:25px}.poster-hero .motion-caption button{min-width:32px;min-height:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.work-filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:flex;flex-direction:column;gap:22px}.category-filters,.year-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.category-filters button,.year-filters button,.works-empty button{border:1px solid #dce7c93d;border-radius:4px;background:#1e3b32;color:#e9ecda;padding:12px 20px;font-size:14px;min-height:44px;transition:background .2s,color .2s,transform .2s,border-color .2s}.category-filters button span{margin-left:18px;font-size:12px;opacity:.75;font-variant-numeric:tabular-nums}.category-filters button[aria-pressed=true]{background:var(--lime);color:var(--deep);border-color:var(--lime)}.year-filters>span{font-size:13px;color:#bfcdb3;margin-right:10px}.year-filters button{border-color:transparent;padding:9px 15px;background:transparent;font-size:13px;min-height:38px}.year-filters button[aria-pressed=true]{color:var(--lime);background:#e7d97012;border-color:#ffe64a66}.work-count{font-size:12px;color:#c0cbb6;display:flex;justify-content:space-between;gap:20px;margin:22px 0 45px}.work-year-group{margin-top:55px}.work-year-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:18px;border-bottom:1px solid var(--line)}.work-year-heading h3{font-size:36px;font-weight:400;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#f4efd9}.work-year-heading h3 span{font-size:10px;letter-spacing:2px;color:#bcc9ad;margin-left:15px}.work-year-heading>span{font-size:11px;letter-spacing:1.4px;color:#bcc9ad}.real-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}.work-card{border:0;padding:0;background:none;text-align:left;min-width:0;display:flex;flex-direction:column}.work-thumbnail{width:100%;aspect-ratio:16/10;position:relative;overflow:hidden;border:1px solid #c7d5a733;background:#142a23;border-radius:5px;transition:box-shadow .25s,border-color .25s}.work-thumbnail img{width:100%;height:100%;object-fit:contain;transition:transform .4s,filter .4s;filter:brightness(.94)}.work-thumbnail.is-portrait{background:linear-gradient(135deg,#1c362d,#355044)}.work-thumbnail:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:linear-gradient(#071b174d,transparent 30%,transparent 68%,#071b1788);pointer-events:none}.work-kind,.work-duration,.work-orientation{position:absolute;z-index:1;background:#142b24d9;border:1px solid #d3ddbb33;border-radius:3px;font-size:11px;padding:5px 8px;color:#f2edda;line-height:1.5}.work-kind{top:13px;left:13px}.work-duration{bottom:13px;right:13px;font-variant-numeric:tabular-nums}.work-orientation{bottom:13px;left:13px;background:transparent;border:0;padding-left:0;color:#e3e8d6}.work-play{position:absolute;top:50%;left:50%;translate:-50% -50%;width:54px;height:54px;background:#f4efd9eb;color:#183429;border-radius:50%;display:grid;place-items:center;font-size:20px;padding-left:3px;z-index:2;box-shadow:0 4px 20px #10291f40;transition:background .25s,transform .25s}.work-card-caption{width:100%;display:flex;justify-content:space-between;align-items:start;gap:15px;padding-top:17px}.work-card-caption h4{font-size:17px;font-weight:400;line-height:1.65;overflow-wrap:anywhere;color:#f0edda;transition:color .2s}.work-card-caption>span{font-size:22px;flex-shrink:0;color:#becbb1;transition:transform .2s,color .2s}.works-empty{padding:65px 0;text-align:center}.works-empty button{margin-top:25px}.work-dialog{width:min(1120px,calc(100% - 40px));max-height:90svh;padding:0;border-radius:8px}.work-dialog-top{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#1e3c32;border-bottom:1px solid var(--line);gap:20px}.work-dialog-top>span{font-size:13px;color:#d6e0c4}.work-close,.work-player-nav button{border:1px solid #cbd6ab66;background:#2b4c3e;padding:10px 17px;border-radius:4px;font-size:14px;min-height:42px;transition:background .2s,color .2s,transform .2s;white-space:nowrap}.work-video-stage{position:relative;background:#0d1b17;display:flex;align-items:center;justify-content:center}.work-video-stage video{display:block;width:100%;height:min(54svh,620px);object-fit:contain;background:#0d1b17}.video-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#142b24e6;font-size:16px}.video-error a{color:var(--lime);text-decoration:underline}.work-player-info{padding:24px 28px}.work-player-info h2{font-size:24px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}.work-player-info>p{font-size:13px;color:#bdcdae;margin-top:10px}.work-player-info details{margin-top:20px}.work-player-info summary{font-size:12px;padding:12px 0}.work-player-info details p{font-size:12px;line-height:1.7;color:#c2d0b4;overflow-wrap:anywhere;margin:5px 0}.work-player-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.work-player-nav>span{font-size:13px;color:#c5d3b8}.work button:disabled{opacity:.35;cursor:not-allowed}.work button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.work-card:focus-visible .work-play{background:var(--lime)}@media(hover:hover){.category-filters button:not(:disabled):hover,.year-filters button:not(:disabled):hover,.work-close:hover,.work-player-nav button:not(:disabled):hover,.works-empty button:hover{background:var(--lime);color:var(--deep);border-color:var(--lime);transform:translateY(-2px)}.work-card:hover .work-thumbnail{border-color:#ffe64a99;box-shadow:0 12px 30px #10271f66}.work-card:hover .work-thumbnail img{transform:scale(1.025);filter:brightness(1)}.work-card:hover .work-play{background:var(--lime);transform:scale(1.08)}.work-card:hover h4{color:#fff0a0}.work-card:hover .work-card-caption>span{color:var(--lime);transform:translate(2px,-2px)}}@media(max-width:1100px){.real-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card-caption h4{font-size:16px}}@media(max-width:700px){.work-filters{padding:20px 0;gap:16px}.category-filters{gap:8px}.category-filters button{font-size:12px;padding:10px 12px}.category-filters button span{margin-left:9px}.year-filters{gap:5px}.year-filters>span{margin-right:4px}.year-filters button{padding:8px 11px}.work-count{font-size:11px;line-height:1.7;margin-bottom:25px}.work-year-group{margin-top:32px}.work-year-heading h3{font-size:29px}.work-year-heading h3 span{font-size:9px;margin-left:10px}.real-work-grid{grid-template-columns:1fr;gap:28px}.work-thumbnail{aspect-ratio:16/10}.work-play{width:48px;height:48px;font-size:18px}.work-dialog{width:calc(100% - 16px);max-height:94svh}.work-dialog-top{padding:10px 14px;gap:10px}.work-dialog-top>span{font-size:11px}.work-close{padding:9px 12px}.work-video-stage video{height:48svh}.work-player-info{padding:20px 18px}.work-player-info h2{font-size:20px}.work-player-nav{gap:12px}.work-player-nav button{font-size:13px;padding:10px 13px}}.film-carousel{--card-width:clamp(290px,32vw,440px);margin-top:30px}.film-stage{position:relative}.film-side-arrow{position:absolute;z-index:5;top:calc(48px + var(--card-width)*.625);translate:0 -50%;width:56px;height:56px;display:grid;place-items:center;padding:0;border:1px solid #f5efba77;border-radius:50%;color:#fff4bb;background:#193b2fba;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 28px #081c1d66,inset 0 1px #f8f3c52b;font-size:27px;transition:background .2s,color .2s,scale .2s,opacity .2s}.film-side-prev{left:12px}.film-side-next{right:12px}.film-side-arrow:not(:disabled):hover{background:#ffe64a;color:#142b24;scale:1.08}.work .film-side-arrow:disabled{opacity:.25}@media(max-width:700px){.film-side-arrow{width:44px;height:44px;font-size:22px;top:calc(30px + var(--card-width)*.625)}.film-side-prev{left:0}.film-side-next{right:0}.film-toolbar{align-items:flex-start;gap:10px}.film-toolbar p{text-align:right;max-width:170px;line-height:1.7}}.film-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#bccdb6;padding-bottom:4px;border-bottom:1px solid var(--line)}.film-toolbar>span{display:flex;align-items:center;gap:10px}.film-toolbar i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px #ffe64a77}.film-toolbar p{letter-spacing:1px}.film-toolbar p span{margin:0 12px;opacity:.4}.film-track{position:relative;display:flex;gap:30px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:48px max(0px,calc((100% - var(--card-width))/2)) 32px;overscroll-behavior-x:contain;cursor:grab;perspective:1400px;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}.film-track::-webkit-scrollbar{display:none}.film-track.is-dragging{scroll-snap-type:none;cursor:grabbing}.film-track.is-dragging *{cursor:grabbing!important}.film-card{position:relative;flex:0 0 var(--card-width);width:var(--card-width);min-width:0;scroll-snap-align:center;background:transparent;padding:0;border:0;text-align:left;transform:scale(.91);opacity:.52;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .45s;perspective:1200px;color:var(--ivory)}.film-card.is-active{transform:scale(1);opacity:1}.film-card:focus-visible{outline-offset:8px!important;border-radius:12px}.film-print{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border:1px solid #e6e7c34d;border-radius:12px;background:#13271f;box-shadow:0 18px 40px #06181066;transform:rotateY(0);transition:transform .55s cubic-bezier(.2,.7,.2,1),border-color .3s;isolation:isolate}.film-cover{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .8s,filter .7s;pointer-events:none}.film-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07191077,transparent 25%,transparent 55%,#06170ee6);pointer-events:none}.film-ribs{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none;perspective:600px}.film-ribs span{flex:1;height:100%;background:linear-gradient(155deg,#b5cd6a30,#193b32c9 45%,#10261fee);border-left:1px solid #f0f2b926;transform:rotateY(-90deg);transform-origin:left center;opacity:0;transition:transform .55s cubic-bezier(.2,.65,.25,1),opacity .45s;transition-delay:calc(var(--rib)*9ms)}.film-foil{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;pointer-events:none;background:repeating-linear-gradient(90deg,#eeefb933 0px,transparent 1px,transparent 9px),linear-gradient(115deg,transparent 20%,#f5e39833 35%,#93d2b344 47%,transparent 60%);background-position:var(--shine-x,50%) 50%;mix-blend-mode:screen;transition:opacity .5s}.film-topline,.film-bottomline{position:absolute;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px/1.5 monospace;letter-spacing:1.5px;color:#faf3d8;z-index:2}.film-topline{top:22px}.film-topline>span:last-child{border:1px solid #f2edc75c;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.film-bottomline{bottom:22px;font-size:11px}.film-center-play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;border:1px solid #fffae0a3;background:#17362a55;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:32px;color:#fff8d7;transition:opacity .35s,transform .5s}.film-reveal{position:absolute;inset:auto 28px 70px;z-index:2;opacity:0;transform:translateY(20px);transition:opacity .4s .08s,transform .55s .08s}.film-reveal-label{font-size:11px;letter-spacing:2px;color:#e9dc79}.film-reveal h3{font-size:clamp(22px,2.4vw,34px);line-height:1.45;font-weight:500;letter-spacing:-.5px;margin:16px 0 24px;overflow-wrap:anywhere}.film-watch{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9ebbf66;padding-top:18px;font-size:13px;color:var(--lime)}.film-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 3px 0;font-size:15px;line-height:1.6}.film-caption>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.film-caption>span:last-child{color:var(--lime);font-size:22px}.film-controls{display:flex;align-items:center;gap:35px;border-top:1px solid var(--line);padding-top:22px}.film-position{display:flex;align-items:baseline;gap:10px;min-width:90px;font-variant-numeric:tabular-nums}.film-position strong{font-size:32px;font-weight:400;color:var(--lime)}.film-position>span{font-size:12px;color:#b9c9ad}.film-progress{display:flex;flex:1;min-width:0;height:44px;gap:4px}.film-progress button{flex:1;min-width:0;border:0;background:transparent;padding:15px 0}.film-progress button span{display:block;height:3px;background:#bdd0a833;transition:height .25s,background .25s}.film-progress button[aria-pressed=true] span{background:var(--lime);height:5px}.film-progress button:hover span{background:#dedf9d}.film-arrows{display:flex;gap:10px}.film-arrows button{width:50px;height:50px;border:1px solid #cbd6ab66;border-radius:50%;background:transparent;color:var(--ivory);font-size:23px;transition:background .2s,color .2s,transform .2s}.film-arrows button:not(:disabled):hover{background:var(--lime);color:var(--deep);transform:translateY(-2px)}@media(hover:hover){.film-card:hover{opacity:1}.film-card:hover .film-print{transform:rotateY(var(--tilt,0deg)) translateY(-8px);border-color:#f7e16c99}.film-card:hover .film-cover{transform:scale(1.07);filter:saturate(.7)}.film-card:hover .film-ribs span{transform:rotateY(0);opacity:1}.film-card:hover .film-foil{opacity:.75}.film-card:hover .film-reveal{opacity:1;transform:translateY(0)}.film-card:hover .film-center-play{opacity:0;transform:scale(.6)}}.film-card:focus-visible .film-reveal{opacity:1;transform:none}.film-card:focus-visible .film-ribs span{transform:rotateY(0);opacity:1}.film-card:focus-visible .film-center-play{opacity:0}@media(max-width:700px){.film-carousel{--card-width:min(78vw,360px);margin-top:20px}.film-track{gap:15px;padding-top:30px;padding-bottom:25px}.film-toolbar{font-size:9px;letter-spacing:1px}.film-toolbar p{font-size:10px}.film-toolbar p span{margin:0 4px}.film-controls{gap:14px;flex-wrap:wrap}.film-position{min-width:72px}.film-position strong{font-size:27px}.film-arrows button{width:44px;height:44px}.film-progress{order:3;flex-basis:100%;height:30px}.film-arrows{margin-left:auto}.film-reveal{left:22px;right:22px;bottom:62px}.film-caption{font-size:13px}.film-topline,.film-bottomline{left:18px;right:18px}.film-reveal h3{font-size:25px}}@media(hover:none){.film-card.is-active .film-reveal{opacity:1;transform:none}.film-card.is-active .film-scrim{background:linear-gradient(#0c241844,transparent 15%,#0c241855 40%,#071c14f5 90%)}.film-card.is-active .film-center-play{opacity:0}}@media(prefers-reduced-motion:reduce){.film-card,.film-print,.film-cover,.film-ribs span,.film-reveal,.film-center-play,.film-foil{transition:none!important}.film-card:hover .film-print,.film-card:hover .film-cover{transform:none}.film-track{scroll-behavior:auto}}#root{position:relative;isolation:isolate;min-height:100vh}.ascii-wave-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;background:#142b24}.ascii-wave-layer canvas{display:block;width:100%;height:100%;opacity:.85}.poster-hero{background:transparent}.poster-hero .hero-shade{background:linear-gradient(90deg,#10251f99,transparent 75%),linear-gradient(0deg,#142b2455,transparent 25%);z-index:-2}.poster-frame{opacity:.3}.about,.expertise{background:#142b24b3}.work{background:#25473cc9}.contact{background:#355344c7}.skill{background:#294639e6}.hero-side-note{color:#dce5c8}.ascii-motion-toggle{position:fixed;bottom:20px;right:24px;z-index:35;display:flex;align-items:center;gap:10px;border:1px solid #bfcaab66;border-radius:5px;padding:10px 14px;min-height:42px;background:#183329ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f3efd7;font-size:12px;box-shadow:0 5px 20px #071c1a33;transition:background .2s,color .2s,transform .2s}.ascii-motion-toggle span{color:var(--lime)}@media(hover:hover){.ascii-motion-toggle:hover{background:#ffe64a;color:#142b24;transform:translateY(-2px)}.ascii-motion-toggle:hover span{color:#142b24}}.ascii-motion-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@media(max-width:700px){.ascii-wave-layer canvas{opacity:.65}.poster-hero .hero-shade{background:linear-gradient(90deg,#10251f77,transparent),linear-gradient(0deg,#142b2466,transparent 50%)}.ascii-motion-toggle{bottom:12px;right:12px;padding:8px 12px;font-size:11px}.contact footer{padding-bottom:75px}}@media(prefers-reduced-motion:reduce){.ascii-motion-toggle{display:none}}@property --edge-angle{syntax:"<angle>";initial-value:0deg;inherits:false}:root{--glass-fill:linear-gradient(135deg,#eff6d912,#d9ebd005 55%,#88bfa313);--glass-line:#eff3d936;--glass-shadow:0 20px 65px #081c222b,inset 0 1px 0 #fffde31c}.poster-hero{background:#496453}.poster-hero .hero-scene{z-index:-4;animation:scene-settle 2.2s cubic-bezier(.18,.6,.25,1) both}.poster-hero .hero-shade{background:linear-gradient(90deg,#102d2466,transparent 72%),linear-gradient(180deg,#1f302e33,transparent 30%,transparent 70%,#172b2799)}.poster-frame{opacity:.85}.poster-frame path{stroke-dasharray:3800;stroke-dashoffset:0;animation:frame-draw 2.4s .45s ease both}.nav,.nav.is-scrolled{border-radius:18px;border:1px solid #fffde640;background:linear-gradient(115deg,#f7f5dc18,#17352b66 55%,#d9edcf0c);backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%);box-shadow:0 12px 40px #061d2526,inset 0 1px #fff8db33}.nav.is-scrolled{background:linear-gradient(115deg,#a4bbaa20,#142f2588 60%,#e4edc912)}.nav .nav-contact{background:#ffe64a24;border-color:#fff2a766;border-radius:10px;color:#fff2a4;box-shadow:inset 0 1px #fffbd82e}.nav nav>a:not(.nav-contact){border-radius:8px}.nav nav>a[aria-current=location]:not(.nav-contact){background:#e9f1b91a}.nav nav a:hover{letter-spacing:.25px}.nav .menu-toggle{border-radius:8px}.glass-surface{position:relative;isolation:isolate;background:var(--glass-fill);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}.glass-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:radial-gradient(420px circle at var(--glow-x,50%) var(--glow-y,0%),#e7efba15,transparent 75%);opacity:0;transition:opacity .4s;pointer-events:none}.nav:before,.glass-surface:before,.poster-work-link:before,.ascii-motion-toggle:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--edge-angle),transparent 0deg,#e9f3c044 70deg,#fff4bbd9 100deg,transparent 140deg,transparent 240deg,#96e2c377 280deg,transparent 330deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:edge-orbit 14s linear infinite;opacity:.3;transition:opacity .4s}.nav:before{opacity:.8}.glass-surface:before{animation-play-state:paused}.glass-surface:hover:before,.glass-surface:focus-within:before{opacity:1;animation-duration:5s;animation-play-state:running}.glass-surface:hover:after{opacity:1}.about,.expertise{background:transparent}.work{background:linear-gradient(180deg,#bddbb708,transparent 28%,#b6d9bf08)}.contact{background:linear-gradient(180deg,transparent,#b2cbb410)}.ascii-wave-layer canvas{opacity:.48}.about-intro{padding:42px;border-radius:26px;gap:7%;align-items:center}.portrait-block{max-width:290px}.portrait-block img{width:190px;height:220px;border:1px solid #fffbd647;box-shadow:0 12px 30px #071c2929;border-radius:16px}.about-copy>p{color:#c4cfbe}.about-tags span{background:#e9efd509;border-color:#e9efd528}.stats{border:0;padding:0;gap:16px;margin-top:30px}.stats>div,.stats>div:first-child{padding:28px 22px;border:1px solid var(--glass-line);border-radius:18px;background:var(--glass-fill)}.stats strong{font-size:clamp(32px,3.5vw,59px)}.stats p{line-height:1.65;color:#bccbb7}.data-note{margin-top:18px;color:#acbda8}.experience{border-radius:24px;padding:32px 36px;margin-top:60px}.experience-row{transition:background .3s,padding .3s}.experience-row:hover{background:#e5ecc008;padding-left:12px;padding-right:12px}.experience-row>span{color:#b7c7b0}.experience summary{padding-left:4px;padding-right:4px}.work-filters{padding:25px 28px;border-radius:20px}.category-filters button,.year-filters button{background:#dcebd008;border-color:#e9f0c826;border-radius:9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-filters button[aria-pressed=true]{background:#ffe64a2b;color:#fff19a;border-color:#f9e38b77;box-shadow:inset 0 1px #fffbd02e}.year-filters button[aria-pressed=true]{background:#ffe64a1a}.film-toolbar{padding:10px 0 16px}.film-print{border-radius:18px;border-color:#f3f3d957;box-shadow:0 24px 60px #061d234d,inset 0 1px #ffffea33}.film-caption{background:#d3e1cc0a;padding:15px 18px;margin-top:12px;border:1px solid #ebf0cc21;border-radius:12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.film-controls{border-top-color:#e1ecc52e}.film-arrows button{background:#daebc80c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.skills-grid{border:0;gap:18px}.skill{border-radius:22px;padding:30px;transition:translate .4s,background .4s,box-shadow .4s}.skill:hover{background:linear-gradient(130deg,#eff2b51a,#acdfc709);translate:0 -7px;box-shadow:0 28px 70px #061f263b}.skill-symbol{display:inline-block;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.skill:hover .skill-symbol{transform:rotate(90deg) scale(1.1)}.skill-en{color:#a3b89a}.skill p{color:#bfceb4}.contact-main{border-radius:30px;padding:48px 170px 48px 46px}.contact-main>p{color:#d1dec2}.contact h2{font-size:clamp(70px,10vw,168px)}.contact-cta{right:38px;width:104px;height:104px;background:#eef0b90c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:#f6f2b566}.contact-details{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;margin:24px 0 70px}.contact-details>div{border-radius:18px;padding:26px;gap:14px}.contact-details a,.contact-details p{font-size:clamp(15px,1.45vw,22px)}.work-dialog{background:#203c31b8;border:1px solid #f0f2d34d;border-radius:20px;-webkit-backdrop-filter:blur(28px) saturate(130%);backdrop-filter:blur(28px) saturate(130%);box-shadow:0 35px 120px #00171b88}.work-dialog::backdrop{background:#091d247d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.work-dialog-top{background:#254438b8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.work-close,.work-player-nav button{background:#dcebc412;border-color:#eff2c73d;border-radius:8px}.work-player-info{background:linear-gradient(130deg,#f0eed10a,transparent)}.ascii-motion-toggle{border-radius:12px;background:#29473966;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:var(--glass-shadow)}.poster-work-link{position:relative;border:1px solid #fff6ab8c;border-radius:10px;background:linear-gradient(135deg,#ffe64adc,#fff49d9c);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 36px #10241f3b,inset 0 1px #fffbe9aa}.poster-work-link:before{opacity:.9}.motion-letter{display:inline-block;animation:letter-arrive .95s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.12s + var(--letter-index)*45ms)}.handwritten{animation:ink-arrive 1.25s .6s both}.hero-topline{animation:copy-arrive .85s .1s both}.hero-introduction{animation:copy-arrive 1s .65s both}.hero-side-note,.hero-footer{animation:copy-arrive 1s .85s both}.hero-introduction h2{background:linear-gradient(105deg,#f5f1df 20%,#fff4a7 48%,#f5f1df 72%);background-size:230% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:text-light 7s 2s ease-in-out infinite}.title-star{animation:star-turn 1.3s 1s cubic-bezier(.2,.8,.2,1) both}.reveal-ready{transition:opacity .85s var(--reveal-delay,0ms),transform .85s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms),filter .85s var(--reveal-delay,0ms)}.reveal-ready:not(.is-revealed){opacity:0;transform:translateY(32px);filter:blur(5px)}.reveal-ready.is-revealed{opacity:1;transform:translateY(0);filter:blur(0)}.section-label>span{position:relative}.section-label>span:after{content:"";display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-left:12px;vertical-align:middle;box-shadow:0 0 14px #fff1a088;animation:signal-breathe 3s ease-in-out infinite}.motion-ribbon{overflow:hidden;border-top:1px solid #f7edc34d;border-bottom:1px solid #edf3cb26;background:linear-gradient(90deg,#c9dcb517,#eddf8d12,#b9dccc10);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:22px 0;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.ribbon-track{display:flex;width:max-content;animation:ribbon-travel 36s linear infinite}.ribbon-copy{display:flex;align-items:center;gap:42px;padding-right:42px;white-space:nowrap;font-size:12px;letter-spacing:3px;font-weight:500;color:#dce4cb}.ribbon-copy i{font-size:22px;font-style:normal;color:#e6d77c}.motion-ribbon:hover .ribbon-track{animation-play-state:paused}[data-motion=paused] *,[data-motion=paused] *:before,[data-motion=paused] *:after{animation-play-state:paused!important}[data-page-hidden] *,[data-page-hidden] *:before,[data-page-hidden] *:after,[data-motion-offscreen] *,[data-motion-offscreen] *:before,[data-motion-offscreen] *:after{animation-play-state:paused!important}.category-filters button,.year-filters button{-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes letter-arrive{0%{opacity:0;transform:translateY(55px) rotateX(-30deg);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes copy-arrive{0%{opacity:0;translate:0 18px;filter:blur(4px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes ink-arrive{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes scene-settle{0%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes frame-draw{0%{stroke-dashoffset:3800}to{stroke-dashoffset:0}}@keyframes star-turn{0%{opacity:0;transform:rotate(-120deg) scale(.3)}to{opacity:1;transform:none}}@keyframes edge-orbit{to{--edge-angle:360deg}}@keyframes text-light{0%,to{background-position:100% 0}50%{background-position:0 0}}@keyframes signal-breathe{50%{opacity:.4;box-shadow:0 0 4px #fff1a033}}@keyframes ribbon-travel{to{transform:translate(-50%)}}@media(max-width:1100px){.about-intro{padding:30px;gap:5%}.stats>div,.stats>div:first-child{padding:23px 16px}.stats strong{font-size:36px}.experience{padding:28px}.contact-main{padding:36px 130px 36px 32px}.contact-cta{right:28px;width:80px;height:80px;font-size:45px}.contact-details>div{padding:22px 18px}}@media(max-width:850px){.nav nav{border-radius:16px;background:#244032ad;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:var(--glass-shadow)}.nav{border-radius:14px}}@media(max-width:700px){.poster-hero .hero-shade{background:linear-gradient(180deg,#14281f55,transparent 30%,#133a2733 62%,#213b2b88),linear-gradient(90deg,#142c2455,transparent)}.poster-frame{opacity:.7}.about-intro{padding:24px 20px;border-radius:20px;gap:30px}.portrait-block img{width:90px;height:110px;border-radius:12px}.stats{gap:12px}.stats>div,.stats>div:first-child,.stats>div:nth-child(3){padding:20px 15px;border:1px solid var(--glass-line)}.stats strong{font-size:31px}.stats strong span{font-size:11px;margin-left:4px}.experience{padding:25px 20px;margin-top:40px;border-radius:20px}.experience-row:hover{padding-left:0;padding-right:0}.work-filters{padding:20px 16px}.work-count{margin-bottom:20px}.skill{padding:26px;min-height:290px}.contact-main{padding:28px 22px;border-radius:22px}.contact h2{font-size:17vw;letter-spacing:-3px}.contact-cta{position:static;width:62px;height:62px;margin:15px 0 0}.contact-main>p{font-size:17px}.contact-details{grid-template-columns:1fr 1fr;gap:12px}.contact-details>div:first-child{grid-column:1/-1}.contact-details>div{padding:22px 18px}.ribbon-copy{font-size:10px;gap:25px;padding-right:25px;letter-spacing:2px}.motion-ribbon{padding:15px 0}.ascii-wave-layer canvas{opacity:.4}.glass-surface{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}@supports not (backdrop-filter:blur(1px)){.glass-surface,.nav,.nav.is-scrolled,.work-dialog{background:#213c32ed}}@media(prefers-reduced-motion:reduce){.reveal-ready:not(.is-revealed){opacity:1;transform:none;filter:none}.motion-letter,.handwritten,.hero-topline,.hero-introduction,.hero-side-note,.hero-footer,.title-star{opacity:1;transform:none;clip-path:none;filter:none;translate:none}.ribbon-track{animation:none}.skill:hover{translate:none}.hero-introduction h2{color:var(--ivory)}}.poster-hero .hero-scene,.motion-letter,.handwritten,.hero-topline,.hero-introduction,.hero-side-note,.hero-footer,.title-star{animation:none}.poster-title h1>span{clip-path:inset(-22% -5% -6% -4%)}.motion-letter{transform-origin:50% 100%}.opening-curtain{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;overflow:hidden}.curtain-top,.curtain-bottom{position:absolute;left:0;right:0;height:50.1%;background:#17352c}.curtain-top{top:0}.curtain-bottom{bottom:0}.opening-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f2f2d6;gap:16px}.opening-mark>span{font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(90px,12vw,200px);letter-spacing:-5px;line-height:1}.opening-mark small{font-size:10px;letter-spacing:3px;color:#c6d3b7}.opening-rule{position:absolute;left:10%;right:10%;top:67%;height:1px;background:linear-gradient(90deg,transparent,#fae999,transparent);transform-origin:left}.section-label,.contact .section-label{margin-bottom:26px}.chapter-heading{position:relative;display:flex;flex-direction:column;margin-bottom:55px;padding-bottom:23px;border-bottom:1px solid #ecf0c933;gap:17px}.chapter-mask{overflow:hidden;padding:0 0 4px}.chapter-type{display:block;transform-origin:left bottom;font-family:Impact,Arial Narrow,Franklin Gothic Condensed,sans-serif;font-size:clamp(72px,11.7vw,196px);font-weight:400;letter-spacing:-.02em;line-height:.99;color:#edf1d9;white-space:nowrap}#work .chapter-type{font-size:clamp(64px,10.8vw,182px)}.chapter-note{font-family:monospace;font-size:10px;letter-spacing:2.6px;color:#c0cda5;align-self:flex-end}.chapter-heading:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:2px;background:linear-gradient(90deg,#ffe64a,transparent)}.contact .chapter-type{color:#e9df9f}.contact .chapter-heading{margin-bottom:40px}.hero-scene{height:calc(100% + 75px);top:-40px}.film-carousel{isolation:isolate}.nav .nav-contact[aria-current=location]{color:var(--deep)}.contact-main h2{font-family:inherit;font-weight:500;letter-spacing:-.045em;line-height:1.4}.contact-main h2 .serif{font-family:inherit;font-weight:inherit}.experience-row{grid-template-columns:minmax(145px,190px) minmax(0,1fr);gap:32px}.experience-company{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}.experience-company h4{line-height:1.65}.experience-role{font-size:12px;line-height:1.6;padding:4px 10px;border:1px solid #e5ecc52b;border-radius:6px;background:#d8e6c50b;color:#d4dfc4;white-space:nowrap}.experience-content>p{margin-top:10px}@media(max-width:700px){.experience-row{grid-template-columns:1fr;gap:12px}.experience-company{gap:8px 12px}.experience-company h4{flex-basis:100%}.experience-role{font-size:11px}.contact-main h2{letter-spacing:-.045em}}@media(max-width:700px){.chapter-heading{margin-bottom:32px;gap:12px;padding-bottom:18px}.chapter-type{font-size:13vw;letter-spacing:-.01em}#work .chapter-type{font-size:11.5vw}.chapter-note{font-size:8px;letter-spacing:1.4px}.section-label,.contact .section-label{margin-bottom:20px}.opening-mark small{font-size:8px;letter-spacing:1.6px}.hero-scene{height:calc(100% + 50px);top:-25px}}@media(prefers-reduced-motion:reduce){.opening-curtain{display:none!important}.chapter-type,.hero-scene{transform:none!important}}