/* Pixel typography, cobalt blue and olive — edit the palette here. */
@font-face{font-family:'Pixelify Sans';src:url('assets/fonts/PixelifySans-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#0c1015;--surface:#131b24;--ink:#edf1f4;--muted:#a1abb7;--line:#303a45;--blue:#71aaff;--blue-2:#a2c7ff;--olive:#a9b873;--olive-deep:#657446;--lime:var(--olive);--heading:'Pixelify Sans',monospace;--body:'Segoe UI',Arial,sans-serif;--mono:'Consolas','Courier New',monospace}
h1,h2,h3,.wordmark,.contact-seal b{font-weight:400;letter-spacing:-.035em}
h1{line-height:.98}h2{line-height:1.03}h3{letter-spacing:-.015em}
em,.approach h2 em,.web-projects em,.contact h2 em{color:var(--olive)}
.hero h1 em{background:linear-gradient(105deg,var(--blue) 5%,#a2c7ef 48%,var(--olive) 90%);background-clip:text;-webkit-background-clip:text;color:transparent}
.wordmark{letter-spacing:-3px;color:var(--blue);text-shadow:none}
.hero{background:radial-gradient(ellipse at 82% 60%,#29372855,transparent 55%),radial-gradient(ellipse at 0 0,#21375b44,transparent 60%)}
.cross{color:var(--olive)}
.eyebrow{color:#a9b6c5}.hero-text .eyebrow{max-width:480px}
.primary-button{border-radius:2px;background:var(--blue);border-color:var(--blue);box-shadow:5px 5px 0 #2b3b53;transition:transform .2s,box-shadow .2s}
.primary-button:hover{background:#93beff;transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--olive-deep)}
.button-dot{background:#17202b;border-radius:0;box-shadow:4px -4px 0 var(--olive);width:7px;height:7px}
.contact-link,.filter,.page-control,.discipline-tags span,.detail-tags span,.pill{border-radius:2px}
.contact-link{border-color:var(--olive-deep)}
.contact-link:hover,.filter.active,.page-control:not(:disabled):hover{background:var(--olive);border-color:var(--olive);color:#11170d}
.hero-stage{border-color:#3c4a43;background-color:#141c23;background-image:linear-gradient(#729de90a 1px,transparent 1px),linear-gradient(90deg,#729de90a 1px,transparent 1px),radial-gradient(ellipse at 80% 80%,#73854538,transparent 70%);background-size:28px 28px,28px 28px,auto}
.hero-stage:after{content:'';position:absolute;width:12px;height:12px;right:30px;top:60px;background:var(--olive);box-shadow:-16px 0 var(--olive),0 16px var(--olive),-32px 32px var(--blue),-32px 48px var(--blue),-48px 48px var(--blue);opacity:.65;z-index:-1}
.orbit{border-radius:0;border-color:#74834c36;transform:rotate(-12deg)}.orbit-two{transform:rotate(20deg);border-color:#558ddd2e}
.stage-tag{background:var(--olive);color:#10160b;transform:rotate(-3deg);font-family:var(--mono)}
.cursor-tag{background:var(--blue);border-color:#9dbef0}
.stage-top,.stage-bottom{font-family:var(--mono);color:#b5c3cf}
.selected{background:linear-gradient(145deg,#141c25,#0e151a)}
.ui-feature{background:linear-gradient(135deg,#1c2824,#141d24);border-color:#45523b}.ux-process{background:#161f28}
.project-image>img{filter:none}.project-image{background:linear-gradient(140deg,#1c2936,#17201c)!important;border-color:#36433e}
.project-image.contain-cover>img{object-fit:contain;object-position:center}
.archive-grid .project-image.web-cover>img{object-fit:cover;object-position:top}
.project-hover{border-radius:1px;background:var(--olive);color:#10160b;box-shadow:3px 3px 0 #131b24}
.project-meta h3{font-size:27px}.project-meta>span{color:#a7b1bf}
.pill{color:var(--olive);border-color:var(--olive-deep)}
.approach{background:radial-gradient(ellipse at 10% 70%,#39452a2e,transparent 60%),#10171e}
.process-step>span{color:var(--olive)}.approach-statement p{font-family:var(--heading);font-size:30px}
.contact{background:radial-gradient(ellipse at 85% 30%,#61713d30,transparent 50%),radial-gradient(ellipse at 0 100%,#34649b24,transparent 70%),#0d141c}
.contact-seal{border-radius:0;border-color:var(--olive-deep);box-shadow:8px 8px 0 #293323;transform:rotate(8deg);color:var(--olive)}
.contact-links strong{font-family:var(--body);font-size:13px}.contact-links>a:hover{border-color:var(--olive)}
.contact-link-label{color:var(--olive)}
#progress-fill{background:linear-gradient(90deg,var(--blue),var(--olive))}
.journey-buttons button{border-radius:2px}.journey-buttons button:hover:not(:disabled){background:var(--olive)}
.detail-header h2{font-size:54px}.detail-gallery figure{background:#17212b}.detail-link:hover{color:var(--olive)}
::selection{background:var(--olive);color:#10160b}
@media(min-width:1000px){.hero h1{font-size:clamp(62px,6.2vw,104px)}.contact h2{font-size:clamp(64px,6.9vw,112px)}}
@media(min-width:1000px) and (max-height:800px){.contact h2{font-size:5.3vw;margin-bottom:22px}.contact-main>p{margin-bottom:16px}.contact-links{margin-top:18px}.contact-links>a{padding:10px 12px}.hero h1{font-size:5.6vw}}
@media(max-width:600px){.hero h1{font-size:clamp(46px,11.8vw,68px);letter-spacing:-.045em}.section-heading h2{font-size:43px}.approach h2{font-size:46px}.contact h2{font-size:clamp(42px,10.8vw,60px)}.contact-seal{display:none}.contact{padding-bottom:190px}.detail-header h2{font-size:40px}.wordmark{font-size:38px}}