:root{--portfolio-paper:#f2efe6;--portfolio-ink:#12110f;--portfolio-muted:#68645d;--portfolio-coral:#ff5a43;--portfolio-violet:#6248e8;--portfolio-blue:#a8d8ff;--portfolio-lime:#d7ed5d;--portfolio-line:#12110f38}html{scroll-behavior:smooth}body{margin:0}.portfolio-site{--portfolio-shell-max:1920px;--portfolio-gutter:clamp(36px, 2.5vw, 64px);background:var(--portfolio-paper);min-height:100vh;color:var(--portfolio-ink);font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;overflow:hidden}.portfolio-site *{box-sizing:border-box}.portfolio-site a{color:inherit;text-decoration:none}.portfolio-site img{max-width:100%;display:block}.portfolio-site a:focus-visible{outline:3px solid var(--portfolio-violet);outline-offset:5px}.shell{width:min(var(--portfolio-shell-max), calc(100% - var(--portfolio-gutter) - var(--portfolio-gutter)));margin-inline:auto}.micro-label{letter-spacing:.12em;margin:0;font:700 10px/1.5 ui-monospace,monospace}.tone-coral{--accent:var(--portfolio-coral);--accent-soft:#ffd3ca}.tone-violet{--accent:var(--portfolio-violet);--accent-soft:#d4caff}.tone-blue{--accent:#79bff2;--accent-soft:var(--portfolio-blue)}.tone-lime{--accent:#abc532;--accent-soft:var(--portfolio-lime)}.portfolio-header{z-index:50;height:86px;padding:0 max(var(--portfolio-gutter), calc((100vw - var(--portfolio-shell-max)) / 2));border-bottom:1px solid var(--portfolio-ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f2efe6eb;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.portfolio-brand{align-items:center;gap:11px;font:900 12px/.95 ui-monospace,monospace;display:flex}.brand-mark{background:var(--portfolio-ink);border-radius:50%;place-items:center;width:42px;height:42px;padding:7px;display:grid}.brand-mark img{object-fit:contain;width:100%;height:100%}.portfolio-header nav{align-items:center;gap:34px;font-size:13px;font-weight:800;display:flex}.portfolio-header nav>a:not(.header-contact){position:relative}.portfolio-header nav>a:not(.header-contact):after{content:"";background:var(--portfolio-coral);width:0;height:2px;transition:width .2s;position:absolute;bottom:-8px;left:0}.portfolio-header nav>a:hover:after{width:100%}.header-contact{background:var(--portfolio-ink);gap:34px;padding:12px 15px;display:inline-flex;color:var(--portfolio-paper)!important}.header-contact span{color:var(--portfolio-lime)}.portfolio-footer{min-height:120px;padding:28px max(var(--portfolio-gutter), calc((100vw - var(--portfolio-shell-max)) / 2));background:var(--portfolio-ink);color:var(--portfolio-paper);letter-spacing:.08em;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:24px;font:700 10px ui-monospace,monospace;display:grid}.portfolio-footer>div{align-items:center;gap:12px;display:flex}.portfolio-footer img{background:var(--portfolio-paper);border-radius:50%;width:38px;height:38px;padding:7px}.portfolio-footer p{text-align:center;color:#8d8981;margin:0}.portfolio-footer>a{justify-self:end}.home-hero{grid-template-columns:repeat(12,1fr);align-content:space-between;gap:24px;min-height:calc(100vh - 86px);padding:72px 0 40px;display:grid}.hero-intro{grid-column:1/8;align-self:center}.hero-intro h1{letter-spacing:-.075em;max-width:890px;margin:22px 0 30px;font-size:clamp(56px,7vw,108px);line-height:.98}.hero-intro h1 em{color:var(--portfolio-coral);font-style:normal}.hero-lead{max-width:690px;color:var(--portfolio-muted);margin:0;font-size:clamp(17px,1.45vw,22px);line-height:1.8}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:38px;display:flex}.button{border:1px solid var(--portfolio-ink);justify-content:space-between;gap:32px;min-width:205px;padding:15px 17px;font-size:13px;font-weight:850;display:inline-flex}.button-dark{background:var(--portfolio-ink);color:var(--portfolio-paper)!important}.button-dark span{color:var(--portfolio-lime)}.button-line:hover{background:var(--portfolio-lime)}.hero-board{border:1px solid var(--portfolio-ink);background:#e9e4d9;grid-column:8/13;min-height:510px;position:relative;overflow:hidden}.hero-board-top{z-index:3;justify-content:space-between;padding:18px;font:700 9px ui-monospace,monospace;display:flex;position:relative}.hero-logo{z-index:3;background:var(--portfolio-ink);border-radius:50%;place-items:center;width:230px;height:230px;padding:34px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-logo img{object-fit:contain;width:100%;height:100%}.hero-words{z-index:4;justify-content:space-between;align-items:end;font:700 12px ui-monospace,monospace;display:flex;position:absolute;inset:auto 18px 18px}.hero-words b{color:var(--portfolio-violet);letter-spacing:-.08em;font-size:58px;line-height:.85}.hero-axis{background:var(--portfolio-line);position:absolute}.axis-x{width:100%;height:1px;top:50%;left:0}.axis-y{width:1px;height:100%;top:0;left:50%}.shape{z-index:2;display:block;position:absolute}.shape-red{background:var(--portfolio-coral);width:72px;height:72px;top:18%;left:10%;transform:rotate(12deg)}.shape-lime{background:var(--portfolio-lime);border-radius:50%;width:46px;height:46px;top:14%;right:9%}.shape-violet{background:var(--portfolio-violet);width:100px;height:22px;bottom:19%;right:10%;transform:rotate(-8deg)}.hero-stats{border-block:1px solid var(--portfolio-ink);grid-column:1/13;grid-template-columns:repeat(4,1fr);margin-top:54px;display:grid}.hero-stats>div{border-right:1px solid var(--portfolio-ink);flex-direction:column;justify-content:space-between;min-height:108px;padding:18px 20px;display:flex}.hero-stats>div:last-child{border-right:0}.hero-stats strong{letter-spacing:-.04em;font-size:clamp(20px,2.2vw,32px)}.hero-stats span{color:var(--portfolio-muted);font-size:12px}.fields-section,.skills-section{padding:145px 0;scroll-margin-top:80px}.section-heading{grid-template-columns:1fr 2fr 1fr;align-items:end;gap:34px;margin-bottom:64px;display:grid}.section-heading>div{align-items:center;gap:13px;display:flex}.section-heading>div>span,.subsection-heading>div>span{border:1px solid;border-radius:50%;place-items:center;width:35px;height:35px;font:700 9px ui-monospace,monospace;display:grid}.section-heading>div p,.subsection-heading>div p{letter-spacing:.1em;margin:0;font:700 10px ui-monospace,monospace}.section-heading h2{letter-spacing:-.065em;margin:0;font-size:clamp(40px,4.8vw,70px);line-height:1.08}.section-heading>p{max-width:340px;color:var(--portfolio-muted);margin:0;font-size:14px;line-height:1.75}.field-grid{grid-template-rows:repeat(2,320px) 340px;grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.field-card{border:1px solid var(--portfolio-ink);background:var(--accent-soft);transition:transform .25s,box-shadow .25s;display:block;position:relative;overflow:hidden}.field-card:hover{z-index:2;transform:translateY(-5px);box-shadow:0 18px 40px #12110f21}.field-app-product{grid-area:1/1/3/8}.field-game-interactive{grid-area:1/8/auto/13}.field-visual-content{grid-area:2/8/auto/13}.field-creative-lab{grid-area:3/1/auto/13}.field-card-copy{z-index:6;flex-direction:column;justify-content:space-between;height:100%;padding:26px;display:flex;position:relative}.field-card-copy>div:nth-child(2){max-width:48%}.field-game-interactive .field-card-copy>div:nth-child(2),.field-visual-content .field-card-copy>div:nth-child(2){max-width:52%}.field-meta,.field-footer{letter-spacing:.08em;justify-content:space-between;align-items:center;gap:18px;font:700 9px ui-monospace,monospace;display:flex}.field-card-copy>div:nth-child(2)>p{color:#12110fa1;letter-spacing:.08em;margin:0 0 10px;font:700 9px ui-monospace,monospace}.field-card h3{letter-spacing:-.06em;margin:0 0 16px;font-size:clamp(30px,3.2vw,50px);line-height:1}.field-card-copy>div:nth-child(2)>div{max-width:490px;font-size:14px;line-height:1.75}.field-footer>span{max-width:80%}.field-footer b{border:1px solid;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:19px;transition:transform .25s;display:grid}.field-card:hover .field-footer b{transform:rotate(45deg)}.area-visual{border:1px solid var(--portfolio-ink);background:var(--accent-soft);min-height:560px;position:relative;overflow:hidden}.field-card .area-visual{z-index:2;background:0 0;border:0;width:53%;min-height:100%;position:absolute;inset:0 0 0 auto}.field-game-interactive .area-visual,.field-visual-content .area-visual{width:48%}.field-creative-lab .area-visual{width:52%}.area-visual:before{content:"";background-image:linear-gradient(#12110f1a 1px,#0000 1px),linear-gradient(90deg,#12110f1a 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0}.mini-phone{z-index:2;border:2px solid var(--portfolio-ink);background:var(--portfolio-ink);border-radius:34px;width:205px;height:430px;padding:7px;position:absolute;overflow:hidden;box-shadow:0 24px 44px #281c4c3d}.mini-phone img{object-fit:cover;border-radius:26px;width:100%;height:100%}.phone-a{top:15%;left:10%;transform:rotate(-8deg)}.phone-b{top:10%;right:5%;transform:rotate(7deg)}.floating-app-icon{z-index:4;border-radius:23px;width:95px;position:absolute;bottom:6%;left:2%;transform:rotate(8deg);box-shadow:0 16px 32px #281c4c38}.is-compact .mini-phone{width:175px;height:365px}.game-tile{z-index:2;border:2px solid var(--portfolio-ink);box-shadow:12px 12px 0 var(--portfolio-ink);position:absolute;overflow:hidden}.game-tile img{object-fit:cover;width:100%;height:100%}.game-tile-a{aspect-ratio:16/9;width:72%;top:13%;right:8%;transform:rotate(3deg)}.game-tile-b{aspect-ratio:16/9;width:55%;bottom:8%;right:26%;transform:rotate(-5deg)}.pixel-cross{z-index:3;color:var(--portfolio-lime);font-size:56px;line-height:1;position:absolute;top:11%;left:7%}.poster-stack{position:absolute;inset:7%}.poster{border:2px solid var(--portfolio-ink);flex-direction:column;justify-content:space-between;padding:14px;font:700 8px ui-monospace,monospace;display:flex;position:absolute;box-shadow:8px 8px #12110fe6}.poster b{letter-spacing:-.08em;font-size:clamp(26px,3vw,46px);line-height:.85}.poster-a{background:var(--portfolio-coral);width:50%;height:75%;top:3%;left:4%;transform:rotate(-6deg)}.poster-b{background:var(--portfolio-lime);width:44%;height:62%;top:15%;right:2%;transform:rotate(7deg)}.poster-c{background:var(--portfolio-violet);color:#fff;width:48%;height:42%;bottom:0;left:25%;transform:rotate(1deg)}.wire-orb{z-index:2;border:2px solid var(--portfolio-ink);border-radius:50%;width:230px;height:230px;position:absolute;top:50%;left:48%;transform:translate(-50%,-50%)}.wire-orb:before,.wire-orb:after,.wire-orb i{content:"";border:1px solid var(--portfolio-ink);border-radius:50%;position:absolute}.wire-orb:before{inset:0 32%}.wire-orb:after{inset:32% 0}.wire-orb i:first-child{inset:12%;transform:rotate(45deg)}.wire-orb i:nth-child(2){inset:12%;transform:rotate(-45deg)}.wire-orb i:nth-child(3){border-color:#12110f47;inset:-14%}.lab-code{z-index:3;font:800 11px/1.7 ui-monospace,monospace;position:absolute;bottom:8%;right:7%}.lab-dot{z-index:3;border-radius:50%;display:block;position:absolute}.lab-dot-a{background:var(--portfolio-coral);width:36px;height:36px;top:13%;left:10%}.lab-dot-b{background:var(--portfolio-violet);width:22px;height:22px;top:16%;right:13%}.resume-section{background:var(--portfolio-ink);color:var(--portfolio-paper);padding:135px 0 90px;scroll-margin-top:80px}.section-heading.inverted>p{color:#aaa59b}.experience-list{border-top:1px solid #f2efe675}.experience-list article{border-bottom:1px solid #f2efe652;grid-template-columns:70px 170px 1.4fr 1fr;align-items:center;gap:25px;min-height:132px;display:grid}.experience-list article>span,.experience-list article>small{letter-spacing:.08em;font:700 9px ui-monospace,monospace}.experience-list article>small{color:var(--portfolio-lime)}.experience-list h3{letter-spacing:-.045em;margin:0;font-size:clamp(22px,2.5vw,36px)}.experience-list p{color:#a9a49b;margin:0;font-size:13px;line-height:1.6}.resume-note{border:1px dashed #f2efe66b;grid-template-columns:170px 1fr auto;align-items:center;gap:30px;margin-top:24px;padding:22px;display:grid}.resume-note span,.resume-note b{letter-spacing:.09em;font:700 9px ui-monospace,monospace}.resume-note b{color:var(--portfolio-coral)}.resume-note p{color:#aaa59b;margin:0;font-size:13px;line-height:1.6}.skill-groups{border-top:1px solid var(--portfolio-ink)}.skill-groups article{border-bottom:1px solid var(--portfolio-ink);grid-template-columns:1.2fr 1.8fr 60px;align-items:center;gap:28px;min-height:150px;padding:22px 0;display:grid}.skill-title{align-items:center;gap:20px;display:flex}.skill-title>span{background:var(--portfolio-ink);width:42px;height:42px;color:var(--portfolio-paper);border-radius:50%;place-items:center;font:700 10px ui-monospace,monospace;display:grid}.skill-title h3{letter-spacing:-.045em;margin:0 0 7px;font-size:27px}.skill-title p{color:var(--portfolio-muted);margin:0;font-size:12px}.skill-items{flex-wrap:wrap;gap:8px;display:flex}.skill-items span{border:1px solid var(--portfolio-line);border-radius:99px;padding:9px 11px;font-size:11px;font-weight:750}.skill-groups article>b{color:var(--portfolio-coral);justify-self:end;font-size:28px}.contact-section{background:var(--portfolio-coral);padding:115px 0 52px;scroll-margin-top:80px}.contact-section h2{letter-spacing:-.08em;max-width:1200px;margin:38px 0 65px;font-size:clamp(56px,9vw,132px);line-height:.95}.contact-section>div>a{border-block:1px solid var(--portfolio-ink);letter-spacing:-.04em;justify-content:space-between;width:100%;padding:20px 0;font-size:clamp(20px,3vw,43px);font-weight:800;display:flex}.contact-section>div>a span{transition:transform .2s}.contact-section>div>a:hover span{transform:translate(8px,-8px)}.contact-meta{letter-spacing:.08em;justify-content:space-between;margin-top:28px;font:700 9px ui-monospace,monospace;display:flex}.area-page{--accent:var(--portfolio-coral);--accent-soft:#ffd3ca}.area-hero{padding:34px 0 115px}.breadcrumbs{color:var(--portfolio-muted);letter-spacing:.08em;flex-wrap:wrap;gap:11px;margin-bottom:65px;font:700 9px ui-monospace,monospace;display:flex}.breadcrumbs b{color:var(--accent)}.area-hero-grid{grid-template-columns:.95fr 1.05fr;align-items:stretch;gap:40px;display:grid}.area-hero-copy{flex-direction:column;justify-content:center;padding:55px 0;display:flex}.area-label{color:var(--accent);letter-spacing:.1em;margin:0;font:800 10px ui-monospace,monospace}.area-hero-copy h1{letter-spacing:-.075em;max-width:650px;margin:20px 0 30px;font-size:clamp(58px,7vw,104px);line-height:.95}.area-hero-copy>p:not(.area-label){max-width:620px;color:var(--portfolio-muted);margin:0;font-size:17px;line-height:1.85}.proof-list{flex-wrap:wrap;gap:8px;margin-top:36px;display:flex}.proof-list span{border:1px solid var(--portfolio-ink);border-radius:99px;padding:9px 12px;font-size:11px;font-weight:750}.area-projects{border-top:1px solid var(--portfolio-ink);padding:110px 0 130px}.subsection-heading{grid-template-columns:1fr 2fr;align-items:end;gap:34px;margin-bottom:62px;display:grid}.subsection-heading>div{align-items:center;gap:13px;display:flex}.subsection-heading h2{letter-spacing:-.065em;margin:0;font-size:clamp(42px,5vw,72px)}.project-detail-list{border-top:1px solid var(--portfolio-ink)}.project-detail{border-bottom:1px solid var(--portfolio-ink);grid-template-columns:55px 1.25fr 1fr;gap:34px;min-height:420px;padding:28px 0;display:grid}.project-detail-number{font:700 9px ui-monospace,monospace}.project-detail-media{background:#ddd8ce;min-width:0;overflow:hidden}.project-detail-media>img{object-fit:cover;width:100%;height:100%}.project-detail-copy{flex-direction:column;padding:16px 0;display:flex}.project-detail-copy>p{color:var(--accent);letter-spacing:.08em;margin:0;font:800 9px ui-monospace,monospace}.project-detail-copy h3{letter-spacing:-.06em;margin:14px 0 25px;font-size:clamp(35px,4vw,57px);line-height:1}.project-detail-copy>div{color:var(--portfolio-muted);line-height:1.8}.project-detail-copy>span{margin-top:auto;padding-top:30px;font:700 9px ui-monospace,monospace}.project-detail-copy>a{border-bottom:1px solid var(--accent);width:fit-content;margin-top:20px;padding-bottom:6px;font-size:13px;font-weight:800}.placeholder-art{border:1px dashed var(--portfolio-ink);background:var(--accent-soft);flex-direction:column;justify-content:space-between;width:100%;height:100%;min-height:360px;padding:24px;display:flex;position:relative;overflow:hidden}.placeholder-art:before{content:"";border:2px solid var(--portfolio-ink);border-radius:50%;width:260px;height:260px;position:absolute;bottom:-50px;right:-35px}.placeholder-art:after{content:"";background:var(--portfolio-ink);width:2px;height:150%;position:absolute;top:-25%;left:50%;transform:rotate(38deg)}.placeholder-art>*{z-index:2;position:relative}.placeholder-art span,.placeholder-art small{font:700 9px/1.6 ui-monospace,monospace}.placeholder-art b{color:var(--accent);letter-spacing:-.08em;align-self:center;font-size:clamp(58px,8vw,110px)}.area-capabilities{background:var(--portfolio-ink);color:var(--portfolio-paper);padding:120px 0}.subsection-heading.light>div>span{border-color:var(--portfolio-paper)}.capability-tags{flex-wrap:wrap;gap:10px;display:flex}.capability-tags>span{border:1px solid #f2efe66b;border-radius:99px;padding:14px 17px;font-size:13px;font-weight:750}.skill-rows{border-top:1px solid #f2efe673;margin-top:60px}.skill-rows>div{border-bottom:1px solid #f2efe64d;justify-content:space-between;align-items:center;gap:28px;min-height:84px;display:flex}.skill-rows strong{font-size:19px}.skill-rows span{color:var(--accent-soft);font:700 10px ui-monospace,monospace}.next-area{justify-content:space-between;align-items:center;gap:30px;padding:110px 0;display:flex}.next-area p{color:var(--portfolio-muted);margin:0}.next-area a{border-bottom:1px solid var(--accent);padding-bottom:7px;font-size:clamp(20px,2vw,30px);font-weight:800}@media (max-width:1100px){.home-hero{padding-top:55px}.hero-intro{grid-column:1/7}.hero-board{grid-column:7/13}.field-grid{grid-template-rows:repeat(2,300px) 320px}.mini-phone{width:170px;height:355px}.field-card h3{font-size:34px}.experience-list article{grid-template-columns:50px 120px 1.4fr 1fr}}@media (max-width:820px){.shell{width:calc(100% - 40px)}.portfolio-header{height:76px;padding:0 20px}.portfolio-header nav{gap:18px}.portfolio-header nav>a:nth-child(2),.portfolio-header nav>a:nth-child(3){display:none}.home-hero{grid-template-columns:1fr;min-height:auto;padding-top:50px}.hero-intro,.hero-board,.hero-stats{grid-column:1}.hero-board{min-height:460px;margin-top:25px}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats>div:nth-child(2){border-right:0}.hero-stats>div:nth-child(-n+2){border-bottom:1px solid var(--portfolio-ink)}.section-heading{grid-template-columns:1fr;align-items:start}.section-heading>p{max-width:550px}.field-grid{grid-template-rows:none;grid-template-columns:1fr;display:grid}.field-card{grid-area:auto/1;min-height:560px}.field-card-copy>div:nth-child(2),.field-game-interactive .field-card-copy>div:nth-child(2),.field-visual-content .field-card-copy>div:nth-child(2){max-width:72%}.field-card .area-visual,.field-game-interactive .area-visual,.field-visual-content .area-visual,.field-creative-lab .area-visual{width:100%;height:55%;min-height:0;inset:auto 0 0}.field-footer{align-items:end}.experience-list article{grid-template-columns:40px 1fr;min-height:170px;padding:24px 0}.experience-list article>small,.experience-list article>p,.experience-list h3{grid-column:2}.resume-note{grid-template-columns:1fr}.skill-groups article{grid-template-columns:1fr auto}.skill-items{grid-column:1/3}.skill-groups article>b{grid-area:1/2}.portfolio-footer{grid-template-columns:1fr;padding-inline:20px}.portfolio-footer p{text-align:left}.portfolio-footer>a{justify-self:start}.area-hero-grid{grid-template-columns:1fr}.area-hero-copy{padding:25px 0}.subsection-heading{grid-template-columns:1fr;align-items:start}.project-detail{grid-template-columns:40px 1fr}.project-detail-media,.project-detail-copy{grid-column:2}}@media (max-width:540px){.portfolio-header nav>a:first-child{display:none}.portfolio-header nav{gap:10px}.header-contact{gap:18px}.hero-intro h1{font-size:clamp(38px,10.5vw,48px)}.hero-intro h1 em{white-space:nowrap;display:inline-block}.hero-board{min-height:390px}.hero-logo{width:170px;height:170px;padding:26px}.hero-words b{font-size:42px}.hero-stats strong{font-size:20px}.fields-section,.skills-section{padding:95px 0}.section-heading{gap:22px;margin-bottom:45px}.section-heading h2{font-size:36px}.field-card{min-height:540px}.field-card-copy{padding:20px}.field-card-copy>div:nth-child(2),.field-game-interactive .field-card-copy>div:nth-child(2),.field-visual-content .field-card-copy>div:nth-child(2){max-width:100%}.field-card-copy>div:nth-child(2){margin-bottom:230px}.field-footer>span{font-size:8px}.field-card .area-visual,.field-game-interactive .area-visual,.field-visual-content .area-visual,.field-creative-lab .area-visual{height:46%}.mini-phone,.is-compact .mini-phone{border-radius:24px;width:130px;height:270px}.mini-phone img{border-radius:17px}.phone-a{top:9%;left:17%}.phone-b{top:5%;right:12%}.floating-app-icon{border-radius:15px;width:68px}.resume-section{padding-top:90px}.experience-list article{grid-template-columns:30px 1fr}.skill-title h3{font-size:23px}.contact-section h2{font-size:clamp(48px,14vw,70px)}.contact-section>div>a{overflow-wrap:anywhere;font-size:19px}.contact-meta{flex-direction:column;align-items:start;gap:12px}.breadcrumbs{margin-bottom:35px}.area-hero{padding-bottom:80px}.area-hero-copy h1{font-size:clamp(42px,12vw,48px)}.area-visual{min-height:440px}.area-projects{padding:80px 0 95px}.project-detail{grid-template-columns:25px 1fr;gap:14px}.project-detail-media,.project-detail-copy{grid-column:2}.placeholder-art{min-height:300px}.area-capabilities{padding:85px 0}.skill-rows>div{flex-direction:column;justify-content:center;align-items:start;gap:8px}.next-area{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-site *,.portfolio-site :before,.portfolio-site :after{transition-duration:.01ms!important}}.pixel-site{--pixel-black:#171512;--pixel-sky:#8ed1f4;--pixel-grass:#68a942;--pixel-dirt:#8b5935;--pixel-stone:#a8aaa5;--pixel-wood:#9a673e;--pixel-cream:#f6edcf;background:var(--pixel-sky);color:var(--pixel-black);image-rendering:pixelated;font-family:ui-monospace,Cascadia Mono,Microsoft JhengHei,monospace}.pixel-site .portfolio-header{color:#fff;background:linear-gradient(90deg,#ffffff0f 50%,#0000 50%) 0 0/28px 28px,#302d28;border-bottom:5px solid #090908;height:82px;box-shadow:inset 0 -4px #54514b,0 5px #00000040}.pixel-site .brand-mark{background:#575757;border:4px solid #080808;border-radius:0;width:48px;height:48px;box-shadow:inset 3px 3px #9f9f9f,inset -3px -3px #272727}.pixel-site .portfolio-brand{letter-spacing:.04em;text-shadow:2px 2px #000}.pixel-site .portfolio-header nav{font-weight:900}.pixel-site .header-contact{text-shadow:2px 2px #000000a6;background:#5c9c36;border:4px solid #0b0b0a;box-shadow:inset 3px 3px #83c55a,inset -3px -3px #386c21,4px 4px #0b0b0a}.pixel-site .header-contact span{color:#fff16b}.pixel-site .home-hero,.pixel-site .area-hero{background:linear-gradient(#fff 0 0) 8% 12% / 108px 24px no-repeat, linear-gradient(#fff 0 0) 13% 9% / 50px 24px no-repeat, linear-gradient(#fff 0 0) 86% 20% / 130px 24px no-repeat, linear-gradient(#fff 0 0) 81% 17% / 56px 24px no-repeat, var(--pixel-sky);box-shadow:0 0 0 100vmax var(--pixel-sky);clip-path:inset(0 -100vmax);position:relative}.pixel-site .home-hero:after,.pixel-site .area-hero:after{content:"";z-index:0;background:linear-gradient(#75bc48 0 0) top/100% 13px no-repeat,repeating-linear-gradient(90deg,#8b5935 0 26px,#76502f 26px 52px);width:100vw;height:38px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.pixel-site .hero-intro,.pixel-site .hero-board,.pixel-site .hero-stats,.pixel-site .area-hero-grid,.pixel-site .breadcrumbs{z-index:2;position:relative}.pixel-site .micro-label,.pixel-site .area-label{border:3px solid var(--pixel-black);width:fit-content;box-shadow:4px 4px var(--pixel-black);background:#fff3bc;padding:7px 9px}.pixel-site .hero-intro h1,.pixel-site .area-hero-copy h1{color:#fff;letter-spacing:-.075em;text-shadow:4px 0 #24201b,-4px 0 #24201b,0 4px #24201b,0 -4px #24201b,7px 7px #385f78;font-weight:1000}.pixel-site .hero-intro h1{font-size:clamp(60px,5.4vw,84px)}.pixel-site .hero-intro h1 em{color:#fff16b}.pixel-site .hero-lead,.pixel-site .area-hero-copy>p:not(.area-label){border:4px solid var(--pixel-black);color:#302a24;box-shadow:7px 7px var(--pixel-black);background:#f6edcff2;padding:18px;font-weight:750}.pixel-site .button{text-transform:uppercase;background:#c4c4c4;border:4px solid #090908;font-weight:950;box-shadow:inset 3px 3px #efefef,inset -3px -3px #666,0 6px #090908}.pixel-site .button:hover{transform:translateY(-2px)}.pixel-site .button:active{transform:translateY(5px);box-shadow:inset 3px 3px #666,inset -3px -3px #efefef,0 1px #090908}.pixel-site .button-dark{background:#4f8f35;box-shadow:inset 3px 3px #77bd55,inset -3px -3px #2e5d1d,0 6px #090908;color:#fff!important}.pixel-site .button-line:hover{background:#f2da58}.pixel-site .hero-board{background:conic-gradient(from 90deg, #9b663e 25%, #774829 0 50%, #9b663e 0 75%, #774829 0) 0 0 / 62px 62px;border:6px solid #0a0908;box-shadow:inset 5px 5px #ffffff2e,inset -5px -5px #00000040,11px 11px #0a0908}.pixel-site .hero-board-top{color:#fff8d9;text-shadow:2px 2px #241307}.pixel-site .hero-logo{background:#4b4b4b;border:7px solid #080807;border-radius:0;box-shadow:inset 6px 6px #858585,inset -6px -6px #242424,9px 9px #00000073}.pixel-site .hero-words{color:#fff;text-shadow:3px 3px #21120b}.pixel-site .hero-words b{color:#fff16b;text-shadow:4px 4px #2b160a}.pixel-site .hero-axis{background:#21120961;height:3px}.pixel-site .axis-y{width:3px;height:100%}.pixel-site .shape-red{background:#e64b39;box-shadow:5px 5px #762419}.pixel-site .shape-lime{background:#75c343;border:4px solid #1d4d1a;border-radius:0;box-shadow:5px 5px #285e21}.pixel-site .shape-violet{background:#6d51cc;box-shadow:5px 5px #302261}.pixel-site .hero-stats{background:#303030;border:5px solid #080808;gap:6px;padding:8px;box-shadow:inset 4px 4px #5a5a5a,inset -4px -4px #171717,8px 8px #00000073}.pixel-site .hero-stats>div{color:#fff;text-shadow:2px 2px #2a2a2a;background:#8a8a8a;border:4px solid #444;border-color:#d7d7d7 #444 #444 #d7d7d7;min-height:104px}.pixel-site .hero-stats span{color:#f2f2f2}.pixel-site .fields-section{background:linear-gradient(#ffffff14 50%, transparent 50%) 0 0 / 52px 52px, var(--pixel-grass);box-shadow:0 0 0 100vmax var(--pixel-grass);clip-path:inset(0 -100vmax);position:relative}.pixel-site .fields-section:before{content:"";background:repeating-linear-gradient(90deg,#9acb55 0 34px,#75ad3e 34px 68px);width:100vw;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.pixel-site .fields-section .section-heading h2,.pixel-site .fields-section .section-heading>div,.pixel-site .fields-section .section-heading>p{color:#fff;text-shadow:3px 3px #315522}.pixel-site .section-heading>div>span,.pixel-site .subsection-heading>div>span{color:#111;text-shadow:none;background:#f3db74;border:4px solid #111;border-radius:0;box-shadow:4px 4px #111}.pixel-site .section-heading h2,.pixel-site .subsection-heading h2{font-weight:1000}.pixel-site .field-card{border:6px solid var(--pixel-black);box-shadow:10px 10px var(--pixel-black);transition:transform .12s steps(2,end),box-shadow .12s steps(2,end)}.pixel-site .field-card:hover{box-shadow:14px 14px var(--pixel-black);transform:translate(-3px,-3px)}.pixel-site .field-card.tone-coral{background:#a96b40}.pixel-site .field-card.tone-violet{color:#fff;background:#704fa9}.pixel-site .field-card.tone-blue{background:#66add3}.pixel-site .field-card.tone-lime{background:#a4a69f}.pixel-site .field-card:before{content:"";z-index:1;opacity:.28;background:conic-gradient(#ffffff47 25%, transparent 0 50%, #0000002b 0 75%, transparent 0) 0 0 / 44px 44px;position:absolute;inset:0}.pixel-site .field-meta{border:3px solid var(--pixel-black);color:var(--pixel-black);box-shadow:4px 4px var(--pixel-black);background:#f6edcfeb;padding:8px 10px}.pixel-site .field-card-copy>div:nth-child(2){border:4px solid var(--pixel-black);color:var(--pixel-black);box-shadow:6px 6px var(--pixel-black);background:#f6edcff0;padding:14px}.pixel-site .field-card-copy>div:nth-child(2)>p{color:#5f4934}.pixel-site .field-card h3{text-shadow:2px 2px #fff;font-weight:1000}.pixel-site .field-footer{background:var(--pixel-black);color:#fff;text-shadow:2px 2px #000;padding:9px 10px}.pixel-site .field-footer b{color:#fff16b;border:3px solid #fff;border-radius:0}.pixel-site .area-visual{border:5px solid var(--pixel-black);background-color:var(--pixel-stone)}.pixel-site .field-card .area-visual{border-left:5px solid var(--pixel-black)}.pixel-site .mini-phone{border-width:5px;border-radius:8px;box-shadow:8px 8px #171512}.pixel-site .mini-phone img{border-radius:2px}.pixel-site .floating-app-icon{border:5px solid #171512;border-radius:3px;box-shadow:7px 7px #171512}.pixel-site .game-tile{border-width:5px;box-shadow:9px 9px #171512}.pixel-site .poster{border-width:5px;border-radius:0;box-shadow:8px 8px #171512}.pixel-site .wire-orb,.pixel-site .wire-orb:before,.pixel-site .wire-orb:after,.pixel-site .wire-orb i{border-radius:0}.pixel-site .resume-section{background:conic-gradient(from 90deg, #3d3f3d 25%, #323331 0 50%, #4a4b48 0 75%, #2b2c2a 0) 0 0 / 64px 64px;color:#fff;border-block:9px solid #171512}.pixel-site .resume-section .section-heading h2{color:#fff;text-shadow:4px 4px #000}.pixel-site .experience-list{border:0;gap:10px;display:grid}.pixel-site .experience-list article{background:#282826f2;border:5px solid #171512;padding:18px;box-shadow:inset 4px 4px #676965,inset -4px -4px #1d1d1c,6px 6px #171512}.pixel-site .experience-list article>small{color:#fff16b}.pixel-site .resume-note{background:#96613b;border:5px solid #22130a;box-shadow:inset 4px 4px #bb8053,inset -4px -4px #674023,7px 7px #171512}.pixel-site .resume-note p{color:#fff6db}.pixel-site .resume-note b{color:#fff16b}.pixel-site .skills-section{clip-path:inset(0 -100vmax);background:linear-gradient(90deg,#ffffff1a 50%,#0000 50%) 0 0/48px 48px,#d8b980;box-shadow:0 0 0 100vmax #d8b980}.pixel-site .skill-groups{border:0;gap:12px;display:grid}.pixel-site .skill-groups article{background:#b9b9b6;border:5px solid #171512;padding:18px;box-shadow:inset 4px 4px #e5e5e2,inset -4px -4px #6c6d69,7px 7px #171512}.pixel-site .skill-title>span{background:#5d9d39;border:4px solid #171512;border-radius:0;box-shadow:inset 3px 3px #83c55a,inset -3px -3px #386c21}.pixel-site .skill-title h3{text-shadow:2px 2px #eee;font-weight:1000}.pixel-site .skill-title p{color:#3e3b36}.pixel-site .skill-items span{border:4px solid;color:#fff;text-shadow:2px 2px #333;background:#8e8e8b;border-color:#dedede #555 #555 #dedede;border-radius:0}.pixel-site .skill-groups article>b{color:#fff16b;text-shadow:3px 3px #171512}.pixel-site .contact-section{background:conic-gradient(from 90deg, #e34c22 25%, #f07724 0 50%, #c73c1d 0 75%, #ee6324 0) 0 0 / 70px 70px;border-top:9px solid #171512}.pixel-site .contact-section .micro-label{background:#ffdc58}.pixel-site .contact-section h2{color:#fff;text-shadow:5px 0 #171512,-5px 0 #171512,0 5px #171512,0 -5px #171512,8px 8px #6f1e10;font-weight:1000}.pixel-site .contact-section>div>a{color:#fff16b;text-shadow:3px 3px #000;background:#2f2d29;border:5px solid #171512;padding:20px;box-shadow:inset 4px 4px #5c5a55,inset -4px -4px #151413,8px 8px #171512}.pixel-site .portfolio-footer{background:conic-gradient(#242422 25%, #31312e 0 50%, #1c1c1b 0 75%, #393936 0) 0 0 / 42px 42px;border-top:7px solid #090908}.pixel-site .portfolio-footer img{background:#777;border:4px solid #090908;border-radius:0;box-shadow:inset 3px 3px #aaa,inset -3px -3px #444}.pixel-site.area-page .portfolio-header{position:sticky}.pixel-site .breadcrumbs{background:#f6edcf;border:4px solid #171512;width:fit-content;padding:9px 11px;box-shadow:5px 5px #171512}.pixel-site .proof-list span,.pixel-site .capability-tags>span{color:#171512;background:#c2c2bf;border:4px solid #171512;border-radius:0;font-weight:900;box-shadow:inset 3px 3px #e9e9e6,inset -3px -3px #6a6a67,4px 4px #171512}.pixel-site .area-projects{clip-path:inset(0 -100vmax);background:#d6b783;box-shadow:0 0 0 100vmax #d6b783}.pixel-site .project-detail-list{border:0;gap:16px;display:grid}.pixel-site .project-detail{background:#eee8d5;border:6px solid #171512;padding:22px;box-shadow:9px 9px #171512}.pixel-site .project-detail-media{border:5px solid #171512;box-shadow:inset 3px 3px #ffffff59,inset -3px -3px #0000002e}.pixel-site .project-detail-copy>p{background:var(--accent);color:#171512;border:3px solid #171512;width:fit-content;padding:7px 9px;box-shadow:3px 3px #171512}.pixel-site .project-detail-copy>a{color:#fff;background:#5d9d39;border:4px solid #171512;padding:11px 13px;box-shadow:inset 3px 3px #83c55a,inset -3px -3px #386c21,4px 4px #171512}.pixel-site .placeholder-art{background:var(--accent-soft);border:5px dashed #171512}.pixel-site .placeholder-art:before{border-width:5px;border-radius:0}.pixel-site .area-capabilities{background:conic-gradient(#30312f 25%, #3b3c39 0 50%, #272826 0 75%, #464744 0) 0 0 / 56px 56px}.pixel-site .skill-rows{border:0;gap:8px;display:grid}.pixel-site .skill-rows>div{background:#565754;border:4px solid #171512;padding:14px 18px;box-shadow:inset 3px 3px #777873,inset -3px -3px #30312e}.pixel-site .skill-rows span{color:#fff16b}.pixel-site .next-area{background:var(--pixel-sky);box-shadow:0 0 0 100vmax var(--pixel-sky);clip-path:inset(0 -100vmax)}.pixel-site .next-area a{background:#f6edcf;border:4px solid #171512;padding:13px;box-shadow:5px 5px #171512}@media (max-width:820px){.pixel-site .portfolio-header{height:74px}.pixel-site .home-hero:after,.pixel-site .area-hero:after{height:26px}.pixel-site .hero-intro h1,.pixel-site .area-hero-copy h1{text-shadow:3px 0 #24201b,-3px 0 #24201b,0 3px #24201b,0 -3px #24201b,5px 5px #385f78}.pixel-site .hero-board{box-shadow:7px 7px #0a0908}.pixel-site .field-card{box-shadow:6px 6px var(--pixel-black)}.pixel-site .field-card .area-visual{border:0;border-top:5px solid var(--pixel-black)}.pixel-site .experience-list article{box-shadow:5px 5px #171512}}@media (max-width:540px){.pixel-site .portfolio-header{padding-inline:14px}.pixel-site .brand-mark{width:43px;height:43px}.pixel-site .hero-intro h1{font-size:clamp(38px,10.5vw,46px)}.pixel-site .hero-lead{box-shadow:5px 5px var(--pixel-black);padding:14px}.pixel-site .button{box-shadow:inset 3px 3px #efefef,inset -3px -3px #666,0 5px #090908}.pixel-site .hero-board{min-height:370px}.pixel-site .hero-logo{border-width:5px;box-shadow:inset 4px 4px #858585,inset -4px -4px #242424,6px 6px #00000073}.pixel-site .hero-stats{box-shadow:5px 5px #00000073}.pixel-site .section-heading h2{color:#fff;text-shadow:3px 3px #00000059;font-size:36px}.pixel-site .skills-section .section-heading h2{color:#171512;text-shadow:2px 2px #fff}.pixel-site .field-card-copy>div:nth-child(2){padding:11px;box-shadow:4px 4px #171512}.pixel-site .field-card h3{font-size:29px}.pixel-site .field-footer{padding:7px}.pixel-site .experience-list article{padding:14px}.pixel-site .skill-groups article{padding:13px;box-shadow:5px 5px #171512}.pixel-site .contact-section h2{text-shadow:3px 0 #171512,-3px 0 #171512,0 3px #171512,0 -3px #171512,6px 6px #6f1e10}.pixel-site .area-hero-copy h1{font-size:clamp(38px,10.5vw,46px)}.pixel-site .project-detail{padding:14px;box-shadow:6px 6px #171512}}.classic-site{--classic-ink:#f6f2ea;--classic-muted:#aaa5ae;--classic-night:#151419;--classic-night-soft:#1d1b22;--classic-panel:#232128;--classic-violet:#7657f2;--classic-coral:#ff705e;--classic-lime:#d8f36a;--classic-line:#ffffff1f;isolation:isolate;color:var(--classic-ink);background:#0d0c10;font-family:Arial,Noto Sans TC,Microsoft JhengHei,sans-serif;position:relative}.classic-site>main,.classic-site>.portfolio-footer{z-index:1;position:relative}.classic-site .portfolio-ambient{z-index:0;contain:strict;pointer-events:none;background:#0d0c10;position:fixed;inset:0;overflow:hidden}.classic-site .portfolio-ambient>span{will-change:transform;display:block;position:absolute}.classic-site .portfolio-ambient-grid{z-index:0;opacity:.26;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:64px 64px;animation:30s linear infinite ambient-grid-shift;inset:-20%;transform:translate(-64px,-64px)rotate(-7deg)}.classic-site .portfolio-ambient-orb{z-index:1;mix-blend-mode:screen;border-radius:50%;width:72vmax;height:72vmax}.classic-site .ambient-orb-coral{opacity:.34;background:radial-gradient(circle,#ff705e6b 0,#ff705e21 27%,#0000 68%);animation:20s ease-in-out infinite alternate ambient-coral-drift;top:-46vmax;right:-34vmax}.classic-site .ambient-orb-violet{opacity:.32;background:radial-gradient(circle,#7657f27a 0,#7657f221 29%,#0000 68%);animation:24s ease-in-out infinite alternate ambient-violet-drift;bottom:-50vmax;left:-38vmax}.classic-site .portfolio-ambient-scan{z-index:2;opacity:.68;background:linear-gradient(90deg,#0000,#ffffff13,#ff705e0e,#0000);width:clamp(190px,24vw,430px);height:230%;animation:18s ease-in-out infinite ambient-scan-pass;top:-65%;left:-50vw;transform:translate(-15vw)rotate(16deg)}.portfolio-magic-rings{display:none}@media (hover:hover) and (pointer:fine){.classic-site .portfolio-magic-rings{--rings-x:-260px;--rings-y:-260px;z-index:1085;opacity:0;width:240px;height:240px;transform:translate3d(var(--rings-x), var(--rings-y), 0) translate(-50%, -50%);mix-blend-mode:screen;pointer-events:none;will-change:transform, opacity;background:radial-gradient(circle,#ff705e13,#7657f207 36%,#0000 70%);border-radius:50%;transition:opacity .32s;display:block;position:fixed;top:0;left:0}.classic-site .portfolio-magic-rings.is-active{opacity:.72}.classic-site .portfolio-magic-rings>i{will-change:transform, opacity;border:1px solid #ff705e47;border-radius:50%;width:96px;height:96px;animation:2.2s ease-out infinite paused magic-ring-wave;position:absolute;top:50%;left:50%;box-shadow:0 0 14px #ff705e14}.classic-site .portfolio-magic-rings>i:nth-child(2){border-color:#aa98ff40;animation-delay:-.73s;box-shadow:0 0 14px #7657f214}.classic-site .portfolio-magic-rings>i:nth-child(3){animation-delay:-1.46s}.classic-site .portfolio-magic-rings.is-active>i{animation-play-state:running}.classic-site .portfolio-magic-rings>b,.classic-site .portfolio-magic-rings>em{border-radius:50%;position:absolute;top:50%;left:50%}.classic-site .portfolio-magic-rings>b{background:radial-gradient(circle,#fff3,#ff705e14 34%,#0000 72%);width:20px;height:20px;transform:translate(-50%,-50%)}.classic-site .portfolio-magic-rings>em{opacity:0;will-change:transform, opacity;border:1px solid #ff705ec2;border-radius:50%;width:24px;height:24px;font-style:normal;transform:translate(-50%,-50%);box-shadow:0 0 14px #ff705e40}.classic-site .portfolio-magic-rings>em:after{content:"";border:1px solid #aa98ff9e;border-radius:50%;position:absolute;inset:5px}}@keyframes magic-ring-wave{0%{opacity:0;transform:translate(-50%,-50%)scale(.42)}20%{opacity:.34}to{opacity:0;transform:translate(-50%,-50%)scale(2.32)}}@keyframes ambient-grid-shift{to{transform:translate(0,0)rotate(-7deg)}}@keyframes ambient-coral-drift{0%{transform:translate(-4vw,-2vh)scale(.92)}to{transform:translate(-20vw,36vh)scale(1.08)}}@keyframes ambient-violet-drift{0%{transform:translateY(6vh)scale(.94)}to{transform:translate(25vw,-34vh)scale(1.1)}}@keyframes ambient-scan-pass{0%,12%{opacity:0;transform:translate(-20vw)rotate(16deg)}28%{opacity:.68}72%{opacity:.68}88%,to{opacity:0;transform:translate(170vw)rotate(16deg)}}.classic-site .portfolio-header{width:100%;height:82px;color:var(--classic-ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#151419e6;border-bottom:1px solid #ffffff14;position:fixed;left:0;right:0}.classic-site .brand-mark{background:#0d0c10;border:1px solid #ffffff24;border-radius:50%;width:42px;height:42px;padding:6px}.classic-site .portfolio-brand{letter-spacing:-.03em;font-family:Arial,sans-serif;font-size:20px;line-height:1}.classic-site .portfolio-brand .brand-dot{color:var(--classic-coral)}.classic-site .portfolio-header nav{gap:34px}.classic-site .portfolio-header nav>a:not(.header-contact){color:#d9d5dc}.classic-site .portfolio-header nav>a:not(.header-contact):after{background:var(--classic-coral)}.classic-site .header-contact{background:var(--classic-coral);padding:12px 16px;color:#151419!important}.classic-site .header-contact span{color:#151419}.classic-site .home-hero{isolation:isolate;background:0 0;grid-template-columns:minmax(300px,420px) minmax(430px,1fr);align-items:end;gap:clamp(48px,7vw,104px);min-height:720px;padding:96px 0 82px;display:grid;position:relative;overflow:hidden}.classic-site .home-hero:before{content:"";z-index:0;opacity:.11;pointer-events:none;background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:46px 46px;animation:24s linear infinite hero-grid-drift;display:none;position:absolute;inset:24px -8% 0 28%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 82%,#0000)}.classic-site .home-hero:after{content:"";z-index:0;filter:blur(12px);opacity:.5;pointer-events:none;background:radial-gradient(circle at 35% 35%,#ff705e30,#0000 34%),radial-gradient(circle at 65% 66%,#aa98ff29,#0000 42%);border-radius:50%;width:620px;height:620px;animation:12s ease-in-out infinite alternate hero-ambient-drift;display:none;position:absolute;top:56px;right:-120px}.classic-site .home-hero>*{z-index:1;position:relative}.classic-site .hero-intro{grid-area:1/2;align-self:end;max-width:none;padding-left:0}.classic-site .hero-board{grid-area:1/1}.classic-site .micro-label,.classic-site .area-label{box-shadow:none;color:var(--classic-coral);letter-spacing:.16em;background:0 0;border:0;padding:0;font-size:10px}.classic-site .hero-intro h1{max-width:570px;color:var(--classic-ink);letter-spacing:-.035em;text-shadow:none;margin:12px 0 0;font-size:clamp(32px,3vw,44px);line-height:1.12}.classic-site .hero-lead{max-width:670px;box-shadow:none;color:var(--classic-muted);background:0 0;border:0;margin-top:18px;padding:0;font-size:15px;font-weight:400;line-height:1.75}.classic-site .hero-showcase-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.classic-site .hero-showcase-index{color:var(--classic-muted);letter-spacing:.13em;white-space:nowrap;align-items:baseline;gap:8px;padding-bottom:7px;font:700 8px ui-monospace,monospace;display:flex}.classic-site .hero-showcase-index b{color:var(--classic-coral);font-size:18px}.classic-site .hero-product-desk{grid-template-rows:minmax(158px,1fr) 108px;grid-template-columns:minmax(0,1.45fr) minmax(210px,.85fr);gap:10px;margin-top:23px;display:grid}.classic-site .hero-product-desk small,.classic-site .hero-profile-strip small{color:var(--classic-coral);letter-spacing:.11em;font:700 8px ui-monospace,monospace}.classic-site .hero-product-featured,.classic-site .hero-product-secondary,.classic-site .hero-discipline-grid>a{border:1px solid var(--classic-line);background-color:#18171df0}.classic-site .hero-product-featured{flex-direction:column;grid-row:1/3;min-height:276px;padding:24px;display:flex;position:relative;overflow:hidden}.classic-site .hero-product-featured:after{content:"";pointer-events:none;border:1px dashed #ff705e52;border-radius:50%;width:290px;height:290px;animation:28s linear infinite hero-orbit-spin;position:absolute;top:-124px;right:-104px;box-shadow:0 0 0 31px #ff705e06,0 0 0 72px #aa98ff05}.classic-site .hero-product-icon{z-index:1;background:#7862cc;border:1px solid #ffffff29;border-radius:21px;place-items:center;width:84px;height:84px;transition:transform .35s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000047}.classic-site .hero-product-icon img{object-fit:cover;width:100%;height:100%}.classic-site .hero-product-copy{z-index:1;margin-top:18px;position:relative}.classic-site .hero-product-copy h2{color:var(--classic-ink);margin:4px 0 3px;font-size:30px;line-height:1}.classic-site .hero-product-copy p,.classic-site .hero-product-secondary p{color:var(--classic-muted);margin:0;font-size:11px}.classic-site .hero-product-impact{z-index:1;align-items:baseline;gap:10px;margin-top:auto;display:flex;position:relative}.classic-site .hero-product-impact strong{color:var(--classic-ink);letter-spacing:-.045em;font-size:clamp(25px,2.4vw,36px);line-height:1}.classic-site .hero-product-impact span{color:var(--classic-muted);letter-spacing:.12em;font:700 7px ui-monospace,monospace}.classic-site .hero-product-arrow{z-index:2;width:34px;height:34px;color:var(--classic-coral);border:1px solid #ff705e80;border-radius:50%;place-items:center;transition:transform .24s,background-color .24s,color .24s;display:grid;position:absolute;top:20px;right:20px}.classic-site .hero-product-featured:hover .hero-product-icon{transform:translateY(-3px)rotate(-2deg)}.classic-site .hero-product-featured:hover .hero-product-arrow{background:var(--classic-coral);color:#151419;transform:translate(2px,-2px)}.classic-site .hero-product-secondary{isolation:isolate;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px;display:grid;position:relative;overflow:hidden}.classic-site .hero-product-secondary:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#121116fa 0%,#121116e0 36%,#12111629 76%,#1211166b 100%);position:absolute;inset:0}.classic-site .hero-product-preview{z-index:-2;background:#101014;border:1px solid #ffffff17;border-radius:3px;position:absolute;inset:10px 10px 10px 31%;overflow:hidden}.classic-site .hero-product-preview img{object-fit:cover;object-position:center;filter:saturate(.86)contrast(1.05);width:100%;height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1),filter .35s;transform:scale(1.02)}.classic-site .hero-product-secondary .hero-product-icon{width:58px;height:58px;box-shadow:none;background:#0b0a0e;border-radius:15px;padding:10px}.classic-site .hero-product-secondary .hero-product-icon img{object-fit:contain}.classic-site .hero-product-secondary .hero-product-icon.is-clipboard{background:#142022;padding:0}.classic-site .hero-product-secondary .hero-product-icon.is-clipboard img{object-fit:cover;transform-origin:50% 48%;transform:scale(1.28)}.classic-site .hero-product-secondary strong{color:var(--classic-ink);margin:5px 0 4px;font-size:16px;display:block}.classic-site .hero-product-secondary-copy{text-shadow:0 2px 14px #000000e0;min-width:0;position:relative}.classic-site .hero-product-secondary>b{color:var(--classic-coral);align-self:start;font-size:15px;transition:transform .22s}.classic-site .hero-product-secondary:hover .hero-product-preview img{filter:saturate()contrast(1.08);transform:scale(1.055)}.classic-site .field-card{scroll-margin-top:92px}.classic-site .hero-product-secondary:hover>b{transform:translate(2px,-2px)}.classic-site .hero-discipline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;display:grid}.classic-site .hero-discipline-grid>a{flex-direction:column;justify-content:space-between;min-width:0;padding:14px;transition:border-color .22s,background-color .22s,transform .22s;display:flex}.classic-site .hero-discipline-grid>a.has-preview{isolation:isolate;position:relative;overflow:hidden}.classic-site .hero-discipline-grid>a.has-preview:after{content:"";z-index:-1;background:linear-gradient(90deg,#0f0e12b3 0%,#0f0e124d 52%,#0f0e120f 100%);position:absolute;inset:0}.classic-site .hero-discipline-preview{z-index:-2;border:1px solid #ffffff17;position:absolute;inset:7px;overflow:hidden}.classic-site .hero-discipline-preview img{object-fit:cover;object-position:left center;filter:brightness(1.12)saturate(1.02)contrast(1.04);transform-origin:0;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1),filter .3s;transform:scale(1.28)}.classic-site .hero-discipline-grid>a.has-preview small,.classic-site .hero-discipline-grid>a.has-preview strong,.classic-site .hero-discipline-grid>a.has-preview>span:last-child{z-index:1;text-shadow:0 2px 10px #000000e6;position:relative}.classic-site .hero-discipline-grid>a.has-preview:hover .hero-discipline-preview img{filter:brightness(1.2)saturate(1.08)contrast(1.06);transform:scale(1.34)}.classic-site .hero-discipline-grid>a.has-preview.is-game .hero-discipline-preview img{object-position:20% center;filter:brightness(1.04)saturate(1.04)contrast(1.03);transform-origin:20%;transform:scale(1.06)}.classic-site .hero-discipline-grid>a.has-preview.is-game:hover .hero-discipline-preview img{filter:brightness(1.1)saturate(1.1)contrast(1.05);transform:scale(1.12)}.classic-site .hero-discipline-grid>a:hover{background-color:#ff705e12;border-color:#ff705e8c;transform:translateY(-2px)}.classic-site .hero-discipline-grid small{color:var(--classic-muted)}.classic-site .hero-discipline-grid strong{color:var(--classic-ink);font-size:14px}.classic-site .hero-discipline-grid span{color:var(--classic-muted);text-overflow:ellipsis;white-space:nowrap;font:600 7px ui-monospace,monospace;overflow:hidden}.classic-site .hero-profile-strip{border:1px solid var(--classic-line);background:#111015e0;grid-template-columns:minmax(0,1fr) auto;min-height:58px;margin-top:10px;display:grid}.classic-site .hero-profile-strip>div{flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:12px 16px;display:flex}.classic-site .hero-profile-strip strong{color:var(--classic-ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.classic-site .hero-profile-strip>a{background:var(--classic-coral);color:#151419;text-align:left;justify-content:space-between;align-items:center;gap:18px;min-width:164px;padding:0 20px;font-size:14px;font-weight:850;display:flex}.classic-site .hero-contact-label{text-align:left;flex:1}.classic-site .hero-profile-strip>a span:last-child{font-size:18px}@keyframes hero-grid-drift{to{background-position:46px 46px,46px 46px}}@keyframes hero-ambient-drift{0%{transform:translateY(-12px)scale(.96)}to{transform:translate(-52px,32px)scale(1.06)}}@keyframes hero-orbit-spin{to{transform:rotate(360deg)}}.classic-site .button{border:1px solid var(--classic-coral);min-width:205px;box-shadow:none;color:var(--classic-coral);background:0 0;padding:15px 18px;font-size:13px;font-weight:800}.classic-site .button:hover{background:#ff705e14;transform:none}.classic-site .button-dark{background:var(--classic-coral);color:#151419!important}.classic-site .button-dark span{color:#151419}.classic-site .classic-profile-card{border:1px solid var(--classic-line);background:#111015;flex-direction:column;align-items:center;min-height:500px;padding:52px 36px 0;display:flex;overflow:hidden;box-shadow:0 28px 80px #00000040}.classic-site .classic-profile-emblem{border:4px solid var(--classic-coral);background:#09090c;border-radius:50%;place-items:center;width:190px;height:190px;padding:23px;display:grid}.classic-site .classic-profile-emblem img{object-fit:contain;width:100%;height:100%}.classic-site .classic-profile-card h2{margin:30px 0 8px;font-size:28px}.classic-site .classic-profile-card>p{color:var(--classic-muted);margin:0;font-weight:700}.classic-site .classic-profile-card>i{background:#fff6;width:120px;height:1px;margin:28px 0}.classic-site .classic-profile-details{text-align:center;margin-bottom:22px}.classic-site .classic-profile-details p{color:#d8d4dc;letter-spacing:.1em;margin:0;font:700 10px/1.7 ui-monospace,monospace}.classic-site .classic-profile-details p span{color:var(--classic-coral)}.classic-site .classic-profile-details strong{color:var(--classic-coral);letter-spacing:.18em;margin-top:11px;font:800 13px ui-monospace,monospace;display:block}.classic-site .classic-profile-details small{color:var(--classic-muted);letter-spacing:.1em;margin-top:13px;font:700 8px ui-monospace,monospace;display:block}.classic-site .classic-profile-links{background:#09090c;grid-template-columns:1fr;width:calc(100% + 72px);min-height:65px;margin-top:auto;display:grid}.classic-site .classic-profile-links a{color:var(--classic-coral);text-align:center;letter-spacing:.14em;place-items:center;font-size:11px;font-weight:900;transition:background-color .22s,color .22s;display:grid}.classic-site .classic-profile-links a+a{border-left:1px solid var(--classic-line)}.classic-site .classic-profile-links a:hover{background:var(--classic-coral);color:#151419}.classic-site .hero-stats{border-block:1px solid var(--classic-line);box-shadow:none;background:0 0;grid-area:2/1/auto/13;grid-template-columns:repeat(4,1fr);gap:0;margin-top:42px;padding:0;display:grid}.classic-site .hero-stats>div{border:0;border-right:1px solid var(--classic-line);min-height:106px;color:var(--classic-ink);text-shadow:none;background:0 0;padding:20px}.classic-site .hero-stats>div:last-child{border-right:0}.classic-site .hero-stats strong{color:var(--classic-ink)}.classic-site .hero-stats span{color:var(--classic-muted)}.classic-site .fields-section,.classic-site .skills-section{background:0 0;padding:120px 0 140px}.classic-site .section-heading{margin-bottom:56px}.classic-site .section-heading>div>span,.classic-site .subsection-heading>div>span{border:1px solid var(--classic-coral);color:var(--classic-coral);box-shadow:none;background:0 0;border-radius:50%}.classic-site .section-heading h2,.classic-site .subsection-heading h2{color:var(--classic-ink);font-weight:800}.classic-site .section-heading>div p,.classic-site .subsection-heading>div p{color:var(--classic-coral)}.classic-site .section-heading>p{color:var(--classic-muted)}.classic-site .section-heading-compact{grid-template-columns:1fr;align-items:center;margin-bottom:32px}.classic-site .field-grid{border-top:1px solid var(--classic-line);display:block}.classic-site .field-card{border:0;border-bottom:1px solid var(--classic-line);color:var(--classic-ink);box-shadow:none;background:0 0;padding:0 4px 52px;transition:background .22s;display:block;position:relative}.classic-site .field-card:hover{border-color:var(--classic-line);box-shadow:none;background:0 0;padding-inline:4px;transform:none}.classic-site .field-app-product,.classic-site .field-game-interactive,.classic-site .field-visual-content,.classic-site .field-creative-lab{grid-area:auto}.classic-site .field-info-row{grid-template-columns:130px minmax(420px,1fr);align-items:center;gap:34px;min-height:180px;padding:26px 76px 26px 0;display:grid}.classic-site .field-meta{color:var(--classic-muted);box-shadow:none;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;display:flex}.classic-site .field-meta span:first-child{color:var(--classic-coral);font-size:12px}.classic-site .field-card-title>p:first-child{color:var(--classic-coral);letter-spacing:.08em;margin:0 0 10px;font:700 9px ui-monospace,monospace}.classic-site .field-card h3{color:var(--classic-ink);text-shadow:none;margin:0;font-size:clamp(28px,3vw,44px);font-weight:800;line-height:1.05}.classic-site .field-card-summary{max-width:720px;color:var(--classic-muted);margin:18px 0 0;font-size:14px;line-height:1.75}.classic-site .field-card-arrow{border:1px solid var(--classic-coral);width:46px;height:46px;color:var(--classic-coral);border-radius:50%;place-items:center;font-size:19px;transition:transform .22s,background .22s,color .22s;display:grid;position:absolute;top:68px;right:4px}.classic-site .field-card:hover .field-card-arrow{color:var(--classic-coral);background:0 0;transform:none}.classic-site .field-preview-row{grid-template-columns:2fr 1fr 1fr;gap:12px;min-height:255px;display:grid}.classic-site .field-creative-lab .field-preview-row{grid-template-columns:repeat(3,minmax(0,1fr))}.classic-site .field-preview-slot{border:1px solid var(--classic-line);color:#77727d;background:#19181e;flex-direction:column;justify-content:space-between;min-width:0;min-height:255px;padding:22px;transition:border-color .22s,background .22s;display:flex;position:relative;overflow:hidden}.classic-site .field-preview-slot:before,.classic-site .field-preview-slot:after{content:"";transform-origin:50%;background:#ffffff17;width:42%;height:1px;position:absolute;top:50%;left:50%}.classic-site .field-preview-slot:before{transform:translate(-50%,-50%)rotate(24deg)}.classic-site .field-preview-slot:after{transform:translate(-50%,-50%)rotate(-24deg)}.classic-site .field-preview-slot small,.classic-site .field-preview-slot strong{z-index:1;letter-spacing:.1em;font:700 9px ui-monospace,monospace;position:relative}.classic-site .field-preview-slot strong{color:#9c97a1;align-self:flex-end}.classic-site .field-preview-slot>img,.classic-site .field-preview-slot>video,.classic-site .field-preview-slot>iframe{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.classic-site .field-preview-slot>iframe{pointer-events:none}.classic-site .field-preview-slot.has-media:before{background:linear-gradient(#0a0a0d14 40%,#0a0a0dd1 100%);width:auto;height:auto;inset:0;transform:none}.classic-site .field-preview-slot.has-media:after{display:none}.classic-site .field-preview-slot.has-media small,.classic-site .field-preview-slot.has-media strong{color:#f5f1ed;text-shadow:0 2px 12px #000000e6}.classic-site .field-creative-lab .field-preview-slot>img{object-fit:cover;transform:scale(1.01)}.classic-site .field-creative-lab .field-preview-slot:nth-child(3)>video{transform:translate(12px)scale(1.04)}.classic-site .field-game-interactive .field-preview-slot.is-main{padding:0;overflow:visible}.classic-site .field-game-interactive .field-preview-slot.is-main:before{display:none}.classic-site .field-game-interactive .field-preview-slot.is-main>img{object-position:center top;clip-path:inset(10px 0 0);height:calc(100% + 10px);transform:translateY(-10px)}.classic-site .field-game-interactive .field-preview-slot.is-main>small{display:none}.classic-site .field-game-interactive .field-preview-slot.is-main>strong{color:var(--classic-muted);text-shadow:none;align-self:auto;position:absolute;top:calc(100% + 12px);left:0}.classic-site .field-preview-slot:hover{background:#1c1a21;border-color:#ff705e73}.classic-site .area-visual:before{display:none}.classic-site .area-visual{border:1px solid var(--classic-line)}.classic-site .mini-phone{border-width:2px;border-radius:34px;box-shadow:0 28px 60px #140c304d}.classic-site .mini-phone img{border-radius:26px}.classic-site .floating-app-icon{border:0;border-radius:23px;box-shadow:0 18px 35px #351e7f47}.classic-site .game-tile{border:1px solid #ffffff2e;box-shadow:0 18px 35px #0000004d}.classic-site .poster{border:1px solid #fff3;box-shadow:8px 8px #00000047}.classic-site .awards-section{border-top:1px solid var(--classic-line);background:0 0;padding:120px 0 35px;scroll-margin-top:80px}.classic-site .award-placeholder{border-block:1px solid var(--classic-line);grid-template-columns:130px 1fr auto;align-items:center;gap:34px;min-height:190px;padding:26px 4px;display:grid}.classic-site .award-mark{border:1px solid var(--classic-coral);width:74px;height:74px;color:var(--classic-coral);border-radius:50%;place-items:center;display:grid}.classic-site .award-mark span{letter-spacing:.08em;font:800 9px ui-monospace,monospace}.classic-site .award-mark b{display:none}.classic-site .award-placeholder>div:nth-child(2)>p{color:var(--classic-coral);letter-spacing:.1em;margin:0 0 10px;font:800 9px ui-monospace,monospace}.classic-site .award-placeholder h3{margin:0 0 12px;font-size:clamp(27px,3vw,42px)}.classic-site .award-placeholder>div:nth-child(2)>div,.classic-site .award-placeholder small{color:var(--classic-muted);line-height:1.7}.classic-site .award-placeholder small{white-space:nowrap}.classic-site .resume-section{border-block:1px solid var(--classic-line);color:var(--classic-ink);background:0 0;padding:120px 0 100px}.classic-site .experience-list{border-top:1px solid var(--classic-line);display:block}.classic-site .experience-list article{border:0;border-bottom:1px solid var(--classic-line);box-shadow:none;background:0 0;padding:0}.classic-site .experience-list article>small{color:var(--classic-coral)}.classic-site .experience-list h3{color:var(--classic-ink)}.classic-site .experience-list p{color:var(--classic-muted)}.classic-site .resume-note{background:var(--classic-night-soft);box-shadow:none;border:1px dashed #ffffff52}.classic-site .resume-note p{color:var(--classic-muted)}.classic-site .resume-note b{color:var(--classic-coral)}.classic-site .skills-section{border:0}.classic-site .skill-groups{border-top:1px solid var(--classic-line);display:block}.classic-site .skill-groups article{border:0;border-bottom:1px solid var(--classic-line);box-shadow:none;background:0 0;padding:24px 4px}.classic-site .skill-title>span{border:1px solid var(--classic-violet);color:#aa98ff;box-shadow:none;background:0 0;border-radius:50%}.classic-site .skill-title h3{color:var(--classic-ink);text-shadow:none}.classic-site .skill-title p{color:var(--classic-muted)}.classic-site .skill-items span{border:1px solid var(--classic-line);background:var(--classic-night-soft);color:#cfccd2;text-shadow:none;border-radius:99px}.classic-site .skill-groups article>b{color:var(--classic-coral);text-shadow:none}.classic-site .contact-section{border-top:1px solid var(--classic-line);background:0 0;padding:120px 0 55px}.classic-site .contact-section h2{color:var(--classic-ink);text-shadow:none;font-weight:800}.classic-site .contact-section>div>a{border:0;border-block:1px solid var(--classic-line);color:var(--classic-coral);box-shadow:none;text-shadow:none;background:0 0;padding:20px 0}.classic-site .contact-meta{color:var(--classic-muted)}.classic-site .portfolio-footer{border-top:1px solid var(--classic-line);background:0 0}.classic-site .portfolio-footer img{box-shadow:none;background:0 0;border:0;border-radius:0}.classic-site.area-page{background:0 0}.classic-site .area-hero{background:0 0;padding:150px 0 110px}.classic-site .area-hero-grid.area-hero-text-only{grid-template-columns:1fr}.classic-site .area-hero-text-only .area-hero-copy{max-width:920px}.classic-site .breadcrumbs{box-shadow:none;color:var(--classic-muted);background:0 0;border:0;padding:0}.classic-site .area-hero-copy h1{color:var(--classic-ink);text-shadow:none;font-size:clamp(54px,6vw,92px)}.classic-site .area-hero-copy>p:not(.area-label){box-shadow:none;color:var(--classic-muted);background:0 0;border:0;padding:0;font-weight:400}.classic-site .proof-list span,.classic-site .capability-tags>span{border:1px solid var(--classic-line);background:var(--classic-night-soft);color:#d5d0d8;box-shadow:none;border-radius:99px}.classic-site .area-projects{border-top:1px solid var(--classic-line);background:0 0;padding:110px 0 130px}.classic-site .project-detail-list{border-top:1px solid var(--classic-line);display:block}.classic-site .project-detail{border:0;border-bottom:1px solid var(--classic-line);box-shadow:none;background:0 0;padding:28px 0}.classic-site .project-detail-media{border:1px solid var(--classic-line);background:var(--classic-night-soft);box-shadow:none}.classic-site .project-detail-copy>p{color:var(--classic-coral);box-shadow:none;background:0 0;border:0;padding:0}.classic-site .project-detail-copy h3{color:var(--classic-ink)}.classic-site .project-detail-copy>div{color:var(--classic-muted)}.classic-site .game-material-gallery{border-top:1px solid var(--classic-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:34px 0 120px;display:grid}.classic-site .game-material-gallery figure{aspect-ratio:16/10;border:1px solid var(--classic-line);background:var(--classic-night-soft);margin:0;position:relative;overflow:hidden}.classic-site .game-material-gallery figure>a{width:100%;height:100%;display:block;position:relative}.classic-site .game-material-gallery img{object-fit:cover;width:100%;height:100%;transition:transform .32s cubic-bezier(.22,1,.36,1),filter .25s;display:block}.classic-site .game-material-gallery figure:hover img{filter:contrast(1.04);transform:scale(1.025)}.classic-site .game-video-play{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0b0fb8;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:48px;height:48px;font-size:15px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.classic-site .game-gallery-all{border-bottom:1px solid var(--classic-coral);color:var(--classic-coral);grid-column:1/-1;justify-self:end;margin-top:12px;padding-bottom:6px;font-size:13px;font-weight:800}.classic-site .product-catalog{border-top:1px solid var(--classic-line);padding:34px 0 120px}.classic-site .product-catalog-header{min-height:54px;color:var(--classic-muted);letter-spacing:.11em;justify-content:space-between;align-items:center;gap:20px;font:700 9px ui-monospace,monospace;display:flex}.classic-site .product-catalog-header p{color:var(--classic-coral);margin:0}.classic-site .product-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.classic-site .product-catalog-card{border:1px solid var(--classic-line);min-width:0;color:var(--classic-ink);background:#18171db8;flex-direction:column;transition:border-color .22s,transform .25s cubic-bezier(.22,1,.36,1),background-color .22s;display:flex;position:relative;overflow:hidden}.classic-site .product-catalog-card:hover{background:#1c1a21f0;border-color:#ff705e7a;transform:translateY(-4px)}.classic-site .product-catalog-media{aspect-ratio:16/9;border-bottom:1px solid var(--classic-line);background:var(--classic-night-soft);display:block;position:relative;overflow:hidden}.classic-site .product-catalog-media img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1),filter .25s;display:block}.classic-site .product-catalog-card:hover .product-catalog-media img{filter:contrast(1.04);transform:scale(1.025)}.classic-site .product-catalog-copy{flex-direction:column;min-height:224px;padding:20px;display:flex}.classic-site .product-catalog-copy small{color:var(--classic-coral);letter-spacing:.1em;font:700 8px ui-monospace,monospace}.classic-site .product-catalog-copy strong{margin-top:10px;padding-right:28px;font-size:22px;line-height:1.18}.classic-site .product-catalog-copy>span{color:var(--classic-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:12px;font-size:12px;line-height:1.7;display:-webkit-box;overflow:hidden}.classic-site .product-catalog-copy em{color:#aaa4af;letter-spacing:.06em;margin-top:auto;padding-top:18px;font:700 8px ui-monospace,monospace}.classic-site .product-catalog-card>b{color:var(--classic-coral);font-size:15px;position:absolute;bottom:18px;right:18px}.classic-site .project-detail-copy>a{border:0;border-bottom:1px solid var(--classic-coral);color:var(--classic-coral);box-shadow:none;background:0 0;padding:0 0 6px}.classic-site .placeholder-art{background:var(--classic-night-soft);color:var(--classic-ink);border:1px dashed #ffffff4d}.classic-site .placeholder-art:before{border-width:1px;border-color:#ffffff40;border-radius:50%}.classic-site .area-capabilities{border-top:1px solid var(--classic-line);background:0 0;padding:115px 0}.classic-site .skill-rows{border-top:1px solid var(--classic-line);display:block}.classic-site .skill-rows>div{border:0;border-bottom:1px solid var(--classic-line);box-shadow:none;background:0 0;padding:0}.classic-site .skill-rows span{color:#aa98ff}.classic-site .next-area{background:0 0}.classic-site .next-area p{color:var(--classic-muted)}.classic-site .next-area a{border:0;border-bottom:1px solid var(--classic-coral);color:var(--classic-coral);box-shadow:none;background:0 0;padding:0 0 7px}@media (min-width:1600px){.classic-site .home-hero{grid-template-columns:minmax(400px,480px) minmax(0,1fr);gap:clamp(96px,7vw,160px);min-height:780px;padding-block:108px 92px}.classic-site .classic-profile-card{min-height:560px;padding-top:58px}.classic-site .classic-profile-emblem{width:210px;height:210px}.classic-site .classic-profile-card h2{font-size:31px}.classic-site .classic-profile-details p{font-size:12px}.classic-site .classic-profile-details strong{font-size:14px}.classic-site .classic-profile-details small{font-size:9px}.classic-site .hero-showcase{align-self:end}.classic-site .hero-product-desk{grid-template-rows:minmax(190px,1fr) 128px;grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr);gap:12px}.classic-site .hero-product-featured{min-height:330px;padding:28px}.classic-site .hero-product-icon{border-radius:24px;width:96px;height:96px}.classic-site .hero-product-copy h2{font-size:34px}.classic-site .hero-product-secondary{grid-template-columns:68px minmax(0,1fr) auto;padding:22px}.classic-site .hero-product-secondary .hero-product-icon{width:68px;height:68px}.classic-site .hero-discipline-grid>a{padding:17px}.classic-site .hero-profile-strip{min-height:64px;margin-top:12px}.classic-site .field-info-row{grid-template-columns:140px minmax(620px,1fr);gap:48px;min-height:200px}.classic-site .field-preview-row,.classic-site .field-preview-slot{min-height:320px}}@media (min-width:821px) and (max-width:1140px){.classic-site .home-hero{grid-template-columns:minmax(280px,35%) minmax(0,1fr);gap:38px}.classic-site .classic-profile-card{min-height:480px;padding-inline:28px}.classic-site .classic-profile-emblem{width:170px;height:170px}.classic-site .classic-profile-details p{font-size:11px}.classic-site .classic-profile-details strong{font-size:14px}.classic-site .classic-profile-details small{font-size:9px}.classic-site .classic-profile-links{width:calc(100% + 56px)}.classic-site .hero-product-desk{grid-template-columns:minmax(0,1.35fr) minmax(190px,.9fr)}.classic-site .product-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.classic-site .field-info-row{grid-template-columns:76px minmax(420px,1fr);gap:clamp(16px,2vw,26px);padding-right:60px}.classic-site .field-card h3{font-size:clamp(30px,3.4vw,38px)}.classic-site .field-card-summary{font-size:13px;line-height:1.6}}@media (min-width:1141px){.classic-site .classic-profile-details p{font-size:12px}.classic-site .classic-profile-details strong{font-size:14px}.classic-site .classic-profile-details small{font-size:9px}}@media (max-width:820px){.portfolio-magic-rings{display:none!important}.classic-site .portfolio-ambient-grid{opacity:.13}.classic-site .ambient-orb-coral{opacity:.18;width:105vmax;height:105vmax}.classic-site .portfolio-ambient>.ambient-orb-violet,.classic-site .portfolio-ambient>.portfolio-ambient-scan{display:none}.classic-site .portfolio-header{height:70px;padding-inline:18px}.classic-site .home-hero{grid-template-columns:1fr;gap:38px;padding:112px 0 80px}.classic-site .home-hero:before{opacity:.1;inset-inline:-30%}.classic-site .home-hero:after{opacity:.42;top:42%;right:-300px}.classic-site .hero-board{grid-area:1/1;min-height:450px;margin-top:0}.classic-site .hero-intro{grid-area:2/1;padding-left:0}.classic-site .hero-product-desk{grid-template-rows:auto 168px;grid-template-columns:repeat(2,minmax(0,1fr))}.classic-site .hero-product-featured{grid-area:1/1/auto/-1;min-height:232px}.classic-site .hero-product-secondary{flex-direction:column;grid-area:2/1;justify-content:space-between;align-items:flex-start;padding:16px;display:flex}.classic-site .hero-product-secondary>b{position:absolute;top:15px;right:15px}.classic-site .hero-product-secondary .hero-product-icon{flex:none}.classic-site .hero-discipline-grid{grid-area:2/2;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr;gap:8px}.classic-site .hero-discipline-grid>a{padding:12px}.classic-site .field-card{grid-template-columns:minmax(145px,34%) minmax(0,1fr) 50px;align-items:center;gap:20px;min-height:148px;padding:18px 0;display:grid}.classic-site .field-info-row{flex-direction:column;grid-area:1/2;align-items:flex-start;gap:7px;min-height:0;padding:0;display:flex}.classic-site .field-meta{flex-direction:row;gap:10px}.classic-site .field-card-title>p:first-child{margin-bottom:5px}.classic-site .field-card h3{font-size:clamp(25px,4.5vw,34px)}.classic-site .field-card-summary{display:none}.classic-site .field-preview-row{grid-area:1/1;min-height:0;display:block}.classic-site .field-preview-slot{display:none}.classic-site .field-preview-slot.is-main{aspect-ratio:4/3;min-height:0;padding:12px;display:flex}.classic-site .game-material-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:24px 0 90px}.classic-site .product-catalog{padding:24px 0 90px}.classic-site .product-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.classic-site .product-catalog-copy{min-height:204px;padding:16px}.classic-site .product-catalog-copy strong{font-size:18px}.classic-site .field-preview-slot small,.classic-site .field-preview-slot strong{font-size:7px}.classic-site .field-card-arrow{grid-area:1/3;width:44px;height:44px;position:static}.classic-site .award-placeholder{grid-template-columns:82px 1fr;gap:22px}.classic-site .award-placeholder small{grid-column:2}}@media (max-width:540px){.classic-site .classic-profile-card{min-height:430px;padding:40px 26px 0}.classic-site .classic-profile-emblem{width:150px;height:150px}.classic-site .hero-intro h1{font-size:32px}.classic-site .hero-showcase-header{align-items:flex-end;gap:12px}.classic-site .hero-showcase-index{flex-direction:column;align-items:flex-end;gap:1px;padding-bottom:3px}.classic-site .hero-showcase-index b{font-size:15px}.classic-site .hero-lead{margin-top:14px;font-size:14px;line-height:1.75}.classic-site .hero-product-desk{grid-template-rows:auto 164px;gap:8px;margin-top:18px}.classic-site .hero-product-featured{min-height:224px;padding:18px}.classic-site .hero-product-featured:after{top:-152px;right:-132px}.classic-site .hero-product-icon{border-radius:18px;width:70px;height:70px}.classic-site .hero-product-copy{margin-top:14px}.classic-site .hero-product-copy h2{font-size:25px}.classic-site .hero-product-impact strong{font-size:27px}.classic-site .hero-product-arrow{top:15px;right:15px}.classic-site .hero-product-secondary{min-width:0;padding:13px}.classic-site .hero-product-secondary .hero-product-icon{width:48px;height:48px;padding:8px}.classic-site .hero-product-secondary small{max-width:80%;line-height:1.45}.classic-site .hero-product-secondary strong{font-size:14px}.classic-site .hero-product-secondary p{font-size:9px}.classic-site .hero-discipline-grid>a{padding:10px}.classic-site .hero-discipline-grid strong{font-size:12px}.classic-site .hero-profile-strip>div{padding-inline:12px}.classic-site .hero-profile-strip strong{font-size:10px}.classic-site .hero-profile-strip>a{justify-content:space-between;gap:8px;min-width:122px;padding:0 12px;font-size:12px}.classic-site .hero-contact-label{display:inline}.classic-site .section-heading h2{color:var(--classic-ink);text-shadow:none;font-size:38px}.classic-site .field-card{grid-template-columns:116px minmax(0,1fr) 38px;gap:10px;min-height:126px;padding-block:15px}.classic-site .field-meta span:last-child{display:none}.classic-site .field-card h3{font-size:25px}.classic-site .field-card-arrow{width:38px;height:38px}.classic-site .field-preview-slot.is-main{padding:9px}.classic-site .game-material-gallery,.classic-site .product-catalog-grid{grid-template-columns:1fr}.classic-site .awards-section{padding-top:95px}.classic-site .award-placeholder{grid-template-columns:58px 1fr;gap:16px;min-height:150px;padding-block:20px}.classic-site .award-mark{width:52px;height:52px}.classic-site .award-placeholder h3{font-size:25px}.classic-site .award-placeholder>div:nth-child(2)>div{display:none}.classic-site .area-hero{padding:115px 0 80px}.classic-site .area-hero-copy h1{color:var(--classic-ink);text-shadow:none;font-size:46px}.classic-site .project-detail{padding:24px 0}}.portfolio-scroll-progress{z-index:1200;pointer-events:none;opacity:0;width:100%;height:2px;position:fixed;top:0;left:0}.portfolio-scroll-progress>span{background:var(--classic-coral,#ff705e);width:100%;height:100%;transform:scaleX(var(--portfolio-scroll-progress,0));transform-origin:0;will-change:transform;display:block}html.portfolio-effects-ready .portfolio-scroll-progress{opacity:1}html.portfolio-effects-ready [data-reveal]{--reveal-x:0px;--reveal-y:18px;opacity:0;transform:translate3d(var(--reveal-x), var(--reveal-y), 0)}html.portfolio-effects-ready [data-reveal][data-reveal-origin=left]{--reveal-x:-18px;--reveal-y:0px}html.portfolio-effects-ready [data-reveal][data-reveal-origin=right]{--reveal-x:18px;--reveal-y:0px}html.portfolio-effects-ready [data-reveal].is-revealed{animation:portfolio-reveal .68s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s) both}@keyframes portfolio-reveal{to{opacity:1;transform:translate(0,0)}}[data-spotlight]{--spotlight-x:50%;--spotlight-y:50%;--spotlight-alpha:0;background-image:radial-gradient(circle 230px at var(--spotlight-x) var(--spotlight-y), rgb(255 112 94/var(--spotlight-alpha)), transparent 72%)}[data-magnetic]{--magnetic-x:0px;--magnetic-y:0px;translate:var(--magnetic-x) var(--magnetic-y);will-change:translate;transition:translate .18s,background-color .2s,color .2s}.classic-site .field-preview-slot{transition:border-color .22s,background-color .22s,transform .35s cubic-bezier(.22,1,.36,1);transform:translateZ(0)}.classic-site .field-preview-slot:before,.classic-site .field-preview-slot:after{transition:background-color .25s}@media (hover:hover) and (pointer:fine){.classic-site .field-preview-slot:hover{border-color:#ff705e7a;transform:translateY(-2px)scale(1.008)}.classic-site .field-preview-slot:hover:before,.classic-site .field-preview-slot:hover:after{background:#ff705e33}}@media (max-width:820px){html.portfolio-effects-ready [data-reveal]{--reveal-x:0px!important;--reveal-y:9px!important}html.portfolio-effects-ready [data-reveal].is-revealed{animation-duration:.42s}[data-magnetic]{translate:0!important}}@media (prefers-reduced-motion:reduce){.portfolio-scroll-progress{display:none}.portfolio-magic-rings{display:none!important}.classic-site .portfolio-ambient-grid,.classic-site .portfolio-ambient-orb,.classic-site .portfolio-ambient-scan{animation:none!important;transform:none!important}.classic-site .portfolio-ambient>.portfolio-ambient-scan{display:none}.classic-site .home-hero:before,.classic-site .home-hero:after,.classic-site .hero-product-featured:after{animation:none!important}html.portfolio-effects-ready [data-reveal],html.portfolio-effects-ready [data-reveal].is-revealed{opacity:1!important;animation:none!important;transform:none!important}[data-magnetic]{translate:0!important}[data-spotlight]{--spotlight-alpha:0!important}.portfolio-site *,.portfolio-site :before,.portfolio-site :after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
