/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-green-400:oklch(79.2% .209 151.711);--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-2{margin-right:calc(var(--spacing) * 2)}.block{display:block}.inline{display:inline}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-green-400{color:var(--color-green-400)}.text-red-400{color:var(--color-red-400)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#0b0d10;--panel:#11151a;--panel-2:#151a20;--text:#f4f4f1;--muted:#9da5ad;--line:#ffffff1b;--accent:#c5f36a;--accent-2:#a9e74a;--purple:#9c8bff;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.site-shell{isolation:isolate;position:relative;overflow:clip}.ambient{z-index:-1;pointer-events:none;filter:blur(100px);opacity:.13;border-radius:50%;position:absolute}.ambient-one{background:#7d6aff;width:380px;height:380px;top:100px;right:-200px}.ambient-two{background:#a8e94d;width:360px;height:360px;top:750px;left:-250px}.section-wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-header{z-index:9999;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#0b0d10eb;width:100%;position:sticky;top:0}.header-inner{height:78px;width:min(var(--max),calc(100% - 48px));justify-content:space-between;align-items:center;gap:28px;margin:auto;display:flex}.brand{letter-spacing:-.7px;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:750;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--accent);background:#171c21;border:1px solid #3b4149;border-radius:11px;place-items:center;font-size:15px;display:grid}.brand-dot{color:var(--accent)}.brand-dev{color:#8e969e;letter-spacing:1px;margin-left:2px;font-size:11px;font-weight:500}.desktop-nav{align-items:center;gap:29px;display:flex}.nav-link{color:#aeb5bb;font-size:12px;transition:color .2s}.nav-link:hover,.text-link:hover{color:var(--accent)}.contact-band-button,.header-cta{background:var(--accent);color:#11150b;border-radius:9px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:750;transition:transform .2s,background .2s;display:inline-flex}.button-primary:hover,.contact-band-button:hover,.header-cta:hover{background:#d5ff86;transform:translateY(-2px)}.mobile-menu-toggle,.mobile-nav{display:none}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:30px;min-height:650px;padding-top:92px;padding-bottom:78px;display:grid}.hero,.hero-copy{position:relative}.hero-copy{z-index:2}.eyebrow{letter-spacing:1.5px;color:#c7cbd0;flex-wrap:wrap;align-items:center;gap:9px;font-size:9px;display:flex}.status-pill{border:1px solid var(--line);background:#11151a;border-radius:99px;padding:9px 12px;display:inline-flex}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #c5f36a88}.pill-divider{background:#444b52;width:1px;height:13px}.hero h1{letter-spacing:-5px;margin:27px 0 22px;font-size:clamp(46px,6.5vw,78px);font-weight:760;line-height:1.02}.headline-line{color:var(--accent);display:block}.headline-period{color:var(--text)}.hero-description{color:#aab1b8;max-width:500px;font-size:15px;line-height:1.9}.hero-description strong{color:#f2f2ed}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.button-primary,.button-secondary{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 17px;font-size:12px;font-weight:700;transition:transform .2s,background .2s,border .2s;display:inline-flex}.button-primary{background:var(--accent);color:#10140b}.button-secondary{color:#f4f4f1;background:#ffffff09;border-color:#363d44}.button-secondary:hover{border-color:#7b8d5d}.hero-socials{color:#b1b7bd;align-items:center;gap:17px;margin-top:39px;display:flex}.hero-socials>span:first-child{letter-spacing:1.4px;color:#6e7780;font-size:9px}.footer-socials a,.hero-socials a{color:#d5d9dc;place-items:center;transition:color .2s,transform .2s;display:grid}.footer-socials a:hover,.hero-socials a:hover{color:var(--accent);transform:translateY(-2px)}.hero-socials>i{background:#3b4249;width:1px;height:19px}.hero-location{align-items:center;gap:5px;font-size:11px;display:flex}.hero-visual{place-items:center;min-height:480px;display:grid;position:relative}.portrait-halo{background:radial-gradient(circle,#c5f36a24,#0000 68%);border-radius:50%;width:340px;height:340px;position:absolute}.portrait-frame{z-index:2;background:#121619;border:1px solid #41474a;border-radius:16px;width:min(330px,74%);padding:10px;position:relative;transform:rotate(2deg);box-shadow:0 35px 90px #0008}.portrait-bottomline,.portrait-topline{color:#7f8991;letter-spacing:1.2px;justify-content:space-between;align-items:center;padding:7px 3px 10px;font-size:8px;display:flex}.live-indicator{color:var(--accent)}.portrait-image-wrap{background:#f5f5f5;border-radius:8px;height:360px;position:relative;overflow:hidden}.portrait-image{object-fit:cover;object-position:center 24%}.portrait-bottomline{padding:11px 3px 3px}.portrait-orbit{border:1px solid #ffffff15;border-radius:50%;position:absolute;transform:rotate(-25deg)}.orbit-a{width:420px;height:290px}.orbit-b{width:370px;height:450px;transform:rotate(37deg)}.portrait-orbit span{background:var(--purple);width:8px;height:8px;box-shadow:0 0 16px var(--purple);border-radius:50%;position:absolute;top:12%;left:18%}.orbit-b span{background:var(--accent);box-shadow:0 0 16px var(--accent);inset:auto 17% 10% auto}.floating-card{z-index:3;background:#171c20;border:1px solid #363d43;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;box-shadow:0 15px 40px #0005}.floating-card small,.floating-card strong{display:block}.floating-card strong{font-size:11px}.floating-card small{color:#8e969d;margin-top:2px;font-size:9px}.code-card{top:20%;right:-2%}.stack-card{bottom:16%;left:-3%}.floating-icon{width:33px;height:33px;background:#c5f36a1b;border-radius:9px}.floating-icon,.tiny-check{color:var(--accent);place-items:center;display:grid}.stack-pips{align-items:center;display:flex}.stack-pips i{color:#d6d0ff;background:#2b3040;border:2px solid #171c20;border-radius:50%;place-items:center;width:24px;height:24px;margin-left:-4px;font-size:8px;font-style:normal;display:grid}.stack-pips i:first-child{color:var(--accent);background:#243322;margin-left:0}.stack-pips i:last-child{color:#c9bfff;background:#2b293e}.visual-coordinate{letter-spacing:1.3px;color:#606a73;font-size:8px;position:absolute}.coord-top{top:8%;right:1%}.coord-bottom{bottom:4%;left:10%}.scroll-cue{letter-spacing:1.5px;color:#6d7780;align-items:center;gap:11px;font-size:8px;display:flex;position:absolute;bottom:23px;left:0}.scroll-line{background:var(--accent);width:28px;height:1px}.signal-strip{border-block:1px solid var(--line);background:#101317}.signal-inner{width:min(var(--max),calc(100% - 48px));color:#a0a8ae;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;min-height:68px;margin:auto;font-size:11px;display:flex}.signal-inner b,.signal-label{color:var(--accent)}.signal-label{letter-spacing:1.1px;align-items:center;gap:8px;font-size:9px;display:flex}.section-block{padding-top:110px;padding-bottom:35px}.section-kicker{color:#7e878e;letter-spacing:1.7px;align-items:center;gap:20px;margin-bottom:42px;font-size:9px;display:flex}.section-kicker i{background:var(--line);flex:1;height:1px}.about-grid{grid-template-columns:1fr 1fr;gap:70px;display:grid}.section-overline{letter-spacing:1.7px;color:var(--accent);margin:0 0 18px;font-size:9px}.about-heading h2,.contact-intro h2,.section-heading-row h2{letter-spacing:-2.8px;margin:0;font-size:clamp(36px,4.5vw,55px);font-weight:720;line-height:1.1}.about-heading h2 span,.contact-band h2 span,.contact-intro h2 span,.section-heading-row h2 span{color:var(--accent)}.about-copy{max-width:540px}.about-copy p,.contact-intro>p:not(.section-overline){color:#a3abb2;margin:0 0 16px;font-size:13px;line-height:1.95}.text-link{color:#e5e9e8;align-items:center;gap:8px;margin-top:10px;font-size:12px;font-weight:650;transition:color .2s;display:inline-flex}.principle-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px;display:grid}.principle-card,.skill-panel{border:1px solid var(--line);background:linear-gradient(145deg,#14181d,#0f1216);border-radius:13px;min-height:180px;padding:24px;position:relative;overflow:hidden}.principle-icon,.skill-panel-icon{width:40px;height:40px;color:var(--accent);background:#c5f36a0d;border:1px solid #424b3a;border-radius:11px;place-items:center;display:grid}.principle-card h3,.skill-panel h3{margin:20px 0 7px;font-size:14px}.principle-card p,.skill-panel>p{color:#919aa2;max-width:280px;margin:0;font-size:11px;line-height:1.8}.card-index{color:#555e65;letter-spacing:1px;font-size:9px;position:absolute;top:20px;right:20px}.section-heading-row{justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px;display:flex}.heading-aside{color:#8f989f;max-width:355px;margin:0 0 4px;font-size:12px;line-height:1.9}.skills-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.skill-panel{min-height:245px}.skill-panel-head{justify-content:space-between;align-items:center;display:flex}.skill-index{color:#626b73;letter-spacing:1px;font-size:9px}.skill-panel h3{margin-top:24px;font-size:17px}.skill-panel>p{min-height:40px}.project-tags,.skill-tags{flex-wrap:wrap;gap:7px;margin-top:19px;display:flex}.project-tags span,.skill-tags span{color:#c2c8cc;background:#191e23;border:1px solid #30373d;border-radius:6px;padding:5px 8px;font-size:9px}.journey-layout{grid-template-columns:1.2fr .8fr;gap:70px;display:grid}.timeline{border-left:1px solid #353d42;margin-left:8px;padding-left:28px}.timeline-item{padding-bottom:36px;position:relative}.timeline-dot{background:var(--bg);border:2px solid #626b70;border-radius:50%;width:11px;height:11px;position:absolute;top:3px;left:-34px}.timeline-dot-active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 15px #c5f36a44}.timeline-meta{letter-spacing:1.1px;color:#89929a;flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:8px;display:flex}.timeline-meta span:first-child{color:var(--accent)}.timeline-title-row{justify-content:space-between;align-items:center;gap:15px;margin-top:10px;display:flex}.timeline-title-row h3{margin:0;font-size:15px}.timeline-title-row svg{color:#747e85;flex-shrink:0}.timeline-item p{color:#929ba2;max-width:550px;margin:10px 0 0;font-size:11px;line-height:1.85}.journey-note{background:radial-gradient(circle at 100% 0,#c5f36a18,#0000 40%),#121713;border:1px solid #424b3b;border-radius:15px;align-self:start;min-height:300px;padding:30px;position:relative;overflow:hidden}.note-spark{color:var(--accent);margin-bottom:20px}.note-label{letter-spacing:1.6px;color:#a6b28f;font-size:8px}.journey-note h3{letter-spacing:-.8px;margin:15px 0;font-size:25px;line-height:1.25}.journey-note>p{color:#a0aaa0;max-width:280px;font-size:11px;line-height:1.9}.note-footer{letter-spacing:1.2px;color:var(--accent);align-items:center;gap:10px;margin-top:30px;font-size:8px;display:flex}.note-decoration{color:#c5f36a08;font-size:150px;line-height:1;position:absolute;bottom:-40px;right:15px}.projects-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project-card{border:1px solid var(--line);background:#111519;border-radius:14px;transition:transform .25s,border-color .25s;overflow:hidden}.project-card:hover{border-color:#59634d;transform:translateY(-5px)}.project-art-link{display:block}.project-art{aspect-ratio:16/9;background:#191e22;width:100%;height:auto;position:relative;overflow:hidden}.project-image{object-fit:cover;object-position:center top;transition:transform .5s}.project-card:hover .project-image{transform:scale(1.04)}.project-art:after{content:"";background:linear-gradient(#0004,#0000 35%,#0004);position:absolute;inset:0}.project-art-arrow,.project-art-index{z-index:1;position:absolute;top:14px}.project-art-index{letter-spacing:1px;background:#0b0d10aa;border:1px solid #ffffff25;border-radius:6px;padding:5px 7px;font-size:8px;left:14px}.project-art-arrow{background:var(--accent);color:#111;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;right:14px}.project-card-body{padding:19px}.project-meta{color:#7f8990;letter-spacing:.8px;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:8px;display:flex}.project-featured{color:var(--accent);align-items:center;gap:4px;font-size:7px;display:flex}.project-card h3{letter-spacing:-.6px;margin:13px 0 7px;font-size:20px}.project-card-body>p{color:#9ca5ac;min-height:60px;margin:0;font-size:11px;line-height:1.8}.project-tags{margin-top:14px}.project-tags span{padding:4px 6px;font-size:8px}.project-card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;display:flex}.project-details{align-items:center;gap:7px;font-size:10px;font-weight:650;display:flex}.project-details:hover{color:var(--accent)}.project-github{color:#cbd0d3;border:1px solid #343c42;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.project-github:hover{color:var(--accent)}.projects-bottom{border-top:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:1px;color:#838c93;align-items:center;gap:15px;margin-top:30px;padding:18px 0;font-size:9px;display:flex}.projects-bottom a{color:#dfe4e2;letter-spacing:0;align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.bottom-spark{color:var(--accent)}.contact-band{padding:65px 24px 10px}.contact-band-inner{width:min(var(--max),100%);background:linear-gradient(110deg,#141a12,#101510);border:1px solid #343f31;border-radius:18px;justify-content:space-between;align-items:center;gap:25px;margin:auto;padding:44px 48px;display:flex;position:relative;overflow:hidden}.contact-band h2{letter-spacing:-2px;margin:0;font-size:clamp(32px,4vw,48px);line-height:1.12}.contact-band-button{z-index:2;white-space:nowrap;position:relative}.contact-band-orb{filter:blur(30px);background:#c5f36a12;border-radius:50%;width:250px;height:250px;position:absolute;top:-150px;right:25%}.contact-section{padding-top:95px}.contact-grid{grid-template-columns:1fr .85fr;gap:75px;display:grid}.contact-intro>p:not(.section-overline){max-width:390px;margin-top:20px}.contact-methods{border-top:1px solid var(--line);margin-top:30px}.contact-method{border-bottom:1px solid var(--line);color:#e1e5e5;align-items:center;gap:13px;padding:14px 0;display:flex}.contact-method-icon{width:38px;height:38px;color:var(--accent);background:#151a1e;border:1px solid #343c41;border-radius:10px;place-items:center;display:grid}.contact-method>span:nth-child(2){flex:1;min-width:0}.contact-method small,.contact-method strong{display:block}.contact-method small{letter-spacing:1px;color:#7f8990;font-size:8px}.contact-method strong{overflow-wrap:anywhere;font-size:11px;font-weight:600}.contact-method>svg:last-child{color:#737d84}.contact-method:hover strong{color:var(--accent)}.contact-form{border:1px solid var(--line);background:linear-gradient(145deg,#14181c,#101317);border-radius:14px;padding:27px}.form-heading{letter-spacing:1px;color:#c3c9cd;justify-content:space-between;gap:12px;margin-bottom:27px;font-size:9px;display:flex}.form-required{color:#7c858c}.contact-form label{color:#c3c9cd;margin:17px 0 7px;font-size:10px;display:block}.contact-form label span{color:var(--accent)}.contact-form input,.contact-form textarea{color:#f3f4f0;resize:vertical;background:#0d1013;border:1px solid #343c42;border-radius:8px;outline:none;width:100%;padding:12px 13px;font-size:11px}.contact-form input:focus,.contact-form textarea:focus{border-color:#82975f}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#5e6870}.form-submit{border:0;width:100%;margin-top:18px}.form-footnote{color:#78828a;align-items:center;gap:7px;margin:13px 0 0;font-size:9px;display:flex}.site-footer{width:min(var(--max),calc(100% - 48px));border-top:1px solid var(--line);margin:75px auto 0}.footer-bottom,.footer-top{justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.footer-top>p{color:#818b92;font-size:10px}.back-top{color:#a5adb3;letter-spacing:1.2px;align-items:center;gap:8px;font-size:8px;display:flex}.back-top-icon{color:var(--accent);transform:rotate(180deg)}.footer-bottom{border-top:1px solid var(--line);color:#737d84;font-size:9px}.footer-star{color:var(--accent)}.footer-socials{align-items:center;gap:16px;display:flex}.footer-socials a{width:22px;height:22px}.details-shell{background:var(--bg);min-height:100vh}.details-header{height:78px;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);justify-content:space-between}.back-link,.details-header{align-items:center;display:flex}.back-link{color:#aab1b8;gap:8px;font-size:11px}.back-link:hover{color:var(--accent)}.project-detail{padding-top:65px;padding-bottom:80px}.project-detail h1{letter-spacing:-3px;margin:10px 0;font-size:clamp(42px,7vw,76px);line-height:1.1}.project-detail h1 span{color:var(--accent)}.detail-lead{color:#a5adb4;max-width:670px;font-size:15px;line-height:1.8}.detail-cover{border:1px solid var(--line);background:#151a1e;border-radius:16px;height:clamp(220px,44vw,490px);margin-top:35px;position:relative;overflow:hidden}.detail-cover img{object-fit:contain;object-position:center}.detail-actions{flex-wrap:wrap;gap:12px;margin:25px 0 65px;display:flex}.detail-grid{grid-template-columns:1fr 1fr;gap:45px 65px;display:grid}.detail-grid section{border-top:1px solid var(--line);padding-top:22px}.detail-grid h2{letter-spacing:-.7px;margin:0 0 14px;font-size:23px}.detail-grid section>p:not(.section-overline){color:#a0a8af;font-size:12px;line-height:1.9}.detail-tags{margin-top:12px}.detail-grid ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.detail-grid li{color:#aab2b8;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;display:flex}.detail-grid li svg{color:var(--accent);flex-shrink:0;margin-top:2px}.detail-back{margin-top:55px}.detail-footer{border-top:1px solid var(--line);text-align:center;color:#78828a;padding:20px 24px;font-size:10px}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.not-found h1{letter-spacing:-2px;max-width:700px;margin:0 0 28px;font-size:clamp(32px,5vw,56px);line-height:1.15}@media (max-width:900px){.desktop-nav{gap:16px}.header-inner{gap:15px}.hero{grid-template-columns:1fr .85fr;gap:10px;padding-top:70px}.hero h1{letter-spacing:-3px;font-size:clamp(45px,7vw,65px)}.hero-visual{min-height:420px}.portrait-frame{width:80%}.portrait-image-wrap{height:310px}.code-card{right:-4%}.stack-card{left:-2%}.about-grid,.journey-layout{gap:35px}.projects-grid{grid-template-columns:repeat(2,1fr)}.projects-grid .project-card:last-child{grid-column:1/-1;grid-template-columns:.85fr 1fr;display:grid}.projects-grid .project-card:last-child .project-art{aspect-ratio:auto;height:100%;min-height:260px}.contact-grid{gap:35px}}@media (max-width:680px){.header-inner,.section-wrap,.signal-inner,.site-footer{width:calc(100% - 36px)}.header-inner{height:68px}.desktop-nav,.header-cta{display:none}.mobile-menu-toggle{border:1px solid var(--line);color:#f4f4f1;background:#14181d;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.mobile-nav{border-top:1px solid var(--line);flex-direction:column;padding:5px 18px 14px;display:flex;overflow:hidden}.mobile-nav a{color:#d4d9dc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;display:flex}.hero{grid-template-columns:1fr;gap:5px;padding-top:52px;padding-bottom:70px}.hero h1{letter-spacing:-3.5px;margin-top:24px;font-size:clamp(48px,13vw,70px)}.hero-description{font-size:13px}.hero-visual{min-height:420px;margin-top:10px}.portrait-frame{width:min(300px,73%)}.portrait-image-wrap{height:330px}.orbit-a{width:340px;height:260px}.orbit-b{width:310px;height:380px}.code-card{top:18%;right:0}.stack-card{bottom:15%;left:0}.coord-top{right:0}.coord-bottom{left:0}.scroll-cue{bottom:18px}.signal-inner{justify-content:flex-start;gap:10px 14px;padding:17px 0}.signal-inner>span:not(.signal-label){font-size:10px}.signal-inner b{font-size:9px}.signal-label{width:100%}.section-block{padding-top:75px}.section-kicker{margin-bottom:30px}.about-grid,.contact-grid,.journey-layout{grid-template-columns:1fr;gap:27px}.about-heading h2,.contact-intro h2,.section-heading-row h2{font-size:42px}.principle-grid,.skills-grid{grid-template-columns:1fr}.principle-card{min-height:155px}.section-heading-row{flex-direction:column;align-items:flex-start;gap:14px}.heading-aside{max-width:100%}.skill-panel{min-height:200px}.skill-panel>p{min-height:auto}.journey-note{min-height:260px}.projects-grid{grid-template-columns:1fr}.projects-grid .project-card:last-child{grid-column:auto;display:block}.projects-grid .project-card:last-child .project-art{aspect-ratio:16/9;height:auto;min-height:0}.project-art{aspect-ratio:16/9;height:auto}.project-card-body>p{min-height:0}.projects-bottom{flex-wrap:wrap;gap:10px}.projects-bottom a{width:100%;margin-left:0}.contact-band{padding:50px 18px 0}.contact-band-inner{flex-direction:column;align-items:flex-start;padding:28px 22px}.contact-band h2{font-size:38px}.contact-band-button{margin-top:8px}.contact-section{padding-top:70px}.contact-form{padding:20px}.footer-top{flex-wrap:wrap}.footer-top>p{order:3;width:100%;margin:0}.footer-bottom{flex-wrap:wrap;gap:12px}.footer-bottom>span:nth-child(2){order:3;width:100%}.details-header{height:68px;padding:0 18px}.project-detail{padding-top:45px}.project-detail h1{font-size:48px}.detail-grid{grid-template-columns:1fr;gap:28px}.detail-actions .button-primary,.detail-actions .button-secondary{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}