:root{--paper:#f1f0ed;--ink:#181918;--muted:#777872;--line:rgba(24,25,24,.19);--acid:#d8ff65;--serif:Georgia,"Times New Roman",serif;--mono:"DM Mono",monospace;--sans:Manrope,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.noise{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.topbar{position:absolute;top:0;left:0;width:100%;z-index:4;color:white;padding:26px 4.6vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.24)}.brand{font-weight:800;letter-spacing:-.08em;font-size:19px}.brand span{color:var(--acid);font-size:13px;vertical-align:top;margin:0 2px}.topbar nav{display:flex;justify-content:center;gap:35px;font-size:12px}.topbar nav i{font:10px var(--mono);color:var(--acid);font-style:normal;margin-left:3px}.availability{justify-self:end;font:10px var(--mono);letter-spacing:.05em}.availability span{display:inline-block;background:var(--acid);width:7px;height:7px;border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--acid)}.hero{height:min(850px,100svh);min-height:660px;position:relative;overflow:hidden;color:white;background:#20221f}.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-video{object-fit:cover;filter:brightness(.61) saturate(.75)}.hero-shade{background:linear-gradient(90deg,rgba(12,15,14,.72),rgba(12,15,14,.06) 74%),linear-gradient(0deg,rgba(10,12,10,.58),transparent 45%)}.hero-kicker,.hero-caption{position:absolute;left:4.6vw;right:4.6vw;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.13em}.hero-kicker{top:132px}.hero-copy{position:absolute;top:50%;left:13.6vw;transform:translateY(-43%);width:min(580px,70vw)}.eyebrow{font:12px var(--mono);letter-spacing:.08em;margin:0 0 27px}.eyebrow span{color:var(--acid);margin-left:7px}.hero h1{font-size:clamp(68px,10.1vw,150px);line-height:.94;letter-spacing:-.095em;margin:0;font-weight:600}.hero h1 em,.contact h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.075em}.hero-bottomline{display:flex;align-items:center;justify-content:space-between;width:min(465px,100%);margin-top:38px}.hero-bottomline p{font-size:13px;line-height:1.9;color:rgba(255,255,255,.76)}.round-link{width:48px;height:48px;border:1px solid rgba(255,255,255,.62);border-radius:50%;display:grid;place-items:center;transition:.3s}.round-link:hover{background:var(--acid);color:var(--ink);border-color:var(--acid);transform:rotate(45deg)}.round-link span{font-size:21px}.hero-stamp{position:absolute;right:10vw;top:34%;width:108px;height:108px;border:1px solid rgba(255,255,255,.56);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font:8px/1.4 var(--mono);letter-spacing:.1em;transform:rotate(11deg)}.hero-stamp b{position:absolute;color:var(--acid);font-size:20px;right:-8px;top:0}.hero-caption{bottom:27px;color:rgba(255,255,255,.72)}.section-pad{padding-left:8.3vw;padding-right:8.3vw}.intro{padding-top:125px;padding-bottom:145px}.section-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}.intro-grid{position:relative;display:grid;grid-template-columns:1.15fr .8fr;gap:7vw;margin-top:66px;align-items:end}.intro h2{font-size:clamp(52px,7.6vw,108px);line-height:1.05;letter-spacing:-.09em;font-weight:500;margin:0}.intro h2 span{font-family:var(--serif);font-style:italic;font-weight:400}.intro-text{max-width:445px;padding-bottom:8px}.intro-text>p{font-size:15px;line-height:2.1;color:#53554f;margin:0}.intro-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:30px;padding-top:14px;font-size:10px;color:var(--muted)}.intro-meta a{color:var(--ink);font-weight:600}.intro-meta b{font-size:14px;margin-left:9px}.intro-note{position:absolute;right:0;top:-76px;font:9px/1.5 var(--mono);letter-spacing:.1em;transform:rotate(8deg)}.intro-note span{color:#9cba45;display:block;font-size:18px;text-align:right}.work{padding-top:68px;padding-bottom:126px;background:#e6e5e0}.work-heading{display:flex;align-items:end;justify-content:space-between;margin:52px 0 45px}.work-heading h2{font-size:clamp(44px,6vw,82px);letter-spacing:-.09em;font-weight:500;margin:0}.work-heading h2 span{color:#8fae39}.work-heading p{color:var(--muted);font-size:12px;line-height:1.9;margin:0 7% 7px 0}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:68px 24px}.project-card{grid-column:span 6;cursor:pointer;outline:none}.project-card:nth-child(3n+2){grid-column:span 6;margin-top:100px}.project-card:nth-child(3n){grid-column:span 6}.project-image{height:clamp(290px,40vw,550px);position:relative;overflow:hidden;background:#d2d1cb}.project-card:nth-child(3n+1) .project-image{height:clamp(340px,44vw,595px)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.15,1),filter .5s}.project-card:nth-child(1) .project-image img,.project-card:nth-child(5) .project-image img{object-position:center 42%}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.42),transparent 50%);opacity:.72;transition:opacity .4s}.project-card:hover .project-image img,.project-card:focus-visible .project-image img{transform:scale(1.045)}.project-card:hover .project-image:after{opacity:1}.card-index{position:absolute;z-index:1;left:20px;top:19px;color:white;font:10px var(--mono);letter-spacing:.08em}.card-open{position:absolute;z-index:1;right:20px;bottom:20px;background:var(--acid);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;transform:translateY(10px);opacity:0;transition:.3s}.project-card:hover .card-open,.project-card:focus-visible .card-open{transform:translateY(0);opacity:1}.project-info{display:grid;grid-template-columns:1fr auto;align-items:start;padding-top:16px}.project-info h3{margin:0;font-size:23px;font-weight:600;letter-spacing:-.05em}.project-info p{margin:7px 0 0;color:var(--muted);font-size:11px}.project-type{font:9px/1.6 var(--mono);letter-spacing:.08em;color:var(--muted);text-align:right;padding-top:5px}.work-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:76px;padding-top:14px;color:var(--muted);font:9px var(--mono);letter-spacing:.1em}.work-foot b{color:#8fae39;font-size:14px;margin-left:5px}.contact{background:#20221f;color:#f4f2ec;padding-top:76px;padding-bottom:28px}.contact .section-label{border-color:rgba(255,255,255,.23);color:rgba(255,255,255,.55)}.contact-main{position:relative;padding:80px 0 90px}.contact-main>p{font:12px var(--mono);color:var(--acid);letter-spacing:.1em;margin:0 0 24px}.contact h2{font-size:clamp(64px,10vw,142px);line-height:.93;font-weight:500;letter-spacing:-.09em;margin:0}.contact-arrow{position:absolute;right:4%;bottom:90px;width:84px;height:84px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center;font-size:33px;transition:.3s}.contact-arrow:hover{background:var(--acid);color:var(--ink);border-color:var(--acid);transform:rotate(45deg)}.contact-details{display:flex;gap:45px;border-top:1px solid rgba(255,255,255,.22);padding:19px 0 60px;font-size:12px;align-items:center}.contact-details a span{color:var(--acid);margin-left:8px}.contact-details button{background:none;border:0;cursor:pointer;padding:0;color:rgba(255,255,255,.7)}.contact-details button span{margin-left:7px;font:9px var(--mono);color:var(--acid)}.copy-status{font:10px var(--mono);color:var(--acid)}footer{border-top:1px solid rgba(255,255,255,.22);padding-top:20px;display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.55);font:9px var(--mono);letter-spacing:.07em}footer .brand{color:white;font:800 17px var(--sans)}.project-dialog{padding:0;border:0;background:var(--paper);color:var(--ink);width:min(1120px,calc(100% - 48px));max-width:none;max-height:min(92svh,1100px);overflow:auto;box-shadow:0 30px 100px rgba(0,0,0,.35)}.project-dialog::backdrop{background:rgba(14,15,14,.8);backdrop-filter:blur(5px)}.dialog-top,.dialog-bottom{position:sticky;z-index:2;background:rgba(241,240,237,.94);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:17px 28px;border-bottom:1px solid var(--line)}.dialog-close,.dialog-bottom button{border:0;background:none;cursor:pointer;font-size:11px}.dialog-close b{font-size:21px;margin-left:10px;font-weight:400}.dialog-content{padding:0 7.5% 70px}.detail-hero{height:min(57vw,500px);min-height:260px;margin:0 -8.8% 48px;position:relative;overflow:hidden;background:#d5d3ce}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.48),transparent 60%)}.detail-hero-copy{position:absolute;z-index:1;left:8.5%;bottom:35px;color:white}.detail-hero-copy span{font:10px var(--mono);letter-spacing:.1em}.detail-hero-copy h2{font-size:clamp(44px,8vw,90px);line-height:.95;letter-spacing:-.08em;font-weight:500;margin:14px 0 0}.detail-intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-bottom:52px;border-bottom:1px solid var(--line)}.detail-intro h3{font-size:27px;line-height:1.25;letter-spacing:-.05em;font-weight:500;margin:0}.detail-intro p{font-size:13px;line-height:2;color:#60615d;margin:0}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.detail-tags span{border:1px solid var(--line);border-radius:30px;padding:7px 11px;font:9px var(--mono);color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px}.gallery figure{margin:0;min-height:200px;overflow:hidden;background:#deddd8}.gallery figure:first-child:nth-last-child(odd){grid-column:span 2}.gallery img,.gallery video{width:100%;height:100%;max-height:590px;object-fit:cover;display:block;cursor:default;transition:transform .5s}.gallery img:hover{transform:scale(1.02)}.gallery figcaption{font:9px var(--mono);color:var(--muted);padding:9px 0 2px}.dialog-bottom{position:sticky;bottom:0;border-top:1px solid var(--line);border-bottom:0;font:9px var(--mono);letter-spacing:.08em;color:var(--muted)}.dialog-bottom{gap:16px}.dialog-bottom button{color:var(--ink);font:11px var(--sans);display:inline-flex;align-items:center;gap:9px;padding:8px 0}.dialog-bottom button:hover{color:var(--electric)}.dialog-bottom b{margin-left:10px;font-size:16px}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:20;display:grid;place-items:center;padding:30px;cursor:zoom-out}.lightbox img{max-width:94vw;max-height:90vh;object-fit:contain}.dialog-open{overflow:hidden}@media(max-width:760px){.topbar{padding:19px 6vw;grid-template-columns:1fr 1fr}.topbar nav{display:none}.hero{min-height:680px;height:90svh}.hero-kicker{left:6vw;right:6vw;top:100px;font-size:8px}.hero-copy{left:8vw;width:84vw;transform:translateY(-38%)}.hero h1{font-size:clamp(50px,14vw,98px)}.hero-stamp{right:8vw;top:auto;bottom:115px;width:83px;height:83px;font-size:7px}.hero-caption{left:6vw;right:6vw;font-size:8px}.section-pad{padding-left:6vw;padding-right:6vw}.intro{padding-top:86px;padding-bottom:95px}.intro-grid{grid-template-columns:1fr;gap:32px;margin-top:45px}.intro h2{font-size:clamp(61px,14vw,94px)}.intro-text{max-width:100%}.intro-note{right:6px;top:-62px}.work{padding-top:50px;padding-bottom:85px}.work-heading{display:block;margin:40px 0 28px}.work-heading p{margin:15px 0 0}.project-grid{display:block}.project-card,.project-card:nth-child(3n+2){margin:0 0 43px}.project-image,.project-card:nth-child(3n+1) .project-image{height:clamp(310px,105vw,520px)}.project-info h3{font-size:21px}.card-open{opacity:1;transform:none;width:38px;height:38px}.work-foot{margin-top:52px;font-size:8px}.contact{padding-top:51px}.contact-main{padding:65px 0 80px}.contact h2{font-size:clamp(66px,16vw,110px)}.contact-arrow{width:56px;height:56px;right:0;bottom:36px;font-size:25px}.contact-details{display:grid;gap:17px;padding-bottom:43px}.copy-status{min-height:12px}footer{font-size:7px}footer .brand{font-size:14px}.project-dialog{width:100%;max-height:100svh;height:100svh}.dialog-top,.dialog-bottom{padding:15px 6vw}.dialog-content{padding:0 6vw 45px}.detail-hero{margin:0 -6vw 34px;height:68vw;min-height:280px}.detail-hero-copy{left:6vw;bottom:24px}.detail-intro{grid-template-columns:1fr;gap:17px;padding-bottom:34px}.detail-intro h3{font-size:23px}.gallery{gap:8px;margin-top:32px}.gallery figure{min-height:130px}.gallery img,.gallery video{max-height:360px}.gallery figcaption{font-size:7px}.dialog-bottom{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.hero-poster,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-poster{background:url("1主页/主页背景.png") center 43%/cover no-repeat;filter:brightness(.66) saturate(.86)}
.resume-name{position:relative;min-height:285px;border-bottom:1px solid var(--line);padding:10px 0 27px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.resume-label{font:9px var(--mono);letter-spacing:.1em;color:#777872}.resume-name h2{font-size:clamp(54px,7.6vw,108px);line-height:.95;letter-spacing:-.085em;font-weight:600;margin:19px 0 15px}.resume-name h2 .name-period{font:inherit;color:#91ae45;font-style:normal}.resume-name>p{margin:0;font-size:13px;line-height:1.8;color:#64655f}.resume-mark{position:absolute;right:10px;top:13px;color:#91ae45;font-size:25px}.intro-text{max-width:none;padding-bottom:0}.profile-block{padding:0 0 23px}.profile-block>p{font-size:13px;line-height:2.05;color:#53554f;margin:15px 0 0}.skills-block{border-top:1px solid var(--line);padding-top:18px}.skills-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:14px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.skills-grid span{min-height:46px;display:flex;align-items:center;padding:9px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:#43453f;line-height:1.55}.skills-grid span:before{content:"✳";font-size:9px;color:#91ae45;margin-right:9px;flex:none}
@media(max-width:760px){.hero-poster{background-position:45% center}.resume-name{min-height:0;padding:0 0 24px}.resume-name h2{font-size:clamp(61px,14vw,94px);margin:15px 0 12px}.profile-block>p{font-size:12px;line-height:1.95}.skills-grid span{font-size:10px;padding:8px}.skills-grid span:before{margin-right:6px}}

/* Dark technology palette */
:root{--paper:#080b12;--ink:#eff4ff;--muted:#95a1b5;--line:rgba(157,184,230,.19);--acid:#c8ff55;--electric:#72dcff;--deep:#0c1220}
body{background:#080b12;color:var(--ink)}
.hero{background:#060912}.hero-poster{filter:brightness(.43) saturate(.78) contrast(1.04)}
.hero-shade{background:linear-gradient(90deg,rgba(5,9,18,.74),rgba(6,12,26,.16) 76%),linear-gradient(0deg,rgba(5,8,16,.76),rgba(7,13,25,.08) 54%),linear-gradient(130deg,rgba(22,93,155,.18),transparent 48%)}
.topbar{border-color:rgba(173,203,244,.19)}.topbar nav a,.availability{color:rgba(240,246,255,.84)}.availability span{background:var(--acid);box-shadow:0 0 12px rgba(200,255,85,.8)}
.intro{background:radial-gradient(ellipse at 78% 46%,rgba(39,102,167,.16),transparent 38%),#080b12}.section-label{color:#95a4bb;border-color:var(--line)}.intro h2,.work-heading h2,.contact h2{color:var(--ink)}.intro h2 span{color:var(--electric)}
.resume-label{color:#87a0be}.resume-name{border-color:var(--line)}.resume-name h2{color:#f4f7ff}.resume-name h2 .name-period,.resume-mark{color:var(--acid)}.resume-name>p{color:#aab5c8}.profile-block>p{color:#b3bfd2}.skills-block{border-color:var(--line)}.skills-grid{border-color:var(--line)}.skills-grid span{color:#dce6f5;border-color:var(--line);background:rgba(15,24,39,.58)}.skills-grid span:before{color:var(--electric)}
.work{background:radial-gradient(ellipse at 12% 42%,rgba(28,78,137,.16),transparent 33%),linear-gradient(145deg,#0b101b,#0a0e18 58%,#0c1220)}.work-heading h2 span{color:var(--acid)}.work-heading p,.project-info p,.project-type,.work-foot{color:#9caac0}.project-image{background:#111a29}.project-info h3{color:#f1f5ff}.project-card:focus-visible .project-image{outline:2px solid var(--electric);outline-offset:4px}.card-open{color:#0a111c;background:var(--acid)}.work-foot{border-color:var(--line)}.work-foot b{color:var(--electric)}
.contact{background:radial-gradient(ellipse at 78% 42%,rgba(27,73,125,.18),transparent 38%),#070a11}.contact .section-label{color:#9cabc1;border-color:var(--line)}.contact-main>p{color:var(--electric)}.contact-arrow{border-color:rgba(150,190,236,.45)}.contact-arrow:hover{background:var(--acid);border-color:var(--acid)}.contact-details{border-color:var(--line)}.contact-details button{color:#c5d0e0}.contact-details button span{color:var(--electric)}footer{border-color:var(--line);color:#8896ad}footer .brand{color:#f4f7ff}
.project-dialog{background:var(--paper);color:var(--ink)}.dialog-top,.dialog-bottom{background:rgba(8,11,18,.94);border-color:var(--line);color:#aab7cc}.dialog-top .brand{color:var(--ink)}.dialog-close,.dialog-bottom button{color:var(--ink)}.detail-hero{background:#101a2a}.detail-hero:after{background:linear-gradient(0deg,rgba(4,7,14,.72),transparent 68%)}.detail-intro{border-color:var(--line)}.detail-intro p{color:#aebbd0}.detail-tags span{border-color:var(--line);color:#b6c4d8;background:rgba(22,34,53,.45)}.gallery figure{background:#0f1725}.gallery figcaption{color:#98a8c0}
::selection{background:rgba(114,220,255,.28);color:#fff}
@media(max-width:760px){.intro{background:radial-gradient(ellipse at 85% 12%,rgba(39,102,167,.14),transparent 35%),#080b12}.work{background:linear-gradient(180deg,#0b101b,#0a0e18)}.skills-grid span{background:rgba(15,24,39,.65)}}

/* Profile portrait and clearer information hierarchy */
.intro-grid{grid-template-columns:1.15fr .8fr;align-items:start}.resume-name{min-height:0;display:flex;justify-content:flex-start;padding:0 0 28px}.portrait-frame{position:relative;width:100%;height:clamp(320px,30vw,520px);overflow:hidden;margin:0 0 34px;background:#101a2a;border:1px solid rgba(114,220,255,.24);box-shadow:0 18px 65px rgba(0,0,0,.28)}.portrait-frame:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(0deg,rgba(4,8,16,.62),transparent);pointer-events:none}.portrait-frame video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 36%}.portrait-trigger{opacity:0;transition:opacity .12s linear}.portrait-frame.is-trigger-active .portrait-trigger{opacity:1}.portrait-frame figcaption{position:absolute;z-index:1;left:17px;right:17px;bottom:14px;display:flex;justify-content:space-between;color:#e8f2ff;font:9px var(--mono);letter-spacing:.12em}.portrait-frame figcaption span:last-child{color:var(--acid);font-size:16px}.resume-name h2{font-weight:750}.resume-name>p{font-size:15px;font-weight:500;color:#bdc9dc}.intro-text{padding-top:clamp(32px,4vw,72px)}.profile-block>p{font-size:clamp(15px,1vw,17px);line-height:1.95;color:#c2cee0}.project-name{font-weight:750;color:var(--electric);text-shadow:0 0 18px rgba(114,220,255,.13)}.skills-block{padding-top:22px}.skills-grid{margin-top:17px}.skills-grid span{min-height:58px;padding:11px 15px;font-size:clamp(13px,.9vw,15px);font-weight:600;color:#e1eaf8;background:linear-gradient(135deg,rgba(18,31,51,.76),rgba(12,20,34,.6))}.skills-grid span:before{font-size:11px;color:var(--electric);margin-right:11px}
@media(max-width:760px){.intro-grid{grid-template-columns:1fr;align-items:start}.resume-name{padding:0 0 24px}.portrait-frame{height:clamp(230px,70vw,380px);margin-bottom:25px}.portrait-frame video{object-position:center 31%}.intro-text{padding-top:30px}.profile-block>p{font-size:13px;line-height:1.95}.skills-grid span{font-size:11px;min-height:52px;padding:9px}.skills-grid span:before{margin-right:7px}}

/* The updated project covers are all 4:3; keep both card and detail crops consistent. */
.project-grid .project-card .project-image{height:auto;aspect-ratio:4/3}
.project-grid .project-card .project-image img{object-fit:cover;object-position:center}
.detail-hero{height:auto;min-height:0;aspect-ratio:4/3}
@media(max-width:760px){.project-grid .project-card .project-image{height:auto;aspect-ratio:4/3}.detail-hero{height:auto;min-height:0;aspect-ratio:4/3}}

/* Project listing: aligned two-column rows on desktop */
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 28px;align-items:start}
.project-card,.project-card:nth-child(3n+2),.project-card:nth-child(3n){grid-column:auto;margin:0}
.project-card .project-image{height:auto;aspect-ratio:4/3}
.project-info{min-height:76px}.project-info h3{font-weight:750;color:#f2f6ff}.project-info p{max-width:36em}
@media(max-width:760px){.project-grid{display:block}.project-card,.project-card:nth-child(3n+2),.project-card:nth-child(3n){grid-column:auto;margin:0 0 43px}.project-card .project-image{height:auto;aspect-ratio:4/3}.project-info{min-height:0}}

/* Bondee project case study */
.case-section{margin-top:54px;padding-top:24px;border-top:1px solid var(--line)}.case-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.case-section-heading span{display:block;font:9px var(--mono);letter-spacing:.12em;color:#8fa4c1}.case-section-heading h3{margin:8px 0 0;font-size:clamp(25px,3vw,38px);line-height:1.05;letter-spacing:-.05em;font-weight:650;color:#f4f7ff}.case-section-heading>p{margin:0;color:#9aa9bf;font-size:12px}.art-carousel{position:relative;height:clamp(350px,45vw,580px);isolation:isolate}.art-stack{position:absolute;inset:0}.art-stack-card{position:absolute;inset:0 auto auto 9%;width:82%;height:100%;margin:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#18263a,#0a101b);border:1px solid rgba(134,190,233,.25);box-shadow:0 22px 55px rgba(0,0,0,.38);transition:transform .46s cubic-bezier(.2,.7,.15,1),filter .46s,opacity .46s}.art-stack-card img{display:block;width:100%;height:100%;object-fit:contain}.art-stack-card.depth-3{transform:translate(7.2%,15px) scale(.9);filter:blur(5px) brightness(.34);opacity:.52}.art-stack-card.depth-2{transform:translate(4.8%,10px) scale(.93);filter:blur(3.8px) brightness(.46);opacity:.7}.art-stack-card.depth-1{transform:translate(2.4%,5px) scale(.965);filter:blur(2.4px) brightness(.63);opacity:.84}.art-stack-card.depth-0{transform:translate(0,0) scale(1);filter:none;opacity:1;z-index:4}.carousel-arrow{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid rgba(187,218,248,.7);background:rgba(5,10,19,.78);backdrop-filter:blur(10px);color:#eef7ff;font-size:24px;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.carousel-arrow:hover,.carousel-arrow:focus-visible{background:var(--acid);color:#08101a;border-color:var(--acid);outline:none}.carousel-prev{left:0}.carousel-next{right:0}.art-carousel-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:#98a9c0;font:10px var(--mono);letter-spacing:.06em}.art-carousel-meta span:last-child{color:var(--electric);font-size:12px}.video-section{margin-top:66px}.space-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.case-video-card,.promo-video-card,.storyboard-panel{margin:0}.case-video-card video,.promo-video-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#03060b;border:1px solid rgba(132,172,221,.2)}.case-video-card figcaption,.storyboard-panel figcaption{display:flex;justify-content:space-between;margin-top:10px;color:#b1c0d4;font-size:11px}.case-video-card figcaption span:last-child,.storyboard-panel figcaption span{font:9px var(--mono);letter-spacing:.08em;color:#8fa4c1}.promo-video-card{margin-top:46px}.promo-heading{margin-bottom:16px}.promo-heading h3{font-size:24px}.storyboard-section{margin-top:66px}.storyboard-list{display:flex;flex-direction:column;gap:30px}.storyboard-panel{padding:14px;background:linear-gradient(135deg,rgba(15,25,41,.95),rgba(8,13,23,.95));border:1px solid rgba(132,172,221,.18)}.storyboard-panel figcaption{margin:0 0 13px}.storyboard-panel img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#060a12;cursor:default}.case-section:last-child{margin-bottom:20px}
@media(max-width:760px){.case-section{margin-top:38px;padding-top:20px}.case-section-heading{align-items:flex-start;margin-bottom:18px}.case-section-heading>p{max-width:38%;text-align:right;font-size:10px}.art-carousel{height:clamp(240px,72vw,350px)}.art-stack-card{left:6%;width:88%}.art-stack-card.depth-3{transform:translate(7%,11px) scale(.9);filter:blur(4px) brightness(.34)}.art-stack-card.depth-2{transform:translate(4.6%,7px) scale(.93);filter:blur(3px) brightness(.46)}.art-stack-card.depth-1{transform:translate(2.3%,4px) scale(.965);filter:blur(1.8px) brightness(.63)}.carousel-arrow{width:42px;height:42px;font-size:20px}.carousel-prev{left:-5px}.carousel-next{right:-5px}.art-carousel-meta{font-size:8px}.art-carousel-meta span:last-child{font-size:10px}.space-video-grid{grid-template-columns:1fr;gap:22px}.promo-video-card{margin-top:34px}.storyboard-list{gap:20px}.storyboard-panel{padding:9px}.storyboard-panel figcaption,.case-video-card figcaption{font-size:10px}}

/* ChiYou product case study */
.chiyou-overview{padding-top:30px}.chiyou-overview-grid{display:grid;grid-template-columns:1fr .78fr;gap:5vw;align-items:center}.chiyou-overview-copy>p{max-width:660px;margin:0;color:#c3cee0;font-size:clamp(15px,1.35vw,19px);line-height:2}.chiyou-pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.chiyou-pill-row span{padding:9px 13px;border:1px solid rgba(114,220,255,.23);border-radius:999px;color:#b9dff0;background:rgba(20,51,68,.25);font-size:11px}.chiyou-shot{min-width:0;margin:0;padding:14px;background:linear-gradient(145deg,rgba(17,28,44,.94),rgba(9,14,24,.94));border:1px solid rgba(132,172,221,.18);box-shadow:0 18px 50px rgba(0,0,0,.2)}.chiyou-shot img{display:block;width:100%;height:clamp(300px,42vw,520px);object-fit:contain;background:rgba(2,7,13,.56);cursor:default}.chiyou-shot figcaption{margin-top:12px;color:#b7c6db;font-size:11px;font-weight:600}.chiyou-shot-home{max-width:400px;justify-self:center;width:100%}.chiyou-shot-home img{height:clamp(340px,38vw,490px)}.chiyou-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(132,172,221,.19);background:rgba(12,20,33,.42)}.chiyou-flow-step{padding:23px 20px 25px;min-height:180px;border-right:1px solid rgba(132,172,221,.19)}.chiyou-flow-step:last-child{border:0}.chiyou-flow-step>span{font:11px var(--mono);color:var(--electric)}.chiyou-flow-step h4{margin:20px 0 8px;color:#f1f6ff;font-size:17px}.chiyou-flow-step p{margin:0;color:#9eacc1;font-size:12px;line-height:1.8}.chiyou-feature-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:6vw;align-items:center}.chiyou-feature-reverse .chiyou-feature-grid{grid-template-columns:minmax(0,1fr) minmax(0,.78fr)}.chiyou-feature-reverse .chiyou-feature-copy{order:2}.chiyou-feature-reverse .chiyou-shot-pair,.chiyou-feature-reverse .chiyou-feature-grid>.chiyou-shot{order:1}.chiyou-feature-copy{position:relative;padding:18px 0}.chiyou-feature-index{font:11px var(--mono);color:var(--electric);letter-spacing:.14em}.chiyou-feature-copy h4{max-width:540px;margin:18px 0 15px;color:#f0f5ff;font-size:clamp(22px,2.8vw,34px);line-height:1.3;letter-spacing:-.04em}.chiyou-feature-copy p{max-width:590px;margin:0;color:#aebbd0;font-size:14px;line-height:2}.chiyou-feature-copy ul{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.chiyou-feature-copy li{position:relative;padding-left:20px;color:#d1deee;font-size:12px;line-height:1.6}.chiyou-feature-copy li:before{content:"✳";position:absolute;left:0;color:var(--electric)}.chiyou-shot-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:center}.chiyou-shot-pair .chiyou-shot{padding:9px}.chiyou-shot-pair .chiyou-shot img{height:clamp(320px,39vw,490px)}.chiyou-shot-pair-landscape .chiyou-shot img{height:clamp(270px,33vw,420px)}.chiyou-summary{padding:36px 0 55px;text-align:center}.chiyou-summary>span{font:10px var(--mono);letter-spacing:.13em;color:var(--electric)}.chiyou-summary h3{margin:20px auto 14px;color:#f1f6ff;font-size:clamp(25px,4vw,46px);line-height:1.45;letter-spacing:-.045em}.chiyou-summary h3 em{color:var(--electric);font-family:var(--serif);font-weight:400}.chiyou-summary p{max-width:680px;margin:0 auto;color:#aab8cc;font-size:13px;line-height:1.9}
@media(max-width:760px){.chiyou-overview{padding-top:20px}.chiyou-overview-grid,.chiyou-feature-grid,.chiyou-feature-reverse .chiyou-feature-grid{grid-template-columns:1fr;gap:24px}.chiyou-overview-copy>p{font-size:14px;line-height:1.9}.chiyou-pill-row{gap:7px;margin-top:18px}.chiyou-pill-row span{padding:8px 10px;font-size:10px}.chiyou-shot-home{max-width:340px}.chiyou-shot-home img{height:360px}.chiyou-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chiyou-flow-step{min-height:145px;padding:17px 13px;border-bottom:1px solid rgba(132,172,221,.19)}.chiyou-flow-step:nth-child(2){border-right:0}.chiyou-flow-step:nth-child(n+3){border-bottom:0}.chiyou-flow-step h4{margin:13px 0 6px;font-size:15px}.chiyou-flow-step p{font-size:11px}.chiyou-feature-reverse .chiyou-feature-copy{order:0}.chiyou-feature-reverse .chiyou-shot-pair,.chiyou-feature-reverse .chiyou-feature-grid>.chiyou-shot{order:0}.chiyou-feature-copy{padding:0}.chiyou-feature-copy h4{margin:13px 0 10px;font-size:23px}.chiyou-feature-copy p{font-size:13px;line-height:1.9}.chiyou-feature-copy ul{gap:8px;margin-top:16px}.chiyou-shot-pair{gap:9px}.chiyou-shot-pair .chiyou-shot{padding:6px}.chiyou-shot-pair .chiyou-shot img{height:clamp(230px,68vw,340px)}.chiyou-shot-pair-landscape{grid-template-columns:1fr}.chiyou-shot-pair-landscape .chiyou-shot img{height:clamp(280px,90vw,420px)}.chiyou-feature-grid>.chiyou-shot img{height:380px}.chiyou-summary{padding:26px 0 38px}.chiyou-summary p{font-size:12px}}

@media(min-width:761px){.chiyou-video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.chiyou-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.chiyou-video-card{min-width:0;margin:0;padding:9px;background:linear-gradient(145deg,rgba(17,28,44,.94),rgba(9,14,24,.94));border:1px solid rgba(132,172,221,.18)}.chiyou-video-card video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#03060b}.chiyou-video-card figcaption{display:flex;justify-content:space-between;gap:6px;margin-top:9px;color:#b1c0d4;font-size:10px}.chiyou-video-card figcaption span:last-child{flex:none;font:8px var(--mono);letter-spacing:.05em;color:#8fa4c1}
@media(max-width:760px){.chiyou-video-grid{grid-template-columns:1fr;gap:14px}.chiyou-video-card video{aspect-ratio:9/16;max-height:75svh}.chiyou-overview-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.chiyou-overview-pair .chiyou-shot img{height:clamp(240px,68vw,360px)}}

/* Profile layout: portrait on the left, identity and resume content on the right */
.intro-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);gap:6vw;align-items:start}
.resume-name{min-height:0;padding:0;display:block}
.portrait-frame{margin:0;height:clamp(320px,30vw,520px)}
.intro-text{padding-top:0}
.resume-identity{position:relative;padding:0 34px 22px 0;margin-bottom:22px;border-bottom:1px solid var(--line)}
.resume-identity h2{margin:14px 0 12px;color:#f4f7ff;font-size:clamp(58px,6vw,86px);font-weight:750;line-height:.95;letter-spacing:-.085em}
.resume-identity h2 .name-period{color:var(--acid);font:inherit;font-style:normal}
.resume-identity>p{margin:0;color:#bdc9dc;font-size:15px;font-weight:500;line-height:1.8}
.resume-identity .resume-mark{right:4px;top:0}
@media(max-width:760px){.intro-grid{grid-template-columns:1fr;gap:30px}.resume-name{padding:0}.portrait-frame{height:clamp(230px,70vw,380px);margin:0}.intro-text{padding-top:0}.resume-identity{padding-bottom:18px;margin-bottom:18px}.resume-identity h2{font-size:clamp(61px,14vw,94px);margin:15px 0 12px}}

/* DokiDoki product and character case study */
.doki-concept-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr);gap:6vw;align-items:center}.doki-concept-copy{padding:12px 0}.doki-overline{font:9px var(--mono);letter-spacing:.12em;color:#f28de0}.doki-concept-copy>p{max-width:550px;margin:18px 0 0;color:#d5dced;font-size:clamp(17px,1.6vw,22px);line-height:1.9}.doki-principles{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.doki-principles span{padding:10px 13px;border:1px solid rgba(242,141,224,.22);border-radius:999px;color:#e5cde4;background:rgba(63,28,61,.2);font-size:11px}.doki-principles b{margin-right:8px;color:#f28de0;font:10px var(--mono)}.doki-concept-art{overflow:hidden;border:1px solid rgba(170,193,228,.2);background:#111827;box-shadow:0 22px 60px rgba(0,0,0,.3)}.doki-concept-art img{display:block;width:100%;height:auto;cursor:default}.doki-section-intro,.doki-story-lead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}.doki-section-intro p,.doki-story-lead p{max-width:720px;margin:0;color:#aebbd0;font-size:14px;line-height:1.9}.doki-section-intro>span{flex:none;color:#8fa4c1;font:9px var(--mono);letter-spacing:.09em}.doki-media{min-width:0;margin:0;padding:10px;background:linear-gradient(145deg,rgba(17,28,44,.94),rgba(9,14,24,.94));border:1px solid rgba(132,172,221,.18)}.doki-media img{display:block;width:100%;height:clamp(240px,25vw,360px);object-fit:contain;background:#f8f8f8;cursor:default}.doki-media figcaption{margin-top:10px;color:#b8c7db;font-size:10px;line-height:1.5}.doki-character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.doki-character-grid .doki-media img{height:clamp(220px,25vw,340px)}.doki-story-lead{align-items:center}.doki-story-lead>span{max-width:320px;color:#f0b2e5;font-family:var(--serif);font-size:19px;line-height:1.5}.doki-comic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.doki-comic-grid .doki-media img{height:clamp(280px,35vw,460px)}.doki-hardware-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1fr);gap:5vw;align-items:center}.doki-hardware-copy>p{margin:0 0 15px;color:#c3cee0;font-size:14px;line-height:1.95}.doki-materials{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.doki-materials div{display:grid;gap:8px;padding:16px;background:rgba(16,26,42,.68);border:1px solid rgba(132,172,221,.18)}.doki-materials span{color:#f28de0;font:9px var(--mono);letter-spacing:.1em}.doki-materials b{color:#f1f5ff;font-size:14px}.doki-materials small{color:#9eacc1;font-size:10px;line-height:1.6}.doki-prototype-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.doki-prototype-grid .doki-media{padding:8px}.doki-prototype-grid .doki-media img{height:clamp(230px,30vw,390px)}.doki-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.doki-video-card{min-width:0;margin:0;padding:10px;background:linear-gradient(145deg,rgba(17,28,44,.94),rgba(9,14,24,.94));border:1px solid rgba(132,172,221,.18)}.doki-video-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#03060b}.doki-video-card figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:#b1c0d4;font-size:11px}.doki-video-card figcaption span:last-child{flex:none;color:#8fa4c1;font:9px var(--mono)}.doki-outro{padding:38px 0 55px;text-align:center}.doki-outro>span{color:#f28de0;font:10px var(--mono);letter-spacing:.14em}.doki-outro h3{margin:20px auto 14px;color:#f3f5fc;font-size:clamp(25px,4vw,45px);line-height:1.45;letter-spacing:-.04em}.doki-outro h3 em{color:#f28de0;font-family:var(--serif);font-weight:400}.doki-outro p{margin:0;color:#aab8cc;font-size:13px;line-height:1.9}
@media(max-width:900px){.doki-character-grid,.doki-comic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.doki-concept-grid,.doki-hardware-grid{grid-template-columns:1fr;gap:22px}.doki-concept-copy>p{font-size:16px;line-height:1.85}.doki-section-intro,.doki-story-lead{display:block}.doki-section-intro>span{display:block;margin-top:13px}.doki-story-lead>span{display:block;margin-top:14px;font-size:17px}.doki-character-grid,.doki-comic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.doki-media{padding:6px}.doki-character-grid .doki-media img{height:clamp(190px,58vw,280px)}.doki-comic-grid .doki-media img{height:clamp(240px,75vw,350px)}.doki-prototype-grid{gap:9px}.doki-prototype-grid .doki-media img{height:clamp(180px,60vw,280px)}.doki-materials{gap:8px}.doki-materials div{padding:12px}.doki-video-grid{grid-template-columns:1fr;gap:13px}.doki-video-card{padding:7px}.doki-outro{padding:28px 0 38px}.doki-outro p{font-size:12px}}
.doki-response-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.doki-response-tags span{padding:8px 11px;border:1px solid rgba(242,141,224,.22);border-radius:999px;color:#d8b8d5;font-size:10px}

/* FIZI product story: personal creation, shared world, island memories */
.fizi-overview-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:5vw;align-items:center}.fizi-overview-copy{padding:10px 0}.fizi-kicker,.fizi-world-index{font:9px var(--mono);letter-spacing:.13em;color:#b5ef65}.fizi-overview-copy>p{max-width:560px;margin:18px 0 0;color:#c5d0e0;font-size:clamp(15px,1.4vw,19px);line-height:1.95}.fizi-feature-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.fizi-feature-tags span{padding:9px 12px;border:1px solid rgba(181,239,101,.23);border-radius:999px;color:#d5e8b7;background:rgba(38,57,30,.2);font-size:10px}.fizi-avatar-showcase{padding:17px;background:linear-gradient(145deg,rgba(17,28,44,.94),rgba(9,14,24,.94));border:1px solid rgba(132,172,221,.18)}.fizi-avatar-showcase-head{display:flex;justify-content:space-between;margin-bottom:13px;color:#91a5c1;font:9px var(--mono);letter-spacing:.1em}.fizi-avatar-showcase-head span:last-child{color:#b5ef65}.fizi-avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.fizi-avatar-card{min-width:0;margin:0;padding:7px;background:radial-gradient(ellipse at 50% 42%,rgba(48,41,100,.42),rgba(7,12,21,.85));border:1px solid rgba(138,150,227,.18)}.fizi-avatar-card img{display:block;width:100%;height:clamp(145px,17vw,230px);object-fit:contain;cursor:default}.fizi-avatar-card figcaption{margin-top:7px;color:#aab9ce;font:8px var(--mono);letter-spacing:.04em}.fizi-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(132,172,221,.19);background:rgba(12,20,33,.42)}.fizi-flow-step{display:flex;gap:14px;min-height:205px;padding:24px 18px;border-right:1px solid rgba(132,172,221,.19)}.fizi-flow-step:last-child{border-right:0}.fizi-step-no{flex:none;color:#b5ef65;font:11px var(--mono)}.fizi-flow-step h4{margin:0 0 10px;color:#f2f5fb;font-size:17px}.fizi-flow-step p{min-height:58px;margin:0;color:#aab8cc;font-size:12px;line-height:1.8}.fizi-flow-step small{display:block;margin-top:17px;color:#778da9;font:8px var(--mono);letter-spacing:.04em}.fizi-world-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:5vw;align-items:center}.fizi-world-copy h4{max-width:540px;margin:17px 0 12px;color:#f2f5fb;font-size:clamp(22px,2.7vw,34px);line-height:1.35;letter-spacing:-.04em}.fizi-world-copy>p{max-width:590px;margin:0;color:#aebbd0;font-size:13px;line-height:2}.fizi-mark-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0}.fizi-mark-list div{display:grid;gap:9px;padding:13px 10px;background:rgba(16,26,42,.68);border:1px solid rgba(132,172,221,.18)}.fizi-mark-list b{color:#b5ef65;font:8px var(--mono);letter-spacing:.06em}.fizi-mark-list span{color:#d4deed;font-size:10px}.fizi-world-copy .fizi-world-note{padding-left:12px;border-left:2px solid rgba(181,239,101,.6);color:#8395ad;font-size:10px;line-height:1.8}.fizi-world-art{position:relative;overflow:hidden;border:1px solid rgba(132,172,221,.2);background:#080d17}.fizi-world-art:after{position:absolute;inset:45% 0 0;content:"";background:linear-gradient(transparent,rgba(3,7,12,.65));pointer-events:none}.fizi-world-art img{display:block;width:100%;height:clamp(280px,34vw,440px);object-fit:cover;cursor:default}.fizi-world-art>span{position:absolute;z-index:1;left:16px;bottom:14px;color:#e1e8f1;font:8px var(--mono);letter-spacing:.12em}.fizi-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fizi-video-card{min-width:0;margin:0;padding:9px;background:linear-gradient(145deg,rgba(17,28,44,.94),rgba(9,14,24,.94));border:1px solid rgba(132,172,221,.18)}.fizi-video-card video{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#03060b}.fizi-video-card figcaption{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:11px}.fizi-video-card figcaption span{display:grid;gap:6px}.fizi-video-card figcaption small{color:#b5ef65;font:8px var(--mono);letter-spacing:.07em}.fizi-video-card figcaption b{color:#d5dfed;font-size:11px;font-weight:550}.fizi-video-card figcaption i{flex:none;color:#b5ef65;font-size:19px;font-style:normal}.fizi-outro{padding:38px 0 55px;text-align:center}.fizi-outro>span{color:#b5ef65;font:10px var(--mono);letter-spacing:.14em}.fizi-outro h3{margin:20px auto 14px;color:#f3f5fc;font-size:clamp(26px,4vw,46px);line-height:1.45;letter-spacing:-.04em}.fizi-outro h3 em{color:#b5ef65;font-family:var(--serif);font-weight:400}.fizi-outro p{max-width:680px;margin:0 auto;color:#aab8cc;font-size:13px;line-height:1.9}
@media(max-width:900px){.fizi-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fizi-avatar-card img{height:clamp(180px,30vw,270px)}}
@media(max-width:760px){.fizi-overview-grid,.fizi-world-grid{grid-template-columns:1fr;gap:23px}.fizi-overview-copy>p{font-size:14px;line-height:1.9}.fizi-feature-tags{gap:7px;margin-top:18px}.fizi-feature-tags span{padding:8px 10px;font-size:9px}.fizi-avatar-showcase{padding:10px}.fizi-avatar-grid{gap:7px}.fizi-avatar-card{padding:5px}.fizi-avatar-card img{height:clamp(160px,42vw,230px)}.fizi-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fizi-flow-step{min-height:165px;padding:17px 12px;gap:10px;border-bottom:1px solid rgba(132,172,221,.19)}.fizi-flow-step:nth-child(2){border-right:0}.fizi-flow-step:nth-child(n+3){border-bottom:0}.fizi-flow-step h4{font-size:14px}.fizi-flow-step p{min-height:72px;font-size:11px}.fizi-flow-step small{margin-top:12px;font-size:7px}.fizi-world-copy h4{font-size:24px}.fizi-world-copy>p{font-size:12px;line-height:1.9}.fizi-mark-list{gap:6px;margin:17px 0}.fizi-mark-list div{padding:11px 8px}.fizi-mark-list span{font-size:9px}.fizi-world-art img{height:clamp(260px,78vw,380px)}.fizi-video-grid{grid-template-columns:1fr;gap:12px}.fizi-video-card{padding:7px}.fizi-video-card video{aspect-ratio:16/10}.fizi-outro{padding:28px 0 38px}.fizi-outro p{font-size:12px}}
.fizi-screen-showcase{min-width:0;padding:15px;background:linear-gradient(145deg,rgba(17,28,44,.94),rgba(9,14,24,.94));border:1px solid rgba(132,172,221,.18)}.fizi-screen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fizi-screen-card{min-width:0;margin:0;padding:6px;background:#080d16;border:1px solid rgba(132,172,221,.16)}.fizi-screen-card img{display:block;width:100%;height:clamp(220px,26vw,340px);object-fit:contain;background:#05080d;cursor:default}.fizi-screen-card figcaption{display:flex;gap:6px;align-items:center;margin-top:8px;color:#c4d0e0;font-size:9px;white-space:nowrap}.fizi-screen-card figcaption span{color:#b5ef65;font:8px var(--mono)}.fizi-journey-heading{margin-top:46px}.fizi-carousel{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) 50px;gap:16px;align-items:center;max-width:1120px;margin:0 auto}.fizi-carousel-slide{min-width:0;margin:0;padding:12px;background:linear-gradient(145deg,rgba(17,28,44,.94),rgba(9,14,24,.94));border:1px solid rgba(132,172,221,.2)}.fizi-carousel-slide img{display:block;width:100%;height:clamp(260px,34vw,450px);object-fit:contain;background:#070b13;cursor:default}.fizi-carousel-slide figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:11px;color:#d0dced;font-size:11px}.fizi-carousel-slide figcaption span:last-child{flex:none;color:#b5ef65;font:9px var(--mono)}.fizi-carousel-arrow{width:46px;height:46px;border-radius:50%;border:1px solid rgba(181,239,101,.55);background:rgba(5,10,19,.85);color:#b5ef65;font-size:20px;cursor:pointer;transition:background .2s,color .2s}.fizi-carousel-arrow:hover,.fizi-carousel-arrow:focus-visible{background:#b5ef65;color:#09100c;outline:none}.fizi-world-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center}.fizi-world-screen{min-width:0;margin:0;padding:8px;background:linear-gradient(145deg,rgba(17,28,44,.94),rgba(9,14,24,.94));border:1px solid rgba(132,172,221,.18)}.fizi-world-screen img{display:block;width:100%;height:clamp(270px,32vw,410px);object-fit:contain;background:#070b13;cursor:default}.fizi-world-screen figcaption{display:flex;gap:7px;align-items:flex-start;margin-top:9px;color:#c4d0e0;font-size:9px;line-height:1.5}.fizi-world-screen figcaption span{flex:none;color:#b5ef65;font:8px var(--mono)}
@media(max-width:900px){.fizi-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fizi-screen-card img{height:clamp(240px,48vw,340px)}}
@media(max-width:760px){.fizi-screen-showcase{padding:10px}.fizi-screen-grid{gap:7px}.fizi-screen-card{padding:5px}.fizi-screen-card img{height:clamp(230px,70vw,340px)}.fizi-screen-card figcaption{font-size:8px}.fizi-journey-heading{margin-top:34px}.fizi-carousel{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px}.fizi-carousel-arrow{width:34px;height:34px;font-size:16px}.fizi-carousel-slide{padding:6px}.fizi-carousel-slide img{height:clamp(170px,55vw,280px)}.fizi-carousel-slide figcaption{font-size:9px}.fizi-world-screens{gap:7px}.fizi-world-screen{padding:5px}.fizi-world-screen img{height:clamp(230px,68vw,330px)}.fizi-world-screen figcaption{font-size:8px}}

/* FEYAR and AI experiment: image-led category carousels */
.feyar-section,.ai-experiment-section{margin-top:60px}.portfolio-carousel{display:grid;grid-template-columns:54px minmax(0,1fr) 54px;gap:18px;align-items:center;max-width:1220px;margin:0 auto}.portfolio-carousel-slide{min-width:0;margin:0;padding:12px;background:linear-gradient(145deg,rgba(17,28,44,.94),rgba(8,13,23,.96));border:1px solid rgba(132,172,221,.2);box-shadow:0 20px 52px rgba(0,0,0,.22)}.portfolio-carousel-slide img{display:block;width:100%;height:clamp(350px,52vw,680px);object-fit:contain;background:radial-gradient(ellipse at 50% 44%,rgba(34,44,68,.52),rgba(4,8,15,.96));cursor:default}.portfolio-carousel-slide figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:11px;color:#d1ddec;font-size:11px}.portfolio-carousel-slide figcaption span:last-child{flex:none;color:var(--electric);font:9px var(--mono);letter-spacing:.08em}.portfolio-carousel-arrow{width:48px;height:48px;border-radius:50%;border:1px solid rgba(132,172,221,.5);background:rgba(5,10,19,.85);color:#e9f1fb;font-size:21px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.portfolio-carousel-arrow:hover,.portfolio-carousel-arrow:focus-visible{background:var(--acid);color:#09100c;border-color:var(--acid);outline:none}.feyar-video-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.feyar-video-card{margin:0;padding:12px;background:linear-gradient(145deg,rgba(17,28,44,.94),rgba(8,13,23,.96));border:1px solid rgba(132,172,221,.18)}.feyar-video-card video{display:block;width:100%;max-height:78vh;aspect-ratio:16/9;object-fit:contain;background:#03060b}.feyar-video-card figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:11px;color:#c7d3e3;font-size:11px}.feyar-video-card figcaption span:last-child{color:#8fa4c1;font:9px var(--mono)}.ai-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.ai-video-card{min-width:0;margin:0;padding:9px;background:linear-gradient(145deg,rgba(17,28,44,.94),rgba(8,13,23,.96));border:1px solid rgba(132,172,221,.18)}.ai-video-card video{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#03060b}.ai-video-card figcaption{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:#b8c6d8;font-size:10px}.ai-video-card figcaption span:last-child{flex:none;color:#8fa4c1;font:8px var(--mono)}
@media(max-width:760px){.feyar-section,.ai-experiment-section{margin-top:40px}.portfolio-carousel{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px}.portfolio-carousel-slide{padding:6px}.portfolio-carousel-slide img{height:clamp(250px,78vw,420px)}.portfolio-carousel-slide figcaption{font-size:9px}.portfolio-carousel-arrow{width:34px;height:34px;font-size:16px}.feyar-video-stack{gap:15px}.feyar-video-card{padding:7px}.feyar-video-card video{max-height:75svh;aspect-ratio:16/10}.ai-video-grid{grid-template-columns:1fr;gap:13px}.ai-video-card{padding:7px}.ai-video-card video{aspect-ratio:16/10}}
.animation-section{margin-top:52px}.animation-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.animation-project-card{min-width:0;padding:12px;background:linear-gradient(145deg,rgba(17,28,44,.94),rgba(8,13,23,.96));border:1px solid rgba(132,172,221,.18)}.animation-project-card figure{margin:0}.animation-project-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#060a12;cursor:default}.animation-project-card figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:#f0f4fb}.animation-project-card figcaption span{color:#8fa4c1;font:9px var(--mono)}.animation-project-card figcaption b{font-size:17px;font-weight:600}.animation-watch-link{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:14px 16px;background:var(--acid);color:#09100c;font-size:12px;font-weight:650;transition:filter .2s,transform .2s}.animation-watch-link:hover,.animation-watch-link:focus-visible{filter:brightness(1.08);transform:translateY(-2px);outline:2px solid var(--acid);outline-offset:3px}.animation-watch-link span{font-size:18px}
@media(max-width:760px){.animation-section{margin-top:38px}.animation-project-grid{grid-template-columns:1fr;gap:14px}.animation-project-card{padding:8px}.animation-project-card figcaption b{font-size:15px}.animation-watch-link{padding:12px 14px}}

/* Profile alignment and full resume preview action */
@media(min-width:761px){.intro-grid{align-items:stretch}.resume-name{height:100%}.portrait-frame{height:100%;min-height:clamp(320px,30vw,520px);margin:0}.intro-text{display:flex;flex-direction:column;justify-content:flex-start}}
.resume-detail-button{display:inline-flex;align-items:center;gap:18px;margin-top:24px;padding:12px 16px;border:1px solid rgba(181,239,101,.55);background:rgba(181,239,101,.08);color:#dce8f5;font-size:12px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.resume-detail-button span{color:var(--acid);font-size:17px;line-height:1}
.resume-detail-button:hover,.resume-detail-button:focus-visible{transform:translateY(-2px);background:var(--acid);border-color:var(--acid);color:#08100d;outline:none}
.resume-detail-button:hover span,.resume-detail-button:focus-visible span{color:#08100d}
@media(max-width:760px){.resume-detail-button{margin-top:18px;padding:11px 14px}.intro-grid{align-items:start}.resume-name{height:auto}.portrait-frame{height:clamp(230px,70vw,380px);min-height:0}}

/* External portfolio archive CTA at the end of the selected works grid */
.more-works-link{grid-column:2;justify-self:end;align-self:end;display:flex;align-items:center;justify-content:space-between;gap:38px;width:min(100%,390px);margin:0 0 clamp(80px,8vw,140px);padding:17px 20px;border:1px solid rgba(114,220,255,.35);background:linear-gradient(135deg,rgba(17,29,47,.86),rgba(8,14,24,.82));color:#edf4ff;transition:border-color .2s,background .2s,transform .2s}
.more-works-copy{display:grid;gap:7px}.more-works-copy b{font-size:14px;font-weight:650}.more-works-copy small{color:#99abc4;font:9px var(--mono);letter-spacing:.05em}.more-works-arrow{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--acid);color:#09100c;font-size:21px;transition:transform .2s}
.more-works-link:hover,.more-works-link:focus-visible{transform:translateY(-3px);border-color:var(--electric);background:rgba(16,31,50,.98);outline:2px solid rgba(114,220,255,.35);outline-offset:3px}.more-works-link:hover .more-works-arrow,.more-works-link:focus-visible .more-works-arrow{transform:rotate(45deg)}
@media(max-width:760px){.more-works-link{width:100%;margin:0 0 40px;padding:15px 16px;gap:20px}}