:root{--bg: #121212;--accent: #00FF00;--text-muted: #246424}@font-face{font-family:"Instrument Serif";src:url(/portfolio/fonts/Instrument_Serif%20copy/InstrumentSerif-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(/portfolio/fonts/Instrument_Serif%20copy/InstrumentSerif-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/portfolio/fonts/Space_Grotesk/SpaceGrotesk-VariableFont_wght.ttf) format("truetype");font-weight:300 700;font-style:normal;font-display:swap}body{margin:0;min-height:100vh;background:var(--bg);color:var(--accent);font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:400;letter-spacing:.06em}.frame{position:relative;min-height:100vh;height:100vh;box-sizing:border-box;overflow:hidden;padding:clamp(1.5rem,4vw,2.75rem) clamp(2.5rem,6vw,4.5rem) clamp(2rem,5vw,3.5rem)}.brand{display:inline-flex;align-items:center;font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:400;letter-spacing:.06em;color:var(--accent)}.brand--site{position:absolute;top:clamp(1.5rem,4vw,2.75rem);left:clamp(2.5rem,6vw,4.5rem);width:auto;height:auto;font-size:clamp(1.1rem,2.6vw,1.6rem)}.brand--project{font-size:clamp(1.2rem,4vw,1.8rem);text-transform:uppercase}.project-board{--name-column-width: clamp(240px, 32vw, 520px);position:absolute;top:clamp(3.25rem,8vh,4.75rem);left:clamp(12rem,23vw,20rem);right:clamp(2.25rem,5vw,4rem);bottom:clamp(3rem,8vh,4.25rem);display:flex;flex-direction:column;gap:clamp(1.1rem,2vh,1.7rem)}.project-row{display:grid;grid-template-columns:var(--name-column-width) 1fr;column-gap:clamp(2rem,4vw,3rem);align-items:flex-start}.project-row-link{text-decoration:none;color:inherit;cursor:pointer}.project-row-link:hover .project-name{text-decoration:underline;text-decoration-thickness:2px}.project-name{font-family:"Instrument Serif",Times New Roman,serif;font-style:italic;font-size:clamp(2rem,min(4.4vw,3.8vh),3.35rem);line-height:.92;letter-spacing:0;color:var(--accent);white-space:nowrap;width:var(--name-column-width)}.project-name.faded{color:var(--text-muted)}.project-tags{display:flex;flex-wrap:wrap;gap:clamp(.85rem,1.8vw,1.25rem);font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:400;font-size:clamp(1rem,min(2.3vw,2.4vh),1.45rem);line-height:1.3;letter-spacing:-.02em;color:var(--accent)}.project-tags.soft{color:var(--text-muted)}.project-tags span{white-space:nowrap}.about-board{position:absolute;top:clamp(4.5rem,10vh,6rem);left:clamp(12rem,23vw,20rem);right:clamp(2.25rem,5vw,4rem);bottom:clamp(3rem,8vh,4.25rem);transform:none;width:auto;display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(200px,.8fr);grid-template-areas:"intro services" "intro contact";column-gap:clamp(1.5rem,4vw,4.25rem);row-gap:clamp(1.5rem,3.5vw,3rem)}.about-column{display:flex;flex-direction:column;gap:1.5rem}.about-board p,.about-board li,.about-board a{font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:200;font-style:normal;font-size:clamp(.85rem,min(1.8vw,1.9vh),1rem);line-height:1.35;letter-spacing:-.02em}.about-intro{grid-area:intro}.about-services{grid-area:services}.about-contact{grid-area:contact}.contact-details{display:flex;flex-direction:column}.eyebrow{font-family:"Instrument Serif",Times New Roman,serif;font-style:italic;font-size:.9rem;letter-spacing:.08em}.lead{max-width:38ch;margin:0}.about-intro p{margin:0}.service-list{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.contact-status{margin:0}.contact-link{color:var(--accent);text-decoration:none}.contact-link:hover{text-decoration:underline}.footer{position:absolute;bottom:clamp(1.5rem,4vh,2.5rem);left:0;width:100%;padding:0 clamp(2.5rem,6vw,4.5rem);height:auto;display:flex;justify-content:space-between;align-items:center}.cta-buttons{display:flex;gap:.75rem}.neon-btn{border:1px solid var(--accent);border-radius:999px;padding:.25rem 1.25rem;color:var(--accent);text-decoration:none;font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:1.4;letter-spacing:-.02em;transition:background .2s ease,color .2s ease}.neon-btn.active,.neon-btn:hover{background:var(--accent);color:var(--bg)}.social{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(1.5rem,4vw,4.5rem);padding:0 clamp(3rem,8vw,5.5rem);font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:1.4;letter-spacing:-.02em;text-transform:uppercase;color:var(--accent)}.social a{color:inherit;text-decoration:none;position:relative;white-space:nowrap}.project-page{min-height:100vh;display:flex;flex-direction:column;gap:clamp(2rem,6vw,3.5rem);padding:clamp(2rem,5vw,3rem) clamp(2rem,8vw,5rem) clamp(3rem,8vw,4rem)}.project-categories{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(.95rem,2.6vw,1.25rem);letter-spacing:-.01em}.project-categories span:not(:last-child):after{content:",";margin-left:.15rem}.project-grid{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.9fr) minmax(220px,.9fr);column-gap:clamp(2rem,5vw,4.5rem);align-items:start}.project-column{display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,2rem);align-self:stretch;min-height:100%}.project-column--gallery{gap:0}.project-column--details{gap:clamp(2rem,5vw,3.25rem)}.project-column--details .project-category-block{margin-bottom:clamp(4.5rem,12vw,9rem)}.project-about-block{display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.75rem)}.project-overview{display:flex;flex-direction:column;gap:.45rem}.project-gallery{display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,2rem)}.project-title-block{align-self:flex-start}.project-column--details .project-categories,.project-column--details .project-overview,.project-column--details .project-meta{max-width:320px}.gallery-row{display:flex;flex-direction:column;gap:clamp(.5rem,1.6vw,1.5rem);width:100%}.gallery-track{display:flex;gap:clamp(.35rem,1vw,.65rem);align-items:stretch;width:100%}.gallery-item{display:flex;flex-direction:column;flex:var(--relative-size, 100);min-width:140px}.gallery-card{margin:0;flex:1 1 auto}.gallery-card img{display:block;width:100%;height:auto;object-fit:cover;background:#000}.gallery-card figcaption{margin-top:.4rem;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:.8rem;letter-spacing:.02em;color:var(--text-muted)}.gallery-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem 1rem}.project-gallery[data-resizer-active=false] .gallery-controls,.project-gallery[data-resizer-active=false] .gallery-export{display:none}.gallery-size-control{display:flex;flex-direction:column;gap:.35rem;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:.85rem;padding:.4rem .6rem;background:#00000073;border:1px solid rgba(0,255,0,.2);border-radius:6px}.gallery-size-control label{display:flex;justify-content:space-between;gap:.75rem;font-weight:500}.gallery-size-control input[type=range]{appearance:none;width:100%;height:4px;background:#0f03;border-radius:2px;outline:none}.gallery-size-control input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.gallery-size-control input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.gallery-size-output{font-size:.75rem;color:var(--text-muted)}.gallery-export{display:flex;flex-direction:column;gap:.5rem;margin-top:clamp(1rem,3vw,2rem)}.gallery-export__hint{margin:0;font-size:.85rem;color:var(--text-muted)}.gallery-export__textarea{width:100%;min-height:190px;resize:vertical;background:#050505;border:1px solid rgba(0,255,0,.3);color:var(--accent);font-family:Space Grotesk,Segoe UI,sans-serif;font-size:.85rem;letter-spacing:.02em;padding:.75rem}.gallery-export__copy{align-self:flex-start;border:1px solid var(--accent);background:transparent;color:var(--accent);padding:.35rem 1rem;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.project-overview p{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1rem;line-height:1.5;letter-spacing:-.01em}.project-overview .eyebrow{font-family:"Instrument Serif",Times New Roman,serif;font-style:italic}.project-meta{margin:0;display:flex;flex-direction:column;gap:.85rem}.project-meta-row{display:flex;flex-direction:column;gap:.15rem}.project-meta-row dt{margin:0;font-family:"Instrument Serif",Times New Roman,serif;font-style:italic;font-size:.85rem;letter-spacing:.08em;color:var(--accent)}.project-meta-row dd{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1rem;color:var(--accent)}.project-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:clamp(1rem,3vw,2.25rem);margin-top:clamp(2.5rem,7vw,4rem)}.nav-back,.nav-next-copy{text-decoration:none;color:var(--accent)}.nav-back{font-family:"Instrument Serif",Times New Roman,serif;font-style:italic;font-size:1.1rem}.nav-next-group{display:flex;flex-direction:row-reverse;align-items:center;gap:clamp(.75rem,2vw,1.5rem);justify-content:flex-end}.nav-next-media{display:block;width:min(240px,22vw)}.nav-next-media img{width:100%;display:block}.nav-next-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.35rem;font-family:Space Grotesk,Segoe UI,sans-serif;letter-spacing:-.01em}.nav-next-copy .eyebrow{font-size:.85rem;color:var(--accent)}.nav-next-name{font-family:Space Grotesk,Segoe UI,sans-serif;font-style:normal;font-size:1.2rem}@media(min-width:1351px)and (max-height:900px){.frame{padding-top:clamp(.75rem,2.6vh,1.25rem);padding-bottom:clamp(1.1rem,3vh,1.75rem)}.brand--site{top:clamp(.9rem,2.8vh,1.3rem)}.project-board{--name-column-width: clamp(200px, 24vw, 400px);top:clamp(2.75rem,7vh,3.75rem);bottom:clamp(2.25rem,5.5vh,3rem);gap:clamp(.7rem,1.2vh,1rem)}.project-row{column-gap:clamp(1.4rem,3.5vw,2.2rem)}.project-name{font-size:clamp(1.35rem,min(3.2vw,2.3vh),2.2rem);line-height:.98}.project-tags{font-size:clamp(.72rem,min(1.6vw,1.6vh),.95rem);line-height:1.4}.about-board{top:clamp(3.5rem,8vh,4.5rem);bottom:clamp(2.25rem,5.5vh,3rem);row-gap:clamp(1.1rem,2.4vh,1.6rem);column-gap:clamp(1.25rem,3vw,2.2rem)}.footer{bottom:clamp(.75rem,2.5vh,1.25rem)}}@media(min-width:1351px)and (max-height:780px){.project-board{gap:clamp(.55rem,1vh,.8rem)}.project-name{font-size:clamp(1.2rem,min(2.8vw,2vh),1.9rem);line-height:1.05}.project-tags{font-size:clamp(.65rem,min(1.3vw,1.4vh),.85rem)}.about-board{row-gap:clamp(.9rem,1.6vh,1.1rem);column-gap:clamp(1rem,3vw,1.75rem)}}@media(max-width:1350px){body{padding:0 clamp(1rem,4vw,2.5rem)}.frame{height:auto;min-height:100vh;padding:clamp(1.5rem,6vw,3rem) 0 clamp(3rem,8vw,4rem);overflow:visible;display:flex;flex-direction:column;gap:clamp(2rem,6vw,3.5rem)}.brand--site{position:static;font-size:clamp(1.1rem,3vw,1.5rem);padding:0 clamp(.5rem,2vw,1rem)}.project-board{position:static;width:100%;height:auto;max-width:100%;margin:0;padding:0 clamp(.5rem,2vw,1.25rem);gap:clamp(1rem,4vw,2.25rem);--name-column-width: clamp(260px, 40vw, 520px)}.project-row{column-gap:clamp(1.5rem,5vw,2.75rem)}.project-name{width:100%;white-space:normal;font-size:clamp(2.2rem,6vw,3rem);line-height:1}.project-tags{font-size:clamp(1rem,2.5vw,1.35rem)}.footer{position:static;padding:0 clamp(.5rem,2vw,1.25rem);margin-top:auto}.social{gap:clamp(2rem,7vw,4rem)}.project-page{padding:clamp(1.5rem,6vw,2.5rem)}.project-grid{grid-template-columns:minmax(140px,.6fr) minmax(0,1.5fr) minmax(200px,.8fr);column-gap:clamp(1.75rem,4vw,3.25rem)}.nav-next-media{width:min(220px,28vw)}.about-board{position:static;transform:none;width:100%;max-width:100%;padding:0 clamp(.5rem,2vw,1.25rem);grid-template-columns:minmax(260px,1fr) minmax(220px,1fr);grid-template-areas:"intro intro" "services services" "contact contact";row-gap:clamp(1.5rem,4vw,2.25rem)}}@media(max-width:1100px){.project-grid{grid-template-columns:minmax(130px,.55fr) minmax(0,1.45fr);column-gap:clamp(1.25rem,4vw,2.5rem);row-gap:clamp(1.5rem,4vw,2.5rem)}.project-column--details{grid-column:1 / span 2;flex-direction:row;flex-wrap:wrap;gap:clamp(1.5rem,5vw,2.5rem)}.project-column--details .project-categories,.project-column--details .project-overview,.project-column--details .project-meta{max-width:100%}.project-gallery{gap:clamp(1rem,4vw,1.5rem)}.project-nav{flex-direction:column;align-items:flex-start}.nav-next-copy{align-items:flex-start;text-align:left}.nav-next-media{width:min(360px,65vw)}.project-column--details .project-category-block,.project-column--details .project-about-block{flex:1 1 260px}}@media(max-width:780px){.frame{padding-bottom:clamp(3rem,10vw,5rem)}.brand--site{padding:0}.project-page{padding:clamp(1.25rem,8vw,2rem);gap:clamp(1.5rem,6vw,2.5rem)}.project-grid{grid-template-columns:1fr;row-gap:clamp(1rem,5vw,1.75rem)}.project-column{gap:clamp(1rem,4vw,1.5rem)}.project-column--details{grid-column:auto;flex-direction:column}.project-categories{font-size:clamp(.75rem,3.5vw,1rem)}.project-nav{flex-direction:column;align-items:flex-start;gap:clamp(1rem,6vw,1.75rem)}.nav-next-group{flex-direction:column;align-items:flex-start;width:100%;gap:clamp(.75rem,4vw,1.25rem)}.nav-next-copy{align-items:flex-start;text-align:left;gap:.2rem}.nav-next-name{font-size:clamp(1.1rem,6vw,1.6rem)}.project-row{grid-template-columns:1fr;gap:.4rem}.project-name{font-size:clamp(1.6rem,7vw,2.8rem)}.project-tags{font-size:clamp(.85rem,3vw,1rem)}.footer{flex-direction:column;align-items:flex-start;gap:1rem;padding:0}.cta-buttons{width:100%;flex-direction:column}.neon-btn{text-align:center}.social{width:100%;justify-content:space-between;gap:.75rem;font-size:.75rem}.about-board{grid-template-columns:1fr;grid-template-areas:"intro" "services" "contact";padding:0;gap:clamp(1rem,4vw,1.5rem)}}