:root{color-scheme:dark;--bg:#110f17;--surface:#191722;--line:#36303e;--text:#f4eff4;--muted:#a79dac;--pink:#e7a5bf;--burg:#81294e;--purple:#8f6588;--ease:cubic-bezier(.21,.83,.32,1);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}::selection{background:#8c3d67;color:white}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--pink);outline-offset:4px}em{font-style:italic;font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--pink)}.skip{position:absolute;top:-100px;left:10px;z-index:50;background:var(--pink);color:#1b1520;padding:12px}.skip:focus{top:10px}.noise{position:fixed;inset:0;pointer-events:none;z-index:15;opacity:.12;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='.72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.pointer-glow{position:fixed;z-index:-1;width:470px;height:470px;left:0;top:0;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(129,41,78,.16),transparent 65%);transform:translate(-1000px,-1000px)}.reading-progress{position:fixed;z-index:60;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--burg),var(--pink));transition:width .06s linear}.nav{height:78px;position:relative;z-index:20;border-bottom:1px solid #302735;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(5%,calc((100vw - 1320px)/2));background:rgba(17,15,23,.95);backdrop-filter:blur(18px)}.brand{font-size:16px;font-weight:800;letter-spacing:.13em;white-space:nowrap}.brand-mark{font-size:29px;vertical-align:-2px;color:var(--pink);margin-right:10px}.brand-minor{font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:600}.nav nav{display:flex;gap:34px;color:var(--muted);font-size:13px}.nav nav a:hover,.text-link:hover{color:var(--pink)}.cmd-trigger{border:1px solid #665266;border-radius:6px;background:#241c2b;color:#dbb5c6;font:12px ui-monospace,monospace;padding:8px 12px}.hero{min-height:650px;height:min(800px,calc(100svh - 78px));position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #322838;background:radial-gradient(ellipse at 78% 40%,rgba(116,32,78,.24),transparent 55%),linear-gradient(130deg,#110f17 20%,#1b1120 80%)}.hero:before{content:"";position:absolute;inset:0;opacity:.21;pointer-events:none;background-image:linear-gradient(#5c3b58 1px,transparent 1px),linear-gradient(90deg,#5c3b58 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000 50%)}#particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-content{width:min(1200px,90%);margin:auto;position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:6%;align-items:center}.eyebrow,.serial,.overline,.section-label,.hero-foot,.terminal,.more-work,.footer,.chips,.filters{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.eyebrow{font-size:11px;color:#eab8cb;letter-spacing:.12em;display:flex;align-items:center;gap:11px}.sep{color:#6b5065}.status-dot{height:7px;width:7px;border-radius:50%;background:#e5a3bb;box-shadow:0 0 0 6px rgba(229,163,187,.13);animation:pulse 2.7s infinite}.serial{color:#9d7b91;font-size:11px;letter-spacing:.17em;margin:48px 0 12px}.hero h1{font-size:clamp(57px,6.5vw,106px);line-height:1.04;letter-spacing:-.069em;margin:0 0 28px;font-weight:760}.hero h1 em{letter-spacing:-.072em}.lede{font-size:17px;line-height:1.8;color:#cbc1cf;max-width:590px}.lede strong{color:#fff}.dim{color:#a585a0}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:31px}.btn{border:1px solid #734660;padding:16px 24px;display:inline-flex;align-items:center;justify-content:space-between;min-width:174px;font-size:13px;font-weight:650;border-radius:3px;transition:background .3s,box-shadow .3s,transform .18s}.btn span{margin-left:18px}.btn.primary{background:var(--burg);border-color:#a44872}.btn.primary:hover{background:#a13664;box-shadow:0 6px 40px #8f285d44}.btn.secondary{background:rgba(255,255,255,.025)}.btn.secondary:hover{border-color:var(--pink)}.terminal{border:1px solid #754b67;background:rgba(20,17,29,.91);box-shadow:0 25px 80px #0008,0 0 85px #7d285522;border-radius:12px;overflow:hidden;transform:perspective(1000px) rotateY(-5deg);max-width:480px;min-height:354px}.terminal-top,.terminal-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 19px;background:#24202e;border-bottom:1px solid #473449;color:#aa9baa;font-size:10px}.dots{display:flex;gap:6px}.dots i{width:8px;height:8px;background:#ef6d87;border-radius:50%}.dots i:nth-child(2){background:#e1ba79}.dots i:nth-child(3){background:#81bb9d}.term-online{color:#d38fab}.terminal-body{padding:25px 20px 26px;font-size:12px;line-height:1.5}.terminal-body p{margin:0 0 14px;white-space:nowrap}.terminal-body b{color:#ec91b4}.terminal-body span{color:#b39fb7}.terminal-body .result{color:#ddd0dd;margin-left:23px;margin-bottom:22px}.terminal-body .typed{color:#f4a1bf;min-height:19px}.caret,.block-caret{display:inline-block;vertical-align:-2px;margin-left:3px;width:8px;height:15px;background:#e7aac2;animation:blink 1s steps(1) infinite}.terminal-foot{border-top:1px solid #48304a;border-bottom:0;background:#1b1824;color:#ae839c}.hero-foot{position:absolute;bottom:22px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;color:#ab889e;font-size:10px;letter-spacing:.15em}.down-line{width:75px;height:1px;background:#b17b9c;position:absolute;left:50%;transform:rotate(90deg);animation:down 2s ease-in-out infinite}.section{max-width:1320px;margin:auto;padding:110px 5% 125px}.section-label{display:flex;align-items:center;gap:22px;color:#ab869b;font-size:11px;letter-spacing:.08em}.section-label div{height:1px;background:#4c3648;flex:1}.section-label span:last-child{color:#796c7e}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-top:62px}.about h2,.stack h2{font-size:clamp(67px,8vw,118px);line-height:1.07;letter-spacing:-.075em;margin:0}.about-copy{font-size:20px;color:#bab0c0;line-height:1.85}.about-copy strong{color:var(--text)}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.chips span{border:1px solid #4a394c;font-size:11px;padding:9px 12px;color:#d1afc3}.projects-intro{display:flex;justify-content:space-between;gap:35px;align-items:end;margin:65px 0 42px}.overline{font-size:11px;color:#c993af;letter-spacing:.14em}.projects-intro h2{font-size:clamp(53px,6.6vw,95px);line-height:1;letter-spacing:-.067em;margin:15px 0 0}.projects-intro>p{max-width:310px;color:var(--muted);line-height:1.75}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter{border:1px solid #3d3243;background:transparent;color:#bdb1c1;border-radius:4px;padding:11px 15px;font-size:11px}.filter:hover{border-color:var(--pink)}.filter.active{background:#853457;border-color:#b86791;color:white}.filter small{margin-left:11px;color:#dd9dbb}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.project{position:relative;text-align:left;min-height:290px;border:1px solid #483446;border-radius:4px;background:linear-gradient(145deg,#231a29,#18151f);padding:32px 31px;color:var(--text);overflow:hidden;transition:border-color .25s,transform .3s var(--ease),box-shadow .3s}.project:before{content:"";position:absolute;width:290px;height:290px;right:-155px;bottom:-170px;border:1px solid #61405b;border-radius:50%;box-shadow:0 0 0 55px #5d345025,0 0 0 110px #75355a15;transition:transform .5s}.project:hover{border-color:#aa5e88;transform:translateY(-5px);box-shadow:0 14px 45px #0005}.project:hover:before{transform:scale(1.3)}.project-top,.project-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}.project-index,.project-type,.project-bottom{font:11px ui-monospace,monospace;color:#b98aa8;letter-spacing:.06em}.project-arrow{font-size:24px;font-family:serif;color:#e8b0cb}.project h3{font-size:clamp(33px,3.8vw,56px);line-height:1.05;letter-spacing:-.055em;margin:43px 0 10px;position:relative}.project>p{color:#b4a8b8;font-size:14px;max-width:380px;line-height:1.6;position:relative}.project-bottom{margin-top:35px;flex-wrap:wrap}.project-bottom span{font-size:10px;border:1px solid #584357;border-radius:3px;padding:6px 8px}.more-work{border-top:1px solid #483646;margin-top:45px;padding-top:27px;display:flex;flex-wrap:wrap;gap:18px 32px;font-size:11px;color:#bd9cb0}.more-work span{color:#897a8e}.more-work a:hover{color:white}.stack-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:70px}.stack-layout>div>p:last-child{color:var(--muted)}.stack-rows>div{display:grid;grid-template-columns:38px 110px 1fr;gap:12px;align-items:start;padding:29px 0;border-bottom:1px solid #433342}.stack-rows>div:first-child{border-top:1px solid #433342}.stack-rows span{font:11px ui-monospace,monospace;color:#ac7696}.stack-rows strong{font-size:14px}.stack-rows p{font-size:13px;color:#aaa0b0;line-height:1.55;margin:0}.contact{position:relative;overflow:hidden;min-height:540px;padding:100px 5%;background:radial-gradient(circle at 88% 88%,#79305266,transparent 52%),#251624;border-top:1px solid #643551}.contact-wrap{max-width:1180px;margin:auto;position:relative;z-index:1}.contact h2{font-size:clamp(63px,9vw,126px);line-height:1;letter-spacing:-.075em;margin:28px 0}.contact-wrap>p:not(.overline){color:#c4b1c0;max-width:460px;line-height:1.7}.text-link{font-size:14px;margin-left:15px}.contact-decoration{position:absolute;right:-20px;bottom:-150px;font-size:480px;font-weight:800;line-height:1;color:#a5587530;pointer-events:none}.footer{padding:30px 5%;font-size:10px;color:#a798aa;display:flex;justify-content:space-between;gap:25px;align-items:center;letter-spacing:.08em}.footer a:first-child{color:#eab0c8}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}dialog{border:1px solid #76506c;background:#201923;color:white;box-shadow:0 22px 85px #000b;max-height:min(85vh,750px)}dialog::backdrop{background:rgba(6,4,10,.84);backdrop-filter:blur(7px)}.detail-dialog{width:min(610px,calc(100% - 30px));padding:45px 45px 40px;border-radius:8px}.dialog-close{position:absolute;right:21px;top:13px;border:0;background:transparent;color:#eab5cb;font-size:28px}.modal-index{color:#c993b3;font:12px ui-monospace,monospace;margin-bottom:28px}.detail-dialog h2{font-size:clamp(40px,7vw,70px);letter-spacing:-.055em;margin:9px 0 24px}.detail-dialog>p:not(.overline){color:#c2b5c6;line-height:1.85}.modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.modal-tags span{padding:9px 11px;border:1px solid #65405d;font:11px ui-monospace,monospace}.modal-links{border-top:1px solid #533951;padding-top:24px;display:flex;flex-wrap:wrap;gap:10px}.modal-links a{display:inline-flex;border:1px solid #935372;padding:12px 16px;background:#632746;font-size:12px}.modal-links a:hover{background:#95385d}.palette{padding:0;width:min(580px,calc(100% - 20px));border-radius:10px;position:fixed;top:13vh;bottom:auto}.palette-search{display:flex;align-items:center;gap:15px;padding:19px 21px;border-bottom:1px solid #564058}.palette-search>span{font-size:30px;color:#edb5cb}.palette-search input{min-width:0;flex:1;background:transparent;border:0;color:white;outline:0;font-size:15px}.palette-search kbd{font:10px ui-monospace,monospace;border:1px solid #605067;border-radius:4px;padding:5px;color:#a999aa}.palette-results{padding:10px;max-height:55vh;overflow-y:auto}.palette-item{border:0;background:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:14px 15px;color:#e9dce9;border-radius:5px}.palette-item:hover,.palette-item.chosen{background:#68344f}.palette-item small{color:#bfafc2;font:10px ui-monospace,monospace}.palette-bottom{text-align:center;font:10px ui-monospace,monospace;color:#988c9d;padding:15px;border-top:1px solid #4d384f}.palette-bottom span{margin:0 10px;color:#c799b2}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(229,163,187,0)}}@keyframes down{50%{transform:translateY(8px) rotate(90deg);opacity:.4}}@media(max-width:980px){.brand-minor{display:none}.nav nav{gap:16px}.hero{height:auto;min-height:850px;padding:70px 0 95px}.hero-content{grid-template-columns:1fr;gap:48px}.terminal{transform:none}.about-layout,.stack-layout{gap:40px}}@media(max-width:640px){.nav{padding:0 5%;height:64px}.nav nav{display:none}.hero{min-height:780px;padding:55px 0 90px}.hero h1{font-size:clamp(55px,13vw,78px)}.hero-content{width:90%}.terminal{min-height:280px}.terminal-body{padding:20px 14px;font-size:10px}.terminal-body p{margin-bottom:11px}.lede{font-size:15px}.serial{margin-top:32px}.section{padding:75px 5%}.section-label span:last-child{display:none}.about-layout,.stack-layout{grid-template-columns:1fr;gap:35px}.about h2{font-size:78px}.about-copy{font-size:16px}.projects-intro{display:block;margin:50px 0 30px}.projects-intro>p{max-width:100%}.project-grid{grid-template-columns:1fr}.project{min-height:245px;padding:26px}.project h3{margin-top:30px}.stack-rows>div{grid-template-columns:28px 1fr;gap:6px 14px}.stack-rows p{grid-column:2}.contact{padding:90px 5%;min-height:490px}.contact h2{font-size:71px}.contact-decoration{font-size:300px;bottom:-70px}.footer{flex-wrap:wrap;line-height:1.6}.footer span{order:3;width:100%}.detail-dialog{padding:38px 23px 24px}.eyebrow{font-size:9px}.btn{padding:15px 17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}.pointer-glow{display:none}}


/* MODULA / CRIMSON EDITION — identity overrides and grouped project explorer */
:root{
 --bg:#12090e;
 --surface:#241119;
 --line:#652239;
 --text:#fff5f6;
 --muted:#b9a2a9;
 --pink:#ff8b9f;
 --burg:#b72d50;
 --purple:#db4b70;
}
body{background:#12090e}
::selection{background:#c32b50;color:white}
.nav{background:rgba(19,8,15,.96);border-bottom:1px solid #8c2843}
.nav .brand-mark{color:#ff5c7f;text-shadow:0 0 22px rgba(243,54,97,.55)}
.cmd-trigger{background:#481627;border-color:#bb4166;color:#ffe0e5}
.hero{
 background:radial-gradient(ellipse at 77% 39%,rgba(208,39,78,.37),transparent 56%),radial-gradient(ellipse at 8% 90%,rgba(169,22,53,.25),transparent 48%),linear-gradient(130deg,#13090f 17%,#2b0d1b 82%);
 border-bottom-color:#a52b51;
}
.hero:before{opacity:.35;background-image:linear-gradient(#7a2642 1px,transparent 1px),linear-gradient(90deg,#7a2642 1px,transparent 1px)}
.hero h1 em,.about h2 em,.projects-intro h2 em,.stack h2 em,.contact h2 em{color:#ff91a6}
.eyebrow,.serial,.section-label{color:#f1a0b1}
.status-dot{background:#f14a6b;box-shadow:0 0 0 6px rgba(236,53,96,.2)}
.btn.primary{background:#c83255;border-color:#ec6682;color:#fff;box-shadow:0 6px 30px #a9154040}
.btn.primary:hover{background:#e13b61;border-color:#ff98ad;box-shadow:0 9px 38px #d82b624f}
.btn.secondary{border-color:#b63b5f;background:rgba(82,13,33,.3)}
.terminal{border:1px solid #b24062;background:rgba(31,12,23,.94);box-shadow:0 25px 80px #0008,0 0 90px #c21c4d25}
.terminal-top{background:#391525;border-color:#a13b5e}
.terminal-foot{background:#2b1321;border-color:#8e3356}
.terminal-body b{color:#ff6589}
.terminal-body .typed,.caret,.block-caret{color:#ff9db6}
.project-grid{row-gap:17px}
.project-group-label{
 grid-column:1/-1;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:14px;
 flex-wrap:wrap;
 padding:23px 1px 12px;
 margin-top:12px;
 border-bottom:1px solid #9c3252;
}
.project-group-label:first-child{margin-top:0}
.project-group-name{color:#ff718d;font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.project-group-subtitle{color:#c59aaa;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}
.project{
 border-color:#713149;
 background:radial-gradient(ellipse at 96% 100%,rgba(161,24,59,.18),transparent 48%),linear-gradient(135deg,#301422,#1a1018);
}
.project:before{border-color:#a22a51;box-shadow:0 0 0 55px #b32a4b23,0 0 0 110px #b3244e14}
.project:hover{border-color:#ff6f8b;box-shadow:0 16px 50px #b01f4140}
.project-index,.project-type{color:#ed7b9a}
.project-arrow{color:#ff6d91}
.project h3{color:#fff6f7}
.project-bottom span{border-color:#94405c;background:#501b30;color:#ffb2c5}
.project[data-category="experiment"]{border-color:#aa4a57;background:linear-gradient(150deg,#381723,#211019)}
.project[data-category="product"]{border-left:3px solid #cb355b}
.filter{border-color:#6b3148;background:#220f19;color:#e5c0cb}
.filter:hover{border-color:#ff8eaa}
.filter.active{background:#bb2c55;border-color:#ff7b99;color:white;box-shadow:0 4px 23px #c62b5440}
.filter small{color:#ffb5ca}
.section-label div{background:#922d4a}
.more-work{border-color:#7f2d49}
.more-work a:hover{color:#ff91aa}
.stack-rows>div,.stack-rows>div:first-child{border-color:#6a2c45}
.stack-rows span{color:#fa7396}
.contact{
 background:radial-gradient(circle at 82% 65%,rgba(236,47,90,.30),transparent 54%),linear-gradient(130deg,#3d1125,#1b0c16);
 border-top-color:#b03559;
}
.contact-decoration{color:#e43b6342}
.detail-dialog,.palette{background:#29121e;border-color:#b43e62}
.modal-links a{background:#ad2a50;border-color:#e15c80}
.modal-links a:hover{background:#d73a64}
@media(max-width:640px){
 .project-group-label{align-items:flex-start;flex-direction:column;gap:5px}
 .hero h1{font-size:clamp(48px,12vw,74px)}
 .project h3{font-size:clamp(30px,9vw,48px)}
 .terminal{box-shadow:0 18px 52px #961a3e33}
}