:root{--bg:#07080b;--panel:#0e1015;--panel2:#12151c;--text:#f4f5f8;--muted:#8f95a4;--soft:#b9bec9;--line:rgba(255,255,255,.11);--line2:rgba(255,255,255,.18);--accent:#a76cff;--cyan:#62e7ff;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(circle at 75% 15%,rgba(167,108,255,.12),transparent 25%),radial-gradient(circle at 15% 70%,rgba(98,231,255,.06),transparent 22%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(transparent 50%,rgba(255,255,255,.012) 50%);background-size:100% 4px;opacity:.18}.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{text-decoration:none;color:inherit}button{font:inherit}::selection{background:var(--accent);color:#08080b}.topbar{position:fixed;z-index:100;top:0;left:0;right:0;height:72px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(7,8,11,.72);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:11px;font:500 10px "DM Mono",monospace;letter-spacing:.08em}.brand span{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:6px;background:linear-gradient(135deg,var(--accent),#39235f)}nav{display:flex;gap:28px;font:400 10px "DM Mono",monospace;color:#7f8593}nav a{position:relative;padding:28px 0}nav a:after{content:"";position:absolute;left:0;bottom:19px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:.25s}nav a:hover,nav a.active{color:#fff}nav a.active:after,nav a:hover:after{transform:scaleX(1)}.cv-btn{border:1px solid var(--line2);padding:10px 14px;font:500 9px "DM Mono",monospace;transition:.25s}.cv-btn:hover{border-color:var(--accent);background:rgba(167,108,255,.08)}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr);align-items:center;padding:120px 7vw 70px;overflow:hidden}.hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(to bottom,#000 10%,transparent 88%)}.hero-copy{position:relative;z-index:4;max-width:700px}.eyebrow{display:flex;align-items:center;gap:10px;color:#9ba1af;font:500 9px "DM Mono",monospace;letter-spacing:.15em}.eyebrow span{width:22px;height:1px;background:var(--accent)}.eyebrow b{font-weight:500}h1{font-size:clamp(62px,7.5vw,118px);line-height:.86;letter-spacing:-.075em;margin:25px 0 30px;font-weight:800}h1 em,h2 em{font-style:normal;color:var(--accent)}.hero-intro{max-width:560px;margin:0;color:#aeb3bf;font-size:15px;line-height:1.75}.hero-actions{display:flex;gap:10px;margin-top:30px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 17px;border:1px solid var(--line2);font:500 10px "DM Mono",monospace;transition:.25s}.primary{background:#f3f4f6;color:#07080b}.primary:hover{transform:translateY(-2px);background:#fff}.secondary{color:#d5d8df}.secondary:hover{border-color:var(--accent);color:#fff}.hero-note{display:flex;gap:10px;align-items:center;margin-top:42px;color:#6f7582;font:400 8px "DM Mono",monospace;letter-spacing:.1em}.hero-note strong{color:#c4c8d1;font-weight:400}.dot-sep{color:var(--accent)}
.hero-stage{height:650px;position:relative;display:grid;place-items:center}.stage-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(167,108,255,.14),transparent 68%);filter:blur(10px)}.workspace{position:relative;width:min(600px,47vw);height:510px;border:1px solid #353944;background:#111319;box-shadow:0 45px 120px rgba(0,0,0,.6);transform:rotate(-1.8deg);z-index:3}.workspace-top{height:34px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;border-bottom:1px solid #30343e;color:#747a88;font:400 8px "DM Mono",monospace}.window-dots{font-size:6px;letter-spacing:2px}.workspace-main{height:calc(100% - 112px);display:grid;grid-template-columns:36px 1fr 150px}.workspace-tools{border-right:1px solid #30343e;display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:17px;color:#6d7380}.workspace-tools i{font-style:normal;font-size:12px}.portrait-panel{position:relative;margin:30px auto;width:68%;height:80%;background:#080a0e;overflow:hidden}.portrait-panel img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.08);opacity:.9}.portrait-overlay{position:absolute;inset:0;background:linear-gradient(140deg,rgba(167,108,255,.18),transparent 45%,rgba(98,231,255,.08))}.frame-mark{position:absolute;width:25px;height:25px;border-color:rgba(98,231,255,.7)}.mark-tl{top:16px;left:16px;border-top:1px solid;border-left:1px solid}.mark-br{right:16px;bottom:16px;border-right:1px solid;border-bottom:1px solid}.portrait-caption{position:absolute;left:12px;bottom:12px;padding:5px 7px;border:1px solid rgba(255,255,255,.14);background:rgba(5,6,9,.65);color:#a6abb7;font:400 7px "DM Mono",monospace}.workspace-info{border-left:1px solid #30343e;padding:34px 18px}.workspace-info>span{font:500 7px "DM Mono",monospace;color:#686e7b;letter-spacing:.13em}.workspace-info>strong{display:block;font-size:25px;line-height:.94;letter-spacing:-.05em;margin-top:10px}.mini-list{display:grid;gap:9px;margin-top:34px}.mini-list span{font:400 8px "DM Mono",monospace;color:#858b99;padding-bottom:8px;border-bottom:1px solid #292d35}.workspace-timeline{height:78px;border-top:1px solid #30343e;background:#0d0f14;padding:12px 18px;position:relative}.timeline-labels{display:flex;justify-content:space-between;margin-bottom:7px;color:#626876;font:400 7px "DM Mono",monospace}.track{height:7px;background:#1b1e26;margin:4px 0;overflow:hidden}.track i{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--accent),var(--cyan))}.playhead{position:absolute;top:0;bottom:0;left:59%;width:1px;background:#ff5e85}.playhead span{position:absolute;top:2px;left:5px;background:#ff5e85;color:#07080b;padding:2px 4px;font:500 7px "DM Mono",monospace}.floating-card{position:absolute;z-index:5;padding:15px 17px;border:1px solid var(--line2);background:rgba(12,14,19,.84);backdrop-filter:blur(14px);box-shadow:0 25px 60px rgba(0,0,0,.35)}.floating-card small{display:block;color:var(--accent);font:500 23px "DM Mono",monospace}.floating-card span{display:block;margin-top:4px;color:#a8adb8;font:400 8px "DM Mono",monospace;line-height:1.5;letter-spacing:.08em}.card-a{left:2%;bottom:18%;transform:rotate(-5deg)}.card-b{right:0;top:16%;transform:rotate(5deg)}.card-b small{font-size:8px;letter-spacing:.12em}.orb{position:absolute;width:110px;height:110px;right:3%;bottom:7%;border-radius:50%;border:1px solid rgba(167,108,255,.4);box-shadow:0 0 80px rgba(167,108,255,.16),inset 0 0 35px rgba(167,108,255,.08)}.scroll-hint{position:absolute;bottom:28px;left:7vw;color:#606673;font:400 8px "DM Mono",monospace;letter-spacing:.12em}.scroll-hint span{color:var(--accent);margin-left:10px}
.section{max-width:var(--max);margin:0 auto;padding:140px 7vw}.section-head{display:grid;grid-template-columns:52px minmax(250px,1fr) minmax(250px,390px);gap:22px;align-items:end;margin-bottom:72px}.section-head>span{color:var(--accent);font:500 9px "DM Mono",monospace;padding-bottom:10px}.section-head h2{font-size:clamp(45px,5.2vw,76px);line-height:.9;letter-spacing:-.065em;margin:0}.section-head p{margin:0;color:#7f8592;font-size:12px;line-height:1.7;max-width:370px}.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw}.about-copy{max-width:700px}.about-copy>p{font-size:14px;line-height:1.9;color:#9da3b0;margin:0 0 24px}.about-copy .big{font-size:25px;line-height:1.35;letter-spacing:-.03em;color:#e8eaf0}.quote{display:grid;grid-template-columns:25px 1fr 25px;gap:10px;margin:46px 0 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#d7dae2}.quote span{font-size:30px;color:var(--accent);line-height:.7}.quote p{margin:0;font-size:17px;line-height:1.45;letter-spacing:-.02em}.languages-panel{margin-top:35px}.panel-label{color:#686e7b;font:500 8px "DM Mono",monospace;letter-spacing:.15em}.language-row{display:grid;grid-template-columns:130px 1fr;padding:12px 0;border-bottom:1px solid var(--line)}.language-row span{font-size:12px}.language-row b{font:400 9px "DM Mono",monospace;color:#858b98}.about-side{display:grid;gap:18px}.achievement-panel{border:1px solid var(--line);padding:25px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent)}.achievement{display:grid;grid-template-columns:28px 1fr;gap:13px;padding:16px 0;border-top:1px solid var(--line)}.achievement:first-of-type{border-top:0;padding-top:24px}.achievement>span{color:var(--accent);font:500 9px "DM Mono",monospace}.achievement p{margin:0;color:#c1c5cf;font-size:12px;line-height:1.6}.stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.stat-card{min-height:150px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stat-card strong{font-size:30px;letter-spacing:-.05em}.stat-card span{margin-left:7px;color:var(--accent);font:500 8px "DM Mono",monospace}.stat-card p{margin:20px 0 0;color:#747a87;font:400 9px "DM Mono",monospace;line-height:1.5}
.experience{border-top:1px solid var(--line)}.experience-layout{display:grid;grid-template-columns:1.45fr .55fr;gap:8vw}.timeline-big{border-top:1px solid var(--line)}.exp{display:grid;grid-template-columns:35px 135px 1fr;gap:18px;padding:30px 0;border-bottom:1px solid var(--line);transition:.25s}.exp:hover{padding-left:8px}.exp-index{color:var(--accent);font:500 9px "DM Mono",monospace}.exp-period{font:500 9px "DM Mono",monospace;color:#777d8b;line-height:1.6}.exp-main h3{font-size:21px;line-height:1.1;letter-spacing:-.04em;margin:0 0 7px}.exp-main>strong{font:500 9px "DM Mono",monospace;color:#a6abb7;letter-spacing:.04em}.exp-main p{margin:14px 0 0;color:#7f8593;font-size:11px;line-height:1.7;max-width:590px}.education-card{border:1px solid var(--line);background:var(--panel);padding:24px;align-self:start}.education-item{padding:25px 0;border-bottom:1px solid var(--line)}.education-item:last-child{border-bottom:0}.education-item span{color:var(--accent);font:500 8px "DM Mono",monospace}.education-item h3{font-size:19px;line-height:1.2;letter-spacing:-.03em;margin:10px 0 6px}.education-item p{margin:0;color:#777d8a;font-size:10px}
.work{border-top:1px solid var(--line)}.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:24px}.filter-label{color:#626875;font:500 8px "DM Mono",monospace;letter-spacing:.13em}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{border:1px solid var(--line);background:transparent;color:#777d8a;padding:8px 11px;cursor:pointer;font:400 8px "DM Mono",monospace;transition:.2s}.filter-btn:hover,.filter-btn.active{border-color:var(--accent);color:#fff;background:rgba(167,108,255,.08)}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.work-card{grid-column:span 6;cursor:pointer;outline:none}.work-card.featured:nth-child(3n+1){grid-column:span 7}.work-card.featured:nth-child(3n+2){grid-column:span 5}.work-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#101217;border:1px solid var(--line)}.work-card.featured .work-image{aspect-ratio:16/10}.work-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.work-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,4,6,.8));opacity:.5}.work-card:hover .work-image img,.work-card:focus-visible .work-image img{transform:scale(1.045);filter:saturate(1.08)}.work-open{position:absolute;right:16px;top:16px;padding:9px 11px;border:1px solid rgba(255,255,255,.22);background:rgba(7,8,11,.62);backdrop-filter:blur(10px);font:500 8px "DM Mono",monospace;opacity:0;transform:translateY(-5px);transition:.3s}.work-card:hover .work-open,.work-card:focus-visible .work-open{opacity:1;transform:none}.work-open span{margin-left:18px;color:var(--accent)}.work-index{position:absolute;left:14px;bottom:13px;color:#d9dce4;font:500 9px "DM Mono",monospace}.work-info{display:grid;grid-template-columns:1fr 190px;gap:25px;padding:17px 2px 26px}.work-tag{color:var(--accent);font:500 8px "DM Mono",monospace;letter-spacing:.12em}.work-heading h3{font-size:23px;line-height:1.05;letter-spacing:-.045em;margin:8px 0 5px}.work-heading p{margin:0;color:#777d8a;font-size:10px}.work-side{text-align:right;display:grid;align-content:end;gap:7px}.work-side strong{font:500 8px "DM Mono",monospace;color:#c6cad3}.work-side span{font:400 8px "DM Mono",monospace;color:#686e7a;line-height:1.4}.more-work-note{display:grid;grid-template-columns:160px 1fr;gap:30px;padding:38px 0 0;border-top:1px solid var(--line);margin-top:15px}.more-work-note span{color:var(--accent);font:500 8px "DM Mono",monospace}.more-work-note p{margin:0;color:#7c828f;font-size:11px;line-height:1.7;max-width:600px}
.skills{border-top:1px solid var(--line)}.skills-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw}.software-panel{border:1px solid var(--line);background:var(--panel);padding:26px}.software-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.software-row:last-child{border-bottom:0}.software-row span{font-size:13px}.software-row b{font:400 8px "DM Mono",monospace;color:#8b919e}.capability-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability-card{min-height:210px;padding:23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.capability-number{color:#666c79;font:500 8px "DM Mono",monospace}.capability-card h3{font-size:27px;letter-spacing:-.05em;margin:30px 0 20px}.capability-card>div{display:flex;flex-wrap:wrap;gap:7px}.capability-card>div span{padding:7px 9px;border:1px solid var(--line);color:#9096a4;font:400 8px "DM Mono",monospace}
.contact{border-top:1px solid var(--line);padding-bottom:110px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-copy h2{font-size:clamp(50px,6vw,82px);line-height:.9;letter-spacing:-.065em;margin:25px 0}.contact-copy>p:last-child{max-width:470px;color:#808692;font-size:12px;line-height:1.7}.contact-links{border-top:1px solid var(--line);align-self:end}.contact-links a{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);font:400 10px "DM Mono",monospace}.contact-links a>span{color:#666c79}.contact-links b{font-weight:400;color:#dfe2e8}.contact-links i{font-style:normal;color:#737987;transition:.2s}.contact-links a:hover b,.contact-links a:hover i{color:var(--accent)}.contact-links a:hover i{transform:translate(3px,-3px)}footer{border-top:1px solid var(--line);padding:26px 7vw;display:flex;justify-content:space-between;gap:20px;color:#5f6572;font:400 8px "DM Mono",monospace;letter-spacing:.08em}
.case-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:4vw;opacity:0;visibility:hidden;transition:.3s}.case-modal.is-open{opacity:1;visibility:visible}.case-backdrop{position:absolute;inset:0;background:rgba(2,3,5,.84);backdrop-filter:blur(15px)}.case-dialog{position:relative;width:min(1180px,94vw);max-height:90vh;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);background:#0c0f14;border:1px solid var(--line2);box-shadow:0 50px 130px rgba(0,0,0,.7);overflow:hidden;transform:translateY(20px) scale(.98);transition:.4s}.case-modal.is-open .case-dialog{transform:none}.case-close{position:absolute;z-index:5;right:13px;top:12px;width:38px;height:38px;border:1px solid rgba(255,255,255,.15);background:rgba(5,6,9,.75);color:#fff;font-size:24px;cursor:pointer}.case-close:hover{border-color:var(--accent);color:var(--accent)}.case-media{min-height:560px;background:#050609;border-right:1px solid var(--line);display:grid;place-items:center}.case-media iframe,.case-media video{width:100%;height:100%;min-height:560px;border:0;background:#050609;object-fit:contain}.single-media{width:100%;height:100%;display:grid;place-items:center}.case-content{padding:55px 38px;overflow:auto}.case-kicker{color:var(--accent);font:500 9px "DM Mono",monospace;letter-spacing:.15em}.case-content h3{font-size:clamp(34px,4vw,55px);line-height:.95;letter-spacing:-.06em;margin:14px 0 7px}.case-subtitle{margin:0;color:#7d8390;font-size:11px}.case-role{margin-top:25px;color:#e0e3e9;font-size:12px}.case-description{color:#989eab;font-size:12px;line-height:1.8}.case-details{margin-top:35px;border-top:1px solid var(--line)}.case-details>div{display:grid;gap:6px;padding:15px 0;border-bottom:1px solid var(--line)}.case-details span{color:#666c79;font:500 8px "DM Mono",monospace;letter-spacing:.12em}.case-details strong{font-size:11px;line-height:1.55}.case-slider{width:100%;height:100%;min-height:560px;display:flex;flex-direction:column}.slider-stage{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;background:#050609}.slider-stage iframe,.slider-stage video{min-height:0;height:100%;width:100%}.slider-stage.vertical-video{padding:25px}.slider-stage.vertical-video iframe,.slider-stage.vertical-video video{width:min(100%,370px);aspect-ratio:9/16}.slider-controls{height:70px;border-top:1px solid var(--line);display:grid;grid-template-columns:65px 1fr 65px;background:#0d1015}.slider-controls button{border:0;border-right:1px solid var(--line);background:transparent;color:#fff;cursor:pointer;font-size:18px}.slider-controls button:last-child{border-right:0;border-left:1px solid var(--line)}.slider-controls button:hover{color:var(--accent)}.slider-controls>div{display:grid;place-content:center;text-align:center}.slider-controls b{font:500 15px "DM Mono",monospace}.slider-controls span{color:#626875;font:400 9px "DM Mono",monospace;margin-left:3px}.slider-controls small{display:block;color:#8c929f;font:400 8px "DM Mono",monospace;margin-top:4px}.folder-media{width:100%;min-height:560px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:35px;background:radial-gradient(circle,rgba(167,108,255,.12),transparent 52%)}.folder-media>span{color:var(--accent);font:500 9px "DM Mono",monospace;letter-spacing:.15em}.folder-media>strong{max-width:420px;font-size:30px;line-height:1.05;letter-spacing:-.05em;margin:13px 0}.folder-media>p{color:#7e8491;font-size:11px}.folder-button{margin-top:18px;padding:12px 15px;border:1px solid var(--accent);font:500 8px "DM Mono",monospace}.folder-button:hover{background:var(--accent);color:#08090b}.video-placeholder{min-height:560px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;padding:30px}.video-placeholder span{color:var(--accent);font:500 9px "DM Mono",monospace}.video-placeholder strong{font-size:20px}.video-placeholder small{color:#737987}
.reveal{opacity:1;transform:none;transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.cursor-dot,.cursor-ring{position:fixed;pointer-events:none;z-index:300;transform:translate(-50%,-50%);mix-blend-mode:difference}.cursor-dot{width:5px;height:5px;border-radius:50%;background:#fff}.cursor-ring{width:28px;height:28px;border:1px solid rgba(255,255,255,.8);border-radius:50%;transition:width .2s,height .2s}.hovering .cursor-ring{width:55px;height:55px}@media(max-width:980px){nav{display:none}.hero{grid-template-columns:1fr;padding:110px 6vw 60px}.hero-copy{margin-top:30px}.hero-stage{height:580px}.workspace{width:min(650px,88vw)}.section{padding:105px 6vw}.section-head{grid-template-columns:45px 1fr}.section-head p{grid-column:2}.about-grid,.experience-layout,.skills-layout,.contact-grid{grid-template-columns:1fr;gap:45px}.work-card,.work-card.featured:nth-child(3n+1),.work-card.featured:nth-child(3n+2){grid-column:span 6}.case-dialog{grid-template-columns:1fr;max-height:92vh}.case-media{min-height:46vh;border-right:0;border-bottom:1px solid var(--line)}.case-media iframe,.case-media video,.folder-media,.video-placeholder,.case-slider{min-height:46vh}.case-content{padding:30px}.case-slider{height:46vh}.hero-note{margin-bottom:10px}}
@media(max-width:620px){.topbar{padding:0 20px}.brand b{display:none}.cv-btn{padding:9px 11px}.hero{padding:100px 20px 50px}.hero-stage{height:450px}.workspace{height:355px;width:94vw}.workspace-main{grid-template-columns:28px 1fr 105px}.workspace-info{padding:25px 10px}.workspace-info>strong{font-size:17px}.mini-list{gap:6px;margin-top:20px}.portrait-panel{width:75%;margin:18px auto}.workspace-timeline{height:70px}.card-a{left:-2%;bottom:9%}.card-b{right:-2%;top:8%}.floating-card{padding:10px 12px}.floating-card small{font-size:18px}.orb{width:70px;height:70px;right:0;bottom:5%}h1{font-size:58px}.hero-intro{font-size:13px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-note{flex-wrap:wrap;line-height:1.8}.section{padding:82px 20px}.section-head{grid-template-columns:35px 1fr;gap:15px;margin-bottom:48px}.section-head h2{font-size:48px}.section-head p{grid-column:2;font-size:11px}.about-copy .big{font-size:21px}.stats{grid-template-columns:1fr 1fr}.stat-card{min-height:135px;padding:15px}.stat-card strong{font-size:25px}.exp{grid-template-columns:30px 1fr;gap:12px;padding:24px 0}.exp-period{grid-column:2}.exp-main{grid-column:2}.exp-main h3{font-size:18px}.work-toolbar{display:block}.filters{margin-top:15px}.work-card,.work-card.featured:nth-child(3n+1),.work-card.featured:nth-child(3n+2){grid-column:span 12}.work-image,.work-card.featured .work-image{aspect-ratio:4/3}.work-info{grid-template-columns:1fr;gap:14px}.work-side{text-align:left}.more-work-note{grid-template-columns:1fr;gap:12px}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:175px}.capability-card h3{margin:22px 0 15px}.contact-grid{gap:50px}.contact-copy h2{font-size:52px}.contact-links a{grid-template-columns:70px 1fr auto;font-size:9px}.case-dialog{width:96vw}.case-content h3{font-size:34px}footer{padding:22px 20px;flex-wrap:wrap}.cursor-dot,.cursor-ring{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.parallax{translate:none!important}.work-image img,.case-dialog{transition:none}}

/* =========================================================
   FINAL POLISH — original Selected Work rhythm + readable body copy
   ========================================================= */
.section-head p,
.about-copy p,
.about-copy .big,
.achievement p,
.stat-card p,
.language-row,
.exp-main p,
.education-item p,
.capability-card div span,
.work-heading p,
.work-side span,
.contact-copy > p:not(.eyebrow),
.case-description,
.case-role,
.case-subtitle,
.case-details strong,
.more-work-note,
footer {
  color: #c3c8d2;
}

.section-head p { font-size: 14px; line-height: 1.8; }
.about-copy p { font-size: 15px; line-height: 1.85; }
.about-copy .big { font-size: 24px; line-height: 1.65; }
.achievement p { font-size: 14px; line-height: 1.75; }
.stat-card p { font-size: 13px; line-height: 1.6; }
.language-row { font-size: 14px; }
.exp-main p { font-size: 14px; line-height: 1.8; }
.education-item p { font-size: 14px; }
.capability-card div span { font-size: 13px; }
.work-heading p { font-size: 15px; line-height: 1.65; }
.work-side { font-size: 12px; line-height: 1.8; }
.work-side span { font-size: 12px; }
.contact-copy > p:not(.eyebrow) { font-size: 15px; line-height: 1.8; }
.case-role { font-size: 15px; line-height: 1.75; }
.case-description { font-size: 14px; line-height: 1.9; }
.case-subtitle { font-size: 13px; line-height: 1.6; }
.case-details strong { font-size: 13px; }

/* Original Selected Work composition */
.work-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:18px; }
.work-card { grid-column:span 6; }
.work-card:nth-child(3n) { grid-column:span 12; }
.work-image { aspect-ratio:16/9; }
.work-card:nth-child(3n) .work-image { aspect-ratio:2.15/1; }
.work-info { padding:24px; display:grid; grid-template-columns:1fr auto; gap:15px; }
.work-side { text-align:right; }
.work-open { opacity:0; }
.work-card:hover .work-open,
.work-card:focus-visible .work-open { opacity:1; }

@media(max-width:980px){
  .work-card,
  .work-card:nth-child(3n) { grid-column:span 12; }
  .work-card:nth-child(3n) .work-image,
  .work-image { aspect-ratio:16/9; }
}
@media(max-width:620px){
  .work-info { grid-template-columns:1fr; gap:14px; }
  .work-side { text-align:left; }
  .work-heading p { font-size:14px; }
  .section-head p { font-size:13px; }
}


/* Final readability + portfolio layout fixes */
.work-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; }
.work-card { grid-column:span 6; min-width:0; }
.work-card:nth-child(3n) { grid-column:span 12; }
.work-card:nth-child(3n) .work-image { aspect-ratio:2.15/1; }
.work-card .work-image { overflow:hidden; }
.work-info { padding:20px 2px 30px; }
.work-heading h3 { font-size:clamp(21px,1.7vw,28px); }
.work-heading p { color:#aeb3be; font-size:13px; line-height:1.7; max-width:760px; }
.work-side strong { color:#e0e3e9; font-size:10px; }
.work-side span { color:#949aa7; font-size:10px; }
.section-head p { color:#aeb3be; font-size:13px; line-height:1.7; }
.about-copy > p:not(.big), .exp-main p { color:#aeb3be; font-size:14px; line-height:1.85; }
.achievement p { color:#c4c8d1; font-size:13px; line-height:1.65; }
.language-row span, .language-row b { font-size:13px; }
.software-row span, .software-row b { font-size:13px; }
.case-description { color:#c0c5cf; font-size:15px; line-height:1.9; }
.case-subtitle { color:#aeb3be; font-size:14px; }
.case-role { color:#e8eaf0; font-size:14px; }
.case-details span { color:#858b98; }
.case-details strong { color:#e0e3e9; font-size:13px; }
.contact-copy > p:last-child { color:#aeb3be; font-size:14px; line-height:1.8; }
@media(max-width:980px){ .work-card,.work-card:nth-child(3n){grid-column:span 12}.work-card:nth-child(3n) .work-image,.work-card .work-image{aspect-ratio:16/9}.work-info{grid-template-columns:1fr;gap:12px}.work-side{text-align:left}.skills-layout{grid-template-columns:1fr} }