html,body{width:100%;min-height:100%}.legacy-frame{background:#141312;border:0;width:100vw;height:100vh;display:block}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141312;--panel:#1b1a18;--ink:#f2efe8;--muted:#a8a399;--line:#3a3733;--soft-line:#6b665e;--accent:#d7ff67}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Archivo,system-ui,sans-serif;font-size:18px;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:5px;text-decoration:underline}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-shell{background:var(--bg);min-height:100vh}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px clamp(20px,4vw,64px);display:flex;position:sticky;top:0}.brand{font-variation-settings:"wdth" 125;letter-spacing:.04em;white-space:nowrap;min-width:0;font-size:clamp(18px,1.7vw,26px);font-weight:800}.topbar nav,.inline-links,.project-links,.contact-actions,.row-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.topbar nav{text-transform:uppercase;letter-spacing:.06em;justify-content:flex-end;font-size:13px;font-weight:700}.nav-resume,.outline-button,.solid-button,.project-links a,.upload-button,.icon-button{border:1px solid var(--ink);min-height:42px;color:var(--ink);text-transform:uppercase;letter-spacing:.05em;background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.solid-button{background:var(--ink);color:var(--bg)}.nav-resume:hover,.outline-button:hover,.project-links a:hover,.upload-button:hover,.icon-button:hover{background:var(--ink);color:var(--bg);text-decoration:none}.hero-section,.work-section,.about-section,.contact-section{border-bottom:1px solid var(--line);padding:clamp(40px,7vw,96px) clamp(20px,4vw,64px)}.hero-section{flex-direction:column;justify-content:space-between;gap:clamp(40px,8vw,120px);min-height:calc(100vh - 72px);padding-top:clamp(32px,6vw,80px);display:flex}.hero-copy{max-width:1500px}.eyebrow,.project-kicker,.timeline-date,footer{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px}.hero-copy h1{white-space:pre-line;font-variation-settings:"wdth" 105;letter-spacing:0;text-transform:uppercase;max-width:13ch;margin:0;font-size:clamp(54px,9.2vw,132px);font-weight:800;line-height:.92}.hero-bottom{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(32px,6vw,96px);padding-top:28px;display:grid}.hero-bottom p{color:#e4e0d7;max-width:760px;margin:0 0 24px;font-size:clamp(19px,2.1vw,30px);line-height:1.35}.inline-links a{text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid;align-items:center;gap:8px;font-size:14px;display:inline-flex}.facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;display:grid}.facts-grid dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.facts-grid dd{margin:6px 0 0;font-size:clamp(18px,1.5vw,25px);font-weight:650}.section-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:end;gap:16px;max-width:1600px;margin:0 auto 28px;padding-bottom:16px;display:flex}.section-heading h2,.section-heading h3{letter-spacing:0;margin:0;font-size:clamp(34px,4vw,58px);font-weight:800;line-height:1}.section-heading a{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;font-size:13px;display:inline-flex}.featured-grid,.about-grid,.contact-section>*{max-width:1600px;margin-inline:auto}.featured-grid{gap:clamp(32px,5vw,72px);display:grid}.feature-card{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:clamp(28px,5vw,80px);min-height:min(780px,100vh - 130px);padding:clamp(24px,4vw,48px) 0;display:grid}.image-frame{aspect-ratio:4/3;background:#2c2a26;position:relative;overflow:hidden}.image-frame img{object-fit:cover;width:100%;height:100%}.image-frame span{color:var(--muted);text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.project-copy h3,.project-card h3,.timeline-item h3{letter-spacing:0;margin:12px 0 0;font-size:clamp(28px,3.4vw,54px);font-weight:800;line-height:1.03}.project-copy p,.project-card p,.timeline-item p{color:#d9d4ca}.project-kicker{gap:14px;display:flex}.metrics{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin:22px 0;padding-top:20px;display:grid}.metrics strong{font-size:clamp(24px,2.5vw,38px);line-height:1;display:block}.metrics span{color:#cfcac0;margin-top:6px;font-size:14px;display:block}.stack{color:var(--muted);letter-spacing:.03em;font-size:14px}.more-work{margin-top:clamp(40px,7vw,90px)}.compact h3{font-size:clamp(28px,3vw,40px)}.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:clamp(24px,3vw,42px);display:grid}.project-card{flex-direction:column;gap:14px;display:flex}.centered{margin:34px auto 0}.about-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(36px,6vw,92px);display:grid}.timeline{border-top:1px solid var(--line)}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(140px,210px) minmax(0,1fr);gap:clamp(20px,4vw,54px);padding:28px 0;display:grid}.timeline-date span{background:var(--ink);color:var(--bg);margin-left:8px;padding:2px 8px;font-weight:800;display:inline-block}.timeline-item ul{color:#e4e0d7;margin:18px 0 0;padding:0;list-style:none}.timeline-item li{margin-top:9px}.timeline-item li:before{content:"-";color:var(--muted);margin-right:10px}.credentials{align-content:start;gap:44px;display:grid}.credentials h3{margin:0 0 16px;font-size:clamp(24px,2.2vw,34px)}.credential-row,.skill-row{border-top:1px solid var(--line);grid-template-columns:.45fr 1fr;gap:20px;padding:16px 0;display:grid}.credential-row strong{font-size:clamp(28px,3.5vw,54px);line-height:1}.credential-row span,.skill-row strong{font-weight:750}.credential-row small{color:var(--muted);margin-top:4px;font-size:15px;font-weight:400;display:block}.skill-row span{flex-wrap:wrap;gap:8px;display:flex}.skill-row em{border:1px solid var(--soft-line);padding:5px 10px;font-size:14px;font-style:normal}.contact-section{flex-direction:column;min-height:calc(100vh - 72px);display:flex}.contact-main{flex-direction:column;flex:1;justify-content:center;gap:24px;padding:clamp(32px,6vw,84px) 0;display:flex}.email-link{overflow-wrap:anywhere;letter-spacing:0;max-width:100%;font-size:clamp(42px,8vw,126px);font-weight:800;line-height:1}.contact-links{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.contact-links a{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:22px 0;font-size:clamp(21px,2vw,30px);font-weight:800;display:flex}footer{justify-content:space-between;gap:16px;padding-top:24px;display:flex}.admin-shell{color:#171512;background:#f5f2ea;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#f5f2ea;background:#171512;flex-direction:column;gap:18px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.admin-brand{font-size:22px;font-weight:800}.admin-tabs{gap:8px;display:grid}.admin-tabs button,.picker button,.nested-heading button{min-height:40px;color:inherit;text-align:left;background:0 0;border:1px solid #cfc8b8;padding:8px 12px}.admin-tabs button.active,.picker button.active{background:var(--accent);border-color:var(--accent);color:#171512;font-weight:800}.full{width:100%}.save-message{color:#bcb5a8;margin:0;font-size:14px}.admin-panel{padding:clamp(24px,4vw,56px)}.editor-group{gap:18px;max-width:980px;display:grid}.editor-group h1{margin:0 0 8px;font-size:clamp(34px,5vw,64px);line-height:1}.field,.check-field{gap:6px;display:grid}.field span,.check-field span{color:#625d53;letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:800}.field input,.field textarea{color:#171512;background:#fffdf7;border:1px solid #c9c1b2;width:100%;padding:11px 12px}.check-field{grid-template-columns:auto 1fr;align-items:center}.check-field input{width:20px;height:20px}.picker{flex-wrap:wrap;gap:8px;display:flex}.picker button,.nested-heading button{align-items:center;gap:8px;display:inline-flex}.editor-card,.nested-row{background:#fffaf0;border:1px solid #d7d0c0;gap:14px;padding:18px;display:grid}.nested-editor{gap:12px;margin-top:12px;display:grid}.nested-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.nested-heading h2{margin:0;font-size:24px}.icon-button{color:#171512;border-color:#9b9385}.icon-button:hover{color:#fffaf0;background:#171512}.icon-button.danger{color:#94211c;border-color:#ba453f}.upload-button{color:#171512;border-color:#171512;width:fit-content}.upload-button input{display:none}.login-shell{background:var(--bg);min-height:100vh;color:var(--ink);place-items:center;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:var(--panel);gap:18px;width:min(100%,420px);padding:28px;display:grid}.login-card h1{margin:0;font-size:38px;line-height:1}.login-card .field input{background:var(--bg);border-color:var(--soft-line);color:var(--ink)}.login-card .field span,.login-card p{color:var(--muted)}.login-icon{border:1px solid var(--soft-line);place-items:center;width:48px;height:48px;display:grid}@media (max-width:900px){.topbar,.hero-bottom,.feature-card,.about-grid,.timeline-item,.admin-shell{grid-template-columns:1fr}.topbar{display:grid}.topbar nav{justify-content:start}.hero-copy h1{font-size:clamp(50px,17vw,96px)}.feature-card{min-height:0}.admin-sidebar{height:auto;position:static}}@media (max-width:560px){body{font-size:16px}.hero-section,.work-section,.about-section,.contact-section{padding-inline:18px}.facts-grid,.credential-row,.skill-row{grid-template-columns:1fr}footer{flex-direction:column}}