:root{--paper:#f4f5f2;--ink:#313936;--black:#050505;--green:#02a66a;--green-dark:#008759;--line:#050505;--orange:#ff8a21;--blue:#6ab7ff;--yellow:#ffd15a;--radius:46px;color:var(--ink);background:var(--paper);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:var(--paper);min-width:320px;color:var(--ink);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}main{overflow:hidden}.site-header{grid-template-columns:1fr auto 1fr;align-items:start;gap:20px;padding:28px clamp(22px,5vw,72px);display:grid}.main-nav,.social-row,.hero-actions,.project-top,.pill-button,.kicker{align-items:center;display:flex}.main-nav{gap:26px;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:900}.main-nav a{padding-bottom:16px}.main-nav .active{border-bottom:1.5px solid var(--black)}.wordmark{margin-top:2px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.65rem,2.6vw,2.35rem);line-height:1}.wordmark span{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:300}.social-row{text-transform:lowercase;justify-content:end;gap:28px;font-weight:900}.hero{grid-template-columns:minmax(700px,1300px) minmax(300px,500px);justify-content:center;align-items:center;gap:clamp(32px,4.5vw,64px);max-width:1520px;min-height:68vh;margin:0 auto;padding:clamp(48px,7vw,92px) clamp(22px,6vw,88px) clamp(60px,8vw,104px);display:grid}.hero-copy{min-width:0}.kicker{color:var(--green);letter-spacing:.08em;text-transform:uppercase;gap:8px;margin:0 0 28px;font-size:1.5rem;font-weight:950}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);letter-spacing:-.085em;font-weight:700;line-height:.9}h1{max-width:930px;margin-bottom:56px;font-size:clamp(4.1rem,8.9vw,8.8rem)}h2{margin-bottom:0;font-size:clamp(3.4rem,8vw,7.5rem)}h3{color:var(--black);margin-bottom:16px;font-size:clamp(2.4rem,4vw,4.7rem)}.circled{white-space:nowrap;z-index:1;display:inline-block;position:relative}.circled:after{border:8px solid var(--green);content:"";z-index:-1;border-left-width:10px;border-radius:52% 45% 50% 48%;position:absolute;inset:8% -7% 2%;transform:rotate(-2deg)}.hero-actions{flex-wrap:wrap;gap:clamp(18px,4vw,58px)}.pill-button{border:2px solid var(--line);color:var(--black);border-radius:999px;justify-content:center;gap:10px;min-width:min(120px,100%);min-height:60px;padding:16px 34px;font-size:clamp(1rem,1.35vw,1.22rem);font-weight:950;transition:background .22s,color .22s,transform .22s}.pill-button:hover{background:var(--black);color:var(--paper);transform:translateY(-3px)}.portrait-wrap{border-radius:var(--radius);justify-self:center;width:100%;max-width:500px;overflow:hidden;transform:rotate(.5deg)}.portrait-wrap img{aspect-ratio:1;object-fit:cover;width:100%;height:100%;display:block}.projects{text-align:center;padding:12px clamp(22px,6vw,88px) clamp(90px,12vw,170px);position:relative}.projects h2{color:var(--green);margin-bottom:28px}.project-index-link{width:auto;min-width:0;max-width:320px;margin:clamp(46px,8vw,92px) auto 0;padding:10px 20px;display:inline-flex}.project-stage{grid-template-columns:.8fr 1.22fr .8fr;align-items:end;gap:clamp(22px,5vw,70px);max-width:1260px;min-height:520px;margin:0 auto;display:grid;position:relative}.project-card{background:var(--paper);border:2px solid var(--black);box-shadow:10px 10px 0 var(--black);color:var(--black);isolation:isolate;text-align:left;border-radius:26px;min-height:390px;padding:28px;transition:box-shadow .22s,transform .22s;position:relative;overflow:hidden}.project-card.orange{--card-accent:var(--orange);--card-soft:#fff0df}.project-card.green{--card-accent:var(--green);--card-soft:#dffff0}.project-card.blue{--card-accent:var(--blue);--card-soft:#e9f6ff}.project-card:before{background:radial-gradient(circle, #0505052e 1.5px, transparent 2px), var(--card-soft);content:"";z-index:-1;background-size:18px 18px;width:220px;height:180px;position:absolute;top:-58px;right:-52px;transform:rotate(12deg)}.project-card:after{border:3px solid var(--card-accent);content:"";z-index:-1;border-radius:50%;width:190px;height:78px;position:absolute;bottom:118px;right:-36px;transform:rotate(-18deg)}.project-card:hover{box-shadow:4px 4px 0 var(--black)}.project-card:first-child:hover{transform:translateY(88px)rotate(-1deg)}.project-card:nth-child(2):hover{transform:translateY(-6px)rotate(1deg)}.project-card:nth-child(3):hover{transform:translateY(88px)rotate(1deg)}.project-shot{background:linear-gradient(135deg, #ffffffb8, #ffffff47), var(--card-soft);border:2px solid var(--black);border-radius:18px;justify-content:center;align-items:center;min-height:190px;margin:24px 0 20px;padding:12px;display:flex;position:relative;overflow:hidden}.project-shot:before{background:var(--card-accent);border:2px solid var(--black);box-shadow:18px 0 0 var(--yellow), 36px 0 0 var(--green);content:"";pointer-events:none;z-index:2;border-radius:999px;width:10px;height:10px;position:absolute;top:13px;left:15px}.project-shot img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .22s;display:block;transform:rotate(-1deg)}.project-card:hover .project-shot img{transform:rotate(0)scale(1.03)}.project-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.project-meta span{color:var(--card-accent);letter-spacing:-.04em;font-size:clamp(1rem,1.6vw,1.35rem);font-weight:950;transform:rotate(-4deg)}.project-card>*,.project-card>svg{z-index:1;position:relative}.project-card:first-child{transform:translateY(82px)rotate(-2deg)}.project-card:nth-child(2){min-height:560px}.project-card:nth-child(2) .project-shot{min-height:310px}.project-card:nth-child(3){transform:translateY(82px)rotate(2deg)}.project-top{justify-content:space-between;margin-bottom:0}.project-top span{background:var(--paper);border:2px solid var(--black);box-shadow:3px 3px 0 var(--card-accent);border-radius:999px;padding:8px 14px;font-weight:950}.project-card p{margin-bottom:0;font-size:1.05rem;font-weight:750;line-height:1.35}.project-card h3{background:linear-gradient(transparent 58%, var(--card-accent) 58%);line-height:.96;display:inline}.skill-radar{grid-template-columns:minmax(0,.86fr) minmax(340px,520px);align-items:center;gap:clamp(34px,7vw,92px);padding:clamp(72px,10vw,132px) clamp(22px,6vw,88px) clamp(96px,13vw,176px);display:grid;position:relative}.skill-radar:before{content:"";z-index:-1;background:linear-gradient(115deg,#02a66a1a,#0000 44%),radial-gradient(circle,#ff8a212e 0 22%,#0000 23%);border:2px solid #05050514;border-radius:999px;width:clamp(210px,28vw,390px);height:clamp(210px,28vw,390px);position:absolute;top:18%;left:clamp(-120px,-7vw,-44px);transform:rotate(-12deg)}.skill-radar-copy h2{color:var(--black);max-width:760px;margin:0;font-size:clamp(3rem,6vw,7.2rem);line-height:.9}.skill-radar-copy p:not(.section-label){color:var(--ink);max-width:620px;font-size:clamp(1.08rem,1.8vw,1.42rem);font-weight:750;line-height:1.45}.radar-card{border:2px solid var(--black);box-shadow:12px 12px 0 var(--black);background-color:#fff;background-image:radial-gradient(circle,#0505051f 1.4px,#0000 2px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:30px;flex-direction:column;align-items:center;max-width:480px;margin:0 auto;padding:clamp(12px,2.5vw,24px);display:flex;position:relative;overflow:hidden}.radar-card:before{background:var(--yellow);border:2px solid var(--black);box-shadow:18px 0 0 var(--orange), 36px 0 0 var(--green);content:"";border-radius:999px;width:10px;height:10px;position:absolute;top:18px;left:20px}.radar-chart{width:100%;max-width:420px;margin:8px auto 0;display:block}.radar-grid{fill:#f4f5f261;stroke:#05050538;stroke-width:1.6px}.radar-axis{stroke:#05050533;stroke-width:1.4px}.radar-fill{fill:#02a66a42}.radar-stroke{fill:none;stroke:var(--green);stroke-linejoin:round;stroke-width:4px}.radar-dot{fill:var(--paper);stroke:var(--black);stroke-width:2px}.radar-label{fill:var(--black);letter-spacing:0;font-size:15px;font-weight:950}.radar-number{fill:var(--green-dark);font-size:12px;font-weight:950}.radar-legend{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.radar-legend span{background:var(--paper);border:2px solid var(--black);box-shadow:3px 3px 0 var(--green);color:var(--black);border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:950}.skill-radar+.about{margin-top:0}.project-index-page{padding:clamp(64px,9vw,118px) clamp(22px,6vw,88px) clamp(90px,12vw,170px)}.project-index-hero{max-width:1120px;margin:0 auto clamp(44px,7vw,78px)}.project-index-hero h1{max-width:1100px;font-size:clamp(4rem,8.5vw,8.4rem)}.project-index-hero p:not(.kicker){max-width:720px;font-size:clamp(1.08rem,1.8vw,1.45rem);font-weight:750;line-height:1.45}.project-table-wrap{border:2px solid var(--black);box-shadow:12px 12px 0 var(--black);background-color:#fff;background-image:radial-gradient(circle,#0505051f 1.4px,#0000 2px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:28px;max-width:1180px;margin:0 auto;overflow:hidden}.project-table{border-collapse:collapse;width:100%}.project-table th,.project-table td{border-bottom:2px solid var(--black);text-align:left;vertical-align:middle;padding:22px 20px}.project-table th{background:var(--green);color:var(--black);letter-spacing:.08em;text-transform:uppercase;font-size:.86rem;font-weight:950}.project-table td{background:#f4f5f2e0;font-weight:800}.project-table tbody tr:nth-child(2n) td{background:#fff0dfe6}.project-table tbody tr:hover td{background:#dffff0}.project-table tr:last-child td{border-bottom:0}.project-table strong{color:var(--black);letter-spacing:-.05em;font-size:clamp(1.2rem,2vw,1.6rem)}.status-page{padding:clamp(64px,9vw,118px) clamp(22px,6vw,88px) clamp(90px,12vw,170px)}.status-hero{max-width:1120px;margin:0 auto clamp(44px,7vw,78px)}.status-hero h1{max-width:1100px;font-size:clamp(4rem,8.5vw,8.4rem)}.status-hero p:not(.kicker){max-width:720px;font-size:clamp(1.08rem,1.8vw,1.45rem);font-weight:750;line-height:1.45}.status-grid{background:var(--black);border:2px solid var(--black);box-shadow:12px 12px 0 var(--black);border-radius:30px;grid-template-columns:1fr 1fr;gap:1px;margin:15px;display:grid;overflow:hidden}.status{background-color:#fff;background-image:radial-gradient(circle,#0505051f 1.4px,#0000 2px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-width:0;padding:18px 22px}.status-title{color:var(--black);letter-spacing:-.05em;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:800}.status-tracker{align-items:flex-end;gap:2px;width:100%;display:flex}.uptime-tracker{color:var(--ink);white-space:nowrap;align-items:center;gap:8px;margin-top:8px;font-size:.75rem;font-weight:700;display:flex}.uptime-tracker-line{background:var(--black);flex:1;height:1px}.day-column-1,.day-column-2,.day-column-3{border-radius:2px;flex:1 1 0;min-width:0;height:20px}.day-column-1{background:var(--green,#2e8b57)}.day-column-2{background:var(--yellow,#e8b923)}.day-column-3{background:var(--red,#d1453b)}.status-pill{background:var(--paper);border:2px solid var(--black);box-shadow:3px 3px 0 var(--green);border-radius:999px;padding:7px 12px;font-size:.9rem;font-weight:950;display:inline-flex}.project-table a{color:var(--black);align-items:center;gap:6px;font-weight:950;display:inline-flex}.about{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));align-items:start;gap:clamp(36px,7vw,92px);margin-top:-150px;padding:clamp(86px,12vw,160px) clamp(22px,6vw,88px) 0;display:grid}.about-skill-chart{justify-content:center;padding:clamp(56px,9vw,100px) clamp(22px,6vw,88px) clamp(86px,12vw,160px);display:flex}.section-label{color:var(--green-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;font-size:.9rem;font-weight:950}.about-copy p,.contact p{color:var(--ink);font-size:clamp(1.08rem,1.8vw,1.45rem);font-weight:750;line-height:1.45}.skill-cloud{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.skill-cloud span{border:2px solid var(--black);color:var(--black);border-radius:999px;padding:10px 16px;font-weight:950}.contact{background:var(--green);text-align:center;padding:clamp(82px,12vw,152px) clamp(22px,6vw,88px)}.contact h2{color:var(--black);max-width:1000px;margin:0 auto 34px}.contact .section-label{color:var(--black)}.contact .dark{background:var(--black);color:var(--paper);width:auto;min-width:0;max-width:320px;margin:16px auto 0;padding:10px 20px;display:inline-flex}.contact .dark:hover{background:var(--paper);color:var(--black)}@media (width<=980px){.site-header{grid-template-columns:1fr;justify-items:start}.wordmark{grid-row:1}.social-row{justify-content:start}.about,.skill-radar{grid-template-columns:1fr}.radar-card{width:min(560px,100%)}.portrait-wrap{max-width:560px}.project-stage{grid-template-columns:1fr;min-height:auto}.status-grid{grid-template-columns:1fr}.project-card,.project-card:first-child,.project-card:nth-child(2),.project-card:nth-child(3){min-height:360px;transform:none}.project-top{margin-bottom:150px}.sticker{top:22px;left:auto;right:20px;transform:rotate(8deg)}}@media (width<=780px){.hero{grid-template-columns:1fr;justify-items:start}}@media (width<=620px){.site-header{padding:22px 18px}.main-nav,.social-row{gap:18px}.hero,.projects,.skill-radar,.about,.contact,.status-page{padding-left:18px;padding-right:18px}.hero-copy,.hero-actions,.portrait-wrap{width:100%;max-width:calc(100vw - 36px)}.hero-actions{grid-template-columns:1fr;max-width:336px;display:grid}h1{font-size:clamp(3.8rem,18vw,5.2rem)}.circled{white-space:normal}.circled:after{border-width:5px;inset:6% -3% 2%}.pill-button{justify-self:start;width:100%;min-width:0}.portrait-wrap{border-radius:70px}.projects h2{text-align:left}.project-card{padding:22px}.skill-radar-copy h2{font-size:clamp(2.85rem,13vw,4.2rem)}.radar-card{box-shadow:7px 7px 0 var(--black);border-radius:24px;padding:14px}.radar-chart{margin-top:18px}.radar-label{font-size:12px}.radar-legend{justify-content:flex-start}.project-index-page{padding-left:18px;padding-right:18px}.project-index-hero{max-width:min(330px,100vw - 36px)}.project-index-hero h1{letter-spacing:-.075em;overflow-wrap:break-word;font-size:clamp(2.75rem,13vw,3.4rem)}.project-index-hero p:not(.kicker){overflow-wrap:break-word;max-width:min(330px,100vw - 36px)}.project-table-wrap{box-shadow:7px 7px 0 var(--black);background-size:18px 18px;width:100%;max-width:min(330px,100vw - 36px)}.project-table,.project-table thead,.project-table tbody,.project-table tr,.project-table th,.project-table td{display:block}.project-table thead{display:none}.project-table tr{border-bottom:2px solid var(--black);padding:18px;overflow:hidden}.project-table tr:last-child{border-bottom:0}.project-table td{border-bottom:0;grid-template-columns:76px minmax(0,1fr);align-items:start;gap:10px;padding:9px 0;display:grid}.project-table td>*{min-width:0}.status-pill{width:fit-content}.project-table td:before{content:attr(data-label);color:var(--green-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:950}.status-hero,.status-hero p:not(.kicker){max-width:min(330px,100vw - 36px)}.status-grid{box-shadow:7px 7px 0 var(--black);border-radius:20px;margin:15px 0}.status{padding:16px}.status-title{font-size:1.1rem}.status-tracker{gap:1px}.day-column-1,.day-column-2,.day-column-3{border-radius:1px;height:14px}.uptime-tracker{flex-wrap:wrap;row-gap:4px;font-size:.66rem}.uptime-tracker-line{min-width:24px}}