@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#05091c;--navy:#0a1030;--violet:#6870ff;--ice:#e8eaff;--muted:#a8acd1;--line:#27327a;--amber:#ffd06c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ice);font-family:'Space Mono',monospace;letter-spacing:.03em}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px);mix-blend-mode:screen;opacity:.4}.section-frame{padding-left:clamp(24px,7vw,120px);padding-right:clamp(24px,7vw,120px)}.site-header{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(24px,7vw,120px)}.brand{font-size:1.55rem;font-weight:700;color:var(--ice);text-decoration:none;letter-spacing:-.08em}.brand span{color:var(--violet)}.nav{display:flex;gap:34px}.nav a,.footer nav a{color:var(--ice);font-size:.72rem;text-decoration:none}.nav a:hover,.footer nav a:hover,.text-link:hover{color:var(--violet)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ice);padding:10px 14px;font:inherit}.hero{min-height:850px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,rgba(5,9,28,.88) 0%,rgba(5,9,28,.4) 55%,rgba(5,9,28,.05)),url('assets/hero-night.png') center/cover}.hero:after{content:'';position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--ink));pointer-events:none}.hero-copy{max-width:700px;position:relative;z-index:1}.eyebrow{font-size:.68rem;color:var(--violet);letter-spacing:.18em}.hero h1,.about h2,.contact h2{font-size:clamp(2.4rem,6vw,6.7rem);line-height:.98;letter-spacing:-.09em;margin:24px 0}.hero h1 em,.about h2 em,.contact h2 em{font-style:normal;color:var(--violet)}.intro{max-width:430px;color:var(--muted);line-height:1.8;font-size:.9rem}.pixel-button{display:inline-flex;gap:30px;align-items:center;color:var(--ice);border:1px solid var(--ice);box-shadow:4px 4px 0 var(--violet);padding:16px 20px;text-decoration:none;font-size:.78rem;margin-top:25px;transition:.2s}.pixel-button:hover{background:var(--ice);color:var(--ink);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--violet)}.hero-coordinate{position:absolute;right:7vw;bottom:130px;color:var(--muted);font-size:.65rem;line-height:1.7}.scroll-hint{position:absolute;z-index:1;bottom:34px;left:clamp(24px,7vw,120px);font-size:.62rem;color:var(--muted)}.scroll-hint span{color:var(--violet);margin-left:15px}.content-section{padding-top:120px;padding-bottom:130px;background:var(--ink)}.section-heading{display:flex;justify-content:center;align-items:center;gap:20px}.section-heading span{color:var(--violet)}h2{font-size:clamp(1.55rem,3vw,2.7rem);letter-spacing:-.07em;margin:0}.section-subtitle{text-align:center;color:var(--muted);font-size:.7rem;margin:15px 0 55px}.project-grid,.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card,.service-card{border:1px solid var(--line);background:#0b1231;transition:.3s}.project-card:hover,.service-card:hover{border-color:var(--violet);transform:translateY(-6px)}.project-art{height:280px;position:relative;overflow:hidden;background-color:#151d5b}.project-art:before,.project-art:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(135deg,transparent 30%,#252b75 30% 50%,transparent 50%),linear-gradient(45deg,transparent 40%,#11163e 40% 65%,transparent 65%)}.project-art:after{inset:auto 0 0;height:35%;background:#080c24;clip-path:polygon(0 55%,15% 20%,30% 60%,48% 10%,65% 58%,80% 24%,100% 60%,100% 100%,0 100%)}.art-one{background:radial-gradient(circle at 50% 30%,#d5d8d7 0 9%,transparent 10%),linear-gradient(#151a55,#332d78)}.art-two{background:linear-gradient(160deg,#1d2c79,#74498e)}.art-three{background:linear-gradient(#7e4b91,#e07a82 50%,#24224c)}.project-art span{position:absolute;z-index:1;top:15px;right:15px;color:var(--muted);font-size:.7rem}.card-copy{padding:19px;position:relative}.card-copy h3,.service-card h3{font-size:.82rem;margin:0 0 9px}.card-copy p,.service-card p{color:var(--muted);font-size:.7rem;margin:0}.card-copy span{position:absolute;right:20px;bottom:18px;color:var(--violet)}.services{background:#080d25}.service-card{padding:38px 25px;min-height:210px}.service-icon{color:var(--violet);font-size:2.3rem;margin-bottom:30px}.service-card p{line-height:1.8}.about{min-height:650px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(5,9,28,.98) 20%,rgba(5,9,28,.45)),url('assets/hero-night.png') center bottom/cover}.about-copy{max-width:650px}.about h2{font-size:clamp(2rem,4.5vw,4.3rem)}.about-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9;max-width:530px}.text-link{color:var(--ice);text-decoration:none;font-size:.75rem;display:inline-flex;gap:25px;margin-top:15px}.text-link span{color:var(--violet)}.about-mark{margin-right:10%;padding:38px;border:1px solid var(--line);color:var(--violet);text-align:center}.about-mark span{font-size:4rem}.about-mark small{display:block;color:var(--muted);font-size:.6rem;line-height:1.7}.contact{text-align:center;padding-top:150px;padding-bottom:150px;background:radial-gradient(circle at 50% 100%,#25235b,#05091c 60%)}.contact h2{font-size:clamp(2rem,4.5vw,4.5rem)}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;padding-top:42px;padding-bottom:42px;color:var(--muted);font-size:.65rem;line-height:1.7}.footer .brand{color:var(--ice)}.footer p{margin:0}.footer nav{display:flex;flex-direction:column;gap:5px}.reveal{opacity:0;transform:translateY(22px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:760px){.site-header{padding-top:20px}.nav{display:none;position:absolute;top:72px;right:24px;flex-direction:column;gap:18px;background:var(--navy);border:1px solid var(--line);padding:20px 25px}.nav.open{display:flex}.menu-toggle{display:block}.hero{min-height:730px;background-position:63% center}.hero h1{font-size:2.6rem}.hero-coordinate{display:none}.project-grid,.service-grid{grid-template-columns:1fr}.project-art{height:230px}.content-section{padding-top:90px;padding-bottom:90px}.about{min-height:680px;padding-top:80px;padding-bottom:80px;align-items:flex-start}.about-mark{display:none}.footer{display:grid;gap:30px}.footer nav{grid-row:1;grid-column:2}}
/* Generated portfolio artwork */
.project-art{background-size:cover;background-position:center}
.project-art:before{display:none}
.project-art:after{inset:0;height:auto;background:linear-gradient(180deg,transparent 55%,rgba(5,9,28,.48));clip-path:none}
.art-one{background-image:url('assets/silent-shores.png')}
.art-two{background-image:url('assets/higher-ground.png')}
.art-three{background-image:url('assets/neon-fields.png')}
.about{background-image:linear-gradient(90deg,rgba(5,9,28,.98) 20%,rgba(5,9,28,.45)),url('assets/about-bridge.png')}