@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap");:root{--ink:#101010;--muted:#737373;--line:hsla(0,0%,6%,.12);--paper:#fff;--soft:#f5f5f2;--max:1320px;--radius-lg:32px;--radius-md:22px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{background:var(--paper)}body{color:var(--ink);font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:#aeeeff;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}.navbar{align-items:center;display:grid;grid-gap:36px;gap:36px;grid-template-columns:1fr auto 1fr;left:0;padding:22px 42px;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transform:translateY(-8px);transition:background-color .25s ease,border-color .25s ease,opacity .25s ease,padding .25s ease,transform .25s ease;z-index:100}.navbar--scrolled{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:hsla(0,0%,100%,.88);border-bottom:1px solid rgba(0,0,0,.06);opacity:1;padding-bottom:15px;padding-top:15px;pointer-events:auto;transform:translateY(0)}.brand{font-size:15px;font-weight:600;letter-spacing:-.02em;justify-self:start}.nav-links{align-items:center;display:flex;gap:34px}.nav-links a,.resume-link{color:#4f4f4f;font-size:12px;letter-spacing:.06em;transition:color .18s ease}.nav-links a:hover,.resume-link:hover{color:var(--ink)}.resume-link{align-items:center;display:inline-flex;gap:7px;justify-self:end}.hero{align-items:center;background:#fff;display:flex;isolation:isolate;justify-content:center;min-height:100svh;overflow:hidden;padding:84px 24px 64px;position:relative}.pixel-hero-background{height:100%;inset:0;object-fit:cover;opacity:.78;pointer-events:none;position:absolute;width:100%;z-index:-1}.pixel-section-label{align-items:center;display:flex;font-size:24px;gap:8px;left:34px;letter-spacing:-.04em;line-height:1;position:absolute;top:30px;z-index:20}.pixel-section-label strong{color:#111;font-size:20px;font-weight:700}.pixel-section-label span{color:#35c985;font-weight:800}.mystery-stage{height:min(760px,calc(100svh - 44px));max-height:760px;min-height:620px;position:relative;transform:translateY(20px);width:min(1120px,94vw)}.open-it-title{height:auto;left:50%;max-width:850px;pointer-events:none;position:absolute;top:72px;transform:translateX(-50%) scale(1);transition:opacity .26s ease,transform .36s cubic-bezier(.22,1,.36,1);width:min(74vw,850px);z-index:3}.hero--open .open-it-title{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.94)}.mystery-box-button{background:transparent;border:0;bottom:46px;cursor:pointer;height:430px;left:50%;padding:0;position:absolute;transform:translateX(-50%);transition:bottom .52s cubic-bezier(.22,1,.36,1),height .52s cubic-bezier(.22,1,.36,1),width .52s cubic-bezier(.22,1,.36,1);width:430px;z-index:12}.hero--open .mystery-box-button{bottom:64px;height:350px;width:350px}.mystery-box-button:focus-visible{border-radius:42px;outline:3px solid rgba(53,201,133,.78);outline-offset:6px}.mystery-box-motion{animation:mystery-box-float 3.8s ease-in-out infinite;display:block;height:100%;position:relative;transform-origin:50% 72%;width:100%;will-change:transform}.hero:not(.hero--open):not(.hero--shaking) .mystery-box-button:hover .mystery-box-motion{animation-play-state:paused}.hero--open .mystery-box-motion{animation:mystery-box-float-open 4.2s ease-in-out infinite}.hero--open.hero--shaking .mystery-box-motion,.hero--shaking .mystery-box-motion{animation:mystery-box-shake .36s cubic-bezier(.36,.07,.19,.97) both}.mystery-box-image{filter:drop-shadow(0 25px 24px rgba(230,173,0,.18));height:100%;inset:0;object-fit:contain;opacity:1;pointer-events:none;position:absolute;transform:scale(1);transition:filter .18s ease;width:100%}.mystery-box-image--full{transition:filter .18s ease,opacity .26s ease 80ms,transform .42s cubic-bezier(.22,1,.36,1)}.mystery-box-image--empty{opacity:0;transform:scale(1.05);transition:filter .18s ease,opacity .3s ease .13s,transform .52s cubic-bezier(.22,1,.36,1) 70ms}.hero--open .mystery-box-image--full{opacity:0;transform:scale(.91)}.hero--open .mystery-box-image--empty{opacity:1;transform:scale(1)}.mystery-box-button:hover .mystery-box-image{filter:brightness(1.03) drop-shadow(0 29px 30px rgba(230,173,0,.24))}.mystery-card{--card-scale:0.2;bottom:270px;height:360px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(175px) rotate(0deg) scale(.16);transform-origin:50% 86%;transition:transform .9s cubic-bezier(.16,.8,.2,1) var(--delay),box-shadow .18s ease;width:278px;z-index:5}.hero--open .mystery-card{--card-scale:1;transform:translateX(calc(-50% + var(--open-x))) translateY(var(--open-y)) rotate(var(--open-r)) scale(var(--card-scale))}.hero--cards-ready .mystery-card{pointer-events:auto}.mystery-card-surface{background:#fff;border:8px solid #fff;border-radius:25px;box-shadow:0 18px 35px rgba(46,42,25,.16);-webkit-clip-path:inset(68% 34% 0 34% round 28px);clip-path:inset(68% 34% 0 34% round 28px);display:block;filter:blur(12px) saturate(.72);height:100%;opacity:0;overflow:hidden;position:relative;transform:translateY(82px) scale(.54);transition:filter .62s ease calc(var(--delay) + .1s),opacity .52s ease calc(var(--delay) + 80ms),transform .82s cubic-bezier(.16,.8,.2,1) var(--delay),box-shadow .18s ease,-webkit-clip-path .76s cubic-bezier(.16,.8,.2,1) var(--delay);transition:clip-path .76s cubic-bezier(.16,.8,.2,1) var(--delay),filter .62s ease calc(var(--delay) + .1s),opacity .52s ease calc(var(--delay) + 80ms),transform .82s cubic-bezier(.16,.8,.2,1) var(--delay),box-shadow .18s ease;transition:clip-path .76s cubic-bezier(.16,.8,.2,1) var(--delay),filter .62s ease calc(var(--delay) + .1s),opacity .52s ease calc(var(--delay) + 80ms),transform .82s cubic-bezier(.16,.8,.2,1) var(--delay),box-shadow .18s ease,-webkit-clip-path .76s cubic-bezier(.16,.8,.2,1) var(--delay);width:100%}.hero--open .mystery-card-surface{-webkit-clip-path:inset(0 0 0 0 round 25px);clip-path:inset(0 0 0 0 round 25px);filter:blur(0) saturate(1);opacity:1;transform:translateY(0) scale(1)}.hero--open .mystery-card:focus-visible,.hero--open .mystery-card:hover{--card-scale:1.07;outline:none;z-index:9}.hero--open .mystery-card:focus-visible .mystery-card-surface,.hero--open .mystery-card:hover .mystery-card-surface{box-shadow:0 29px 54px rgba(46,42,25,.24)}.mystery-card-image{object-fit:cover;transition:transform .45s ease}.mystery-card:hover .mystery-card-image{transform:scale(1.025)}.mystery-card-shade{background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.7));inset:0;position:absolute}.mystery-card-copy{bottom:15px;color:#fff;display:flex;flex-direction:column;left:15px;line-height:1.18;position:absolute;right:15px;text-align:left}.mystery-card-copy small{font-size:7px;letter-spacing:.15em;margin-bottom:7px;opacity:.72}.mystery-card-copy strong{font-family:Noto Sans SC,sans-serif;font-size:15px;font-weight:600;margin-bottom:4px}.mystery-card-copy span{font-size:8px;opacity:.8}.portfolio-reveal-copy{bottom:7px;color:#111;font-family:Comic Sans MS,Bradley Hand,cursive;font-size:clamp(34px,3.8vw,54px);font-weight:700;left:50%;letter-spacing:-.06em;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%,14px) rotate(-2deg);transition:opacity .3s ease .44s,transform .46s cubic-bezier(.22,1,.36,1) .41s;white-space:nowrap;z-index:2}.hero--open .portfolio-reveal-copy{opacity:1;transform:translate(-50%) rotate(-2deg)}.pixel-portfolio-stamp{background:#ffe148;border:4px solid #171717;border-radius:8px;bottom:28px;box-shadow:0 4px 10px rgba(0,0,0,.14);display:flex;flex-direction:column;line-height:1.05;padding:10px 16px;position:absolute;right:28px;transform:rotate(-1deg);z-index:20}.pixel-portfolio-stamp strong{font-size:14px}.pixel-portfolio-stamp span{font-size:11px;font-weight:700;margin-top:5px}.visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@keyframes mystery-box-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(.45deg)}}@keyframes mystery-box-float-open{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(.25deg)}}@keyframes mystery-box-shake{0%,to{transform:translateX(0) rotate(0deg)}18%{transform:translateX(-11px) rotate(-3deg)}36%{transform:translateX(10px) rotate(3deg)}54%{transform:translateX(-7px) rotate(-2deg)}72%{transform:translateX(6px) rotate(1.5deg)}88%{transform:translateX(-2px) rotate(-.5deg)}}.section{margin:0 auto;max-width:var(--max);padding:150px 54px}.section-header{align-items:start;display:grid;grid-gap:56px;gap:56px;grid-template-columns:minmax(170px,.55fr) 1.65fr;margin-bottom:86px}.eyebrow,.section-header>p{color:#7b7b7b;font-size:10px;letter-spacing:.19em;padding-top:12px}.section-header h2{font-family:Noto Sans SC,sans-serif;font-size:clamp(40px,5vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.03;max-width:940px}.section-header .section-title-en{color:#737373;font-size:clamp(17px,1.8vw,25px);font-weight:400;letter-spacing:-.025em;margin-top:13px}.section-header div>span{color:var(--muted);display:block;font-family:Noto Sans SC,sans-serif;font-size:17px;line-height:1.8;margin-top:24px;max-width:650px}.section--works{padding-bottom:90px}.work-list{display:flex;flex-direction:column;gap:76px}.work-card{align-items:stretch;display:grid;grid-gap:clamp(34px,4vw,52px);gap:clamp(34px,4vw,52px);grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);margin:0 auto;max-width:1180px;scroll-margin-top:110px;width:100%}.work-card:nth-child(2n){grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.work-card:nth-child(2n) .work-visual{grid-column:2;grid-row:1}.work-card:nth-child(2n) .work-copy{grid-column:1;grid-row:1}.work-visual{aspect-ratio:16/9;background:#111;border-radius:var(--radius-lg);max-width:100%;min-width:0;overflow:hidden;position:relative}.work-video{display:block;height:100%;object-fit:contain;width:100%}.work-image{object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.work-visual:hover .work-image{transform:scale(1.025)}.work-number{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.78);border:1px solid hsla(0,0%,100%,.76);border-radius:999px;display:flex;font-size:11px;height:48px;justify-content:center;left:22px;letter-spacing:.08em;position:absolute;top:22px;width:48px}.work-copy{align-self:end;max-width:100%;min-width:0;padding-bottom:10px;overflow-wrap:break-word}.work-copy .eyebrow{margin-bottom:24px;padding:0}.work-copy h3{font-size:clamp(32px,3vw,46px);font-weight:500;letter-spacing:-.045em;line-height:1.12}.work-copy h3,.work-copy h4{font-family:Noto Sans SC,sans-serif;max-width:100%;overflow-wrap:anywhere}.work-copy h4{color:#6b6b6b;font-size:18px;font-weight:400;margin:10px 0 30px}.work-copy .work-summary-cn{color:#515151;font-family:Noto Sans SC,sans-serif;font-size:15px}.work-copy .work-summary-en{color:#8a8a8a;font-size:12px}.work-copy>p:not(.eyebrow){color:#686868;font-size:14px;line-height:1.8;margin-bottom:12px}.work-meta{border-top:1px solid var(--line);color:#555;display:block;font-size:10px;letter-spacing:.08em;margin-top:30px;padding-top:18px;text-transform:uppercase}.showreel-section{background:#101010;color:#fff;padding:150px 54px}.showreel-inner{margin:0 auto;max-width:calc(var(--max) - 108px)}.showreel-section .section-header div>span,.showreel-section .section-header>p,.showreel-section .section-title-en{color:hsla(0,0%,100%,.5)}.video-work-section{background:#f3f3f0;max-width:none;padding-left:max(54px,calc((100vw - var(--max)) / 2));padding-right:max(54px,calc((100vw - var(--max)) / 2))}.video-work-grid{display:grid;grid-gap:30px;gap:30px;grid-template-columns:repeat(2,minmax(0,1fr))}.video-work-card{background:#fff;border:1px solid hsla(0,0%,6%,.08);border-radius:30px;box-shadow:0 20px 55px rgba(22,27,31,.07);overflow:hidden;scroll-margin-top:110px}.video-work-player{aspect-ratio:16/9;background:#111;overflow:hidden}.video-work-player video{display:block;height:100%;object-fit:cover;width:100%}.video-work-card--portrait .video-work-player video{object-fit:contain}.video-work-copy{padding:30px 32px 34px}.video-work-copy>span{color:#969696;display:block;font-size:10px;letter-spacing:.16em;margin-bottom:20px}.video-work-copy h3{font-family:Noto Sans SC,sans-serif;font-size:clamp(25px,2.3vw,36px);font-weight:500;letter-spacing:-.04em;line-height:1.22}.video-work-copy h4{color:#777;font-size:14px;font-weight:400;margin:9px 0 22px}.video-work-copy p{color:#565656;font-family:Noto Sans SC,sans-serif;font-size:14px;line-height:1.85}.video-work-copy .video-work-copy-en{color:#8b8b8b;font-family:inherit;font-size:12px;margin-top:12px}.visual-work-section{max-width:1500px}.visual-work-grid{display:grid;grid-gap:28px;gap:28px;grid-template-columns:repeat(12,minmax(0,1fr))}.visual-work-card{background:#fff;border:1px solid hsla(0,0%,6%,.08);box-shadow:0 18px 48px rgba(22,27,31,.07);overflow:hidden}.visual-work-card--landscape{grid-column:span 6}.visual-work-card--portrait{grid-column:span 3}.visual-work-image{background:#f2f2ef;overflow:hidden;position:relative}.visual-work-card--landscape .visual-work-image{aspect-ratio:2/1}.visual-work-card--portrait .visual-work-image{aspect-ratio:3/4}.visual-work-image img{object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1)}.visual-work-card:hover .visual-work-image img{transform:scale(1.025)}.visual-work-card figcaption{color:#676767;font-family:Noto Sans SC,sans-serif;font-size:13px;padding:18px 20px 20px}.showreel-frame{aspect-ratio:16/9;background:#191919;border-radius:var(--radius-lg);overflow:hidden;position:relative}.showreel-frame video{height:100%;object-fit:cover;width:100%}.showreel-play{align-items:center;background:hsla(0,0%,100%,.9);border-radius:50%;color:#111;display:flex;font-size:24px;height:70px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .18s ease;width:70px}.showreel-frame:focus-within .showreel-play,.showreel-frame:hover .showreel-play{opacity:0}.about-grid{align-items:center;display:grid;grid-gap:clamp(56px,8vw,120px);gap:clamp(56px,8vw,120px);grid-template-columns:minmax(300px,.86fr) 1.14fr}.about-portrait{aspect-ratio:4/5;border-radius:var(--radius-lg);overflow:hidden;position:relative}.about-portrait img{object-fit:cover}.about-copy>p{color:#656565;font-size:16px;line-height:1.95;margin-bottom:24px}.about-copy .about-copy-en{color:#8a8a8a;font-size:13px;line-height:1.8}.about-copy .about-lead{color:var(--ink);font-size:clamp(24px,2.7vw,39px);letter-spacing:-.03em;line-height:1.42;margin-bottom:36px}.about-facts{border-top:1px solid var(--line);display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:50px;padding-top:28px}.about-facts div{display:flex;flex-direction:column;gap:6px}.about-facts strong{font-size:18px;font-weight:500}.about-facts span{color:#7a7a7a;font-size:11px}.capability-section{background:var(--soft);border-radius:52px;margin-bottom:36px;max-width:min(calc(100% - 36px),1500px)}.capability-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,1fr)}.capability-grid article{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-md);min-height:340px;padding:34px}.capability-grid article>span{color:#8a8a8a;font-size:10px;letter-spacing:.12em}.capability-grid h3{font-family:Noto Sans SC,sans-serif;font-size:27px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin-top:96px}.capability-grid h4{color:#777;font-family:Noto Sans SC,sans-serif;font-size:15px;font-weight:400;margin:8px 0 24px}.capability-grid p{color:#6d6d6d;font-size:13px;line-height:1.85}.experience-list{border-top:1px solid var(--line)}.experience-list article{align-items:start;border-bottom:1px solid var(--line);display:grid;grid-gap:34px;gap:34px;grid-template-columns:190px 1fr 1.35fr;padding:36px 0}.experience-list time{color:#777;font-size:11px;letter-spacing:.05em}.experience-list h3{font-size:20px;font-weight:500;line-height:1.4}.experience-list h4{color:#727272;font-size:13px;font-weight:400;margin-top:5px}.experience-list article>p{color:#686868;font-size:14px;line-height:1.85}.teaching-section{padding-top:110px}.teaching-grid{display:grid;grid-gap:clamp(70px,9vw,140px);gap:clamp(70px,9vw,140px);grid-template-columns:1fr .75fr}.teaching-grid .section-header{display:block;margin-bottom:54px}.teaching-grid .section-header>p{margin-bottom:28px}.teaching-grid .section-header h2{font-size:clamp(38px,4.4vw,62px)}.award-card,.text-card{border-top:1px solid var(--line);padding:28px 0 34px}.text-card span{color:#7b7b7b;font-size:11px}.text-card h3{font-size:22px;font-weight:500;margin:7px 0 14px}.text-card p{color:#686868;font-size:14px;line-height:1.85}.award-card{align-items:start;display:grid;grid-gap:24px;gap:24px;grid-template-columns:42px 1fr}.award-card span{color:#888;font-size:10px;letter-spacing:.1em;padding-top:5px}.award-card p{font-size:18px;line-height:1.65}.contact-section{align-items:center;background:#101010;border-radius:52px 52px 0 0;color:#fff;display:flex;flex-direction:column;min-height:72vh;padding:150px 32px 120px;text-align:center}.contact-section .eyebrow{color:hsla(0,0%,100%,.45);margin-bottom:38px}.contact-section h2{font-size:clamp(44px,7vw,95px);font-weight:400;letter-spacing:-.06em;line-height:.98;max-width:1050px}.contact-section>p:not(.eyebrow){color:hsla(0,0%,100%,.55);font-size:15px;margin-top:30px}.contact-links{display:flex;gap:14px;margin-top:54px}.contact-links a{align-items:center;border:1px solid hsla(0,0%,100%,.22);border-radius:999px;display:inline-flex;font-size:13px;gap:10px;padding:14px 22px;transition:background .18s ease,color .18s ease}.contact-links a:hover{background:#fff;color:#111}footer{background:#101010;border-top:1px solid hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.5);display:flex;font-size:11px;justify-content:space-between;padding:28px 42px}footer,footer a{align-items:center}footer a{display:inline-flex;gap:8px}@media (max-width:1100px){.nav-links{display:none}.navbar{grid-template-columns:1fr 1fr}.folder-stage{transform:translateY(34px) scale(.86)}.section,.showreel-section{padding-left:28px;padding-right:28px}.section-header{gap:34px;grid-template-columns:150px 1fr}.work-card,.work-card:nth-child(2n){gap:34px;grid-template-columns:1fr}.work-card:nth-child(2n) .work-copy,.work-card:nth-child(2n) .work-visual{grid-column:1;grid-row:auto}.about-grid{grid-template-columns:.85fr 1.15fr}.capability-grid{grid-template-columns:1fr}.visual-work-card--portrait{grid-column:span 6}.video-work-grid{gap:20px}.capability-grid article{min-height:270px}.capability-grid h3{margin-top:58px}.experience-list article{grid-template-columns:160px 1fr}.experience-list article>p{grid-column:2}.teaching-grid{grid-template-columns:1fr}}@media (max-width:720px){.navbar{padding:18px 20px}.navbar--scrolled{padding:13px 20px}.resume-link{font-size:10px}.hero{min-height:780px;padding:70px 12px 74px}.welcome-background{top:46%;width:146vw}.folder-stage{height:485px;transform:translateY(36px);width:100%}.folder-shell{bottom:10px;height:280px;width:390px}.folder-control{bottom:40px;height:142px;width:330px}.folder-name{bottom:76px;font-size:20px;left:88px}.folder-role{bottom:60px;font-size:7px;left:89px}.folder-arrow{bottom:58px;font-size:20px;height:46px;right:54px;width:46px}.folder-card{border-radius:16px;border-width:5px;bottom:105px;height:174px;transform:translateX(calc(-50% + var(--closed-x) * .55)) translateY(calc(var(--closed-y) * .6)) rotate(var(--closed-r)) scale(.54);width:136px}.hero--open .folder-card{transform:translateX(calc(-50% + var(--mobile-x))) translateY(var(--mobile-y)) rotate(var(--open-r)) scale(.88)}.hero--open .folder-card:focus-visible,.hero--open .folder-card:hover{transform:translateX(calc(-50% + var(--mobile-x))) translateY(var(--mobile-y)) rotate(var(--open-r)) scale(.96)}.folder-card-copy{bottom:9px;left:9px;right:9px}.folder-card-copy small,.folder-card-copy span{display:none}.folder-card-copy strong{font-size:10px}.hero-caption{bottom:30px;white-space:normal;width:calc(100% - 80px)}.hero-caption p{font-size:10px}.hero-caption span{font-size:9px}.scroll-cue{bottom:27px;right:18px}.section,.showreel-section{padding:100px 20px}.section-header{display:block;margin-bottom:54px}.section-header>p{margin-bottom:28px}.section-header h2{font-size:41px}.section-header div>span{font-size:14px;margin-top:18px}.section-header .section-title-en{font-size:16px;margin-top:9px}.visual-work-grid{gap:14px}.visual-work-card--landscape{grid-column:span 12}.visual-work-card--portrait{grid-column:span 6}.visual-work-card figcaption{font-size:10px;padding:12px}.video-work-grid{grid-template-columns:1fr}.video-work-card{border-radius:22px}.video-work-copy{padding:24px 22px 28px}.video-work-copy h3{font-size:27px}.work-list{gap:82px}.work-card{gap:25px}.showreel-frame,.work-visual{border-radius:22px}.work-copy h3{font-size:36px}.work-copy h4{font-size:18px}.showreel-play{height:54px;width:54px}.about-grid{grid-template-columns:1fr}.about-portrait{max-height:620px}.about-facts{grid-template-columns:1fr}.capability-section{border-radius:30px;max-width:calc(100% - 14px)}.capability-grid article{min-height:250px;padding:28px}.experience-list article{gap:10px;grid-template-columns:1fr;padding:28px 0}.experience-list article>p{grid-column:1;margin-top:8px}.contact-section{border-radius:30px 30px 0 0;min-height:620px;padding-left:20px;padding-right:20px}.contact-links{align-items:stretch;flex-direction:column;width:min(100%,340px)}.contact-links a{justify-content:center}footer{padding:24px 20px}}@media (min-width:721px) and (max-height:700px){.hero{min-height:100svh;padding:12px 12px 48px}.welcome-background{top:44%;width:min(112vw,1380px)}.folder-stage{height:390px;transform:translateY(0) scale(.8);transform-origin:center center}.hero--open .folder-card{transform:translateX(calc(-50% + var(--open-x))) translateY(calc(var(--open-y) + 120px)) rotate(var(--open-r)) scale(.96)}.hero--open .folder-card:focus-visible,.hero--open .folder-card:hover{transform:translateX(calc(-50% + var(--open-x))) translateY(calc(var(--open-y) + 120px)) rotate(var(--open-r)) scale(1.05)}.hero-caption{bottom:14px}.scroll-cue{bottom:10px}}@media (max-width:720px) and (max-height:700px){.hero{min-height:100svh;padding:18px 8px 52px}.welcome-background{top:45%;width:135vw}.folder-stage{height:470px;transform:translateY(8px) scale(.82);transform-origin:center center}.hero-caption{bottom:15px}.scroll-cue{bottom:12px}}@media (max-width:1100px) and (min-width:721px){.mystery-stage{flex:0 0 1120px;transform:translateY(20px) scale(.84)}}@media (max-width:720px){.pixel-hero{min-height:760px;padding:40px 0 24px}.pixel-hero-background{object-position:center;opacity:.68}.pixel-section-label{font-size:18px;gap:5px;left:18px;top:22px}.pixel-section-label strong{font-size:14px}.mystery-stage{height:650px;min-height:650px;transform:translateY(22px);width:100%}.open-it-title{max-width:none;top:94px;width:88vw}.mystery-box-button{bottom:79px;height:300px;width:300px}.hero--open .mystery-box-button{bottom:92px;height:250px;width:250px}.mystery-card{bottom:290px;height:190px;width:148px}.mystery-card-surface{border-radius:16px;border-width:5px}.hero--open .mystery-card{--card-scale:0.9;transform:translateX(calc(-50% + var(--mobile-x))) translateY(calc(var(--mobile-y) + 76px)) rotate(var(--open-r)) scale(var(--card-scale))}.hero--open .mystery-card:focus-visible,.hero--open .mystery-card:hover{--card-scale:0.97}.mystery-card-copy{bottom:9px;left:9px;right:9px}.mystery-card-copy small,.mystery-card-copy span{display:none}.mystery-card-copy strong{font-size:10px}.portfolio-reveal-copy{bottom:32px;font-size:31px}.pixel-portfolio-stamp{border-width:3px;bottom:14px;padding:7px 10px;right:14px}.pixel-portfolio-stamp strong{font-size:10px}.pixel-portfolio-stamp span{font-size:8px;margin-top:3px}}@media (min-width:721px) and (max-height:700px){.pixel-hero{min-height:100svh;padding:0}.mystery-stage{flex:0 0 1120px;height:760px;min-height:760px;transform:translateY(4px) scale(.7)}}@media (max-width:720px) and (max-height:700px){.pixel-hero{min-height:700px;padding:0}.mystery-stage{transform:translateY(6px) scale(.9)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}