@font-face{font-family:Code;src:url('fonts/CODE Bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:Creato;src:url('fonts/CreatoDisplay-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Creato;src:url('fonts/CreatoDisplay-Medium.otf') format('opentype');font-weight:500 600;font-display:swap}
@font-face{font-family:Creato;src:url('fonts/CreatoDisplay-Bold.otf') format('opentype');font-weight:700 900;font-display:swap}
body{font-family:Creato,'Segoe UI',sans-serif}
h2,h3,.project-layout h1,.special-intro h1{font-family:Code,Arial,sans-serif;font-weight:700;letter-spacing:0;line-height:1.08}
h3{font-size:23px}.hero h1{font-family:Code,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;font-size:11.2vw;transform:none}.brand{font-family:Code,Arial,sans-serif;letter-spacing:0;font-size:20px}
.masthead{display:block;position:relative;top:auto;height:auto;padding:24px 3vw 0;background:var(--black);backdrop-filter:none;border-bottom:none}
.masthead-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.masthead-name{font-family:Code,Arial,sans-serif;font-weight:700;font-size:clamp(50px,10.6vw,180px);line-height:.95;letter-spacing:-.035em;white-space:nowrap}
.masthead-profile{display:flex;align-items:end;justify-content:end;gap:18px;flex:1}.masthead-profile img{width:clamp(90px,10vw,170px);height:auto;aspect-ratio:1;object-fit:contain}.masthead-profile span{font-size:12px;line-height:1.5;white-space:nowrap;color:var(--muted)}
.masthead nav{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:16px;padding:15px 0;font-size:12px;text-transform:uppercase;position:static;background:none;width:auto}
.masthead-socials{display:flex;gap:16px}.masthead .nav-toggle{display:none}
.special-intro{display:block;padding:64px 3vw 26px}.special-intro .eyebrow{font-size:11px;margin-bottom:13px}.special-intro h1{font-size:clamp(30px,3.4vw,52px);margin:0;letter-spacing:0}.special-intro p{color:var(--sand)}
.specialty-page .rail-section{padding-top:0}.specialty-page .rail-section .section-head{padding:0 3vw;margin-bottom:20px;align-items:center}.rail-label{font-size:13px;color:var(--muted);margin:0}
.specialty-page .rail{gap:22px;padding:0 3vw 25px;align-items:start}.specialty-page .rail .card{flex:0 0 clamp(210px,20vw,320px)}
.specialty-page .rail .visual{aspect-ratio:9/16;background:transparent;border-radius:0}.specialty-page .rail .visual img{object-fit:contain;aspect-ratio:9/16;width:100%;height:auto;position:static}
.specialty-page .rail .info{min-height:100px;padding:18px 0}.specialty-page .rail h3{font-size:20px;line-height:1.15}.specialty-page .rail .info p{font-size:13px;line-height:1.4}.specialty-page .rail-hint{padding:0 3vw}
@media(max-width:1000px){.masthead-profile span{display:none}.masthead-name{font-size:11vw}.masthead-profile img{width:12vw}.specialty-page .rail .card{flex-basis:240px}}
@media(max-width:560px){.masthead{padding:22px 6vw 0}.masthead-top{gap:18px;padding-bottom:20px}.masthead-name{white-space:normal;font-size:12.6vw;max-width:70%;line-height:1.02}.masthead-profile{flex:0 0 68px}.masthead-profile img{width:68px}.masthead nav{grid-template-columns:repeat(4,1fr);gap:10px;font-size:10px;padding:17px 0}.masthead-socials{display:none}.special-intro{padding:42px 6vw 26px}.special-intro h1{font-size:32px;line-height:1.1}.specialty-page .rail-section .section-head{padding:0 6vw}.specialty-page .rail{padding-left:6vw;padding-right:6vw;gap:16px}.specialty-page .rail .card{flex-basis:66vw}.specialty-page .rail-hint{padding:0 6vw}.hero h1{font-size:16.2vw}.info h3{font-size:23px}.contact h2{font-size:13vw}}
