:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8f3ea;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#111211;--ink-2:#1b1c1a;--paper:#f8f3ea;--muted:#cfc5b6;--line:#f8f3ea29;--coral:#e8613f;--cyan:#22b9c7;--brass:#c1a247;--moss:#8fa95b;--panel:#161715c7;background:#10100f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#e8613f1f,#0000 32%),linear-gradient(215deg,#22b9c71f,#0000 30%),#10100f;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{min-height:100vh}.top-shell{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10100fc7;border:1px solid #f8f3ea2e;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:min(1180px,100% - 32px);min-height:62px;padding:9px;display:grid;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #00000047}.brand-mark,.icon-button,.contact-button,.nav-button,.primary-action,.secondary-action,.inline-actions button,.inline-actions a,.filter-row button,.contact-panel button,.form-actions button,.form-actions a{letter-spacing:0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.brand-mark{background:#f8f3ea14;border-color:#f8f3ea38;width:54px;height:54px;min-height:54px;padding:4px;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.main-nav{scrollbar-width:none;gap:5px;min-width:0;display:flex;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.nav-button{height:44px;color:var(--muted);background:0 0;flex:none;padding:0 13px}.nav-button.is-active{color:var(--paper);background:#f8f3ea1c;border-color:#f8f3ea2e}.header-actions{align-items:center;gap:7px;display:flex}.icon-button{width:44px;color:var(--paper);background:#f8f3ea14}.compact-menu{display:none}.contact-button{color:#111211;background:var(--cyan);padding:0 15px;font-weight:800}.hero-band{isolation:isolate;min-height:480px;padding:118px 0 18px;position:relative;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media{z-index:-3;filter:saturate(1.05)contrast(1.04);background-image:url(/assets/portfolio-studio.png);background-position:50%;background-size:cover;transform:scale(1.02)}.hero-shade{z-index:-2;background:linear-gradient(90deg,#10100ff5 0%,#10100fb8 37%,#10100f33 78%),linear-gradient(#10100f1a 0%,#10100f52 66%,#10100f 100%)}.hero-content,.view-band{width:min(1180px,100% - 32px);margin:0 auto}.hero-content{grid-template-columns:minmax(0,1fr) 360px;align-items:end;gap:44px;display:grid}.hero-copy{max-width:720px}.eyebrow,.section-kicker,.detail-label{color:#efe1cd;letter-spacing:0;text-transform:uppercase;background:#f8f3ea12;border:1px solid #f8f3ea24;border-radius:999px;align-items:center;min-height:28px;padding:0 11px;font-size:.78rem;font-weight:800;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{color:#fffaf0;letter-spacing:0;max-width:760px;margin-bottom:22px;font-size:5rem;line-height:.98}.hero-lede{color:#f1e7d8;max-width:660px;font-size:1.35rem;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.primary-action,.secondary-action{min-width:168px;padding:0 18px;font-weight:850}.primary-action{color:#10100f;background:var(--paper)}.secondary-action{color:var(--paper);background:#f8f3ea14;border-color:#f8f3ea33}.signal-board{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111211c7;border:1px solid #f8f3ea2e;border-radius:8px;align-self:stretch;min-height:312px;padding:22px}.signal-board-header{align-items:center;gap:12px;margin-bottom:22px;display:flex}.signal-board-header svg{color:var(--cyan)}.signal-board-header span,.signal-board p,.project-card small,.idea-tabs span,.timeline-item p,.contact-panel p{color:var(--muted)}.signal-board-header strong{color:var(--paper);margin-top:2px;font-size:1.2rem;display:block}.signal-board p{margin-bottom:22px;line-height:1.7}.focus-list,.stack-list{flex-wrap:wrap;gap:8px;display:flex}.focus-list span,.stack-list span{color:#f2eadb;background:#f8f3ea12;border:1px solid #f8f3ea1f;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:.82rem;font-weight:700;display:inline-flex}.view-band{padding:30px 0 72px}.view-stage{animation:.36s both contentSwap}.home-stack,.home-grid,.studio-layout,.ideas-layout,.contact-layout{gap:24px;display:grid}.home-grid{grid-template-columns:minmax(0,.95fr) minmax(320px,.55fr);align-items:stretch}.intro-column{padding:8px 0}.large-copy{color:#efe8dd;max-width:760px;font-size:1.22rem;line-height:1.75}.inline-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.inline-actions button,.inline-actions a,.contact-panel button{color:var(--paper);background:#f8f3ea14;border-color:#f8f3ea2e;padding:0 15px;font-weight:800}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-card,.project-card,.project-detail,.resume-panel,.resume-skill-card,.resume-entry,.resume-education-card,.resume-project-card,.resume-interest-card,.idea-tabs button,.idea-detail,.timeline-item,.contact-panel,.contact-form,.command-panel{background:var(--panel);border:1px solid #f8f3ea26;border-radius:8px;box-shadow:0 16px 42px #0000002e}.metric-card{min-height:132px;padding:18px}.metric-card span{color:var(--muted);text-transform:uppercase;margin-bottom:28px;font-size:.82rem;font-weight:800;display:block}.metric-card strong{color:var(--paper);font-size:1.45rem;line-height:1.1}.resume-panel{background:#161715b8;animation:.28s both fadeUp;overflow:hidden}.resume-panel-header{border-bottom:1px solid #f8f3ea1f;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:16px 18px;display:flex}.resume-panel-header strong{color:var(--paper);font-size:1.08rem}.resume-native{gap:28px;padding:24px;display:grid}.resume-summary{background:linear-gradient(135deg,#22b9c724,#0000 52%),#f8f3ea0d;border:1px solid #22b9c747;border-radius:8px;grid-template-columns:220px 1fr;align-items:start;gap:24px;padding:22px;display:grid}.resume-summary>div,.resume-section-title{align-items:center;gap:10px;display:flex}.resume-summary svg,.resume-section-title svg{color:var(--cyan)}.resume-summary span,.resume-section-title h3,.resume-entry h4,.resume-project-card h4{color:var(--paper)}.resume-summary span{font-size:1.1rem;font-weight:900}.resume-summary p{color:#efe8dd;margin-bottom:0;font-size:1.08rem;line-height:1.72}.resume-section{gap:14px;display:grid}.resume-section-title h3{margin-bottom:0;font-size:1.35rem}.resume-skill-grid,.resume-education-grid,.resume-project-grid,.resume-interest-grid{gap:12px;display:grid}.resume-skill-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.resume-skill-card,.resume-education-card,.resume-interest-card{padding:18px}.resume-skill-card strong,.resume-education-card strong,.resume-interest-card strong{color:var(--paper);margin-bottom:12px;display:block}.resume-chip-row{flex-wrap:wrap;gap:7px;display:flex}.resume-chip-row span{color:#f2eadb;background:#f8f3ea12;border:1px solid #f8f3ea21;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:.78rem;font-weight:760;display:inline-flex}.resume-timeline{gap:12px;display:grid}.resume-entry{padding:20px}.resume-entry-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.resume-entry-header span,.resume-entry-header strong,.resume-education-card span{color:var(--brass);text-transform:uppercase;font-size:.82rem;font-weight:900}.resume-entry h4,.resume-project-card h4{margin:6px 0 10px;font-size:1.2rem;line-height:1.15}.resume-entry p,.resume-project-card p,.resume-interest-card p,.resume-education-card p{color:var(--muted);line-height:1.65}.resume-entry ul{color:#efe8dd;gap:9px;margin:16px 0 0;padding-left:19px;line-height:1.55;display:grid}.resume-entry li::marker{color:var(--cyan)}.resume-education-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-education-card p{margin-bottom:0}.resume-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resume-project-card{flex-direction:column;min-height:360px;padding:20px;display:flex}.resume-project-card p{margin-bottom:18px}.resume-project-card small{color:#efe8dd;margin-top:auto;padding-top:18px;font-size:.92rem;line-height:1.58;display:block}.resume-interest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resume-interest-card p{margin-bottom:0}.project-detail h3,.idea-detail h3,.timeline-item h3,.contact-panel h3{color:var(--paper);margin:18px 0 12px;line-height:1.12}.project-detail p,.idea-detail p,.payoff-box p,.contact-form label span{color:var(--muted);line-height:1.65}.filter-row{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row button{height:42px;color:var(--muted);background:#f8f3ea0d;border-color:#f8f3ea1f;flex:none;padding:0 13px}.filter-row button.is-active{color:#111211;background:var(--brass);border-color:#0000;font-weight:900}.project-browser{grid-template-columns:minmax(300px,.45fr) minmax(0,.65fr);gap:16px;display:grid}.project-list{gap:10px;display:grid}.project-card{width:100%;min-height:142px;color:inherit;text-align:left;background:#161715a8;padding:18px}.project-card.is-active{background:#22b9c71f;border-color:#22b9c7a6}.project-card span{color:var(--cyan);text-transform:uppercase;font-size:.78rem;font-weight:900;display:block}.project-card strong{color:var(--paper);margin:9px 0 8px;font-size:1.08rem;display:block}.project-card small{font-size:.94rem;line-height:1.5;display:block}.project-detail{min-height:500px;padding:26px}.project-detail h3,.idea-detail h3,.contact-panel h3{font-size:2rem}.outcome-strip{color:#ecf5d4;background:#8fa95b24;border:1px solid #8fa95b61;border-radius:8px;align-items:flex-start;gap:10px;margin-top:28px;padding:16px;display:flex}.outcome-strip svg{flex:none;margin-top:2px}.ideas-layout{grid-template-columns:minmax(290px,.42fr) minmax(0,.72fr)}.idea-tabs{gap:10px;display:grid}.idea-tabs button{min-height:102px;color:inherit;text-align:left;padding:17px}.idea-tabs button.is-active{background:#e8613f21;border-color:#e8613fad}.idea-tabs strong{color:var(--paper);margin-top:7px;font-size:1.04rem;display:block}.idea-detail{min-height:438px;padding:28px}.idea-detail svg{color:var(--coral)}.idea-detail>span{color:var(--coral);text-transform:uppercase;margin-top:22px;font-size:.82rem;font-weight:900;display:block}.payoff-box{background:#f8f3ea0f;border:1px solid #f8f3ea24;border-radius:8px;margin-top:32px;padding:18px}.payoff-box strong{color:var(--paper)}.payoff-box p{margin:8px 0 0}.timeline{gap:12px;display:grid}.timeline-item{grid-template-columns:118px 1fr;gap:20px;min-height:132px;padding:22px;display:grid}.timeline-item>span{color:#dffcff;background:#22b9c71f;border:1px solid #22b9c759;border-radius:8px;justify-content:center;align-items:center;width:76px;height:40px;font-weight:900;display:inline-flex}.timeline-item h3{margin-top:4px}.timeline-item p{margin-bottom:0;line-height:1.65}.contact-layout{grid-template-columns:minmax(280px,.42fr) minmax(0,.72fr);align-items:stretch}.contact-panel,.contact-form{padding:24px}.contact-panel{flex-direction:column;min-height:430px;display:flex}.contact-panel h3{overflow-wrap:anywhere}.contact-panel button{width:fit-content;margin-top:auto}.contact-form{gap:16px;display:grid}.contact-form label{gap:7px;display:grid}.contact-form label span{font-size:.88rem;font-weight:800}.contact-form input,.contact-form textarea,.contact-form select{width:100%;color:var(--paper);background:#10100fb8;border:1px solid #f8f3ea29;border-radius:8px;outline:none}.contact-form input,.contact-form select{height:46px;padding:0 13px}.contact-form textarea{resize:vertical;min-height:136px;padding:13px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22b9c729}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.form-actions a,.form-actions button{padding:0 16px;font-weight:850}.form-actions a{background:#f8f3ea14;border-color:#f8f3ea2e}.form-actions button{color:#10100f;background:var(--moss)}.command-overlay{z-index:60;place-items:start center;padding-top:106px;display:grid;position:fixed;inset:0}.command-scrim{background:#00000094;border:0;position:absolute;inset:0}.command-panel{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141513f0;width:min(620px,100% - 32px);padding:12px;position:relative}.command-input-wrap{background:#f8f3ea12;border:1px solid #f8f3ea24;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.command-input-wrap input{width:100%;height:42px;color:var(--paper);background:0 0;border:0;outline:none}.command-list{gap:6px;margin-top:10px;display:grid}.command-list button{width:100%;min-height:64px;color:var(--paper);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.command-list button:hover,.nav-button:hover,.secondary-action:hover,.icon-button:hover,.inline-actions button:hover,.inline-actions a:hover,.filter-row button:hover,.project-card:hover,.idea-tabs button:hover,.contact-panel button:hover,.form-actions a:hover{background:#f8f3ea1f;border-color:#f8f3ea47}.brand-mark:hover,.primary-action:hover,.contact-button:hover,.form-actions button:hover{transform:translateY(-1px)}.command-list small{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;display:block;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes contentSwap{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.top-shell{grid-template-columns:auto 1fr auto}.main-nav{justify-content:flex-start}.hero-band{min-height:auto;padding-bottom:18px}.hero-content,.home-grid,.project-browser,.ideas-layout,.contact-layout{grid-template-columns:1fr}.signal-board{min-height:auto}.resume-summary,.resume-skill-grid,.resume-project-grid,.resume-interest-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.top-shell{gap:8px;width:calc(100% - 20px);top:10px}.main-nav{display:none}.compact-menu{display:inline-flex}.contact-button{width:44px;padding:0}.contact-button span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.hero-band{padding-top:104px;padding-bottom:8px}.hero-content{gap:24px}.hero-content,.view-band{width:min(100% - 24px,1180px)}h1{font-size:3.1rem}.hero-lede,.large-copy{font-size:1.08rem}.signal-board{padding:16px}.signal-board-header{margin-bottom:14px}.signal-board p{margin-bottom:14px;line-height:1.55}.focus-list span{min-height:28px;padding:0 9px;font-size:.78rem}.metric-grid,.resume-summary,.resume-skill-grid,.resume-education-grid,.resume-project-grid,.resume-interest-grid{grid-template-columns:1fr}.resume-native{padding:16px}.resume-panel-header,.resume-entry-header{flex-direction:column;align-items:flex-start}.resume-project-card{min-height:auto}.project-detail,.idea-detail,.contact-panel,.contact-form{padding:20px}.project-detail h3,.idea-detail h3,.contact-panel h3{font-size:1.55rem}.timeline-item{grid-template-columns:1fr}.form-actions{justify-content:stretch}.form-actions a,.form-actions button{flex:190px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}