@font-face{font-family:IndizainasManrope;src:url('fonts/Manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--bg:#fff;--ink:#111;--muted:#444;--line:#ddd;--accent:#111}
body{font-family:IndizainasManrope,Arial,sans-serif;background:#fff;color:#111}h1,h2,h3,.form-intro h1,.form-box h2,.portfolio-card h2,.project-intro h1{font-family:IndizainasManrope,Arial,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.035em;line-height:1.22}
h1,.form-intro h1,.project-intro h1,.portfolio-title h1{font-size:clamp(32px,3.5vw,48px)}h2{font-size:clamp(28px,2.7vw,36px)}p,.sub{font-family:IndizainasManrope,Arial,sans-serif;color:#111;font-size:16px;line-height:1.65}
.eyebrow,.tag{font-size:10px;letter-spacing:.18em;color:#111}header nav a,.footer-links a{font-family:IndizainasManrope,Arial,sans-serif;font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.15em}
.btn,.form-box .btn,button.btn{font-family:IndizainasManrope,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:0;background:#111;color:#fff;border-color:#111;line-height:1.5;padding:15px 20px;min-height:48px}
.btn.outline{background:transparent;color:#111}.field input,.field select,.field textarea{font-family:IndizainasManrope,Arial,sans-serif;background:#fff;color:#111;border-color:#ccc;border-radius:0}.choice:has(input:checked){background:#f0f0f0;border-color:#111}input[type=radio],input[type=checkbox]{accent-color:#111}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #111;outline-offset:2px}
.form-box{border-color:#ddd}.form-intro .note,.note,.status{font-size:12px;line-height:1.7;color:#555}.form-help{border-color:#ddd}.dark,.contact{background:#292929;color:#fff}.dark p,.dark .sub,.dark .eyebrow,.contact p,.contact .eyebrow,.contact a,.contact h2,.contact h3{color:#fff}.dark .btn,.contact .btn{background:#fff;border-color:#fff;color:#111}.dark .outline,.contact .outline{background:transparent;color:#fff;border-color:#ffffff80}.cover-word,.arch-tile{color:#fff}.project-meta,.gallery-section,details{border-color:#ddd}footer{background:#fff;color:#111;gap:20px;flex-wrap:wrap}.project-photos img{background:#eee}
@media(max-width:760px){section{padding-top:30px;padding-bottom:30px}.form-intro h1,.project-intro h1,.portfolio-title h1{font-size:32px}.form-layout{gap:24px}.form-box{padding:20px}.btn,.form-box .btn{font-size:10px;letter-spacing:.1em}header nav{flex-wrap:wrap}header nav a{font-size:9px;letter-spacing:.1em}.project-intro{gap:24px}footer{gap:18px}}
body .portfolio-title{padding-bottom:12px}body .portfolio-title .sub{margin-bottom:0}body .portfolio-grid{padding-top:24px}@media(max-width:760px){body .portfolio-title{padding-bottom:8px}body .portfolio-grid{padding-top:18px}}body header nav{position:relative;top:12px;align-items:center}body header nav a,body header .brand span{font-family:IndizainasManrope,Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:.14em;line-height:1.5}@media(max-width:760px){body header nav{top:0}body header nav a,body header .brand span{font-size:11px;letter-spacing:.1em}}
.submission-success{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 16px}.submission-success h2{font-size:40px;margin:0 0 20px}.submission-success p{max-width:400px;margin:0 0 16px}.submission-success .btn{margin-top:16px}.submission-success:focus{outline:none}
