.stroke-text{display:block;width:100%;line-height:0;font-family:Manrope,system-ui,sans-serif;max-width:calc(100vw - 48px);margin:0 auto}.stroke-text--hover{cursor:pointer}.stroke-text__svg{display:block;width:100%;max-width:var(--stroke-text-width, 600px);height:auto;margin:0 auto;overflow:visible}.stroke-text__stroke,.stroke-text__fill{-webkit-user-select:none;user-select:none}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-latin-800-normal-BfWYOv1c.woff2) format("woff2"),url(/assets/manrope-latin-800-normal-uHUdIJgA.woff) format("woff")}:root{--bg: #111111;--surface: #181818;--surface-2: #202020;--ink: #ffffff;--muted: #a1a1a1;--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .24);--accent: #0300ff;--accent-bright: #0300ff;--accent-hover: #3d3dff;--accent-soft: #1a1aff;--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--container: 1280px;--gutter: clamp(24px, 4vw, 64px);--gutter-column: clamp(24px, 3vw, 48px);--section-gap: clamp(96px, 10vw, 160px);--nav-h: 96px;--radius: 14px;--radius-lg: 24px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 8px)}body{font-family:var(--font);font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px;border-radius:4px}::selection{background:var(--accent-bright);color:#fff}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:calc(var(--section-gap) / 2)}.eyebrow{font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}.eyebrow--light{color:#ffffffb3}.section-title{font-size:clamp(40px,5vw,72px);font-weight:400;letter-spacing:2px;line-height:1.05;margin-top:18px}.badge{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge--light{background:#fff;color:#000}.badge--blue{background:var(--accent-bright);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:17px 20px 17px 24px;border-radius:999px;font-size:18px;font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease)}.btn__icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#111;flex-shrink:0;transform:rotate(-45deg);transition:transform .25s var(--ease)}.btn:hover .btn__icon,.nav__cta:hover .btn__icon{transform:rotate(0)}.btn--primary{background:var(--accent-bright);color:#fff}.hero .btn--primary{height:60px;padding:12px 20px 12px 24px}.btn--primary:hover,.nav__cta:hover{background:var(--accent-bright)}.btn--outline{background:transparent;color:#fff;border:1px solid var(--line-strong)}.btn--outline:hover{border-color:#fff;transform:translateY(-1px)}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}[data-reveal].is-visible{opacity:1;transform:none}.nav{position:sticky;top:0;z-index:100;padding-top:16px;background:transparent}.nav__pill{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 10px 10px 20px;border-radius:999px;background:#ffffff0d;backdrop-filter:blur(50px) saturate(160%);-webkit-backdrop-filter:blur(50px) saturate(160%);width:max(100vw - 160px,calc(100vw - 2 * var(--gutter)));margin-inline:calc(50% - 50vw + 80px);transition:background-color .4s var(--ease),box-shadow .4s var(--ease),margin .4s var(--ease),width .4s var(--ease)}.nav--scrolled .nav__pill{background:#ffffff17;box-shadow:0 12px 40px #00000059;margin-inline:0;width:calc(min(var(--container),100vw) - 2 * var(--gutter))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.nav__pill{background:#141414e6}}.nav__logo{display:inline-flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:.08em;color:#fff;transition:opacity .3s var(--ease)}.nav__logo-dot{width:40px;height:40px;border-radius:50%;background:var(--accent-bright);display:flex;align-items:center;justify-content:center}.nav__links{position:absolute;left:50%;transform:translate(-50%);top:24px;display:flex;align-items:center;gap:8px;z-index:2}.nav__link{font-size:15px;font-weight:500;color:#cfcfcf;padding:10px 20px;border-radius:999px;transition:color .25s var(--ease)}.nav__link:hover{color:#fff}.nav__right{display:flex;align-items:center;gap:14px}.nav__cta{display:inline-flex;align-items:center;height:44px;gap:10px;padding:0 12px 0 16px;border-radius:999px;background:var(--accent-bright);color:#fff;font-size:14px;font-weight:600}.nav__cta:hover{background:var(--accent-bright)}.nav__toggle{display:none;position:relative;z-index:95;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;color:#fff}.nav__burger{position:relative;width:32px;height:14px;display:block}.nav__burger-line{position:absolute;right:0;height:2px;border-radius:1px;background:#fff;transition:transform .35s var(--ease),width .35s var(--ease),opacity .2s var(--ease),top .35s var(--ease)}.nav__burger-line--top{top:0;width:16px}.nav__burger-line--mid{top:6px;width:24px}.nav__burger-line--bot{top:12px;width:16px}.nav__toggle--open .nav__burger-line--top{top:6px;width:20px;transform:translate(6px) rotate(45deg)}.nav__toggle--open .nav__burger-line--mid{opacity:0}.nav__toggle--open .nav__burger-line--bot{top:6px;width:20px;transform:translate(6px) rotate(-45deg)}.nav__menu{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000;padding:calc(40px + env(safe-area-inset-top)) 24px calc(20px + env(safe-area-inset-bottom));flex-direction:column;animation:nav-menu-in .4s var(--ease) both;overflow-y:auto}@keyframes nav-menu-in{0%{opacity:0}to{opacity:1}}.nav__menu-head{display:flex;align-items:center;justify-content:flex-start;height:24px}.nav__menu-title{font-size:13px;font-weight:500;letter-spacing:.08em;color:#ffffff8c}.nav__menu-body{display:flex;flex-direction:column;flex:1;padding-top:4vh}.nav__menu-links{display:flex;flex-direction:column}.nav__menu-link{display:flex;align-items:baseline;gap:10px;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:44px;color:#fff;opacity:0;transform:translateY(18px);animation:nav-menu-item-in .5s var(--ease) forwards;transition:opacity .25s var(--ease)}.nav__menu-link:hover{opacity:.55}.nav__menu-count{font-size:.42em;font-weight:500;letter-spacing:0;color:#ffffff73}@keyframes nav-menu-item-in{to{opacity:1;transform:translateY(0)}}.nav__menu-info{display:flex;flex-direction:column;gap:34px;margin-top:auto;padding-top:44px}.nav__menu-block{display:flex;flex-direction:column;gap:4px}.nav__menu-eyebrow{font-size:12px;font-weight:500;letter-spacing:.12em;color:#ffffff73}.nav__menu-mail{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:500;letter-spacing:-.01em;color:#fff;word-break:break-all;transition:opacity .25s var(--ease)}.nav__menu-mail:hover{opacity:.55}.nav__menu-mail-row{display:flex;align-items:center;gap:8px}.nav__menu-copy{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:2px;color:#ffffff8c;background:transparent;cursor:pointer;transition:color .25s var(--ease);flex-shrink:0;-webkit-tap-highlight-color:transparent}.nav__menu-copy:hover{color:#fff}.nav__menu-copy--done{color:#77dfe8}.nav__menu-plus{color:#fffc;flex-shrink:0}.nav__menu-loc{font-size:13px;color:#ffffff73}.nav__menu-socials{display:flex;flex-wrap:wrap;gap:22px}.nav__menu-socials a{font-size:14px;font-weight:500;color:#fff;transition:opacity .25s var(--ease)}.nav__menu-socials a:hover{opacity:.55}.nav__menu-foot{display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12);margin-top:28px}.nav__menu-foot span{font-size:12px;letter-spacing:.02em;color:#fff6}.nav--open .nav__pill{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.nav--open .nav__logo{opacity:0;pointer-events:none}.hero{position:relative;padding-block:clamp(48px,6vw,88px) calc(var(--section-gap) / 2);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 75%);pointer-events:none}.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gutter-column);align-items:center}.hero__media{position:relative;max-width:400px}.hero__portrait{position:relative;height:550px;border-radius:28px;overflow:hidden;background:var(--surface)}.hero__portrait img{width:100%;height:100%;object-fit:cover;object-position:center 15%}.hero__tag-label{display:block;width:132px;height:132px;border-radius:50%;margin-top:-64px;margin-left:28px;object-fit:contain;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);pointer-events:none;animation:tag-spin 20s linear infinite;transform-origin:center}@keyframes tag-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__content{padding-block:16px}.hero__title{font-size:clamp(48px,6.6vw,72px);font-weight:700;letter-spacing:2px;line-height:.98;color:#fff}.hero__title em{font-style:normal}.hero__intro{margin-top:clamp(26px,3vw,40px);max-width:58ch;font-size:clamp(16px,1.3vw,19px);line-height:1.85;color:var(--muted)}.hero__tags{margin-top:clamp(20px,2.4vw,32px);display:flex;flex-wrap:wrap;gap:12px}.hero__tag{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff0a;color:#fff;font-size:14px;font-weight:400;letter-spacing:.02em}.hero__cta-row{margin-top:clamp(32px,3.6vw,52px)}.stats{background:var(--accent-bright);color:#fff;overflow:hidden}.stats__marquee{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,#000 12.5%,#000 87.5%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,#0000,#000 12.5%,#000 87.5%,#0000)}.stats__track{display:flex;align-items:center;width:max-content;animation:stats-scroll 28s linear infinite;will-change:transform}.stats__marquee:hover .stats__track{animation-play-state:paused}@keyframes stats-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.stats__item{display:flex;align-items:center;gap:12px;padding:clamp(16px,1.8vw,26px) clamp(64px,7vw,120px);font-size:clamp(18px,1.8vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.1;white-space:nowrap;flex-shrink:0}.stats__num{color:#ffffff8c}.stats__sep{color:#fff;font-weight:400;opacity:.9}.stats__label,.stats__item--text .stats__label{color:#fff}.eyebrow--dot{display:inline-flex;align-items:center;gap:10px;text-transform:none;letter-spacing:.06em}.eyebrow__dot{width:10px;height:10px;border-radius:50%;background:var(--accent-bright);flex-shrink:0}.eyebrow--dot.eyebrow--light{color:#ffffffb3}.about__title{font-size:clamp(36px,4.4vw,68px);font-weight:700;letter-spacing:2px;line-height:1;color:#fff;margin-top:18px;margin-bottom:clamp(36px,4vw,64px)}.about__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gutter-column);align-items:stretch}.about__card{position:relative;border-radius:var(--radius-lg);padding:50px;overflow:hidden;min-height:300px;display:flex;flex-direction:column}.about__card--dark{background:var(--surface)}.about__card-head{display:flex;align-items:baseline;gap:8px;position:relative;z-index:1}.about__card-name{font-size:36px;font-weight:700;letter-spacing:-.02em;color:#fff}.about__card-en{font-size:24px;font-weight:400;font-family:Zapfino,Brush Script MT,cursive;color:#fff3}.about__watermark{position:absolute;right:0;bottom:0;transform:translate(18%,60%);font-size:clamp(80px,10vw,170px);font-weight:400;font-family:Zapfino,Brush Script MT,cursive;line-height:1;color:#ffffff0a;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.about__edu{margin-top:auto;position:relative;z-index:1;font-size:14px;font-weight:500;letter-spacing:.04em;white-space:pre;color:var(--muted)}.about__card--blue{background:var(--accent-bright)}.about__quote{position:relative;z-index:1;margin:0;display:flex;flex-direction:column;gap:14px}.about__quote p{font-size:24px;font-weight:400;line-height:1.8;color:#fff;letter-spacing:.01em;white-space:pre-line}.about__quote p:first-child:before{content:"“";margin-right:2px}.about__quote p:last-child:after{content:"”";margin-left:2px}.about__quote-mark{position:absolute;right:24px;bottom:-32px;font-size:120px;font-weight:800;line-height:1;color:#ffffff0d;pointer-events:none;-webkit-user-select:none;user-select:none}.experience-section{padding-bottom:0}.experience__stack{position:relative;margin-top:clamp(56px,7vw,104px)}.experience__card{position:sticky;top:120px;margin-bottom:clamp(24px,3vw,40px);padding-bottom:clamp(24px,3vw,40px)}.experience__card-wrap{position:relative}.experience__card-inner{position:relative;background:var(--surface);border-radius:var(--radius-lg);padding:88px 64px 72px;overflow:hidden;min-height:clamp(320px,42vh,480px);will-change:opacity,transform;transition:opacity .25s var(--ease),transform .25s var(--ease)}.experience__badge{position:absolute;top:-28px;left:calc(var(--gutter) + clamp(40px,5vw,72px));width:clamp(52px,4.5vw,64px);height:clamp(52px,4.5vw,64px);border-radius:50%;background:var(--accent-bright);color:#fff;font-size:clamp(15px,1.4vw,20px);font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 8px 32px #0300ff59;will-change:opacity;transition:opacity .25s var(--ease),transform .25s var(--ease)}.experience__year{position:absolute;right:clamp(16px,2.5vw,40px);top:clamp(16px,2vw,32px);font-size:clamp(60px,7vw,110px);font-weight:800;letter-spacing:-.04em;color:#ffffff0a;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.experience__card-body{position:relative;z-index:1;max-width:62ch}.experience__period{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--muted);margin-bottom:0}.experience__role{font-size:36px;font-weight:700;letter-spacing:-.03em;color:#fff;margin-bottom:28px}.experience__company{font-size:20px;font-weight:600;color:#ffffffd9;margin-bottom:14px}.experience__bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.experience__bullets li{font-size:14px;font-weight:400;line-height:1.7;color:var(--muted);padding-left:16px;position:relative}.experience__bullets li:before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--accent-bright)}.experience__desc{font-size:clamp(13px,1.2vw,15px);font-weight:400;line-height:1.8;color:var(--muted);max-width:60ch}.works-section{padding-top:calc(var(--section-gap) * .72)}.works-head{margin-top:18px;margin-bottom:clamp(40px,4.6vw,72px)}.works-title{font-size:clamp(38px,4.6vw,70px);font-weight:700;letter-spacing:2px;line-height:1;color:#fff}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,4vw,64px)}.work-card{display:block}.work-card__cover{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.work-card__cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)}.work-card__cover img[src*=dong-zheng-cover]{transform-origin:top center;transform:scale(1.07)}.work-card:hover .work-card__cover img{transform:scale(1.04)}.work-card:hover .work-card__cover img[src*=dong-zheng-cover]{transform-origin:top center;transform:scale(1.11)}.work-card__year{position:absolute;bottom:16px;right:18px;font-size:14px;font-weight:700;letter-spacing:.04em;color:#fff;background:#00000073;padding:6px 12px;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.work-card__body{padding-top:20px}.work-card__name{font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--muted)}.work-card__title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px;font-size:clamp(22px,2.2vw,30px);font-weight:700;letter-spacing:-.02em;color:#fff}.work-card__arrow{color:var(--accent-bright);display:inline-flex;transition:transform .4s var(--ease)}.work-card:hover .work-card__arrow{transform:translate(4px,-4px)}.work-card__types{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.work-card__types span{font-size:12px;font-weight:400;letter-spacing:.02em;color:#fff;background:var(--surface-2);border:1px solid var(--line);padding:5px 12px;border-radius:999px}.work-card__desc{margin-top:12px;font-size:15px;line-height:1.6;color:var(--muted);max-width:560px}.work-card__meta{display:block;margin-top:12px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.work-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;background:#292929b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:work-modal-in .28s var(--ease);cursor:zoom-out;padding:clamp(56px,7vh,72px) 0 0 0}@keyframes work-modal-in{0%{opacity:0}to{opacity:1}}.work-modal__panel{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background:#111;border-radius:24px 24px 0 0;padding:clamp(32px,5vw,64px) clamp(24px,4vw,56px) clamp(48px,6vw,80px);animation:work-modal-pop .42s cubic-bezier(.22,1,.36,1);cursor:default;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}@keyframes work-modal-pop{0%{transform:translateY(100%)}to{transform:translateY(0)}}.work-modal__close{position:fixed;top:24px;right:28px;z-index:901;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#ffffffd9;cursor:pointer;transition:color .25s var(--ease),transform .35s var(--ease);-webkit-tap-highlight-color:transparent}.work-modal__close:hover{color:#fff;transform:rotate(90deg)}.work-modal .work-modal__head{margin-top:0;margin-inline:auto;text-align:left;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:1000px}.work-modal .work-modal__head .detail__desc{margin-inline:0}.work-modal .work-modal__gallery{margin-top:clamp(24px,3vw,40px)}.hero__portrait img,.work-card__cover img,.detail__img,.work-others__cover img{background:linear-gradient(100deg,#161616 40%,#222,#161616 60%);background-size:200% 100%;animation:work-img-shimmer 1.5s linear infinite}@keyframes work-img-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.work-site-window{width:100%;max-width:1000px;margin-inline:auto;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0c0c0e}.work-site-bar{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#101012;border-bottom:1px solid var(--line)}.work-site-bar__dots{display:flex;gap:8px;flex-shrink:0}.work-site-bar__dot{display:block;width:12px;height:12px;border-radius:50%}.work-site-bar__dot--r{background:#ff5f57}.work-site-bar__dot--y{background:#febc2e}.work-site-bar__dot--g{background:#28c840}.work-site-bar__url{flex:1;min-width:0;background:#1b1b1f;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:7px 18px;font-size:13px;font-family:var(--font);letter-spacing:.01em;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-modal .work-site-img{border-radius:0;max-width:none}.work-site-btn{height:60px;padding:12px 20px 12px 24px;gap:10px;background:var(--accent-bright);color:#fff;border-radius:999px;font-size:18px;font-weight:600;letter-spacing:.01em;text-decoration:none;white-space:nowrap;transition:background-color .25s var(--ease)}.work-site-btn:hover{background:var(--accent-bright)}.work-others{position:relative;width:100%;max-width:1000px;margin:clamp(64px,8vw,120px) auto 0;padding-top:clamp(32px,4vw,56px)}.work-others:before{content:"";position:absolute;top:0;left:50%;width:100vw;height:1px;background:var(--line);transform:translate(-50%)}.work-others__head{display:flex;flex-direction:column;gap:6px}.work-others__title{margin:0;font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:-.02em;color:#fff}.work-others__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px);margin-top:clamp(24px,3.4vw,40px)}.work-others__card{display:block;width:100%;text-align:left;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:var(--font)}.work-others__cover{display:block;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:var(--surface)}.work-others__cover img{width:100%;height:100%;object-fit:cover;display:block}.work-others__cover img[src*=dong-zheng-cover]{transform-origin:top center;transform:scale(1.07)}.work-others__meta{display:flex;flex-direction:column;gap:4px;margin-top:14px}.work-others__name{font-size:16px;font-weight:700;letter-spacing:-.01em;color:#fff}.work-others__sub{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:720px){.work-others__grid{grid-template-columns:1fr}}.work-modal .work-modal__panel--site .work-modal__gallery{gap:16px}.work-site-block{width:100%;max-width:1000px;margin-inline:auto;margin-top:0;padding:clamp(20px,3vw,32px) 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.detail__back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--muted);transition:color .25s var(--ease)}.detail__back svg{transition:transform .25s var(--ease)}.detail__back:hover{color:#fff}.detail__back:hover svg{transform:translate(-3px)}.detail__head{max-width:960px;margin-top:clamp(48px,6vw,88px)}.detail__title{margin-top:18px;font-size:clamp(40px,5vw,76px);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:#fff}.detail__title-sub{display:block;margin-top:10px;font-size:40px;height:48px;line-height:48px;font-weight:700;letter-spacing:-.02em;color:#fff}.detail__types{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.detail__types span{font-size:13px;font-weight:400;letter-spacing:.02em;color:#fff;background:var(--surface-2);border:1px solid var(--line);padding:6px 14px;border-radius:999px}.detail__desc{margin-top:32px;font-size:16px;line-height:1.7;color:var(--muted);max-width:1000px;min-height:60px}.detail__gallery{display:flex;flex-direction:column;gap:clamp(20px,3vw,40px);margin-top:clamp(64px,8vw,120px)}.detail__img{width:100%;max-width:1000px;margin-inline:auto;border-radius:8px;background:var(--surface);display:block}.stats-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter-column)}.stat-card{position:relative;border-radius:28px;padding:40px;min-height:240px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.06)}.stat-card__value{font-size:72px;font-weight:400;letter-spacing:-.04em;line-height:1;position:relative;z-index:1}.stat-card__label{position:relative;z-index:1;align-self:flex-end;text-align:right;font-size:clamp(15px,1.4vw,20px);font-weight:400;line-height:1.5;display:flex;flex-direction:column}.stat-card--blue{background:var(--accent-bright);border-color:#0000001a;padding:40px}.stat-card--blue .stat-card__value{color:#fff}.stat-card--blue .stat-card__label{color:#ffffffbf}.stat-card__deco{position:absolute;left:50%;transform:translate(-50%);bottom:0;width:100%;height:auto;z-index:0;pointer-events:none}.stat-card__deco img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.stat-card--dark{background:#1a1a1a;border-color:#ffffff12}.stat-card--dark .stat-card__value{color:#fff}.stat-card--dark .stat-card__label{color:var(--muted)}.stat-card--dark .stat-card__deco{bottom:0}.stat-card--white{background:#fff;border-color:#0000000f}.stat-card--white .stat-card__value{color:#111}.stat-card--white .stat-card__label{color:#00000080}.stat-card--white .stat-card__deco{bottom:0}.footer{margin-top:calc(var(--section-gap) / 2);border-top:1px solid var(--line);background:#111}.footer .container{display:flex;flex-direction:column}.footer__main{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--gutter-column);align-items:start;padding-block:120px}.footer__lead{font-size:clamp(16px,1.4vw,22px);letter-spacing:.06em;color:var(--muted)}.footer__title{margin-top:18px;font-size:72px;font-weight:600;letter-spacing:2px;line-height:1.05;color:#fff}.footer__title em{font-style:normal;position:relative;color:#fff}.footer__dot{display:inline-block;width:24px;height:24px;border-radius:50%;border:8px solid #0300ff;background:transparent;margin-left:12px;vertical-align:-4px}.footer__card{display:flex;flex-direction:column;gap:clamp(28px,3.4vw,46px);align-items:flex-start;margin-top:calc(clamp(16px,1.4vw,22px)*1.6 + 18px)}.footer__card-head{display:flex;align-items:center;gap:24px}.footer__avatar{width:80px;height:80px;border-radius:50%;background:#0300ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer__avatar svg{width:36px;height:36px;object-fit:contain}.footer__card-id{display:flex;flex-direction:column;gap:6px}.footer__name{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:36px;color:#fff}.footer__role{font-size:18px;line-height:24px;letter-spacing:.02em;color:var(--muted)}.footer__row{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.footer__card .footer__row+.footer__row{margin-top:16px}.footer__row-label{font-size:14px;font-weight:600;letter-spacing:.14em;color:var(--muted)}.footer__mail-row{display:flex;align-items:center;gap:8px}.footer__copy{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-top:3px;color:#ffffffb3;background:transparent;cursor:pointer;transition:color .25s var(--ease);flex-shrink:0;-webkit-tap-highlight-color:transparent}.footer__copy:hover{color:#fff}.footer__copy--done{color:#77dfe8}.footer__copy-toast{position:fixed;left:50%;bottom:56px;transform:translate(-50%);z-index:999;padding:9px 18px;border-radius:999px;background:#101014eb;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:13px;font-weight:500;letter-spacing:.03em;box-shadow:0 8px 24px #00000059;animation:footer-toast-in .3s var(--ease);pointer-events:none}@keyframes footer-toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.footer__mail{font-size:20px;font-weight:600;letter-spacing:.01em;line-height:1.2;align-self:center;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0% 1.5px;background-position:left bottom;transition:background-size .4s var(--ease)}.footer__mail:hover{background-size:100% 1.5px}.footer__resume{font-size:18px;line-height:36px;height:36px}.footer__bottom{padding-block:28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:13px;letter-spacing:.04em;color:var(--muted)}.footer__top{color:var(--muted);font-weight:600;letter-spacing:.08em;transition:color .25s var(--ease)}.footer__top:hover{color:#fff}@media(max-width:1480px){.nav__pill{margin-inline:0;width:calc(min(var(--container),100vw) - 2 * var(--gutter))}}@media(max-width:1280px){.about__grid{grid-template-columns:1fr 1fr}}@media(max-width:1024px){.stats-cards{grid-template-columns:repeat(2,1fr)}.hero__grid{gap:40px}.experience__card{top:100px}}@media(max-width:900px){.hero__grid{grid-template-columns:1fr}.hero__media{max-width:460px;margin-inline:auto}.hero__portrait{height:auto;aspect-ratio:4 / 5}.hero__content{text-align:center}.hero__intro{margin-inline:auto}.hero__tags,.hero__cta-row{justify-content:center}.works-head{flex-direction:column;align-items:flex-start}.works-grid{grid-template-columns:1fr}}@media(max-width:768px){:root{--nav-h: 76px}.nav{padding-top:12px}.nav__pill{width:auto;gap:12px;padding-left:14px;margin-inline:0}.nav__links,.nav__cta{display:none}.nav__toggle{display:inline-flex}.nav__menu{display:flex}.about__grid{grid-template-columns:1fr;gap:24px}.work-modal{padding-top:0}.work-modal__panel{border-radius:0}.work-modal .work-modal__head{margin-top:40px}.detail__title-sub{font-size:24px;height:32px;line-height:32px}.detail__types{margin-top:20px}.detail__types span{font-size:12px;height:24px;padding:0 12px;display:inline-flex;align-items:center}.detail__desc{font-size:14px;line-height:1.6;margin-top:20px;min-height:0}.work-modal .work-modal__gallery{margin-top:32px}.work-others__grid{gap:clamp(28px,5vw,40px);margin-top:clamp(28px,4vw,40px)}.about__card{min-height:240px}.about__card{padding:36px}.about__card--dark{height:200px;min-height:200px}.about__card-name{font-size:30px}.about__card-en,.about__quote p{font-size:20px}.experience__role{font-size:24px}.experience__period{font-size:12px}.experience__company{font-size:18px}.stat-card{padding:36px}.stat-card__value{font-size:60px}.works-grid{gap:clamp(48px,7vw,72px)}.stats-cards{grid-template-columns:1fr}.stat-card{min-height:180px}.experience__card{top:84px;margin-bottom:48px;padding-bottom:0}.experience__card-inner{min-height:300px;padding:44px 24px 32px}.experience__badge{width:48px;height:48px;font-size:14px;top:-20px;left:calc(var(--gutter) + 24px)}.experience__year{font-size:52px;right:16px;top:16px}.footer .container{justify-content:flex-start}.footer__main{grid-template-columns:1fr;gap:48px;padding-block:80px}.footer__card{margin-top:0}.footer__bottom{margin-top:auto}.footer__title{font-size:48px}.footer__dot{width:16px;height:16px;border-width:6px}.footer__card-head{gap:16px}.footer__avatar{width:60px;height:60px}.footer__avatar svg{width:28px;height:28px}.footer__name{font-size:20px;line-height:30px;height:30px}.footer__role{font-size:14px}.footer__row-label{font-size:12px}.footer__mail{font-size:20px}.footer__resume{font-size:18px}}.vapor-type{position:relative;display:block;width:100%;height:1.5em;line-height:1.2;color:#fff;-webkit-user-select:none;user-select:none}.vapor-type canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000;animation:preloader-out .5s var(--ease) 3.6s forwards}.preloader__inner{display:flex;flex-direction:column;align-items:center;gap:0}.preloader__sub{font-size:14px;font-weight:500;letter-spacing:.14em;color:#ffffff8c;opacity:0;animation:preloader-fade .7s var(--ease) 2.2s forwards}@keyframes preloader-fade{to{opacity:1}}@keyframes preloader-out{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;pointer-events:auto}