:root{--page-gutter: clamp(40px, 7.604vw, 146px);--scroll-hint-zone: 84px;--scroll-hint-gap: 72px;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#111;background:#e8e8ea;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{min-width:320px;margin:0;background:#e8e8ea}a{color:inherit;text-decoration:none}.click-spark{position:relative;min-height:100svh}.click-spark>canvas{position:absolute;z-index:99;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.liquid-cursor{position:fixed;z-index:100;top:0;left:0;width:12px;height:12px;border-radius:50%;background:#111;opacity:0;pointer-events:none;transform:translate3d(var(--cursor-x, -32px),var(--cursor-y, -32px),0) translate(-50%,-50%) scale(var(--cursor-scale, 1));transform-origin:center;transition:opacity .16s ease,transform .16s cubic-bezier(.22,1,.36,1);will-change:transform}.liquid-cursor.is-visible{opacity:1}.liquid-cursor.is-interactive{--cursor-scale: 1.35}.liquid-cursor.is-pressed{--cursor-scale: .68}.project-detail-page{min-height:100svh;padding-bottom:64px;background:#e8e8ea}.project-showcase-page{--showcase-nav-height: 81px;min-height:100svh;padding-top:var(--showcase-nav-height);background:#e8e8ea}.project-showcase-page .footer{background:#e8e8ea}.about-page{min-height:100svh;padding-top:81px;background:#e8e8ea}.about-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(48px,8vw,150px);padding:104px 0 120px}.about-sidebar{position:sticky;top:108px;align-self:start}.about-kicker{margin:0 0 16px;color:#e85d16;font-size:12px;font-weight:700;letter-spacing:.12em}.about-sidebar h1{margin:0;font-size:clamp(42px,4vw,64px);letter-spacing:-.06em;line-height:.95}.about-role{margin:20px 0 0;font-size:18px;line-height:1.5}.about-contact{display:grid;gap:7px;margin-top:32px;color:#5d5d5f;font-size:13px}.about-contact a{transition:color .2s ease}.about-contact a:hover{color:#111}.about-filters{display:grid;gap:3px;margin-top:52px}.about-filters button{display:flex;align-items:center;gap:10px;width:fit-content;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#777;cursor:pointer;font:inherit;font-size:13px;text-align:left;transition:background .2s ease,color .2s ease}.about-filters button:hover{color:#111;background:#1111110d}.about-filters i{width:7px;height:7px;border:1px solid #aaa;border-radius:50%;transition:background .2s ease,border-color .2s ease}.about-filters button.active{color:#111;font-weight:700}.about-filters button.active i{border-color:#111;background:#111}.about-list{min-width:0;overflow:hidden;border:1px solid #d4d4d6;border-radius:32px;animation:about-list-enter .45s cubic-bezier(.22,1,.36,1) both}.about-entry{min-height:0;background:#e8e8ea}.about-entry+.about-entry{border-top:1px solid #d4d4d6}.about-entry-copy{display:flex;flex-direction:column;padding:42px clamp(28px,4vw,64px)}.about-entry-meta{display:flex;align-items:center;gap:12px;color:#777;font-size:12px}.about-entry-meta span{padding:5px 9px;border-radius:999px;background:#d8d8da;color:#555;font-weight:600}.about-entry-meta time{color:#888}.about-entry h2{margin:34px 0 0;font-size:clamp(25px,2.3vw,38px);letter-spacing:-.045em;line-height:1.1}.about-entry-subtitle{margin:12px 0 0;color:#757575;font-size:14px}.about-entry-description{max-width:780px;margin:22px 0 0;color:#4f4f51;font-size:14px;line-height:1.7}.about-entry ul{display:grid;max-width:880px;gap:5px;margin:15px 0 0;padding:0;color:#5a5a5c;font-size:13px;line-height:1.6;list-style:none}.about-entry li{position:relative;padding-left:13px}.about-entry li:before{position:absolute;top:.67em;left:0;width:4px;height:4px;border-radius:50%;background:#777;content:""}.about-entry-link{display:inline-flex;align-items:center;gap:7px;width:fit-content;margin-top:24px;color:#111;font-size:13px;font-weight:700}.about-entry-link span{font-size:18px;line-height:.6;transition:transform .2s ease}.about-entry-link:hover span{transform:translate(3px,-3px)}@keyframes about-list-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.detail-width{width:min(calc(100% - (var(--page-gutter) * 2)),1628px);margin-inline:auto}.project-nav{margin-bottom:0}.project-case{padding-top:124px}.case-header h1{margin:0;font-size:34px;line-height:1.2}.case-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:27px}.case-meta span,.case-meta b{display:block}.case-meta span{margin-bottom:7px;color:#929292;font-size:11px;font-weight:400}.case-meta b{font-size:13px;font-weight:500}.case-section{display:grid;grid-template-columns:170px minmax(0,1040px);gap:32px;margin-top:43px}.case-section h2{margin:0;font-size:22px;line-height:1.4}.case-section p{margin:0 0 18px;font-size:13px;line-height:1.75;text-align:justify}.case-note{margin-top:38px}.case-note p{grid-column:1 / -1;font-size:14px}.case-long-copy{max-width:1212px}.case-long-copy p{margin:0 0 18px;font-size:13px;line-height:1.75;text-align:justify}.case-long-copy .feature-list{color:#555;font-weight:600;letter-spacing:.08em}.case-standalone{margin-top:42px}.case-gallery{display:grid;gap:25px;margin-top:35px}.case-gallery img{display:block;width:100%;height:auto;border-radius:12px}.agent-placeholder{height:clamp(260px,35vw,520px);margin-top:35px;border-radius:14px;background:#fff}.back-to-top{display:block;margin:66px 0 98px;text-align:right;color:#555;font-size:13px}.project-contact{padding-top:26px;border-top:1px solid #d1d1d3}.project-contact h2{margin:0 0 15px;font-size:28px}.project-contact .socials{gap:12px}.project-contact .socials a{width:22px;height:22px}.project-contact .contact-details{margin-top:15px;gap:16px 30px}.project-contact .contact-details a{font-size:12px}.project-contact .contact-details img{width:15px;height:15px}.project-contact .contact-note{margin-top:24px;font-size:11px}.project-contact .copyright{font-size:11px}.page-width{width:min(calc(100% - (var(--page-gutter) * 2)),1628px);margin-inline:auto}.home-page,.project{min-height:100svh;height:100vh;scroll-snap-align:start;scroll-snap-stop:always}.home-page{position:relative;padding-top:81px}.home-nav{position:fixed;z-index:20;top:0;left:50%;margin-inline:0;transform:translate(-50%);isolation:isolate}.home-nav:before{position:absolute;z-index:-1;top:0;left:min(-40px,calc((100vw - 100%)/-2));width:max(100vw,calc(100% + 80px));height:148px;background:linear-gradient(to bottom,#e8e8eaf0,#e8e8eab8 38%,#e8e8ea00);content:"";opacity:0;pointer-events:none;transition:opacity .35s ease}.home-nav.is-scrolled:before{opacity:1}.home-page>.intro{margin-top:0}.line-sidebar{position:fixed;z-index:10;top:50%;right:clamp(10px,2vw,36px);display:grid;gap:0;width:58px;padding:16px 0;transform:translateY(-50%)}.line-sidebar-rail{position:absolute;top:16px;right:0;bottom:16px;width:1px;background:#6c6c6c61;pointer-events:none}.line-sidebar button{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:10px;width:100%;min-height:34px;padding:0 14px 0 0;border:0;background:transparent;color:#9a9a9a;cursor:pointer;font-family:inherit;font-weight:400;text-align:right;transform:scale(var(--scale));transform-origin:right center;transition:color .22s ease,transform .18s cubic-bezier(.22,1,.36,1)}.line-sidebar button:before{position:absolute;top:50%;right:0;width:6px;height:1px;background:#6c6c6c;content:"";transform:translateY(-50%) translate(var(--shift)) scaleX(var(--tick-scale));transform-origin:right center;transition:background .22s ease,width .22s ease,transform .18s ease}.line-sidebar button.active{color:#111;font-weight:700}.line-sidebar button:not(.active):hover{color:#303030;font-weight:700}.line-sidebar button.active:before{width:10px;background:#111}.line-sidebar-index{color:currentColor;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.06em;opacity:.72;transform:translate(var(--shift));transition:transform .18s cubic-bezier(.22,1,.36,1)}.line-sidebar button:focus-visible{outline:2px solid #a855f7;outline-offset:4px}.mobile-quick-menu{display:none}.nav{height:81px;padding-top:0;display:flex;justify-content:space-between;align-items:center;font-size:14px;line-height:1}.brand{display:block;width:112px;height:44px}.brand img{display:block;width:100%;height:100%;object-fit:contain}.nav-links{position:relative;display:flex;align-items:center;gap:40px;padding-top:0}.nav-actions{display:flex;align-items:center;gap:42px}.nav-links>.theme-toggle{flex:0 0 auto;margin:0}.nav-links a{position:relative;display:inline-flex;align-items:center;min-height:34px;margin-top:0;padding-top:0;color:#3b3b3b;letter-spacing:.01em}.nav-links .active{font-weight:700}.nav-active-indicator{position:absolute;bottom:0;left:0;width:14px;height:3px;border-radius:999px;background:#252525;pointer-events:none;transform:translate(var(--indicator-x)) scaleX(1);transform-origin:center;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .16s ease}.nav-active-indicator.is-initial{animation:nav-active-line .9s cubic-bezier(.16,1,.3,1) both}@keyframes nav-active-line{0%{transform:translate(var(--indicator-x)) scaleX(.22)}to{transform:translate(var(--indicator-x)) scaleX(1)}}.nav a:focus-visible{outline:2px solid #111;outline-offset:4px;border-radius:2px}.theme-toggle{position:relative;display:grid;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#ededee;color:#111;cursor:pointer;place-items:center;box-shadow:inset 0 0 0 1px #11111114;transform:none;transition:background .28s ease,color .28s ease,box-shadow .28s ease}.theme-toggle:before,.theme-toggle-thumb{display:none}.theme-toggle-sun,.theme-toggle-moon{position:absolute;top:9px;right:9px;bottom:9px;left:9px;width:16px;height:16px;color:currentColor;transition:opacity .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}.theme-toggle-sun{opacity:0;transform:rotate(-90deg) scale(0)}.theme-toggle-moon{opacity:1;transform:rotate(0) scale(1)}.theme-toggle-sun svg,.theme-toggle-moon svg{display:block;width:100%;height:100%}.theme-toggle-sun svg{fill:currentColor}.theme-toggle-moon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.theme-toggle.is-dark{background:#17181a;color:#f3f3f3;box-shadow:inset 0 0 0 1px #ffffff1f}.theme-toggle.is-dark .theme-toggle-sun{opacity:1;transform:rotate(0) scale(1)}.theme-toggle.is-dark .theme-toggle-moon{opacity:0;transform:rotate(90deg) scale(0)}.theme-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}html.dark-mode{color-scheme:dark}html.dark-mode,html.dark-mode body,html.dark-mode .project-detail-page{color:#f3f3f3;background:#111214}html.dark-mode .project-showcase-page,html.dark-mode .project-showcase-page .footer,html.dark-mode .about-page,html.dark-mode .about-entry{background:#111214}html.dark-mode .about-list,html.dark-mode .about-entry+.about-entry{border-color:#303238}html.dark-mode .about-contact,html.dark-mode .about-entry-meta time,html.dark-mode .about-entry-subtitle,html.dark-mode .about-entry-description,html.dark-mode .about-entry ul{color:#9da1a7}html.dark-mode .about-contact a:hover,html.dark-mode .about-filters button:hover,html.dark-mode .about-filters button.active,html.dark-mode .about-entry-link{color:#f3f3f3}html.dark-mode .about-filters button:hover{background:#ffffff12}html.dark-mode .about-filters i{border-color:#6d7279}html.dark-mode .about-filters button.active i{border-color:#f3f3f3;background:#f3f3f3}html.dark-mode .about-entry-meta span{background:#30343a;color:#d5d8dc}html.dark-mode .about-entry li:before{background:#aeb3ba}html.dark-mode .home-nav:before{background:linear-gradient(to bottom,#111214f5,#111214c2 38%,#11121400)}html.dark-mode .brand img{filter:invert(1)}html.dark-mode .nav-links a,html.dark-mode .contact-details a{color:#dedede}html.dark-mode .nav-active-indicator{background:#f3f3f3}html.dark-mode .eyebrow,html.dark-mode .section-kicker,html.dark-mode .stats small,html.dark-mode .project-description,html.dark-mode .case-meta span,html.dark-mode .scroll-float{color:#8f9399}html.dark-mode .project-title span{color:#8c9096}html.dark-mode .tags>span{background:#30343a;color:#c6c9ce}html.dark-mode .project-cover{background:#1b1d20}html.dark-mode .showcase-projects{background:#111214}.dark-mode .showcase-heading h1{color:#f3f3f3}.dark-mode .showcase-heading h1 span,.dark-mode .showcase-intro p{color:#94989e}.dark-mode .showcase-intro a{background:#f3f3f3;color:#111214}.dark-mode .showcase-card{border-color:#303238;background:#1b1d20}.dark-mode .showcase-card-info{color:#f3f3f3}.dark-mode .showcase-card-info b{color:#a5a8ad}html.dark-mode .line-sidebar-rail{background:#cacdd261}html.dark-mode .line-sidebar button{color:#8e9399}html.dark-mode .line-sidebar button:before{background:#8e9399}html.dark-mode .line-sidebar button.active,html.dark-mode .line-sidebar button:not(.active):hover{color:#fff}html.dark-mode .line-sidebar button.active:before{background:#fff}html.dark-mode .case-section p,html.dark-mode .case-long-copy p,html.dark-mode .back-to-top,html.dark-mode .contact-note{color:#d1d3d6}html.dark-mode .case-long-copy .feature-list{color:#f3f3f3}html.dark-mode .project-contact{border-color:#34373c}html.dark-mode .agent-placeholder{background:#202328}html.dark-mode .contact-details img{filter:invert(1)}html.dark-mode .liquid-cursor{background:#f3f3f3}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}html[data-theme-anim="1"]::view-transition-old(root){z-index:0}html[data-theme-anim="1"]::view-transition-new(root){z-index:1;animation:theme-reveal .7s cubic-bezier(.22,1,.36,1) both}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--theme-cx) var(--theme-cy))}to{clip-path:circle(var(--theme-r) at var(--theme-cx) var(--theme-cy))}}.intro{height:calc(100vh - 81px);min-height:760px;position:relative;display:grid;grid-template-columns:1fr 440px;grid-template-rows:440px;align-items:start;padding-top:72px}@media (min-width: 641px){.intro{transform:translateY(-68px)}.stats{transform:translateY(32px)}}.intro-copy{align-self:center}.eyebrow,.section-kicker{margin:0;color:#aaa;font-weight:700;letter-spacing:.02em}.eyebrow{margin-bottom:9px;font-size:48px;line-height:1}.intro h1{margin:0;font-size:68px;line-height:1.16;font-weight:700;letter-spacing:0}.portrait{width:440px;height:440px;object-fit:contain;align-self:start;justify-self:end;margin-top:0;transform:translate(-42px)}.stats{position:absolute;inset:auto 0 calc(var(--scroll-hint-zone) + var(--scroll-hint-gap));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px}.stats>div{min-width:0}.stats>div:nth-child(2){text-align:center}.stats>div:nth-child(3){text-align:right}.stats small,.stats b{display:block}.stats small{margin-bottom:8px;color:#aaa;font-size:13px;font-weight:400}.stats b{overflow:hidden;font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.scroll-hint{position:absolute;left:50%;bottom:0;display:grid;place-items:center;width:42px;height:var(--scroll-hint-zone);transform:translate(-50%)}.scroll-hint img{width:28px;height:auto;opacity:.48;animation:mouse-float 1.8s ease-in-out infinite}@keyframes mouse-float{0%,to{transform:translateY(4px);opacity:.28}50%{transform:translateY(-8px);opacity:.9}}.projects{width:100%}.featured-project-page{display:grid;min-height:100svh;height:100vh;padding:81px var(--page-gutter) 0;place-items:center;scroll-snap-align:start;scroll-snap-stop:always}.scroll-float{margin:0;overflow:hidden;color:#aaa;font-size:clamp(76px,13vw,250px);font-weight:700;letter-spacing:-.04em;line-height:1}.scroll-float-text{display:inline-block}.scroll-float-char{display:inline-block;opacity:0;transform:translateY(120%) scaleY(2.3) scaleX(.7);transform-origin:50% 0;transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--char-index) * 45ms)}.scroll-float.is-visible .scroll-float-char{opacity:1;transform:translateY(0) scaleY(1) scaleX(1)}.showcase-projects{display:flex;min-height:calc(100svh - var(--showcase-nav-height));height:calc(100svh - var(--showcase-nav-height));flex-direction:column;overflow:visible;padding:100px 0 118px;background:#e8e8ea}.showcase-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:64px;align-items:start}.showcase-heading h1{max-width:850px;margin:0;color:#161616;font-size:clamp(42px,6.2vw,94px);font-weight:600;letter-spacing:-.06em;line-height:.98}.showcase-heading h1 span{color:#a5a5a5}.showcase-intro{padding-top:8px}.showcase-intro p{margin:0;color:#626262;font-size:18px;line-height:1.65}.showcase-intro a{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:12px 22px;border-radius:999px;background:#111;color:#fff;font-size:14px;font-weight:500;transition:transform .2s ease,background .2s ease}.showcase-intro a:hover{background:#333;transform:translateY(-2px)}.showcase-card-strip{display:flex;justify-content:center;gap:0;margin-top:96px;padding:0 42px}.showcase-card{position:relative;display:block;width:24%;margin-left:-54px;padding:12px;border:1px solid #e1e1e2;border-radius:16px;background:#fff;box-shadow:0 18px 45px -20px #00000047;color:#171717;transform:translateY(var(--showcase-lift)) rotate(var(--showcase-tilt));transform-origin:center bottom;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;animation:showcase-card-enter .7s cubic-bezier(.22,1,.36,1) both}.showcase-card:first-child{margin-left:0}.showcase-card:nth-child(2){animation-delay:.09s}.showcase-card:nth-child(3){animation-delay:.18s}.showcase-card:nth-child(4){animation-delay:.27s}.showcase-card:nth-child(5){animation-delay:.36s}.showcase-card:hover{z-index:2;box-shadow:0 30px 70px -28px #0006;transform:translateY(calc(var(--showcase-lift) - 10px)) rotate(0) scale(1.025);animation:showcase-card-straighten .45s cubic-bezier(.22,1,.36,1) both}.showcase-card-image{position:relative;aspect-ratio:1;overflow:hidden;border-radius:9px;background:#efeff0}.showcase-card-image img,.showcase-card-video{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.showcase-card-image img{transition:transform .5s ease,opacity .3s ease}.showcase-card-video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .3s ease}.showcase-card-video-logo{position:absolute;z-index:1;top:52%;left:50%;width:70%!important;height:auto!important;object-fit:contain!important;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .3s ease}.showcase-card:hover img:not(.showcase-card-video-logo){opacity:0;transform:scale(1.04)}.showcase-card:hover .showcase-card-video,.showcase-card:hover .showcase-card-video-logo{opacity:1}.showcase-card-info{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 4px 5px}.showcase-card-info span,.showcase-card-info b{overflow:hidden;font-size:11px;letter-spacing:.08em;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.showcase-card-info span{font-weight:500}.showcase-card-info b{flex:0 0 auto;color:#777;font-weight:400}@keyframes showcase-card-enter{0%{opacity:0;transform:translateY(calc(var(--showcase-lift) + 48px)) rotate(0)}to{opacity:1;transform:translateY(var(--showcase-lift)) rotate(var(--showcase-tilt))}}@keyframes showcase-card-straighten{0%{transform:translateY(var(--showcase-lift)) rotate(var(--showcase-tilt)) scale(1)}to{transform:translateY(calc(var(--showcase-lift) - 10px)) rotate(0) scale(1.025)}}.showcase-card-wrap{position:relative;width:24%;margin-top:-80px;margin-bottom:-80px;margin-left:-54px;padding-top:80px;padding-bottom:80px}.showcase-card-wrap:first-child{margin-left:0}.showcase-card-wrap:hover{z-index:2}.showcase-card-wrap .showcase-card{width:100%;margin-left:0}.showcase-card-wrap:nth-child(2) .showcase-card{animation-delay:.09s}.showcase-card-wrap:nth-child(3) .showcase-card{animation-delay:.18s}.showcase-card-wrap:nth-child(4) .showcase-card{animation-delay:.27s}.showcase-card-wrap:nth-child(5) .showcase-card{animation-delay:.36s}.showcase-card-wrap:hover .showcase-card{box-shadow:0 30px 70px -28px #0006;transform:translateY(calc(var(--showcase-lift) - 10px)) rotate(0) scale(1.025);animation:showcase-card-straighten .45s cubic-bezier(.22,1,.36,1) both}.showcase-card-wrap:hover img:not(.showcase-card-video-logo){opacity:0;transform:scale(1.04)}.showcase-card-wrap:hover .showcase-card-video,.showcase-card-wrap:hover .showcase-card-video-logo{opacity:1}.showcase-card-wrap:not(.has-showcase-video):hover .showcase-card-image>img{opacity:1}@media (min-width: 641px) and (max-height: 1150px){.project-showcase-page{--showcase-compact-card-width: min(clamp(190px, calc((100svh - 430px)*.78) , 330px), calc((100vw - (var(--page-gutter) * 2) + 216px) / 5))}.showcase-projects{padding:clamp(48px,6svh,72px) 0}.showcase-heading{gap:clamp(32px,3.5vw,52px)}.showcase-heading h1{max-width:740px;font-size:clamp(42px,7.1svh,80px)}.showcase-intro{padding-top:4px}.showcase-intro p{font-size:clamp(15px,1.6svh,18px)}.showcase-card-strip{width:fit-content;max-width:calc(100% - (var(--page-gutter) * 2));margin-top:clamp(72px,12svh,112px);padding:0}.showcase-card-wrap{width:var(--showcase-compact-card-width);flex:0 0 var(--showcase-compact-card-width)}}.section-kicker{margin-bottom:56px;font-size:48px;line-height:1.2}.project{margin:0;padding:146px 0 78px;display:flex;align-items:stretch}.project-inner{height:100%;display:flex;flex-direction:column;justify-content:center;opacity:1;transform:translateY(0);transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1)}.project.is-visible .project-inner{animation:project-enter .68s cubic-bezier(.22,1,.36,1) both}@keyframes project-enter{0%{opacity:0;transform:translateY(42px)}to{opacity:1;transform:translateY(0)}}.project-title{display:inline-flex;align-items:center;gap:18px;font-size:48px;line-height:1.25;font-weight:700;letter-spacing:0}.project-title .project-arrow{color:#989898;font-weight:400;transition:transform .2s ease}.project-title:hover .project-arrow{transform:translate(8px)}.project-title-copy{display:inline}.tags{display:flex;gap:12px;margin:18px 0 10px}.tags>span{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 16px;border-radius:12px;background:#d8d8d8;color:#696969;font-size:16px;line-height:20px}.project-description{margin:0 0 12px;color:#ababab;font-size:18px;line-height:1.4}.project-cover{position:relative;width:100%;min-height:0;flex:1 1 auto;overflow:hidden;border-radius:32px;background:#f8f8f8;corner-shape:superellipse(1.5)}.project-cover img,.project-video{display:block;width:100%;height:100%;object-fit:cover}.border-glow-card{--cursor-angle: 0deg;--edge-proximity: 0;position:relative;width:100%;min-height:0;flex:1 1 auto;isolation:isolate;overflow:visible;border:0;border-radius:32px;background:transparent;box-shadow:0 0 calc(var(--edge-proximity) * .18px) rgb(112 174 248 / calc(var(--edge-proximity) * .006));transition:box-shadow .18s ease;corner-shape:superellipse(1.5)}.border-glow-card:before{display:none}.border-glow-card .edge-light{position:absolute;z-index:0;top:-52px;right:-52px;bottom:-52px;left:-52px;border-radius:50%;background:radial-gradient(ellipse 118px 118px at calc(var(--glow-x, 50%) + 52px) calc(var(--glow-y, 50%) + 52px),rgb(173 216 255 / .72) 0%,rgb(186 225 255 / .34) 35%,transparent 74%);filter:blur(13px);mix-blend-mode:screen;opacity:calc(var(--edge-proximity) * .009);pointer-events:none;transition:opacity .18s ease}.border-glow-card>.project-cover{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:32px;corner-shape:superellipse(1.5)}.project-video-logo{position:absolute;top:50%;left:50%;z-index:1;width:clamp(220px,34%,520px)!important;height:auto!important;object-fit:contain!important;pointer-events:none;transform:translate(-50%,-50%)}.refractive-sphere-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.refractive-sphere-canvas canvas{display:block;width:100%;height:100%}.experience-glass-mark{position:absolute;top:50%;left:50%;z-index:2;display:grid;width:var(--glass-diameter, 320px);aspect-ratio:1;place-items:center;overflow:hidden;border-radius:50%;color:#171717;container-type:inline-size;pointer-events:none;transform:translate(-50%,-50%)}.experience-glass-copy{position:relative;z-index:1;width:var(--glass-content-width, 70%);max-width:70%;text-align:center}.experience-glass-copy strong{position:relative;display:block;padding-left:.2em;font-size:var(--glass-title-size, 30px);font-weight:700;letter-spacing:.2em;line-height:1.5}.experience-glass-copy p{position:relative;margin:var(--glass-copy-gap, 14px) 0 0;font-size:var(--glass-copy-size, 12px);font-weight:400;letter-spacing:.02em;line-height:1.7}.experience-glass-copy .experience-copy-main,.experience-glass-copy .experience-copy-depth{display:block}.experience-glass-copy .experience-copy-main{position:relative;color:#171717}.experience-glass-copy .experience-copy-depth{position:absolute;top:0;right:0;bottom:0;left:0;color:#22222229;mix-blend-mode:color-burn}.footer{min-height:0;height:auto;padding:78px 0}.footer-inner{padding-top:0}.footer h2{margin:0 0 18px;font-size:40px;line-height:1.2}.socials{display:flex;gap:16px}.socials a{width:26px;height:26px;display:block}.socials img{display:block;width:100%;height:100%}.contact-details{display:flex;flex-wrap:wrap;gap:18px 42px;margin-top:18px}.contact-details a{display:inline-flex;align-items:center;gap:9px;color:#474747;font-size:16px;line-height:1.2}.contact-details img{width:18px;height:18px;object-fit:contain}.contact-note{margin:30px 0 0;font-size:15px;line-height:1.5}.copyright{margin:8px 0 0;color:#8a97aa;font-size:16px}@media (min-width: 1921px){:root{--page-gutter: clamp(146px, 7.604vw, 292px);--scroll-hint-zone: clamp(84px, 4.375vw, 168px);--scroll-hint-gap: clamp(72px, 3.75vw, 144px)}.page-width,.detail-width{width:min(calc(100% - (var(--page-gutter) * 2)),3256px)}.nav{height:clamp(81px,4.219vw,162px);font-size:clamp(14px,.729vw,28px)}.brand{width:clamp(112px,5.833vw,224px);height:clamp(44px,2.292vw,88px)}.nav-links{gap:clamp(40px,2.083vw,80px)}.nav-links a{min-height:clamp(34px,1.771vw,68px)}.theme-toggle{width:clamp(34px,1.771vw,68px);height:clamp(34px,1.771vw,68px)}.theme-toggle-sun,.theme-toggle-moon{inset:clamp(9px,.469vw,18px);width:clamp(16px,.833vw,32px);height:clamp(16px,.833vw,32px)}.home-page{padding-top:clamp(81px,4.219vw,162px)}.intro{height:calc(100vh - clamp(81px,4.219vw,162px));min-height:clamp(760px,39.583vw,1520px);grid-template-columns:1fr clamp(440px,22.917vw,880px);grid-template-rows:clamp(440px,22.917vw,880px);padding-top:clamp(72px,3.75vw,144px)}.intro h1{font-size:clamp(68px,3.542vw,136px)}.eyebrow{margin-bottom:clamp(9px,.469vw,18px);font-size:clamp(48px,2.5vw,96px)}.portrait{width:clamp(440px,22.917vw,880px);height:clamp(440px,22.917vw,880px)}.stats{gap:clamp(64px,3.333vw,128px)}.stats small{margin-bottom:clamp(8px,.417vw,16px);font-size:clamp(13px,.677vw,26px)}.stats b{font-size:clamp(15px,.781vw,30px)}.scroll-hint{width:clamp(42px,2.188vw,84px)}.scroll-hint img{width:clamp(28px,1.458vw,56px)}.line-sidebar{right:clamp(36px,1.875vw,72px);width:clamp(58px,3.021vw,116px);padding:clamp(16px,.833vw,32px) 0}.line-sidebar-rail{top:clamp(16px,.833vw,32px);bottom:clamp(16px,.833vw,32px);width:2px}.line-sidebar button{min-height:clamp(34px,1.771vw,68px);gap:clamp(10px,.521vw,20px);padding-right:clamp(14px,.729vw,28px)}.line-sidebar button:before{width:clamp(6px,.313vw,12px);height:2px}.line-sidebar button.active:before{width:clamp(10px,.521vw,20px)}.line-sidebar-index{font-size:clamp(10px,.521vw,20px)}.featured-project-page{padding-top:clamp(81px,4.219vw,162px)}.scroll-float{font-size:clamp(250px,13.021vw,500px)}.project{padding:clamp(146px,7.604vw,292px) 0 clamp(78px,4.063vw,156px)}.project-title{gap:clamp(18px,.938vw,36px);font-size:clamp(48px,2.5vw,96px)}.tags{gap:clamp(12px,.625vw,24px);margin:clamp(18px,.938vw,36px) 0 clamp(10px,.521vw,20px)}.tags>span{gap:clamp(4px,.208vw,8px);padding:clamp(6px,.313vw,12px) clamp(16px,.833vw,32px);border-radius:clamp(12px,.625vw,24px);font-size:clamp(16px,.833vw,32px);line-height:1.25}.project-description{margin-bottom:clamp(12px,.625vw,24px);font-size:clamp(18px,.938vw,36px)}.project-cover,.border-glow-card,.border-glow-card>.project-cover{border-radius:clamp(32px,1.667vw,64px)}.showcase-projects{padding:clamp(100px,5.208vw,200px) 0 clamp(118px,6.146vw,236px)}.showcase-heading{gap:clamp(64px,3.333vw,128px)}.showcase-heading h1{max-width:1700px;font-size:clamp(94px,6.2vw,188px)}.showcase-intro{padding-top:clamp(8px,.417vw,16px)}.showcase-intro p{font-size:clamp(18px,.938vw,36px)}.showcase-card-strip{margin-top:clamp(96px,5vw,192px);padding:0 clamp(42px,2.188vw,84px)}.showcase-card{margin-left:clamp(-54px,-2.813vw,-108px);padding:clamp(12px,.625vw,24px);border-radius:clamp(16px,.833vw,32px)}.showcase-card-info{gap:clamp(12px,.625vw,24px);padding:clamp(16px,.833vw,32px) clamp(4px,.208vw,8px) clamp(5px,.26vw,10px)}.showcase-card-info span,.showcase-card-info b{font-size:clamp(11px,.573vw,22px)}.footer{padding:clamp(78px,4.063vw,156px) 0}.footer h2{margin-bottom:clamp(18px,.938vw,36px);font-size:clamp(40px,2.083vw,80px)}.socials{gap:clamp(16px,.833vw,32px)}.socials a{width:clamp(28px,1.458vw,56px);height:clamp(28px,1.458vw,56px)}.contact-details{gap:clamp(24px,1.25vw,48px);margin-top:clamp(18px,.938vw,36px)}.contact-details a{font-size:clamp(16px,.833vw,32px)}.contact-note,.copyright{font-size:clamp(14px,.729vw,28px)}.about-page{padding-top:clamp(81px,4.219vw,162px)}.about-layout{grid-template-columns:clamp(240px,12.5vw,480px) minmax(0,1fr);gap:clamp(150px,7.813vw,300px);padding:clamp(104px,5.417vw,208px) 0 clamp(120px,6.25vw,240px)}.about-sidebar{top:clamp(108px,5.625vw,216px)}.about-sidebar h1{font-size:clamp(64px,4vw,128px)}.about-kicker{margin-bottom:clamp(16px,.833vw,32px);font-size:clamp(12px,.625vw,24px)}.about-role{margin-top:clamp(20px,1.042vw,40px);font-size:clamp(18px,.938vw,36px)}.about-contact{gap:clamp(7px,.365vw,14px);margin-top:clamp(32px,1.667vw,64px);font-size:clamp(13px,.677vw,26px)}.about-filters{gap:clamp(3px,.156vw,6px);margin-top:clamp(52px,2.708vw,104px)}.about-filters button{gap:clamp(10px,.521vw,20px);padding:clamp(8px,.417vw,16px) clamp(10px,.521vw,20px);font-size:clamp(13px,.677vw,26px)}.about-filters i{width:clamp(7px,.365vw,14px);height:clamp(7px,.365vw,14px)}.about-list{border-radius:clamp(32px,1.667vw,64px)}.about-entry-copy{padding:clamp(42px,2.188vw,84px) clamp(64px,3.333vw,128px)}.about-entry-meta{gap:clamp(12px,.625vw,24px);font-size:clamp(12px,.625vw,24px)}.about-entry-meta span{padding:clamp(5px,.26vw,10px) clamp(9px,.469vw,18px)}.about-entry h2{margin-top:clamp(34px,1.771vw,68px);font-size:clamp(38px,2.3vw,76px)}.about-entry-subtitle{margin-top:clamp(12px,.625vw,24px);font-size:clamp(14px,.729vw,28px)}.about-entry-description{max-width:1560px;margin-top:clamp(22px,1.146vw,44px);font-size:clamp(14px,.729vw,28px)}.about-entry ul{max-width:1760px;gap:clamp(5px,.26vw,10px);margin-top:clamp(15px,.781vw,30px);font-size:clamp(13px,.677vw,26px)}.about-entry li{padding-left:clamp(13px,.677vw,26px)}.about-entry li:before{width:clamp(4px,.208vw,8px);height:clamp(4px,.208vw,8px)}.about-entry-link{gap:clamp(7px,.365vw,14px);margin-top:clamp(24px,1.25vw,48px);font-size:clamp(13px,.677vw,26px)}}@media (min-width: 641px){.intro{--hero-media-size: clamp(220px, min(22.917vw, 40svh), 440px);min-height:min(760px,calc(100svh - 81px));grid-template-columns:1fr var(--hero-media-size);grid-template-rows:var(--hero-media-size)}.portrait{width:var(--hero-media-size);height:var(--hero-media-size)}}@media (min-width: 1921px){.intro{--hero-media-size: clamp(440px, min(22.917vw, 40svh), 880px);min-height:min(1520px,calc(100svh - clamp(81px,4.219vw,162px)));grid-template-columns:1fr var(--hero-media-size);grid-template-rows:var(--hero-media-size)}.portrait{width:var(--hero-media-size);height:var(--hero-media-size)}}@media (min-width: 641px) and (max-height: 760px){:root{--scroll-hint-zone: 64px;--scroll-hint-gap: 36px}.intro{padding-top:40px}.stats{gap:32px}}@media (max-width: 960px){:root{--page-gutter: 40px}.project-showcase-page{--showcase-nav-height: 72px}.nav{height:72px}.home-page{padding-top:72px}.intro{height:calc(100vh - 72px);min-height:630px;grid-template-columns:1fr 290px;grid-template-rows:290px;padding-top:72px}.intro h1{font-size:52px}.eyebrow{font-size:40px}.portrait{width:290px;height:290px;margin-top:0}.project-title{font-size:38px}.section-kicker{font-size:40px;margin-bottom:48px}}@media (min-width: 641px) and (min-height: 761px) and (max-width: 1920px){.stats{inset:auto 0 88px}}@media (min-width: 641px) and (max-height: 760px){.intro{--hero-media-size: clamp(180px, min(30vw, 36svh), 340px);min-height:min(620px,calc(100svh - 72px));grid-template-columns:1fr var(--hero-media-size);grid-template-rows:var(--hero-media-size);padding-top:40px;transform:none}.portrait{width:var(--hero-media-size);height:var(--hero-media-size)}.stats{inset:calc(40px + var(--hero-media-size) + 42px) 0 auto;gap:32px;transform:none}}@media (min-width: 641px){.home-page{--hero-nav-height: 81px;--hero-bottom-space: clamp(42px, 11.5svh, 124px);--hero-top-space: clamp(20px, 3.9svh, 42px);--hero-section-gap: 42px;padding-top:var(--hero-nav-height)}.intro{--hero-avatar-size: clamp(220px, min(30vw, calc(100svh - var(--hero-nav-height) - var(--hero-bottom-space) - var(--hero-top-space) - var(--hero-section-gap) - 52px)), 440px);display:grid;height:calc(100svh - var(--hero-nav-height));min-height:0;grid-template-columns:minmax(0,1fr) var(--hero-avatar-size);grid-template-rows:minmax(0,1fr) auto;column-gap:clamp(40px,5vw,120px);row-gap:var(--hero-section-gap);align-items:center;padding:var(--hero-top-space) 0 var(--hero-bottom-space);transform:none}.intro-copy{grid-column:1;grid-row:1;align-self:center}.portrait{grid-column:2;grid-row:1;align-self:center;justify-self:end;width:var(--hero-avatar-size);height:var(--hero-avatar-size);margin:0;transform:none}.stats{position:static;inset:auto;display:grid;grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,3.333vw,64px);width:100%;margin:0;padding:0;transform:none}.stats>div:nth-child(2){text-align:center}.stats>div:nth-child(3){text-align:right}}@media (min-width: 641px) and (max-width: 960px){.home-page{--hero-nav-height: 72px}.intro{column-gap:32px}.intro h1{font-size:clamp(38px,5.42vw,52px)}.eyebrow{font-size:clamp(30px,4.17vw,40px)}}@media (min-width: 1921px){.home-page{--hero-nav-height: clamp(81px, 4.219vw, 162px);--hero-bottom-space: clamp(42px, min(6.46vw, 11.5svh), 248px);--hero-top-space: clamp(24px, min(3.75vw, 6.67svh), 144px)}.intro{--hero-avatar-size: clamp(320px, min(30vw, calc(100svh - var(--hero-nav-height) - var(--hero-bottom-space) - var(--hero-top-space) - var(--hero-section-gap) - 104px)), 880px);column-gap:clamp(80px,5vw,240px)}.stats{gap:clamp(64px,3.333vw,128px)}}@media (min-width: 641px) and (max-height: 760px){.intro{--hero-avatar-size: clamp(180px, min(30vw, calc(100svh - var(--hero-nav-height) - var(--hero-bottom-space) - var(--hero-top-space) - var(--hero-section-gap) - 52px)), 340px)}}@media (min-width: 641px) and (max-width: 960px) and (orientation: portrait){.home-page{--hero-nav-height: 72px;--hero-bottom-space: clamp(56px, 10svh, 96px);--hero-top-space: clamp(20px, 3svh, 32px);padding-top:var(--hero-nav-height)}.intro{display:flex;min-height:calc(100svh - var(--hero-nav-height));height:auto;flex-direction:column;align-items:stretch;padding:var(--hero-top-space) 0 var(--hero-bottom-space)}.portrait{order:-1;align-self:center;width:clamp(200px,min(48vw,30svh),320px);height:clamp(200px,min(48vw,30svh),320px);margin:0 auto clamp(20px,3svh,32px)}.intro-copy{align-self:stretch;text-align:center}.stats{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;margin-top:clamp(32px,5svh,52px);padding:0;transform:none;text-align:center}.stats>div,.stats>div:nth-child(2),.stats>div:nth-child(3){text-align:center}}@media (max-width: 640px){html{scroll-snap-type:none}:root{--page-gutter: 20px;--scroll-hint-zone: 70px;--scroll-hint-gap: 36px}.project-showcase-page{--showcase-nav-height: 76px}.detail-width{width:calc(100% - 40px)}.project-nav{height:72px}.project-case{padding-top:20px}.case-header h1{font-size:27px}.case-meta{gap:12px;margin-top:20px}.case-meta b{font-size:10px}.case-meta span{font-size:9px}.case-section{grid-template-columns:1fr;gap:10px;margin-top:32px}.case-section h2{font-size:20px}.case-section p,.case-long-copy p{font-size:12px;line-height:1.7}.case-standalone{margin-top:32px}.case-gallery{gap:16px;margin-top:25px}.back-to-top{margin:46px 0 60px}.nav{height:76px;padding-top:0}.home-page,.project-showcase-page,.about-page{padding-top:76px}.nav-actions{gap:0;margin-right:0}.nav-links{gap:18px;font-size:12px}.nav-links>.theme-toggle{margin:0}.theme-toggle{width:34px;height:34px}.theme-toggle-sun,.theme-toggle-moon{top:9px;right:9px;bottom:9px;left:9px;width:16px;height:16px}.about-layout{display:block;padding:48px 0 72px}.about-sidebar{position:static}.about-sidebar h1{font-size:42px}.about-role{margin-top:14px;font-size:16px}.about-contact{margin-top:24px;font-size:12px}.about-filters{display:flex;flex-wrap:wrap;gap:5px;margin:30px 0 34px}.about-filters button{padding:7px 9px;font-size:12px}.about-list{border-radius:20px}.about-entry{grid-template-columns:1fr}.about-entry-copy{padding:28px 24px}.about-entry h2{margin-top:34px;font-size:27px}.about-entry-description{margin-top:17px;font-size:13px}.about-entry ul{font-size:12px}.about-entry-media{min-height:210px;order:-1}.about-entry:nth-child(2n) .about-entry-media{order:0}.about-entry-link{margin-top:20px}.brand{width:94px;height:37px}.home-page,.project{min-height:0;height:auto}.home-page{min-height:100svh;padding-bottom:var(--scroll-hint-zone)}.intro{display:flex;min-height:calc(100svh - 76px - var(--scroll-hint-zone));height:auto;flex-direction:column;align-items:stretch;padding-top:0}.intro-copy{align-self:stretch;text-align:center}.intro h1{font-size:clamp(26px,3.79svh,32px)}.eyebrow{font-size:clamp(21px,3.08svh,26px)}.portrait{order:-1;align-self:center;width:clamp(96px,min(58vw,24svh),240px);height:clamp(96px,min(58vw,24svh),240px);margin:0 auto clamp(12px,3.55svh,30px);transform:none}.stats{position:static;display:grid;grid-template-columns:1fr;gap:clamp(12px,2.37svh,20px);width:100%;margin-top:clamp(18px,4.03svh,34px);padding-bottom:clamp(14px,2.61svh,22px);text-align:center}.stats>div,.stats>div:nth-child(2),.stats>div:nth-child(3){text-align:center}.stats small{margin-bottom:clamp(3px,.59svh,5px);font-size:clamp(10px,1.42svh,12px)}.stats b{overflow:visible;font-size:clamp(11px,1.54svh,13px);text-overflow:clip;white-space:normal}.section-kicker{margin-bottom:28px;font-size:27px}.featured-project-page{height:100svh;padding-top:76px}.scroll-float{font-size:clamp(58px,18vw,104px)}.project{display:flex;min-height:100svh;height:100svh;padding:92px 0 28px}.project-inner{height:100%;display:flex;flex-direction:column;opacity:1;transform:none;transition:none}.project-title{gap:9px;font-size:23px}.tags{margin:12px 0 7px}.tags>span{font-size:16px;padding:6px 16px}.project-description{margin-bottom:12px;font-size:18px}.border-glow-card{min-height:0;flex:1 1 auto}.border-glow-card>.project-cover,.border-glow-card>.project-cover.experience-cover{height:100%;min-height:0;flex:1 1 auto;aspect-ratio:auto;border-radius:32px}.showcase-projects{min-height:0;height:auto;padding:56px 0 76px}.showcase-heading{grid-template-columns:1fr;gap:26px}.showcase-heading h1{max-width:520px;font-size:42px}.showcase-intro{padding-top:0}.showcase-intro p{font-size:15px}.showcase-intro a{margin-top:20px;padding:10px 18px;font-size:13px}.showcase-card-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;margin-top:62px;padding:0}.showcase-card-wrap{width:auto;margin:0;padding:0}.showcase-card{width:auto;margin:0;padding:8px;border-radius:12px;transform:rotate(var(--showcase-tilt))}.showcase-card-wrap:hover .showcase-card,.showcase-card:hover{transform:translateY(-6px) rotate(0)}.showcase-card-image{border-radius:7px}.showcase-card-info{display:block;padding:11px 2px 3px}.showcase-card-info span,.showcase-card-info b{display:block;font-size:10px}.showcase-card-info b{margin-top:5px}.footer{display:block;padding:58px 0 48px}.footer-inner{padding-top:0}.footer h2{font-size:27px}.socials{gap:12px}.socials a{width:22px;height:22px}.contact-details{gap:12px 24px;margin-top:16px}.contact-details a{gap:7px;font-size:12px}.contact-details img{width:15px;height:15px}.contact-note{margin-top:24px;font-size:12px}.copyright{font-size:13px}.scroll-hint img{width:24px}.line-sidebar{display:none}.mobile-quick-menu{position:fixed;z-index:24;top:21px;right:20px;display:block}.mobile-quick-menu-trigger{display:grid;width:34px;height:34px;padding:9px;border:1px solid rgba(17,17,17,.12);border-radius:50%;background:#e8e8eadb;color:#111;cursor:pointer;gap:4px;place-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-quick-menu-trigger span{display:block;width:14px;height:1.5px;border-radius:99px;background:currentColor;transition:transform .25s ease,opacity .2s ease}.mobile-quick-menu.is-open .mobile-quick-menu-trigger span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.mobile-quick-menu.is-open .mobile-quick-menu-trigger span:nth-child(2){opacity:0}.mobile-quick-menu.is-open .mobile-quick-menu-trigger span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.mobile-quick-menu-panel{position:absolute;top:44px;right:0;display:grid;width:min(220px,calc(100vw - 32px));max-height:0;padding:0;overflow:hidden;border:1px solid transparent;border-radius:16px;background:#e8e8eaf0;box-shadow:0 14px 36px #0000001f;opacity:0;pointer-events:none;transition:max-height .35s cubic-bezier(.22,1,.36,1),opacity .2s ease,padding .25s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-quick-menu.is-open .mobile-quick-menu-panel{max-height:420px;padding:7px;border-color:#11111117;opacity:1;pointer-events:auto}.mobile-quick-menu-panel button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 9px;border:0;border-radius:10px;background:transparent;color:#737373;cursor:pointer;font:inherit;font-size:12px;text-align:left}.mobile-quick-menu-panel button small{color:#a2a2a2;font-size:9px;font-variant-numeric:tabular-nums}.mobile-quick-menu-panel button.active{background:#d8d8da;color:#111;font-weight:700}.mobile-quick-menu-panel button.active small{color:#666}html.dark-mode .mobile-quick-menu-trigger,html.dark-mode .mobile-quick-menu-panel{border-color:#ffffff1f;background:#191a1de6;color:#f3f3f3}html.dark-mode .mobile-quick-menu-panel button{color:#a6abb2}html.dark-mode .mobile-quick-menu-panel button.active{background:#30343a;color:#f3f3f3}}@media (max-width: 640px) and (orientation: portrait){.showcase-card-wrap .showcase-card{animation:none;transform:rotate(var(--showcase-tilt));transform-origin:center bottom}}@media (pointer: fine){body,body *{cursor:none!important}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.project-inner{opacity:1;transform:none;transition:none}.scroll-hint img{animation:none;opacity:.6}html[data-theme-anim="1"]::view-transition-new(root){animation:none}}