@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--color-orange-primary:#ff8c00;--color-orange-secondary:#ff5600;--color-black:#000;--color-white:#fff;--color-surface:#101010;--color-surface-raised:#1a1a1a;--color-border:#ffffff29;--color-text-muted:#ffffff9e}
:root{--bg:var(--color-black);--surface:var(--color-surface);--line:var(--color-border);--muted:var(--color-text-muted);--text:var(--color-white);--accent:var(--color-orange-primary);--accent-dark:var(--color-orange-secondary);color:var(--text);background:var(--bg);font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1440px;height:84px;margin:auto;padding:0 4vw;display:flex}.wordmark{letter-spacing:-.06em;font-size:1.1rem;font-weight:800}.wordmark span{color:var(--accent)}nav{color:var(--muted);align-items:center;gap:22px;font-size:.85rem;display:flex}nav a:hover{color:var(--text)}.nav-pill{color:var(--text);border:1px solid var(--line);border-radius:99px;padding:9px 14px}.portfolio{max-width:1440px;margin:auto;padding:0 4vw}.hero{border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;min-height:510px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.11em;margin:0 0 20px;font-size:.69rem;font-weight:700}.hero h1,.panel h1{letter-spacing:-.09em;max-width:930px;margin:0;font-size:clamp(3.65rem,9vw,9rem);line-height:.88}.hero h1 i{color:var(--muted);font-weight:400}.hero-bottom{color:var(--muted);justify-content:space-between;align-items:end;gap:30px;margin-top:44px;font-size:.95rem;line-height:1.65;display:flex}.hero-bottom p{max-width:390px;margin:0}.hero-bottom a{color:var(--text);border-bottom:1px solid var(--accent);padding-bottom:5px}.work{padding:96px 0 110px}.section-top{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:30px;font-size:.8rem;display:flex}.section-top .eyebrow{margin:0}.filters{gap:10px;padding-bottom:32px;display:flex;overflow-x:auto}.filters button{cursor:pointer;color:var(--muted);border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:99px;padding:10px 16px}.filters button.active{border-color:var(--accent);background:var(--accent);color:var(--color-black)}.project-grid{grid-template-columns:repeat(2,1fr);gap:50px 20px;display:grid}.project-cover{aspect-ratio:1.25;background-image:linear-gradient(#0000,#0000008f),url(/portfolio-covers.png);background-size:200% 200%;justify-content:end;align-items:end;padding:16px;transition:transform .3s;display:flex;overflow:hidden}.project-cover:hover{transform:scale(.985)}.project-cover span{background:var(--accent);color:var(--color-black);opacity:0;padding:9px 12px;font-size:.72rem;font-weight:700;transition:opacity .25s}.project-cover:hover span{opacity:1}.project-copy{justify-content:space-between;gap:20px;margin-top:17px;display:flex}.project-copy h2{letter-spacing:-.04em;margin:5px 0 0;font-size:1.15rem}.project-copy>p{color:var(--muted);margin:5px 0;font-size:.75rem}.project-category{color:var(--accent);text-transform:uppercase;letter-spacing:.09em;margin:0;font-size:.65rem}.project-description{color:var(--muted);max-width:48ch;margin:10px 0 0;font-size:.8rem;line-height:1.6}footer{max-width:1440px;color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;margin:auto;padding:25px 4vw;font-size:.75rem;display:flex}.project-cover{cursor:pointer;width:100%;color:var(--text);text-align:left;border:0}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.project-modal{background:var(--color-black);border:1px solid var(--line);width:min(100%,1080px);padding:28px;position:relative;box-shadow:0 24px 80px #00000080}.modal-close{cursor:pointer;border:1px solid var(--line);width:34px;height:34px;color:var(--text);background:var(--surface);font-size:1.4rem;line-height:1;position:absolute;top:18px;right:20px}.modal-heading{justify-content:space-between;gap:20px;margin-bottom:26px;padding-right:44px;display:flex}.modal-heading .eyebrow{margin-bottom:10px}.modal-heading h2{letter-spacing:-.07em;margin:0;font-size:clamp(2.1rem,5vw,4.4rem)}.modal-heading>p{color:var(--muted);font-size:.8rem}.modal-gallery{grid-template-columns:1.35fr 1fr;gap:10px;display:grid}.gallery-image{background-image:url(/portfolio-covers.png);background-repeat:no-repeat;background-size:200% 200%;min-height:230px}.gallery-image:first-child{grid-row:span 2;min-height:470px}.modal-footer{color:var(--muted);justify-content:space-between;gap:30px;margin-top:24px;font-size:.85rem;line-height:1.65;display:flex}.modal-footer p{max-width:58ch;margin:0}.modal-footer div{flex-wrap:wrap;align-content:start;gap:8px;display:flex}.modal-footer span{border:1px solid var(--line);color:var(--text);padding:5px 8px;font-size:.68rem}.bio-page{background:radial-gradient(circle at 50% 0%, var(--color-surface-raised) 0, var(--bg) 44%);place-items:center;min-height:100vh;padding:28px;display:grid}.bio-card{text-align:center;border:1px solid var(--line);background:var(--surface);width:min(100%,510px);padding:44px 30px}.avatar{background:var(--accent);width:88px;height:88px;color:var(--color-black);letter-spacing:-.07em;border-radius:50%;place-items:center;margin:0 auto 28px;font-size:1.45rem;font-weight:800;display:grid}.bio-card .eyebrow{margin-bottom:13px}.bio-card h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.5rem,10vw,4.3rem)}.handle{color:var(--muted);margin-top:10px;font-size:.9rem;display:inline-block}.bio-description{color:var(--muted);max-width:36ch;margin:32px auto;font-size:.9rem;line-height:1.65}.bio-links{gap:10px;display:grid}.bio-links a{text-align:left;border:1px solid var(--line);background:var(--color-surface-raised);justify-content:space-between;align-items:center;padding:17px 18px;font-size:.85rem;transition:background .2s,transform .2s;display:flex}.bio-links a:hover{background:var(--accent-dark);transform:translateY(-2px)}.bio-links b{color:var(--accent)}.bio-socials{color:var(--muted);justify-content:center;gap:20px;margin-top:30px;font-size:.72rem;display:flex}.bio-socials a:hover{color:var(--text)}.panel{max-width:1100px;margin:auto;padding:70px 4vw 110px}.panel-intro{max-width:720px}.panel h1{font-size:clamp(3.2rem,7vw,6.2rem)}.panel-intro>p:last-child{color:var(--muted);max-width:58ch;margin:28px 0 0;line-height:1.65}.metrics{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:70px 0;display:grid}.metrics div{background:var(--surface);padding:24px}.metrics small{color:var(--muted);margin-bottom:13px;font-size:.72rem;display:block}.metrics strong{letter-spacing:-.05em;font-size:1.5rem}.metrics .live{color:var(--accent)}.manager{border:1px solid var(--line);background:var(--surface);padding:30px}.manager-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:28px;display:flex}.manager-heading .eyebrow{margin-bottom:8px}.manager-heading h2{letter-spacing:-.05em;margin:0}.manager-heading>span{color:var(--accent);font-size:.72rem}.link-list{gap:8px;display:grid}.link-row{background:var(--color-surface-raised);align-items:center;gap:14px;padding:14px;display:flex}.link-row>div:nth-child(2){flex:1;min-width:0}.link-row strong,.link-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.link-row strong{font-size:.84rem}.link-row small{color:var(--muted);margin-top:5px;font-size:.7rem}.status{background:var(--color-border);cursor:pointer;border:0;border-radius:50%;flex:0 0 10px;width:10px;height:10px;padding:0}.status.on{background:var(--accent)}.row-actions{gap:4px;display:flex}.row-actions button{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:6px 7px;font-size:.7rem}.row-actions button:hover{color:var(--text)}.link-form{grid-template-columns:1fr 1fr auto;gap:8px;margin-top:20px;display:grid}.link-form input{min-width:0;color:var(--text);background:var(--color-surface-raised);border:1px solid var(--line);outline:none;padding:12px;font-size:.78rem}.primary{cursor:pointer;background:var(--accent);color:var(--color-black);border:0;padding:0 17px;font-size:.75rem;font-weight:700}.login-page{background:radial-gradient(circle at top, var(--color-surface-raised), var(--color-black) 55%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:var(--surface);gap:15px;width:min(100%,430px);padding:38px;display:grid}.login-card h1{letter-spacing:-.06em;margin:0;font-size:2.3rem}.login-card>p:not(.eyebrow){color:var(--muted);margin:0 0 10px;font-size:.86rem;line-height:1.6}.login-card label{color:var(--muted);gap:7px;font-size:.72rem;display:grid}.login-card input{border:1px solid var(--line);background:var(--color-black);color:var(--text);outline-color:var(--accent);padding:13px}.login-card .primary{min-height:44px}.form-error{color:var(--accent-dark)}.panel-tabs{border-bottom:1px solid var(--line);gap:8px;margin:56px 0 20px;display:flex}.panel-tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;margin-right:18px;padding:13px 2px}.panel-tabs button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.panel-tabs .logout{color:var(--text);margin-left:auto;margin-right:0}.panel-note{max-width:54ch;color:var(--muted);font-size:.88rem;line-height:1.65}.panel-note strong{color:var(--text)}@media (max-width:700px){.site-header{height:70px}nav{gap:14px}.hero{min-height:470px}.hero-bottom{display:block}.hero-bottom a{margin-top:25px;display:inline-block}.work{padding:65px 0}.project-grid{grid-template-columns:1fr;gap:40px}.project-cover{aspect-ratio:1.12}.metrics,.link-form{grid-template-columns:1fr}.primary{padding:13px}.manager{padding:20px}.project-modal{padding:18px}.modal-gallery{grid-template-columns:1fr}.gallery-image:first-child{grid-row:auto;min-height:290px}.gallery-image{min-height:210px}.modal-footer,.modal-heading{display:block}.modal-heading>p{margin:12px 0 0}.modal-footer div{margin-top:16px}}