:root{--pad:clamp(20px, 10vw, 192px);--font-hero:"Press Start 2P", monospace;--lime:#d4ff3d;--green:#ade065;--dark-green:#425c19;--darker-green:#0a241b;--mint:#ddefc0;--off-white:#f2f6e8;--ink:#14150f;--muted:#5f604f;--line:#e6e5dc;--card-bg:#f4f4ef}*{box-sizing:border-box}body{letter-spacing:-3%;color:var(--ink);background:#fff;margin:0;font-family:IBM Plex Mono,monospace}a{color:inherit;text-decoration:none}.mono{font-family:IBM Plex Mono,monospace}.pixel{font-family:"Press Start 2P",monospace}.side-pad{padding-left:var(--pad);padding-right:var(--pad)}.section-label{text-transform:uppercase;letter-spacing:.08em;margin-top:72px;font-size:32px;font-weight:700}.logofolio-label{text-transform:uppercase;letter-spacing:.08em;text-align:center;margin-top:256px;margin-bottom:64px;font-family:Excelorate;font-size:92px;font-weight:700}.hero{background-color:#33540d;background-image:url(/Portfolio/assets/hero-bg-8Cxhee58.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;min-height:min(82vh,720px);padding-bottom:96px;display:flex;position:relative;overflow:hidden}.hero-title{font-family:var(--font-hero);color:#fff;flex-direction:column;margin:0 0 0 10%;font-size:clamp(36px,11vw,176px);font-weight:400;line-height:1.05;display:flex}.nav-bar{z-index:999;clip-path:polygon(56px 0,calc(100% - 56px) 0,100% 100%,0 100%);background:#ade065;justify-content:center;align-items:stretch;gap:0;padding:0 80px 8px;display:flex;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.nav-btn{white-space:nowrap;color:#fff;border-left:2px solid var(--ink);box-shadow:-4px 10px 0 var(--ink);background:#425c19;flex-shrink:0;justify-content:center;align-items:center;padding:32px 8px;font-size:16px;font-weight:700;transition:background 80ms,transform .12s,box-shadow .12s;display:flex}.nav-btn:first-child{border-left:none}.nav-btn--icon{padding:0 20px}.nav-icon{fill:#fff;width:36px;height:36px}.nav-btn:hover{background:var(--dark-green);transform:translateY(6px)}.btn-hard{border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s;display:inline-block}.btn-hard:hover{box-shadow:0 0 0 var(--ink);transform:translate(5px,5px)}.btn-hard-light{border:2.5px solid var(--mint);box-shadow:5px 5px 0 var(--mint);transition:transform .12s,box-shadow .12s;display:inline-block}.btn-hard-light:hover{box-shadow:0 0 0 var(--mint);transform:translate(5px,5px)}.tag-hard{background:var(--lime);color:var(--ink);border:1.5px solid var(--ink);text-transform:uppercase;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.media{background:var(--card-bg);border:2.5px solid var(--ink);box-shadow:calc(var(--sx,0) * 8px) 8px 0 var(--ink);justify-content:center;align-items:center;transition:transform .5s,box-shadow .5s,border-color .5s;display:flex;position:relative;overflow:hidden}.media img{object-fit:contain;width:100%;height:100%;padding:12%;display:block}.media__placeholder{color:var(--muted);text-align:center;font-size:11px;font-weight:700}.media--big{aspect-ratio:16/10}.media--small{aspect-ratio:4/3}.media--logo{aspect-ratio:1}.media--border-left{--sx:-1}.media--border-center{--sx:0}.media--border-right{--sx:1}.media--hover-reveal{cursor:pointer;transition:transform .15s,box-shadow .15s}.media--hover-reveal:hover{transform:translate(calc(var(--sx) * -3px), -3px);box-shadow:calc(var(--sx) * 9px) 9px 0 var(--ink)}.media__overlay{text-align:center;opacity:0;background:#ffffffc7;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:opacity .2s;display:flex;position:absolute;inset:0}.media--hover-reveal:hover .media__overlay{opacity:1}.overlay-title{font-family:var(--font-hero);color:var(--ink);margin:0;font-size:clamp(11px,1.3vw,16px);font-weight:400;line-height:1.4}.overlay-tags{flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:20px;left:20px}.overlay-tags .tag-hard{padding:2px 8px;font-size:10px}.media--hover-colorize img{filter:grayscale(60%)contrast(.92);transition:filter .25s}.media--hover-colorize:hover img{filter:grayscale(0%)contrast()}@media (hover:none){.media--hover-colorize img{filter:none}}.projects-section{flex-direction:column;gap:96px;display:flex}.feat-row{grid-template-columns:repeat(12,minmax(0,1fr));align-self:start;gap:28px;display:grid}.feat-media-slot{grid-column:span 7;display:flex}.feat-media-slot .media{width:100%}.feat-copy{flex-direction:column;grid-column:span 5;gap:14px;display:flex}.feat-copy.order-1{order:1}.feat-media-slot.order-2{order:2}.feat-heading{flex-direction:column;align-items:flex-start;gap:4px;margin:0;font-size:32px;display:flex}.feat-num{font-family:var(--font-hero);color:var(--green);font-size:clamp(28px,3.6vw,64px);line-height:1}.feat-title{font-family:var(--font-hero);margin:0;font-size:clamp(14px,2.1vw,32px);font-weight:400;line-height:1.35}.feat-heading .feat-title{min-width:0;color:var(--ink);font-size:clamp(13px,2.1vw,24px)}.feat-desc{color:var(--muted);text-align:justify;margin:0;font-size:16px;line-height:1.6}.feat-tags{flex-wrap:wrap;gap:8px;display:flex}.feat-link{margin-top:8px;font-size:20px;font-weight:700}.media:hover{border-color:var(--green);transform:translate(calc(var(--sx,0) * 8px), 8px);box-shadow:0 0 0 var(--green)}.feat-link:hover{color:var(--green);text-decoration:underline}.grid-section{flex-direction:column;gap:89px;padding-top:64px;display:flex}.card-small{display:block}.small-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:64px;display:grid}.logofolio-section{background:#eaf0dc;flex-direction:column;gap:65px;padding-top:56px;padding-bottom:56px;display:flex}.logo-grid,.grid-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:64px;padding-bottom:24px;display:grid}.halftone{background-color:var(--dark-green);background-repeat:repeat;background-size:520px 293px}.contact-section{color:var(--off-white);flex-direction:column;gap:20px;padding-top:80px;padding-bottom:80px;display:flex}.contact-label{color:var(--lime);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:700}.contact-title{color:var(--lime);-webkit-text-stroke:1.5px var(--dark-green);max-width:700px;margin:0;font-size:36px}.contact-ctas{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.contact-ctas a{padding:10px 20px;font-size:13px;font-weight:700}@media (width<=860px){.feat-row{grid-template-columns:1fr}.feat-media-slot,.feat-copy{grid-column:span 1!important}.feat-media-slot.order-2,.feat-copy.order-1 .feat-heading{order:0;align-items:flex-end}.small-grid,.logo-grid,.grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}.small-grid .card-small:nth-child(3n+2){--sx-override:0}.small-grid .card-small:nth-child(3n+2) .media{--sx:0}.small-grid .card-small:nth-child(3n){--sx-override:1}.small-grid .card-small:nth-child(3n) .media,.logo-grid>div:nth-child(4n+3),.logo-grid>div:nth-child(4n){--sx:1}