.portfolio-world{color:#e7e3d5;background:#1b2523}.portfolio-hero{isolation:isolate;background:radial-gradient(circle at 69% 42%,#425751 0,#263633 38%,#172321 76%);min-height:min(790px,100svh - 78px);padding:clamp(2rem,5vw,5rem);position:relative;overflow:hidden}.portfolio-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#192422 10%,#0000 70%),repeating-linear-gradient(0deg,#0000 0 59px,#dbe2d109 60px),repeating-linear-gradient(90deg,#0000 0 59px,#dbe2d109 60px);position:absolute;inset:0}.portfolio-identity{color:#f3dfb2;letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;font-family:Noto Serif CJK SC,Songti SC,SimSun,serif;font-size:1.05rem;display:inline-flex}.portfolio-identity img{object-fit:cover;object-position:center;background:#eae7df;width:clamp(12rem,22vw,17.5rem);height:5.1rem;display:block}.portfolio-identity span{font-size:1.2rem;display:block}.portfolio-identity small{color:#b0b6a8;letter-spacing:.2em;margin-top:.25rem;font:600 .56rem Georgia,serif;display:block}.portfolio-identity-mark{border:1px solid #d0b77f;place-items:center;width:2.2rem;height:2.2rem;display:inline-grid;position:relative;transform:rotate(45deg)}.portfolio-identity-mark:before,.portfolio-identity-mark:after,.portfolio-identity-mark span{content:"";background:#d0b77f;display:block;position:absolute}.portfolio-identity-mark:before{width:1.3rem;height:2px}.portfolio-identity-mark:after{width:2px;height:1.3rem}.portfolio-identity-mark span{z-index:1;background:#1b2523;border-radius:50%;width:.35rem;height:.35rem}.portfolio-kicker{color:#bea978;letter-spacing:.3em;margin:clamp(6rem,14vh,11rem) 0 1rem;font:600 .7rem Georgia,serif}.portfolio-hero h1{z-index:2;letter-spacing:-.02em;max-width:10em;margin:0;font-family:Noto Serif CJK SC,Songti SC,SimSun,serif;font-size:clamp(3.1rem,6.3vw,7rem);font-weight:600;line-height:1.12;position:relative}.portfolio-hero h1 em{color:#c9b58c;font-style:normal}.portfolio-intro{z-index:2;color:#b9c1b6;max-width:31rem;margin:1.5rem 0 2rem;font-size:.95rem;line-height:1.85;position:relative}.portfolio-scroll{z-index:2;color:#e9d7ac;border-bottom:1px solid #ae9766;align-items:center;gap:2.5rem;padding:.65rem 0;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.portfolio-scroll:hover,.portfolio-cta:hover{color:#fff7dc}.portfolio-ai-link{color:#d8d9c6;border-bottom:1px solid #7b9583;margin-left:2rem;padding:.65rem 0;font-size:.84rem;text-decoration:none;display:inline-block}.portfolio-ai-link:hover{color:#fff7dc}.portfolio-ambient{z-index:0;pointer-events:none;opacity:.6;position:absolute;inset:0}.portfolio-ambient i{border:1px solid #e1d5b43d;width:13vw;min-width:100px;height:13vw;min-height:100px;display:block;position:absolute;transform:rotate(45deg)}.portfolio-ambient i:first-child{top:18%;right:20%}.portfolio-ambient i:nth-child(2){border-color:#e1d5b421;width:24vw;height:24vw;top:35%;right:8%}.portfolio-ambient i:nth-child(3){width:17vw;height:17vw;bottom:-15%;right:32%}.portfolio-ambient i:nth-child(4){border-color:#e1d5b414;width:36vw;height:36vw;top:-15%;right:5%}.portfolio-ambient i:nth-child(5){border-color:#bdac7b;width:5vw;min-width:50px;height:5vw;min-height:50px;top:43%;right:26%}.portfolio-main{max-width:1350px;margin:0 auto;padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem)}.portfolio-section-title{margin-bottom:2rem}.portfolio-section-title>span{color:#bfa773;letter-spacing:.19em;font:600 .7rem Georgia,serif}.portfolio-section-title h2{margin:.5rem 0;font-family:Noto Serif CJK SC,Songti SC,SimSun,serif;font-size:clamp(2rem,4vw,3rem);font-weight:600}.portfolio-section-title p{color:#b5bcb0}.portfolio-project{background:#23332f;border:1px solid #52645a;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);min-height:31rem;display:grid}.portfolio-project-visual{background:radial-gradient(circle at 48% 42%,#45645b,#1e332e 55%,#122723);min-height:27rem;position:relative;overflow:hidden}.portfolio-grid{opacity:.55;background:linear-gradient(160deg,#0000 20%,#314b43 80%),repeating-linear-gradient(0deg,#0000 0 47px,#658778 48px),repeating-linear-gradient(90deg,#0000 0 47px,#658778 48px);position:absolute;inset:0;transform:perspective(500px)rotateX(55deg)scale(1.7)translateY(20%)}.portfolio-platform{background:linear-gradient(160deg,#7c9476,#3b594d);border:2px solid #d2c395;border-bottom-width:7px;width:24%;height:17%;position:absolute;transform:skewY(-14deg)rotate(-8deg);box-shadow:18px 20px 35px #0003}.platform-one{bottom:18%;left:12%}.platform-two{bottom:38%;left:43%;transform:skewY(12deg)rotate(7deg)}.platform-three{width:18%;height:14%;top:17%;right:11%}.portfolio-traveler{background:#253d34;border:2px solid #f7e8be;border-radius:50% 50% 20% 20%;width:1rem;height:2rem;position:absolute;bottom:58%;left:55%;box-shadow:0 0 25px #e2c98f}.portfolio-visual-caption{color:#cad2bc;letter-spacing:.18em;font:600 .65rem Georgia,serif;position:absolute;bottom:1.2rem;left:1.2rem}.portfolio-project-copy{flex-direction:column;align-items:start;padding:clamp(1.5rem,4vw,4rem);display:flex}.portfolio-number{color:#d5bd83;letter-spacing:.16em;justify-content:space-between;width:100%;margin:0 0 auto;font:600 .68rem Georgia,serif;display:flex}.portfolio-number span{color:#aab9a8;letter-spacing:.07em;font-family:Noto Sans CJK SC,sans-serif}.portfolio-project h3{margin:2rem 0 .2rem;font-family:Noto Serif CJK SC,Songti SC,SimSun,serif;font-size:clamp(2rem,3.8vw,3.7rem);font-weight:600}.portfolio-kind{color:#c1ad7e;margin:0;font-size:.8rem}.portfolio-summary{color:#c5d0c4;margin:1.6rem 0;font-size:.91rem;line-height:1.9}.portfolio-tech{flex-wrap:wrap;gap:.5rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.portfolio-tech li{color:#d0dac9;border:1px solid #718576;padding:.3rem .55rem;font-size:.7rem}.portfolio-cta{color:#ecddae;border:1px solid #c1ad7e;margin-top:auto;padding:.75rem 1rem;font-size:.84rem;font-weight:700;text-decoration:none}.portfolio-cta span{margin-left:1rem}.portfolio-endnote{color:#aebaae;padding-top:2rem;font-size:.8rem}.portfolio-return{color:#c9d0c2;letter-spacing:.1em;border-top:1px solid #46594e;justify-content:space-between;gap:1rem;padding:1.5rem clamp(1rem,5vw,5rem);font-size:.7rem;display:flex}.portfolio-return a{color:#e5d2a0;text-decoration:none}@media (width<=820px){.portfolio-project{grid-template-columns:1fr}.portfolio-project-visual{min-height:21rem}.portfolio-project-copy{min-height:25rem}}@media (width<=530px){.portfolio-hero{min-height:640px}.portfolio-ambient{opacity:.35}.portfolio-project-visual{min-height:16rem}.portfolio-project-copy{min-height:0}.portfolio-return{flex-direction:column}}.portfolio-detail-hero{background:radial-gradient(circle at 78% 38%,#506857 0,#0000 35%),linear-gradient(135deg,#253f37,#152522 70%);min-height:23rem;padding:2rem clamp(1rem,5vw,5rem) 3rem;position:relative;overflow:hidden}.portfolio-detail-hero:after{content:"";aspect-ratio:1;pointer-events:none;border:1px solid #e9d5a647;width:min(58vw,700px);position:absolute;bottom:-48%;right:-6%;transform:rotate(45deg)}.portfolio-detail-breadcrumb{color:#d9caa9;gap:.8rem;margin:0 0 4.5rem;font-size:.78rem;display:flex}.portfolio-detail-breadcrumb a{text-decoration:none}.portfolio-detail-breadcrumb a:hover{text-decoration:underline}.portfolio-detail-hero .portfolio-kicker{margin:0 0 .65rem}.portfolio-detail-hero h1{color:#f4e6c7;letter-spacing:.07em;margin:0;font:600 clamp(3rem,6vw,6rem)/1.15 Noto Serif CJK SC,Songti SC,SimSun,serif;position:relative}.portfolio-detail-subtitle{color:#c9d2c3;max-width:42rem;margin:1rem 0 1.5rem;line-height:1.8;position:relative}.portfolio-detail-tags{flex-wrap:wrap;gap:.55rem;display:flex;position:relative}.portfolio-detail-tags span{color:#e8dcba;border:1px solid #879882;padding:.3rem .6rem;font-size:.7rem}.portfolio-detail-main{max-width:1350px;margin:0 auto;padding:clamp(2rem,5vw,5rem) clamp(1rem,5vw,5rem)}.portfolio-demo-stage{text-align:center;background:linear-gradient(145deg,#dedebf0a,#0000),repeating-linear-gradient(90deg,#0000 0 53px,#b7c4a409 54px),#192b27;border:1px solid #687967;flex-direction:column;justify-content:center;align-items:center;min-height:clamp(16rem,42vw,34rem);padding:2rem;display:flex}.portfolio-demo-glyph{color:#d9c89f;border:1px solid #acb69d;border-radius:50%;place-items:center;width:4.8rem;height:4.8rem;font-size:2.5rem;display:grid}.portfolio-demo-stage h2{color:#f2e1bb;margin:1.1rem 0 .3rem;font:600 1.4rem Noto Serif CJK SC,SimSun,serif}.portfolio-demo-stage p,.portfolio-demo-note{color:#b6c1b1;font-size:.8rem}.portfolio-demo-note{margin:.7rem 0 0}.portfolio-detail-story{grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:clamp(2rem,6vw,6rem);padding:clamp(4rem,8vw,7rem) 0;display:grid}.portfolio-detail-story .portfolio-kicker{margin:0 0 .6rem}.portfolio-detail-story h2{color:#f0e0bc;margin:0 0 1.5rem;font:600 clamp(2rem,4vw,3.3rem)/1.25 Noto Serif CJK SC,SimSun,serif}.portfolio-detail-story p:not(.portfolio-kicker){color:#c4cec3;max-width:47rem;line-height:2}.portfolio-detail-story code{color:#e5d29a}.portfolio-detail-story .portfolio-cta{margin-top:1.3rem;display:inline-flex}.portfolio-detail-facts{background:#273832;border-top:2px solid #c2a878;align-self:start;padding:1.4rem}.portfolio-detail-facts h3{color:#edd9ad;margin:0 0 1.5rem;font-size:.95rem}.portfolio-detail-facts dl{grid-template-columns:5.2rem 1fr;gap:.9rem .5rem;margin:0;font-size:.78rem;line-height:1.6;display:grid}.portfolio-detail-facts dt{color:#aebbaa}.portfolio-detail-facts dd{color:#ece9d9;margin:0}.portfolio-detail-return{border-top:1px solid #637467;justify-content:space-between;gap:1rem;padding-top:1.6rem;font-size:.8rem;display:flex}.portfolio-detail-return a{color:#ead9af;text-decoration:none}.portfolio-detail-return a:hover{text-decoration:underline}@media (width<=750px){.portfolio-detail-story{grid-template-columns:1fr}.portfolio-detail-breadcrumb{margin-bottom:3rem}}.ai-portfolio-hero{background:radial-gradient(circle at 75% 45%,#4b5d5e,#21312f 55%,#172321);min-height:30rem;padding:clamp(3rem,7vw,7rem) clamp(1rem,5vw,5rem)}.ai-portfolio-hero .portfolio-kicker{margin:0 0 2rem}.ai-portfolio-hero h1{color:#f0e1c2;margin:0;font:600 clamp(3rem,6vw,6rem)/1.18 Noto Serif CJK SC,SimSun,serif}.ai-portfolio-hero>p:not(.portfolio-kicker){color:#cbd3c7;max-width:32rem;margin:1.5rem 0 2rem;line-height:1.9}.ai-portfolio-hero a{color:#e7d5aa;border-bottom:1px solid #ab9b74;padding-bottom:.4rem;font-size:.82rem;text-decoration:none}.ai-portfolio-archive{max-width:1250px;min-height:22rem;margin:0 auto;padding:clamp(3rem,7vw,6rem) clamp(1rem,5vw,5rem);position:relative;overflow:hidden}.ai-portfolio-archive>span{color:#ceb681;letter-spacing:.15em;font-size:.72rem}.ai-portfolio-archive h2{z-index:1;margin:.6rem 0 1rem;font:600 clamp(2rem,4vw,3rem) Noto Serif CJK SC,SimSun,serif;position:relative}.ai-portfolio-archive p{z-index:1;color:#c0c9bb;position:relative}.ai-portfolio-archive>div{opacity:.3;pointer-events:none;position:absolute;inset:0}.ai-portfolio-archive i{border:1px solid #c9bb8f;width:8rem;height:8rem;position:absolute;transform:rotate(45deg)}.ai-portfolio-archive i:first-child{top:18%;right:12%}.ai-portfolio-archive i:nth-child(2){width:5rem;height:5rem;bottom:-3rem;right:25%}.ai-portfolio-archive i:nth-child(3){width:15rem;height:15rem;bottom:-6rem;right:2%}@media (width<=530px){.portfolio-ai-link{margin:1rem 0 0}}.portfolio-favorites{border-top:1px solid #6c806e;grid-template-columns:minmax(0,1fr) minmax(210px,.65fr);align-items:center;gap:clamp(2rem,5vw,5rem);max-width:1250px;margin:0 auto clamp(5rem,8vw,8rem);padding:clamp(2rem,5vw,4rem) clamp(1rem,5vw,4rem);display:grid}.portfolio-favorites>div>span{color:#d1b783;letter-spacing:.18em;font:.7rem Georgia,serif}.portfolio-favorites h2{color:#eee0bf;margin:.5rem 0 1rem;font:600 clamp(2rem,4vw,3rem) Noto Serif CJK SC,SimSun,serif}.portfolio-favorites p{color:#bcc8bb;max-width:34rem;line-height:1.85}.portfolio-favorites-slot{color:#b6c6b2;border:1px dashed #7b8e75;align-items:center;gap:1.5rem;min-height:12rem;padding:2rem;display:flex}.portfolio-favorites-slot i{color:#ceb883;font:3rem Georgia,serif}@media (width<=700px){.portfolio-favorites{grid-template-columns:1fr}}.portfolio-world-revised{color:#f4e4cc;background:#302219}.portfolio-world-revised .portfolio-hero{background:radial-gradient(circle at 79% 22%,#876142 0,#503626 38%,#2d211a 79%);grid-template-columns:minmax(0,1fr) minmax(250px,.7fr);align-items:center;gap:4vw;min-height:min(710px,100svh - 52px);padding:clamp(2rem,5vw,5rem);display:grid}.portfolio-world-revised .portfolio-hero:after{background:repeating-linear-gradient(0deg,#0000 0 37px,#efcea406 38px),radial-gradient(circle at 12% 90%,#d6934f26,#0000 42%)}.portfolio-world-revised .portfolio-kicker{color:#e2ba84;letter-spacing:.25em;grid-column:1/-1;align-self:start;margin:0;font:.69rem Georgia,serif}.portfolio-hero-copy{align-self:center}.portfolio-hero-seal{color:#e9c28d;border:1px solid #d5a76b;border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;margin-bottom:1rem;display:inline-grid}.portfolio-world-revised .portfolio-hero h1{font-size:clamp(3rem,6vw,6.5rem);line-height:1.16}.portfolio-world-revised .portfolio-hero h1 em{color:#e8b471}.portfolio-world-revised .portfolio-intro{color:#e0c9ac}.portfolio-world-revised .portfolio-scroll{color:#fff0d5}.portfolio-hero-paper{color:#6a452e;background:linear-gradient(135deg,#fff2d8,#e8cba2);border-radius:.35rem 1.1rem 1.1rem .35rem;flex-direction:column;justify-self:center;width:min(100%,25rem);min-height:27rem;padding:2.3rem;animation:7s ease-in-out infinite alternate paper-float;display:flex;position:relative;transform:rotate(4deg);box-shadow:14px 18px #9c6942,30px 32px 45px #140b0566}.portfolio-hero-paper:before{content:"";pointer-events:none;border:1px solid #cfae83;border-radius:.35rem;position:absolute;inset:1rem}.portfolio-hero-paper span{letter-spacing:.22em;font:700 .78rem Georgia,serif}.portfolio-hero-paper i{background:#b99a75;width:73%;height:1px;margin:2.1rem 0 0;display:block}.portfolio-hero-paper i:nth-of-type(2){width:90%}.portfolio-hero-paper i:nth-of-type(3){width:60%}.portfolio-hero-paper strong{color:#83512c;margin:auto 0 1rem;font:italic 1.4rem/1.5 Georgia,serif}@keyframes paper-float{to{transform:rotate(2deg)translateY(-9px)}}.portfolio-world-revised .portfolio-main{max-width:1300px;padding-top:clamp(3rem,7vw,6rem)}.portfolio-world-revised .portfolio-section-title>span{color:#dfb57d}.portfolio-world-revised .portfolio-section-title p{color:#c6a98b}.portfolio-deck{max-width:1100px;margin:2rem auto;position:relative}.portfolio-deck-stage{perspective:1200px;min-height:clamp(30rem,46vw,36rem);position:relative}.portfolio-deck-card{opacity:0;pointer-events:none;background:#5c3b28;border:1px solid #a67a52;border-radius:1.4rem;grid-template-columns:1.15fr .85fr;transition:transform .7s cubic-bezier(.18,.8,.2,1),opacity .5s;display:grid;position:absolute;inset:0;overflow:hidden;transform:translate(12%)scale(.86)rotateY(-9deg);box-shadow:0 20px 55px #0a050254}.portfolio-deck-card.is-active{z-index:2;opacity:1;pointer-events:auto;transform:translate(0)scale(1)rotateY(0)}.portfolio-deck-card:not(.is-active){opacity:.35;transform:translate(6%)scale(.92)}.portfolio-deck-art{min-height:26rem;position:relative;overflow:hidden}.portfolio-deck-art>span{color:#f2dab2;letter-spacing:.16em;font:.65rem Georgia,serif;position:absolute;bottom:1.4rem;left:1.5rem}.portfolio-deck-art-obstacle{background:radial-gradient(circle at 55% 32%,#b68c5c,#6c4a32 60%,#35251b)}.portfolio-deck-art-obstacle .portfolio-grid{background:repeating-linear-gradient(0deg,#0000 0 47px,#a77a53 48px),repeating-linear-gradient(90deg,#0000 0 47px,#a77a53 48px)}.portfolio-deck-art-obstacle .portfolio-platform{background:linear-gradient(160deg,#c59b65,#755235);border-color:#efd4a2}.portfolio-deck-art-obstacle .portfolio-traveler{background:#734a2d}.portfolio-deck-art-runner{background:radial-gradient(circle at 50% 55%,#f3d9ac,#b77846 62%,#6b4029);place-items:center;display:grid}.portfolio-deck-art-runner img{filter:drop-shadow(0 14px 20px #2b15084d);width:clamp(9rem,23vw,18rem);height:auto;animation:3s ease-in-out infinite alternate runner-float}@keyframes runner-float{to{transform:translateY(-12px)rotate(3deg)}}.portfolio-deck-copy{background:linear-gradient(150deg,#67452f,#38281f);flex-direction:column;align-items:start;padding:clamp(1.5rem,4vw,3.8rem);display:flex}.portfolio-deck-copy .portfolio-number{color:#e0bd8a;margin:0 0 auto}.portfolio-deck-copy h3{color:#fff0d2;margin:2rem 0 .5rem;font:600 clamp(2rem,4vw,3.8rem) Noto Serif CJK SC,SimSun,serif}.portfolio-deck-copy .portfolio-kind{color:#e1ba7d}.portfolio-deck-copy .portfolio-summary{color:#e5d0b5}.portfolio-deck-copy .portfolio-cta{color:#fff0d2;border-color:#d8ae79;border-radius:999px;gap:1rem;padding:.75rem 1.1rem;transition:background .3s,transform .3s;display:inline-flex}.portfolio-deck-copy .portfolio-cta:hover{color:#fff7e8;background:#9b6840;transform:translateY(-3px)}.portfolio-deck-controls{justify-content:center;align-items:center;gap:1.2rem;margin-top:1.4rem;display:flex}.portfolio-deck-controls button{color:#f9e8ca;cursor:pointer;background:#5e3e29;border:1px solid #c59765;border-radius:50%;width:2.7rem;height:2.7rem;font-size:1.1rem;transition:transform .25s,background .25s}.portfolio-deck-controls button:hover{background:#95643c;transform:scale(1.1)}.portfolio-deck-controls span{text-align:center;color:#dfbc8e;min-width:4rem;font:700 .8rem Georgia,serif}.portfolio-world-revised .portfolio-endnote{color:#c7a889;justify-content:space-between;gap:1rem;display:flex}.portfolio-world-revised .portfolio-endnote a{color:#edd1a8}.portfolio-world-revised .portfolio-return{border-color:#75553b}@media (width<=760px){.portfolio-world-revised .portfolio-hero{grid-template-columns:1fr;min-height:auto}.portfolio-hero-paper{display:none}.portfolio-world-revised .portfolio-hero-copy{padding:4rem 0}.portfolio-deck-stage{min-height:43rem}.portfolio-deck-card{grid-template-columns:1fr}.portfolio-deck-art{min-height:18rem}.portfolio-deck-copy{min-height:25rem}}@media (prefers-reduced-motion:reduce){.portfolio-hero-paper,.portfolio-deck-art-runner img{animation:none}.portfolio-deck-card{transition:none}}.portfolio-world{background:#302219}.portfolio-detail-hero{background:radial-gradient(circle at 78% 38%,#8c6241,#0000 35%),linear-gradient(135deg,#5b3e2c,#302219 70%)}.portfolio-detail-subtitle,.portfolio-detail-story p:not(.portfolio-kicker),.ai-portfolio-hero>p:not(.portfolio-kicker){color:#dec8aa}.portfolio-demo-stage{background:linear-gradient(145deg,#ebc3850f,#0000),#3d2a20;border-color:#9b7552;border-radius:1.2rem}.portfolio-detail-facts{background:#4b3527;border-radius:1rem}.portfolio-detail-tags span,.portfolio-tech li{border-radius:999px}.ai-portfolio-hero{background:radial-gradient(circle at 75% 45%,#8b6443,#493225 55%,#302219)}.ai-portfolio-archive p{color:#d8c1a2}