.site-header--cinematic{z-index:30;background:#07100de8;border-bottom:1px solid #26362c;position:relative}.site-header--cinematic .site-header__inner{width:min(100% - 48px,1320px);min-height:70px}.site-header--cinematic .brand-wordmark{letter-spacing:-.045em;flex-direction:row;gap:5px;font-size:16px;font-weight:800}.site-header--cinematic .brand-wordmark__initial{color:#c4ff00}.site-header--cinematic .site-nav{font-size:13px}.site-header--cinematic .site-nav a{transition:color .18s;position:relative}.site-header--cinematic .site-nav a:after{content:"";background:#c4ff00;height:1px;transition:right .22s;position:absolute;bottom:-8px;left:0;right:100%}.site-header--cinematic .site-nav a:hover:after,.site-header--cinematic .site-nav a:focus-visible:after{right:0}.site-header--cinematic .header-resume{color:#0b120f;background:#c4ff00;border:1px solid #b4f82b;border-radius:8px;padding-inline:16px;font-size:13px;font-weight:700}.site-header--cinematic .header-resume:hover{color:#0b120f;background:#daff75}.site-header--cinematic .developer-terminal__trigger{background:#111b16;border-color:#29402e}.site-header--cinematic .locale-switch__active{color:#c4ff00}.cinematic-page{--cin-bg:#09110e;--cin-panel:#101a15;--cin-panel-alt:#142019;--cin-line:#293a30;--cin-text:#eff4eb;--cin-dim:#9daaa0;--cin-accent:#c4ff00;background:var(--cin-bg);color:var(--cin-text);overflow:clip}.cinematic-page .site-container{max-width:1320px}.cinematic-page h1,.cinematic-page h2,.cinematic-page h3,.cinematic-page p{margin-top:0}.cinematic-page h2{letter-spacing:-.055em;font-size:clamp(31px,3.2vw,48px);line-height:1.13}.cin-kicker{color:#b3bdb3;font:600 11px/1.4 var(--font-jetbrains-mono), monospace;letter-spacing:.12em;align-items:center;gap:12px;margin:0 0 24px;display:flex}.cin-kicker__slash{color:#c4ff00;font-size:20px;line-height:.7}.cin-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cin-button{border:1px solid #4c5a4c;border-radius:9px;justify-content:center;align-items:center;gap:21px;min-height:46px;padding:11px 19px;font-size:13px;font-weight:750;text-decoration:none;transition:border-color .22s,background-color .22s,transform .22s;display:inline-flex}.cin-button span{font-size:17px;line-height:1}.cin-button:hover{transform:translateY(-2px)}.cin-button--primary{color:#0b120b;background:#c4ff00;border-color:#c4ff00;box-shadow:0 0 26px #c4ff0014}.cin-button--primary:hover{color:#0b120b;background:#daff74}.cin-button--ghost{color:#eff4eb;background:#050d09a3}.cin-button--ghost:hover{color:#c4ff00;border-color:#c4ff00}.cin-text-link,.cin-outline-link{color:#c4ff00;justify-content:center;align-items:center;gap:22px;min-height:44px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.cin-text-link:hover,.cin-outline-link:hover{color:#e1ff8f}.cin-outline-link{border:1px solid #506445;border-radius:9px;padding:10px 15px}.cin-hero{isolation:isolate;border-bottom:1px solid var(--cin-line);background:#07100c;min-height:min(740px,87svh);display:flex;position:relative}.cin-hero__image{z-index:-2;background-color:#14251a;background-image:linear-gradient(90deg,#07100d 0%,#07100dfa 20%,#07100dd9 36%,#07100d38 74%,#07100d17 100%),linear-gradient(#0000 68%,#08110d 100%),url(/visuals/hero-workspace.webp);background-position:50%,50%,50% 45%;background-size:cover;position:absolute;inset:0}.cin-hero__inner{z-index:1;flex-direction:column;flex:1;justify-content:space-between;padding-top:clamp(84px,9vw,134px);padding-bottom:42px;display:flex;position:relative}.cin-hero__copy{max-width:650px}.cin-hero h1{letter-spacing:-.052em;text-wrap:balance;margin:0 0 25px;font-size:clamp(42px,4.5vw,70px);font-weight:750;line-height:1.08}.cin-hero h1 span{color:#c4ff00;display:inline}.cin-hero__lead{color:#c1cdc1;max-width:535px;margin-bottom:28px;font-size:clamp(15px,1.2vw,18px);line-height:1.75}.cin-hero .cin-kicker{color:#a7b3a9}.cin-stats{grid-template-columns:repeat(4,minmax(0,150px));gap:clamp(18px,3vw,55px);margin:45px 0 0;padding-top:35px;display:grid}.cin-stats div{min-width:0}.cin-stats dt{color:#c4ff00;letter-spacing:-.04em;font-size:clamp(22px,2vw,30px);font-weight:760;line-height:1}.cin-stats dd{color:#b1c0b3;margin:9px 0 0;font-size:12px;line-height:1.5}.cin-stack{background:#0b1510;border-bottom:1px solid #26392c}.cin-stack .site-container{align-items:center;gap:30px;padding-block:15px;display:flex}.cin-stack span{color:#8ca288;font:600 11px var(--font-jetbrains-mono),monospace;white-space:nowrap}.cin-stack ul{flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none;display:flex}.cin-stack li{font:600 11px var(--font-jetbrains-mono),monospace;color:#c9d7c9;background:#101b14;border:1px solid #26372c;border-radius:6px;padding:6px 12px}.cin-section{padding-block:clamp(70px,7.5vw,115px)}.cin-about__main{grid-template-columns:minmax(0,1.3fr) minmax(260px,.65fr);align-items:center;gap:clamp(30px,6vw,100px);display:grid}.cin-about__copy h2{max-width:690px}.cin-about__copy>p:not(.cin-kicker){color:#aab9ad;max-width:660px;font-size:16px;line-height:1.75}.cin-about__copy .cin-text-link{margin-top:15px}.cin-about__portrait{background:linear-gradient(145deg,#22382a,#0b1710);border:1px solid #38503e;border-radius:14px;height:min(410px,36vw);position:relative;overflow:hidden;box-shadow:inset 0 0 65px #0006}.cin-about__portrait img{object-fit:cover;object-position:center 55%;filter:saturate(.78);width:100%;height:100%;display:block}.cin-about__portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000 44%,#050d0973);position:absolute;inset:0}.cin-capabilities{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(28px,4vw,56px);display:grid}.cin-capabilities article{background:linear-gradient(130deg,#111e16,#0c1511);border:1px solid #293c30;border-radius:11px;min-width:0;min-height:172px;padding:22px;transition:border-color .2s,transform .2s}.cin-capabilities article:hover{border-color:#648144;transform:translateY(-3px)}.cin-capabilities__mark{font:700 23px/1 var(--font-jetbrains-mono),monospace;color:#c4ff00;margin-bottom:24px;display:block}.cin-capabilities h3{margin:0 0 9px;font-size:15px}.cin-capabilities p{color:#9ba99d;margin:0;font-size:12px;line-height:1.6}.cin-projects{background:radial-gradient(circle at 15% 20%,#173d1f26,#0000 43%),#0b1510;border-block:1px solid #1f3427}.cin-section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.cin-section-head h2{margin-bottom:13px}.cin-section-head p:not(.cin-kicker){color:#9daea1;max-width:700px;margin:0;font-size:14px;line-height:1.7}.cin-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.cin-project{color:#eff4ed;background:#0d1812;border:1px solid #293d30;border-radius:11px;grid-template-columns:120px minmax(0,1fr);gap:18px;min-height:220px;padding:16px;text-decoration:none;transition:border-color .23s,transform .23s,background-color .23s;display:grid}.cin-project:hover,.cin-project:focus-visible{background:#122018;border-color:#789e43;transform:translateY(-3px)}.cin-project__visual{background:radial-gradient(circle at 50% 42%,#48b37c52,#0000 68%),repeating-linear-gradient(0deg,#0000 0 20px,#7ae1810f 21px),#0a1913;border:1px solid #294535;border-radius:7px;flex-direction:column;justify-content:space-between;padding:14px;display:flex;overflow:hidden}.cin-project__visual[data-project=retail-procurement]{background:radial-gradient(circle at 56% 45%,#3885b559,#0000 70%),#101e24}.cin-project__visual[data-project=code-review-bot]{background:radial-gradient(circle at 55% 40%,#7e64d34d,#0000 70%),#171521}.cin-project__visual[data-project=cudy-home-gateway]{background:radial-gradient(circle at 55% 40%,#5192704a,#0000 70%),#132019}.cin-project__symbol{font:800 clamp(26px, 3vw, 41px)/1 var(--font-jetbrains-mono),monospace;color:#c4ff00;text-shadow:0 0 28px #c4ff0036}.cin-project__small{color:#8da393;font:600 10px var(--font-jetbrains-mono),monospace}.cin-project__body{flex-direction:column;min-width:0;display:flex}.cin-project__title{letter-spacing:-.018em;font-size:17px;font-weight:770;line-height:1.35}.cin-project__text{color:#a1afa4;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:10px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.cin-project__stack{font:500 11px/1.5 var(--font-jetbrains-mono),monospace;color:#b5c7b4;margin-top:auto;padding-top:14px}.cin-project__link{color:#c4ff00;border:1px solid #476a35;border-radius:6px;align-self:flex-start;align-items:center;gap:18px;min-height:35px;margin-top:12px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.cin-game{isolation:isolate;background:#132119;border:1px solid #3a4d33;border-radius:16px;min-height:410px;margin-block:clamp(60px,7vw,110px);padding-block:clamp(50px,6vw,78px);position:relative;overflow:hidden}.cin-game__scene{z-index:-1;background-image:linear-gradient(90deg,#09140e 0%,#09140eed 28%,#09140e87 53%,#09140e0a 100%),url(/visuals/garage-scene.webp);background-position:50%,50% 55%;background-size:cover;transition:transform .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.cin-game:hover .cin-game__scene{transform:scale(1.025)}.cin-game__content{max-width:500px;position:relative}.cin-game h2{margin-bottom:19px;font-size:clamp(43px,5vw,70px);font-weight:850}.cin-game__content>p:not(.cin-kicker):not(.cin-game__status){color:#d0d6c9;font-size:16px;line-height:1.7}.cin-game__status{color:#b6c9af;align-items:center;gap:10px;margin:17px 0 26px;font-size:12px;display:flex}.cin-game__tags{flex-wrap:wrap;gap:7px;display:flex}.cin-game__tags span{font:600 11px/1.35 var(--font-jetbrains-mono),monospace;background:#050f0a99;border:1px solid #435443;border-radius:6px;padding:7px 10px}.cin-notes{background:#0a130e;border-top:1px solid #203326}.cin-notes__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.cin-note{background:#111b15;border:1px solid #304034;border-radius:11px;flex-direction:column;min-width:0;text-decoration:none;transition:transform .23s,border-color .23s;display:flex;overflow:hidden}.cin-note:hover,.cin-note:focus-visible{border-color:#799c48;transform:translateY(-3px)}.cin-note__image{background-color:#15231c;background-position:50%;background-size:cover;height:190px;display:block}.cin-note__image--workspace{background-image:linear-gradient(#0000,#0b150f73),url(/visuals/hero-workspace.webp);background-position:50%,60%}.cin-note__image--mountains{background-image:linear-gradient(#0000,#0b150f40),url(/visuals/journal-mountains.webp)}.cin-note__image--code{background:radial-gradient(circle at 60%,#4a72534d,#0000 60%),repeating-linear-gradient(0deg,#0000 0 20px,#c4ff000f 21px),#0d1a13}.cin-note__image--code:after{content:"</>";height:100%;font:750 55px var(--font-jetbrains-mono),monospace;color:#c4ff00;text-shadow:0 0 34px #c4ff004d;place-content:center;display:grid}.cin-note__body{flex-direction:column;flex:1;padding:22px;display:flex;position:relative}.cin-note__body small{color:#c4ff00;font:600 10px/1.5 var(--font-jetbrains-mono),monospace;letter-spacing:.04em}.cin-note__body strong{letter-spacing:-.025em;margin-top:13px;font-size:18px;line-height:1.35}.cin-note__body>span:not(.cin-note__arrow){color:#9cae9f;margin-top:12px;margin-bottom:25px;font-size:13px;line-height:1.6}.cin-note__arrow{color:#c4ff00;margin-top:auto;font-size:21px}.cin-contact{isolation:isolate;background:#101b13;border-block:1px solid #2a3d2e;align-items:center;min-height:380px;display:flex;position:relative}.cin-contact__scene{z-index:-1;background-image:linear-gradient(90deg,#07130b 0%,#07130beb 26%,#07130b87 49%,#07130b1a 100%),url(/visuals/contact-mountains.webp);background-position:50%,50% 54%;background-size:cover;position:absolute;inset:0}.cin-contact__inner{padding-block:65px}.cin-contact h2{max-width:520px;margin-bottom:16px}.cin-contact__inner>p:not(.cin-kicker){color:#d1dccf;max-width:520px;margin-bottom:24px;font-size:15px;line-height:1.72}.cin-terminal-wrap{padding-block:clamp(45px,6vw,90px)}.cin-terminal{background:#07130e;border:1px solid #355040;border-radius:12px;overflow:hidden;box-shadow:0 20px 70px #0003}.cin-terminal__top{background:#111d15;border-bottom:1px solid #20382a;align-items:center;gap:15px;padding:14px 22px;display:flex}.cin-terminal__lights{gap:6px;display:flex}.cin-terminal__lights i{background:#d9796e;border-radius:50%;width:8px;height:8px;display:block}.cin-terminal__lights i:nth-child(2){background:#dbbb61}.cin-terminal__lights i:nth-child(3){background:#88b86e}.cin-terminal__top h2{letter-spacing:0;margin:0;font-size:13px;font-weight:650}.cin-terminal__top h2 span{color:#c4ff00;font:500 11px var(--font-jetbrains-mono),monospace}.cin-terminal__top small{color:#7f9b86;font:500 10px var(--font-jetbrains-mono),monospace;margin-left:auto}.cin-terminal__body{background-image:linear-gradient(90deg,#0000 49.9%,#7dc86008 50%,#0000 50.1%);padding:22px}.cin-terminal__output{min-height:155px;font:500 12px/1.7 var(--font-jetbrains-mono),monospace;color:#c1d3bd}.cin-terminal__output p{overflow-wrap:anywhere;margin:0 0 7px}.cin-terminal__output p>span,.cin-terminal__commands span:nth-child(odd){color:#c4ff00}.cin-terminal__muted{color:#829d84}.cin-terminal__commands{grid-template-columns:auto minmax(0,1fr);gap:2px 22px;width:fit-content;max-width:100%;margin-bottom:12px;display:grid}.cin-terminal__line{white-space:pre-wrap}.cin-terminal__line--error{color:#ee8986}.cin-terminal__line--prompt{color:#c4ff00}.cin-terminal__form{align-items:center;gap:9px;margin-top:15px;display:flex}.cin-terminal__form label{color:#c4ff00;font:600 12px var(--font-jetbrains-mono),monospace;white-space:nowrap}.cin-terminal__form input{color:#eaf5e5;min-width:0;min-height:44px;font:500 12px var(--font-jetbrains-mono),monospace;background:#0b1911;border:1px solid #324936;border-radius:7px;flex:1;padding:10px 12px}.cin-terminal__form input:focus-visible{outline-color:#c4ff00}.cin-terminal__form button{color:#c4ff00;cursor:pointer;background:#142118;border:1px solid #455d35;border-radius:7px;width:44px;height:44px;font-size:24px}.cin-terminal__form button:hover{background:#263e26}.cin-terminal__disclaimer{color:#809785;border-top:1px solid #20382a;margin:0;padding:12px 22px;font-size:11px}.cin-lab{padding-block:0 65px}.cin-lab summary{cursor:pointer;color:#c4ff00;border:1px solid #38503b;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;font-size:14px;font-weight:700;display:flex}.cin-lab summary::marker{content:""}.cin-lab summary>span{font-size:20px}.cin-lab[open] summary{border-radius:10px 10px 0 0}.cin-lab .engineering-lab{margin-top:12px}.cin-footer{background:#080f0b;border-top:1px solid #293b30}.cin-footer__inner{color:#87998a;font:500 11px/1.4 var(--font-jetbrains-mono),monospace;justify-content:space-between;align-items:center;gap:16px;padding-block:24px;display:flex}.cin-footer a{color:#c4ff00}.cin-soft-dot{background:#c4ff00;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;position:relative}.cin-soft-dot:after{content:"";border:1px solid #c4ff004f;border-radius:50%;animation:4.8s ease-in-out infinite cin-breathe;position:absolute;inset:-3px}@keyframes cin-breathe{0%,to{opacity:.22;transform:scale(.94)}50%{opacity:.65;transform:scale(1.24)}}[data-site-reveal=in]{animation:.65s cubic-bezier(.22,1,.36,1) both cin-rise}@keyframes cin-rise{0%{opacity:.73;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1000px){.cin-hero{min-height:680px}.cin-hero__image{background-position:50%,50%,60%}.cin-hero__copy{max-width:570px}.cin-about__main{grid-template-columns:minmax(0,1fr) 320px;gap:24px}.cin-capabilities,.cin-notes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cin-note:last-child{grid-column:1/-1}}@media (max-width:820px){.site-header--cinematic .site-header__inner{width:min(100% - 28px,1320px)}.site-header--cinematic .brand-wordmark{flex-direction:row;font-size:13px}.cin-hero__image{background-image:linear-gradient(90deg,#07100df5,#07100d99),linear-gradient(#0000 55%,#08110d),url(/visuals/hero-workspace.webp)}.cin-hero__inner{padding-top:78px}.cin-about__main{grid-template-columns:1fr}.cin-about__portrait{height:370px}.cin-project-grid{grid-template-columns:1fr}.cin-project{min-height:205px}}@media (max-width:600px){.cin-hero{min-height:680px}.cin-hero__image{opacity:.7;background-position:50%,50%,60%}.cin-hero__inner{padding-top:66px;padding-bottom:26px}.cin-hero h1{font-size:clamp(38px,10.5vw,49px)}.cin-hero__lead{font-size:15px}.cin-hero .cin-actions{align-items:stretch}.cin-hero .cin-button{flex:100%}.cin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cin-stats dt{font-size:24px}.cin-stack .site-container{flex-direction:column;align-items:flex-start;gap:10px}.cin-section{padding-block:60px}.cin-section-head{flex-direction:column;align-items:stretch}.cin-outline-link{align-self:flex-start}.cin-capabilities{gap:9px}.cin-capabilities article{min-height:154px;padding:16px}.cin-capabilities__mark{margin-bottom:20px}.cin-capabilities h3{font-size:14px}.cin-capabilities p{font-size:12px}.cin-project{grid-template-columns:85px minmax(0,1fr);gap:13px;min-height:190px;padding:12px}.cin-project__symbol{font-size:24px}.cin-project__title{font-size:15px}.cin-project__text{-webkit-line-clamp:2;font-size:12px}.cin-project__stack{font-size:10px}.cin-game{min-height:410px;margin-block:55px}.cin-game__scene{background-image:linear-gradient(90deg,#09140e 0%,#09140ec9 51%,#09140e5e),url(/visuals/garage-scene.webp);background-position:50%,56%}.cin-game h2{font-size:40px}.cin-notes__grid{grid-template-columns:1fr}.cin-note:last-child{grid-column:auto}.cin-contact__scene{background-image:linear-gradient(90deg,#07130beb,#07130ba6),url(/visuals/contact-mountains.webp);background-position:50%,58%}.cin-contact__inner{padding-block:70px}.cin-terminal__body{padding:14px}.cin-terminal__top{padding:13px 14px}.cin-terminal__top small{display:none}.cin-terminal__form{flex-wrap:wrap}.cin-terminal__form label{flex-basis:100%}.cin-terminal__disclaimer{padding-inline:14px}.cin-footer__inner{text-align:center;flex-direction:column}}@media (max-width:360px){.cin-capabilities,.cin-project{grid-template-columns:1fr}.cin-project__visual{min-height:90px}.cin-hero h1{font-size:36px}}.cin-about__links{flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:16px;display:flex}.cin-about__links .cin-text-link{margin-top:0}.cin-text-link--secondary{color:#dbe9d8;border-bottom:1px solid #638052}.cin-text-link--secondary:hover{color:#c4ff00}@media (prefers-reduced-motion:reduce){.cin-soft-dot:after,[data-site-reveal=in]{animation:none!important}.cin-button,.cin-project,.cin-note,.cin-capabilities article,.cin-game__scene{transition:none!important;transform:none!important}}@media (forced-colors:active){.cin-hero__image,.cin-game__scene,.cin-contact__scene{opacity:.2}}@media (min-width:821px) and (max-width:1140px){.site-header--cinematic .site-nav{display:none}.site-header--cinematic .mobile-menu{display:flex}.site-header--cinematic .site-header__inner{grid-template-columns:minmax(0,1fr) auto auto}}@media (max-width:600px){.site-header--cinematic .header-resume{display:none}.site-header--cinematic .brand-wordmark{font-size:13px}.cin-project__visual{min-width:0}}
.cinematic-page .cin-hero h1{letter-spacing:-.061em;max-width:780px;font-size:clamp(45px,4.8vw,74px);line-height:1.07}.cinematic-page .cin-hero h1 span{letter-spacing:-.047em;max-width:700px;margin-top:14px;font-size:.69em;line-height:1.16;display:block}.cinematic-page .cin-hero__copy{max-width:760px}.cinematic-page .cin-hero__lead{color:#d5e1d5;max-width:570px;font-size:clamp(16px,1.3vw,18px);line-height:1.74}.cinematic-page .cin-stats{border-top:1px solid #9fc6963d;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3vw,42px);max-width:980px}.cinematic-page .cin-stats dt{letter-spacing:-.022em;overflow-wrap:anywhere;font-size:clamp(14px,1.3vw,18px);font-weight:740;line-height:1.4}.cinematic-page .cin-stats dd{color:#c5d6c5;margin-top:6px;font-size:13px}.cinematic-page .cin-stack span{color:#c5d4c5;font-size:12px}.cinematic-page .cin-stack li{color:#d4e4d3;font-size:12px}.cinematic-page .cin-button,.site-header--cinematic .site-nav{font-size:14px}.cinematic-page .cin-capabilities h3{font-size:16px}.cinematic-page .cin-capabilities p{color:#bfd0c1;font-size:14px}.cinematic-page .cin-capabilities article{min-height:165px}.cinematic-page .cin-about__experience{background:linear-gradient(90deg,#c4ff0012,#0000);border-left:2px solid #c4ff00;max-width:670px;margin-top:27px;padding:19px 22px}.cinematic-page .cin-about__experience-label{color:#c4ff00;font:650 12px/1.5 var(--font-jetbrains-mono),monospace;margin-bottom:7px;display:block}.cinematic-page .cin-about__experience strong{color:#f1f5ef;margin-bottom:7px;font-size:18px;display:block}.cinematic-page .cin-about__experience p{color:#c7d7c9;margin:0;font-size:15px;line-height:1.65}.cinematic-page .cin-about__portrait{margin:0;position:relative}.cinematic-page .cin-about__portrait figcaption{z-index:2;color:#e1ecdb;background:#07110be0;border:1px solid #bee1b259;border-radius:7px;padding:8px 11px;font-size:12px;line-height:1.5;position:absolute;bottom:13px;left:14px;right:14px}.cinematic-page .cin-project-grid--editorial{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cinematic-page .cin-feature{background:linear-gradient(150deg,#132219,#0b1610);border:1px solid #39503d;border-radius:14px;flex-direction:column;min-width:0;transition:border-color .23s,transform .23s;display:flex;overflow:hidden}.cinematic-page .cin-feature:hover,.cinematic-page .cin-feature:focus-within{border-color:#83ac5c;transform:translateY(-3px)}.cinematic-page .cin-feature .directory-cover{aspect-ratio:2.6;background:radial-gradient(circle at 51% 52%,#558e683d,#0000 70%),#102018;border-bottom:1px solid #38513e;width:100%;min-height:160px;max-height:235px;position:relative;overflow:hidden}.cinematic-page .cin-feature .directory-cover--retail-procurement{background:radial-gradient(circle at 50% 52%,#2e76954d,#0000 72%),#112029}.cinematic-page .cin-feature .directory-cover--code-review-bot{background:radial-gradient(circle at 50% 52%,#68599947,#0000 72%),#191825}.cinematic-page .cin-feature .directory-cover--cudy-home-gateway{background:radial-gradient(circle at 50% 52%,#50816447,#0000 72%),#112119}.cinematic-page .cin-feature .directory-cover svg{width:100%;height:100%;position:absolute;inset:0}.cinematic-page .cin-feature .directory-cover__frame{fill:none;stroke:#b8e0bc29;stroke-width:2px}.cinematic-page .cin-feature .directory-cover__panel{fill:#0d2016e6;stroke:#78947e;stroke-width:2px}.cinematic-page .cin-feature .directory-cover__line{fill:none;stroke:#adc7b3;stroke-width:7px;stroke-linecap:round}.cinematic-page .cin-feature .directory-cover__wire{fill:none;stroke:#7a9b80;stroke-width:4px;stroke-linecap:round}.cinematic-page .cin-feature .directory-cover__accent{fill:none;stroke:#c4ff00;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.cinematic-page .cin-feature .directory-cover__accentfill{fill:#c4ff00}.cinematic-page .cin-feature .directory-cover__mutedfill{fill:#aab7a9}.cinematic-page .cin-feature .directory-cover__negative{fill:#40272d}.cinematic-page .cin-feature .directory-cover__positive{fill:#1c4030}.cinematic-page .cin-feature .directory-cover__hub{fill:#294831;stroke:#c4ff00;stroke-width:3px}.cinematic-page .cin-feature .directory-cover__caption{color:#deebd9;background:#08140de8;border:1px solid #516f53;border-radius:6px;padding:5px 10px;font-size:12px;position:absolute;bottom:13px;left:17px}.cinematic-page .cin-feature__content{flex-direction:column;flex:1;padding:clamp(20px,2.5vw,30px);display:flex}.cinematic-page .cin-feature__meta{color:#c4ff00;font:600 12px/1.45 var(--font-jetbrains-mono),monospace;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;margin-bottom:17px;display:flex}.cinematic-page .cin-feature__status{color:#d3e3cf;font:500 12px/1.45 var(--font-manrope),sans-serif;border:1px solid #4d674e;border-radius:40px;padding:4px 8px}.cinematic-page .cin-feature__name{color:#b5c8b6;font-size:13px}.cinematic-page .cin-feature h3{letter-spacing:-.042em;color:#f1f5ef;margin:6px 0 12px;font-size:clamp(23px,2.2vw,29px);line-height:1.23}.cinematic-page .cin-feature__description{color:#d2e0d2;margin:0;font-size:16px;line-height:1.68}.cinematic-page .cin-feature__built{border-top:1px solid #36503d;margin-top:20px;padding-top:15px}.cinematic-page .cin-feature__built strong{color:#c4ff00;font-size:13px}.cinematic-page .cin-feature__built p{color:#c3d5c5;margin:8px 0 0;font-size:14px;line-height:1.68}.cinematic-page .cin-feature__stack{flex-wrap:wrap;gap:7px;margin:auto 0 0;padding:24px 0 18px;list-style:none;display:flex}.cinematic-page .cin-feature__stack li{color:#d1e2d0;font:500 12px/1.4 var(--font-jetbrains-mono),monospace;border:1px solid #506951;border-radius:6px;padding:6px 9px}.cinematic-page .cin-feature__action{color:#0b1210;background:#c4ff00;border:1px solid #b9f249;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 16px;font-size:14px;font-weight:740;text-decoration:none;display:flex}.cinematic-page .cin-feature__action:hover{color:#0b1210;background:#ddff82}.cinematic-page .cin-feature__action:focus-visible{outline-offset:3px;outline:2px solid #f1f5ef}.cinematic-page .cin-note__body small{color:#c4ff00;font-size:12px}.cinematic-page .cin-note__body>span:not(.cin-note__arrow){color:#bdcdbf;font-size:14px}.cinematic-page .cin-note__body strong{font-size:19px}.cinematic-page .cin-tools{padding-block:48px 18px}.cinematic-page .cin-tools>summary{color:#e6f0e2;cursor:pointer;background:#101c15;border:1px solid #415b46;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:17px 22px;list-style:none;display:flex}.cinematic-page .cin-tools>summary::-webkit-details-marker{display:none}.cinematic-page .cin-tools>summary strong{color:#f1f5ef;font-size:16px;display:block}.cinematic-page .cin-tools>summary small{color:#bbcfbe;margin-top:5px;font-size:13px;line-height:1.5;display:block}.cinematic-page .cin-tools>summary>span:last-child{color:#c4ff00;font-size:22px}.cinematic-page .cin-tools>summary:hover{border-color:#8cab6f}.cinematic-page .cin-tools>summary:focus-visible{outline-offset:3px;outline:2px solid #c4ff00}.cinematic-page .cin-tools[open]>summary{border-color:#708f59}.cinematic-page .cin-tools .cin-terminal-wrap{padding-block:17px 0}.cinematic-page .cin-terminal__disclaimer{font-size:12px}.cinematic-page .cin-lab{padding-block:0 60px}@media (max-width:820px){.cinematic-page .cin-project-grid--editorial{grid-template-columns:1fr}.cinematic-page .cin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cinematic-page .cin-feature .directory-cover{max-height:245px}}@media (max-width:600px){.cinematic-page .cin-hero h1{font-size:clamp(38px,9.5vw,51px)}.cinematic-page .cin-hero h1 span{margin-top:9px;font-size:.77em}.cinematic-page .cin-hero__inner{padding-top:75px}.cinematic-page .cin-stats{gap:16px}.cinematic-page .cin-stats dt{font-size:14px}.cinematic-page .cin-feature h3{font-size:23px}.cinematic-page .cin-feature__content{padding:20px}.cinematic-page .cin-feature .directory-cover{min-height:145px}.cinematic-page .cin-about__portrait figcaption{font-size:11px}.cinematic-page .cin-tools{padding-block:28px 16px}}@media (max-width:360px){.cinematic-page .cin-feature__meta{flex-direction:column;align-items:flex-start}.cinematic-page .cin-stats dt{font-size:13px}}@media (prefers-reduced-motion:reduce){.cinematic-page .cin-feature{transition:none;transform:none!important}}.cinematic-page .cin-disclosure-indicator{color:#c4ff00;flex:none;font-size:22px;font-weight:600;line-height:1}.cinematic-page .cin-disclosure-indicator:before{content:"+"}.cinematic-page .cin-tools[open]>summary .cin-disclosure-indicator:before,.cinematic-page .cin-lab[open]>summary .cin-disclosure-indicator:before{content:"−"}.cinematic-page .cin-lab>summary:focus-visible{outline-offset:3px;outline:2px solid #c4ff00}.cinematic-page .cin-game__status{max-width:440px;margin-top:22px;margin-bottom:22px;font-size:14px;line-height:1.55}.cinematic-page .cin-github-spotlight{border-top:1px solid #36503d;margin-top:clamp(42px,5vw,72px);padding-top:clamp(34px,4vw,52px)}.cinematic-page .cin-github-spotlight__intro{margin-bottom:24px}.cinematic-page .cin-github-spotlight__intro .cin-kicker{margin-bottom:14px}.cinematic-page .cin-github-spotlight__intro h3{color:#f1f5ef;letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(24px,2.3vw,34px);line-height:1.2}.cinematic-page .cin-github-spotlight__intro>p:last-child{color:#c1d1c0;max-width:760px;font-size:15px;line-height:1.7}.cinematic-page .cin-github-grid{gap:18px}.cinematic-page .cin-github-card .directory-cover{max-height:200px}.cinematic-page .cin-github-card .cin-feature__content{padding:clamp(18px,2vw,25px)}.cinematic-page .cin-github-card h4{color:#eff5ee;letter-spacing:-.035em;margin:7px 0 12px;font-size:clamp(22px,2vw,27px);line-height:1.24}.cinematic-page .cin-github-card__limitations{color:#c3d4c3;margin:18px 0 0;font-size:13px;line-height:1.65}.cinematic-page .cin-github-card__limitations strong{color:#e3eddc}.cinematic-page .cin-github-card .cin-feature__stack{padding-top:18px;padding-bottom:18px}.cinematic-page .cin-github-card__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cinematic-page .cin-github-card__actions .cin-feature__action{flex:175px}.cinematic-page .cin-github-card__source{color:#e1eddb;border:1px solid #718b62;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.cinematic-page .cin-github-card__source:hover{color:#c4ff00;border-color:#c4ff00}.cinematic-page .cin-github-card__source:focus-visible{outline-offset:3px;outline:2px solid #f1f5ef}@media (max-width:600px){.cinematic-page .cin-github-spotlight{margin-top:38px}.cinematic-page .cin-github-card h4{font-size:23px}.cinematic-page .cin-github-card__actions{flex-direction:column;align-items:stretch}.cinematic-page .cin-github-card__actions .cin-feature__action{flex:none}}.cinematic-page .cin-feature__source{color:#deebd9;text-underline-offset:5px;align-self:flex-start;align-items:center;gap:8px;min-height:44px;margin-top:9px;padding:8px 0;font-size:14px;font-weight:700;-webkit-text-decoration:underline #647e62;text-decoration:underline #647e62;display:inline-flex}.cinematic-page .cin-feature__source:hover{color:#c4ff00;text-decoration-color:currentColor}.cinematic-page .cin-feature__source:focus-visible{outline-offset:3px;outline:2px solid #c4ff00}
.case-page .case-architecture__node strong{overflow-wrap:anywhere;font-size:14px;line-height:1.35}.case-page .case-architecture__node small{color:#cbd5e0;font-size:11px;line-height:1.45}.case-page .case-architecture__node>span{color:#c3cedd;font-size:11px}.case-page .case-architecture__recovery{max-width:820px}.case-page .case-architecture__recovery strong{font-size:16px;line-height:1.4}.case-page .case-architecture__recovery p{color:#d3dbe5;font-size:14px}.case-page .case-architecture__recovery-targets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.case-page .case-architecture__recovery-targets span{color:#f5e6c4;overflow-wrap:anywhere;background:#e7b75a12;border:1px solid #e7b75a75;border-radius:8px;min-width:0;padding:12px 14px;font-size:13px;font-weight:650}.case-page .case-architecture:hover .case-architecture__node,.case-page .case-architecture:focus-within .case-architecture__node{border-color:#93afcca6}.case-page .case-event-flow__scenario-bar>span,.case-page .case-event-flow__intro>span,.case-page .case-event-flow__details dt,.case-page .case-event-flow__scenario-result span{color:#ced7e1;font-size:11px;line-height:1.5}.case-page .case-event-flow__scenario-controls button{color:#e9eef5;min-height:44px;font-size:12px;line-height:1.35}.case-page .case-event-flow__scenario-controls button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.case-page .case-event-flow__intro p{color:#d5dde8;font-size:14px}.case-page .case-event-flow__details dd{color:#d5dde8;font-size:13px;line-height:1.65}.case-page .case-event-flow__scenario-result strong{font-size:16px}.case-page .case-event-flow__scenario-result p{color:#d5dde8;font-size:12px}.case-page .case-event-flow[data-visible=true] .case-event-flow__list>li[data-state=muted]{opacity:.72}@media (min-width:1121px) and (max-width:1380px){.case-page .case-architecture:not(.project-case-architecture) .case-architecture__flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.case-page .case-architecture:not(.project-case-architecture) .case-architecture__step{display:contents}.case-page .case-architecture:not(.project-case-architecture) .case-architecture__connector{display:none}}@media (max-width:600px){.case-page .case-architecture__recovery-targets{grid-template-columns:1fr}.case-page .case-architecture__node{min-height:100px}.case-page .case-event-flow__scenario-controls{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.case-page .case-event-flow__details>div{padding:16px}.case-page .case-event-flow__scenario-result{gap:18px}}@media (prefers-reduced-motion:reduce){.case-page .case-architecture:hover .case-architecture__node{transition:none}}
.directory-cover{isolation:isolate;aspect-ratio:16/9;background:#101c1a;min-height:215px;max-height:none}.directory-cover__artwork{object-fit:cover;object-position:center;filter:saturate(1.07)contrast(1.05);width:100%;height:100%;transition:transform .45s,filter .45s;position:absolute;inset:0}.directory-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000,#040c0ad9);height:29%;position:absolute;inset:auto 0 0}.directory-cover__caption{z-index:2;color:#eaf5e9;background:#030e0bf0;border-color:#79977e;font-size:12px}.directory-card:hover .directory-cover__artwork,.directory-card:focus-within .directory-cover__artwork,.cinematic-page .cin-feature:hover .directory-cover__artwork,.cinematic-page .cin-feature:focus-within .directory-cover__artwork{filter:saturate(1.13)contrast(1.08);transform:scale(1.035)}.cinematic-page .cin-feature .directory-cover,.cinematic-page .cin-github-card .directory-cover{aspect-ratio:16/9;min-height:230px;max-height:none}.cinematic-page .cin-feature .directory-cover__caption{z-index:2;border-color:#79977e;font-size:12px}.cinematic-page .cin-feature .directory-cover__artwork{object-fit:cover}.cinematic-page .cin-hero__image{background-image:linear-gradient(90deg,#06120d 0%,#06120df7 17%,#06120de0 34%,#06120d6b 59%,#06120d17 100%),linear-gradient(#0000 61%,#07130e 100%),url(/visuals/hero-workspace.webp);background-position:50%,50%,64% 48%;background-size:cover}.cinematic-page .cin-hero__lead{color:#e2ece0;text-shadow:0 2px 12px #000000bf}.cinematic-page .cin-game{border-color:#6a814b;min-height:clamp(445px,35vw,555px);box-shadow:0 25px 90px #00000038}.cinematic-page .cin-game__scene{background-image:linear-gradient(90deg,#030c08fc 0%,#030c08f7 17%,#030c08db 31%,#030c08a1 48%,#030c081a 79%,#030c0808 100%),linear-gradient(#0000 58%,#030c086b),url(/visuals/garage-scene.webp);background-position:50%,50%,59% 51%;background-size:cover}.cinematic-page .cin-game__content{background:linear-gradient(90deg,#030f09b0,#030f0933 80%,#0000);border-radius:13px;max-width:min(510px,58%);padding:clamp(22px,3.3vw,38px)}.cinematic-page .cin-game h2,.cinematic-page .cin-game__content>p:not(.cin-kicker):not(.cin-game__status){color:#f5fbf1;text-shadow:0 2px 15px #000000d9}.cinematic-page .cin-game__status{color:#e1ebdd;text-shadow:0 1px 9px #050d06}.cinematic-page .cin-game__tags span{color:#f3f9ed;background:#06130cf0;border-color:#82977c}.cinematic-page .cin-note__image{background-position:50%;background-size:cover;border-bottom:1px solid #42684d;height:clamp(235px,18vw,285px);min-height:235px}.cinematic-page .cin-note__image--workspace{background-image:url(/projects/visuals/note-webhook.svg)}.cinematic-page .cin-note__image--mountains{background-image:url(/projects/visuals/note-openwrt.svg)}.cinematic-page .cin-note__image--code{background-image:url(/projects/visuals/note-review.svg)}.cinematic-page .cin-note__image--code:after{content:none}.cinematic-page .cin-note__body strong{color:#f4f8ee}.cinematic-page .cin-note__body>span:not(.cin-note__arrow){color:#d3e2d3}.cinematic-page .cin-contact__scene{background-image:linear-gradient(90deg,#07140d 0%,#07140df0 25%,#07140da8 48%,#07140d21 100%),url(/visuals/contact-mountains.webp);background-position:50%,60% 47%}@media (max-width:820px){.directory-cover,.cinematic-page .cin-feature .directory-cover,.cinematic-page .cin-github-card .directory-cover{aspect-ratio:16/9;min-height:195px}.cinematic-page .cin-note__image{height:235px}.cinematic-page .cin-game__content{max-width:74%}}@media (max-width:600px){.directory-cover,.cinematic-page .cin-feature .directory-cover,.cinematic-page .cin-github-card .directory-cover{aspect-ratio:16/9;min-height:175px}.cinematic-page .cin-hero__image{background-image:linear-gradient(90deg,#050e0af5,#050e0ab0 72%,#050e0a57),linear-gradient(#0000 35%,#06130d),url(/visuals/hero-workspace.webp);background-position:50%,50%,65% 49%}.cinematic-page .cin-game{min-height:485px;padding-block:26px}.cinematic-page .cin-game__scene{background-image:linear-gradient(#030c0838 0%,#030c08d9 57%,#030c08f0 100%),url(/visuals/garage-scene.webp);background-position:50%,61% 48%}.cinematic-page .cin-game__content{background:linear-gradient(#0000,#040f09b8);max-width:100%;padding:22px 17px}.cinematic-page .cin-game__status{font-size:14px}.cinematic-page .cin-game__tags span{font-size:12px}.cinematic-page .cin-note__image{height:205px;min-height:205px}}@media (prefers-reduced-motion:reduce){.directory-cover__artwork{transition:none!important;transform:none!important}}@media (forced-colors:active){.directory-cover__artwork{filter:none}.cinematic-page .cin-game__content{color:canvastext;background:canvas}}@media (min-width:900px){.cinematic-page .cin-about__main{grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);gap:clamp(28px,4.2vw,68px)}.cinematic-page .cin-about__portrait{height:clamp(420px,39vw,560px)}}.cinematic-page .cin-about__portrait{border-color:#637d5f;box-shadow:0 22px 70px #00000042}.cinematic-page .cin-about__portrait img{filter:saturate(.99)contrast(1.04);object-position:center 47%}.cinematic-page .cin-about__portrait:after{background:linear-gradient(#0000 64%,#040c08a6)}@media (min-width:600px) and (max-width:899px){.cinematic-page .cin-about__portrait{height:clamp(340px,48vw,460px)}}