@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Noto+Serif+SC:wght@500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap');

:root{--bg:#0d0f0e;--panel:#151817;--text:#efefe9;--muted:#999e98;--line:#2a2e2b;--accent:#b8ff60;--accent-2:#80a8ff;--serif:'Noto Serif SC',serif;--sans:'Space Grotesk','Microsoft YaHei',sans-serif;--mono:'DM Mono',monospace;--max:1180px}
html[data-theme="light"]{--bg:#eeeee7;--panel:#f8f8f2;--text:#151714;--muted:#666a64;--line:#cfd1c9;--accent:#506d24;--accent-2:#3b5aa0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.65;transition:background .35s,color .35s;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:20;background-image:repeating-radial-gradient(circle at 20% 30%,transparent 0,transparent 2px,color-mix(in srgb,var(--text) 12%,transparent) 3px,transparent 4px);background-size:9px 9px;mix-blend-mode:soft-light}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:100;background:var(--accent);color:#111;padding:.6rem 1rem}.skip-link:focus{top:1rem}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0 max(24px,calc((100vw - var(--max))/2));position:fixed;inset:0 0 auto;z-index:10;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-color:var(--line)}.wordmark{font-family:var(--serif);font-size:1.24rem;font-weight:700}.wordmark span{color:var(--accent)}nav{display:flex;gap:2rem;font-size:.86rem;color:var(--muted)}nav a,.contact-row>a:not(.button),footer a{transition:color .2s}nav a:hover,.contact-row>a:not(.button):hover,footer a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:.7rem}.header-cta,.theme-toggle{height:38px;border:1px solid var(--line);display:grid;place-items:center}.header-cta{padding:0 1rem;font-size:.78rem}.theme-toggle{width:38px;color:var(--text);background:transparent;cursor:pointer}.menu-toggle{display:none;background:none;border:0;width:38px}.menu-toggle span{display:block;height:1px;background:var(--text);margin:7px}
.section{width:min(var(--max),calc(100% - 48px));margin:auto;padding:150px 0}.compact{padding:0}.hero{min-height:100svh;padding-top:170px;display:flex;flex-direction:column;justify-content:center;position:relative}.hero-kicker,.eyebrow{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hero-kicker{display:flex;align-items:center;gap:.7rem}.hero-kicker i{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 18px var(--accent)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:var(--serif);font-size:clamp(3.25rem,7.4vw,7rem);line-height:1.08;letter-spacing:-.045em;margin:2rem 0 3.2rem;font-weight:600}.hero h1 em,.contact h2 em{font-weight:500;color:var(--muted);font-style:normal}.hero-bottom{display:grid;grid-template-columns:minmax(0,680px) 1fr;gap:5rem;align-items:end}.role{font-family:var(--serif);font-size:1.12rem}.intro{color:var(--muted);font-size:1.05rem;max-width:660px}.side-note{text-align:right;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;color:var(--muted)}.button-row{display:flex;gap:.75rem;margin-top:2rem}.button{display:inline-flex;height:48px;align-items:center;padding:0 1.35rem;border:1px solid var(--line);font-size:.86rem;transition:.25s}.button.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.button:hover{transform:translateY(-2px)}.button.primary:hover{background:var(--accent);border-color:var(--accent);color:#111}.scroll-cue{position:absolute;right:0;bottom:45px;display:flex;gap:1rem;align-items:center;color:var(--muted);font:10px var(--mono);letter-spacing:.15em}.scroll-cue b{font-size:1rem;animation:bob 1.6s infinite}@keyframes bob{50%{transform:translateY(7px)}}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics article{padding:2.25rem 1.5rem;border-right:1px solid var(--line)}.metrics article:nth-child(-n+3){border-bottom:1px solid var(--line)}.metrics article:nth-child(3n){border-right:0}.metrics strong{display:block;font-family:var(--serif);font-size:2.6rem;line-height:1;color:var(--accent)}.metrics span{color:var(--muted);font-size:.78rem}.section-head{display:grid;grid-template-columns:1fr 2.2fr;gap:2rem;margin-bottom:5rem}.section-head>span{font:11px var(--mono);letter-spacing:.12em;color:var(--accent)}.section-head h2,.contact h2{font-family:var(--serif);font-size:clamp(2.5rem,5vw,5rem);line-height:1.15;letter-spacing:-.035em;font-weight:600;margin:0}.about-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:2rem}.about-lead{font-family:var(--serif);font-size:1.45rem;line-height:1.6;max-width:330px}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.glass-card{padding:2rem;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 88%,transparent),transparent);min-height:250px;transition:.3s}.glass-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-5px)}.glass-card small{font:10px var(--mono);color:var(--accent)}.glass-card h3{font-family:var(--serif);font-size:1.42rem;margin:2rem 0 .8rem}.glass-card p{color:var(--muted);font-size:.92rem;margin:0}
.project-list{display:flex;flex-direction:column;gap:8rem}.project{display:grid;grid-template-columns:1.25fr 1fr;gap:5rem;align-items:center}.project.reverse{grid-template-columns:1fr 1.25fr}.project.reverse .project-visual{order:2}.project-visual{aspect-ratio:4/3;border:1px solid var(--line);position:relative;overflow:hidden;background:var(--panel)}.project-visual>span{position:absolute;top:1.2rem;left:1.2rem;font:10px var(--mono);z-index:2}.visual-one{display:grid;place-items:center;background:radial-gradient(circle at center,#315337 0,#17251b 25%,#111412 65%)}.orbit{width:45%;aspect-ratio:1;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 60px #79d25a55;animation:orbit 8s linear infinite}.orbit:before,.orbit:after{content:'';position:absolute;inset:22%;border:1px solid var(--accent);border-radius:50%;transform:rotateX(65deg)}.orbit:after{transform:rotateY(65deg)}@keyframes orbit{to{transform:rotate(360deg)}}.visual-one b{position:absolute;font:500 clamp(2rem,4vw,4rem)/.9 var(--sans);letter-spacing:-.06em}.visual-two{display:grid;place-items:center;background:#d8dfce;color:#152116}.poster{border:1px solid #152116;padding:3rem;transform:rotate(-5deg);box-shadow:14px 14px 0 #778777}.poster i{display:block;font:600 clamp(2rem,5vw,4.8rem)/.85 var(--sans);font-style:normal;letter-spacing:-.08em}.visual-three{display:grid;place-items:center;background:linear-gradient(145deg,#0b1020,#182344);color:#c8d7ff}.terminal{font:clamp(1.2rem,3vw,2.7rem)/1.2 var(--mono)}.terminal i{display:block;font-style:normal}.terminal i:last-child{color:var(--accent)}.project-copy>span{font:10px var(--mono);color:var(--accent);letter-spacing:.1em}.project-copy h3{font-family:var(--serif);font-size:2.5rem;margin:1rem 0}.project-copy p{color:var(--muted)}.project-copy ul{display:flex;gap:.5rem;flex-wrap:wrap;padding:0;list-style:none;margin:2rem 0}.project-copy li{border:1px solid var(--line);border-radius:99px;padding:.35rem .7rem;font:10px var(--mono);color:var(--muted)}.project-copy>a{font-size:.86rem;border-bottom:1px solid var(--text);padding-bottom:.3rem}
.strength-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.strength-card{min-height:260px;padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 75%,transparent),transparent)}.strength-card>span{font:10px var(--mono);color:var(--accent)}.strength-card h3{font-family:var(--serif);font-size:1.35rem;margin:2.5rem 0 .8rem}.strength-card p{color:var(--muted);font-size:.9rem;margin:0}.experience-intro{max-width:760px;margin:-1rem 0 4rem auto;color:var(--muted);font-size:1.05rem}.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:1fr 2.25fr auto;gap:2rem;padding:3.5rem 0;border-bottom:1px solid var(--line)}.timeline time,.education-card time{font:11px var(--mono);color:var(--accent)}.timeline h3,.education-card h3{font-family:var(--serif);font-size:1.7rem;margin-bottom:.25rem}.timeline p,.education-card p{color:var(--muted);max-width:700px;margin:0}.timeline .job-title,.education-card .job-title{color:var(--text);margin-bottom:1.35rem}.timeline ul{margin:0;padding-left:1.15rem;color:var(--muted);max-width:760px}.timeline li{padding:.25rem 0}.timeline li::marker{color:var(--accent)}.timeline b{font:10px var(--mono);color:var(--muted)}.education-card{display:grid;grid-template-columns:1fr 2.25fr;padding:3.5rem;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 85%,transparent),transparent)}.education-card ul{display:flex;gap:.6rem;flex-wrap:wrap;list-style:none;padding:0;margin:2rem 0 0}.education-card li{border:1px solid var(--line);border-radius:99px;padding:.45rem .8rem;font:10px var(--mono);color:var(--muted)}.contact{padding-bottom:100px}.contact h2{font-size:clamp(3.5rem,7vw,7rem);margin:2rem 0 2rem}.contact-lead{max-width:720px;color:var(--muted);font-size:1.05rem;margin-bottom:2.5rem}.contact-row{display:flex;gap:2rem;align-items:center}.email{display:inline-block;font-family:var(--serif);font-size:clamp(1.3rem,3vw,2.5rem);margin-top:5rem;color:var(--muted);border-bottom:1px solid var(--line)}footer{width:min(var(--max),calc(100% - 48px));margin:auto;padding:3rem 0 4rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem}footer>div:last-child{text-align:right}footer p{margin:.4rem 0}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:66px;padding:0 22px}.site-header nav{position:fixed;inset:66px 0 auto;background:var(--bg);border-bottom:1px solid var(--line);display:none;flex-direction:column;padding:2rem 24px;gap:1.2rem}.site-header.menu-open nav{display:flex}.header-cta{display:none}.menu-toggle{display:block}.section{width:calc(100% - 44px);padding:100px 0}.hero{min-height:100svh;padding-top:120px}.hero h1{font-size:clamp(3rem,14vw,5rem)}.hero-bottom,.section-head,.about-grid{grid-template-columns:1fr}.side-note,.scroll-cue{display:none}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:1.8rem 0;border-right:0;border-bottom:1px solid var(--line)}.metrics article:nth-child(odd){border-right:1px solid var(--line)}.metrics article:nth-child(even){padding-left:1.3rem}.metrics article:nth-child(-n+3){border-bottom:1px solid var(--line)}.metrics article:nth-last-child(-n+2){border-bottom:0}.capability-grid,.strength-grid{grid-template-columns:1fr}.strength-grid{border-left:1px solid var(--line)}.strength-card{min-height:0}.experience-intro{margin:-1rem 0 3rem}.timeline article,.education-card{grid-template-columns:1fr}.timeline b{display:none}.education-card{padding:2rem}.contact-row{align-items:flex-start;flex-direction:column}.contact h2{font-size:14vw}footer{width:calc(100% - 44px);flex-direction:column;gap:2rem}footer>div:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.orbit,.scroll-cue b{animation:none}}

/* Project, portfolio and interactive detail surfaces */
.button{justify-content:center;background:transparent;color:var(--text);cursor:pointer}.button.primary{background:var(--text);color:var(--bg)}.button:hover{border-color:var(--accent)}.text-button{border-color:transparent;padding-inline:.45rem;color:var(--muted)}
.projects-section{padding-bottom:110px}.featured-project{display:grid;grid-template-columns:1.2fr .8fr;gap:4.5rem;align-items:center}.project-console{border:1px solid var(--line);background:#101411;box-shadow:0 28px 80px #0005;min-height:550px;padding:1rem;color:#e8eee5;position:relative;overflow:hidden}.project-console:after{content:'';position:absolute;inset:auto -20% -35% 20%;height:60%;background:radial-gradient(circle,var(--accent) 0,transparent 68%);opacity:.09;pointer-events:none}.console-bar{height:42px;border-bottom:1px solid #2a312c;display:flex;align-items:center;gap:7px;padding:0 .55rem}.console-bar span{width:7px;height:7px;border-radius:50%;background:#39423b}.console-bar span:first-child{background:var(--accent)}.console-bar b{margin-left:auto;font:9px var(--mono);letter-spacing:.12em;color:#768078}.console-body{padding:1.4rem}.script-panel,.match-panel{border:1px solid #29302b;background:#151a16;padding:1.35rem;margin-bottom:1rem}.console-body small{font:9px var(--mono);color:var(--accent);letter-spacing:.08em}.script-panel p{font-size:.75rem;line-height:1.6;color:#9aa39c;border-bottom:1px solid #252c27;padding:.85rem 0;margin:0}.script-panel p i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#667068;margin-right:.6rem}.analysis-tags{display:flex;gap:.4rem;margin-top:1rem}.analysis-tags span{font:9px var(--mono);padding:.3rem .5rem;color:#bdd0c0;background:#222b24}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem}.asset-grid span{min-height:78px;padding:.65rem;background:linear-gradient(145deg,#242e27,#18201a);font-size:.68rem;display:flex;align-items:flex-end;justify-content:space-between}.asset-grid b{font:9px var(--mono);color:var(--accent)}.render-line{display:flex;align-items:center;gap:1rem;font:9px var(--mono);color:#89918a;padding-top:.4rem}.render-line span{height:2px;flex:1;background:linear-gradient(90deg,var(--accent) 84%,#2e3530 84%)}.featured-copy{padding:1rem 0}.project-label,.modal-kicker{font:10px var(--mono);color:var(--accent);letter-spacing:.12em}.featured-copy h3{font-family:var(--serif);font-size:clamp(2.5rem,4vw,4.3rem);line-height:1.1;margin:1.2rem 0 1.8rem}.project-summary{color:var(--muted);font-size:1rem}.project-impact{display:flex;align-items:center;gap:1.4rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.4rem 0;margin:1.8rem 0}.project-impact div{display:flex;align-items:center;gap:.65rem}.project-impact strong{font-family:var(--serif);font-size:2.8rem;line-height:1;color:var(--accent)}.project-impact span{font:9px/1.45 var(--mono);color:var(--muted)}.project-impact i{font-style:normal;color:var(--muted)}.project-tags{list-style:none;padding:0;display:flex;gap:.45rem;flex-wrap:wrap}.project-tags li{font:9px var(--mono);border:1px solid var(--line);border-radius:99px;padding:.35rem .6rem;color:var(--muted)}.project-actions{display:flex;gap:.7rem;margin-top:2rem;flex-wrap:wrap}
.portfolio-section{padding-top:110px}.showreel{display:block;width:100%;min-height:490px;border:1px solid var(--line);background:radial-gradient(circle at 50% 48%,#2d4934 0,#162019 36%,#0f1110 72%);color:#eef0e9;position:relative;isolation:isolate;overflow:hidden;text-align:left;cursor:pointer;padding:2rem;box-shadow:0 24px 70px #0003;transition:border-color .35s,box-shadow .35s,transform .35s}.showreel:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#b8ff600d,transparent 42%),repeating-linear-gradient(90deg,transparent 0,transparent 11.9%,#ffffff08 12%);pointer-events:none;z-index:-1}.showreel:after{content:'OPEN ↗';position:absolute;top:1.7rem;right:1.7rem;padding:.45rem .7rem;border:1px solid #ffffff2e;border-radius:999px;font:9px var(--mono);letter-spacing:.13em;color:#d9ded8;transition:.3s}.showreel:hover{border-color:var(--accent);box-shadow:0 30px 90px #0006,0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent);transform:translateY(-4px)}.showreel:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.showreel:hover:after{background:var(--accent);border-color:var(--accent);color:#111}.showreel:hover .play-control{transform:scale(1.08);background:var(--accent);border-color:var(--accent);color:#111;box-shadow:0 0 38px #b8ff6045}.showreel-index{position:absolute;top:2rem;left:2rem;font:10px var(--mono);letter-spacing:.12em;color:#aab0aa}.play-control{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:94px;height:94px;border-radius:50%;border:1px solid #657268;display:grid;place-items:center;transition:.3s}.play-control i{font-style:normal;margin-left:5px}.showreel-copy{position:absolute;left:2rem;bottom:2rem}.showreel-copy strong{display:block;font:600 clamp(2.5rem,6vw,5.5rem)/.78 var(--sans);letter-spacing:-.07em}.showreel-copy small{display:block;margin-top:1.4rem;color:#aab0aa}.showreel-meta{position:absolute;right:2rem;bottom:2rem;text-align:right;font:9px/1.7 var(--mono);letter-spacing:.1em;color:#aab0aa}
.modal{width:min(1040px,calc(100% - 32px));max-height:90vh;padding:0;border:1px solid var(--line);background:var(--bg);color:var(--text);box-shadow:0 35px 120px #000b}.modal::backdrop{background:#050605d9;backdrop-filter:blur(7px)}.modal-shell{padding:clamp(2rem,5vw,4.5rem);position:relative}.modal-close{position:absolute;right:1.4rem;top:1.25rem;width:42px;height:42px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:1.5rem;cursor:pointer}.modal h2{font-family:var(--serif);font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.12;margin:.9rem 0 1.3rem}.modal-lead{color:var(--muted);max-width:790px;font-size:1rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:2.7rem}.detail-grid article{padding:1.7rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-grid small,.demo-step{font:9px var(--mono);letter-spacing:.09em;color:var(--accent)}.detail-grid h3{font-family:var(--serif);font-size:1.25rem;margin:1.3rem 0 .6rem}.detail-grid p{color:var(--muted);font-size:.87rem;margin:0}.detail-grid .result-card{background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.modal-actions{display:flex;gap:.7rem;margin-top:2rem}.demo-workspace{display:grid;grid-template-columns:.78fr 1.22fr;border:1px solid var(--line);margin-top:2.4rem;min-height:380px}.demo-input,.demo-output{padding:1.7rem}.demo-input{border-right:1px solid var(--line)}.script-option{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:.9rem 1rem;border:1px solid var(--line);background:transparent;color:var(--text);margin-top:.6rem;cursor:pointer;text-align:left}.script-option b{font-family:var(--serif);font-size:1rem}.script-option span{color:var(--muted);font-size:.75rem}.script-option.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.run-demo{width:100%;margin-top:1rem}.demo-output{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 82%,transparent),transparent)}.demo-idle{height:280px;display:grid;place-items:center;text-align:center;color:var(--muted)}.demo-idle i{font-style:normal;font-size:2rem;color:var(--accent);margin-bottom:-5rem}.demo-idle small{font-size:.72rem}.demo-progress{margin-top:8rem}.progress-track{height:3px;background:var(--line)}.progress-track i{display:block;height:100%;width:0;background:var(--accent);box-shadow:0 0 12px var(--accent)}.demo-progress p{display:flex;justify-content:space-between;margin-top:.8rem;color:var(--muted);font:10px var(--mono)}.demo-result{margin-top:2rem}.result-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:.8rem}.result-head span{font-family:var(--serif);font-size:1.2rem}.result-head b{font:9px var(--mono);color:var(--accent)}.result-keywords{display:flex;gap:.4rem;flex-wrap:wrap;margin:1.2rem 0}.result-keywords span{font:9px var(--mono);padding:.35rem .55rem;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent)}.result-assets{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.result-assets i{height:100px;background:linear-gradient(145deg,#34483a,#18201a);border:1px solid var(--line)}.result-assets i:nth-child(2){background:linear-gradient(145deg,#243753,#171e29)}.result-assets i:nth-child(3){background:linear-gradient(145deg,#554b31,#242018)}.demo-result p{color:var(--muted);font-size:.8rem;margin:1rem 0}.demo-result>strong{font:500 .85rem var(--mono);color:var(--accent)}.prototype-note,.portfolio-status{font-size:.75rem;color:var(--muted);margin:1rem 0 0}.portfolio-player{height:330px;background:radial-gradient(circle,#2e4734,#101511 65%);display:grid;place-items:center;position:relative;margin:2rem 0}.portfolio-player button{width:82px;height:82px;border-radius:50%;border:1px solid #819287;background:#172019;color:var(--accent);font-size:1.2rem}.portfolio-player button span{margin-left:4px}.portfolio-player p{position:absolute;left:1.2rem;bottom:1rem;font:9px var(--mono);letter-spacing:.1em;color:#97a198}.portfolio-categories{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.portfolio-categories article{padding:1.25rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.portfolio-categories span{font:9px var(--mono);color:var(--accent)}.portfolio-categories h3{font-family:var(--serif);margin:1rem 0 .5rem}.portfolio-categories p{font-size:.78rem;color:var(--muted);margin:0}.portfolio-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:.4rem}
@media(max-width:800px){.button-row{flex-wrap:wrap}.button-row .button{flex:1 1 auto}.featured-project{grid-template-columns:1fr;gap:2rem}.project-console{min-height:440px;padding:.55rem}.console-body{padding:.8rem}.asset-grid span{min-height:62px}.featured-copy h3{font-size:2.8rem}.project-actions .button{width:100%}.showreel{min-height:430px}.play-control{width:70px;height:70px}.showreel-copy strong{font-size:3.3rem}.showreel-meta{display:none}.modal-shell{padding:3.8rem 1.25rem 1.5rem}.detail-grid,.demo-workspace,.portfolio-categories{grid-template-columns:1fr}.demo-input{border-right:0;border-bottom:1px solid var(--line)}.modal-actions{flex-direction:column}.modal-actions .button{width:100%}.portfolio-player{height:230px}}