@font-face{font-family:ArchivoBlack;src:url('assets/fonts/archivo-black.ttf') format('truetype');font-display:swap}
@font-face{font-family:SpaceMono;src:url('assets/fonts/space-mono.ttf') format('truetype');font-display:swap}
:root{--cream:#f7f2e8;--bone:#f7f2e8;--forest:#20232b;--primary:#20232b;--ink:#20232b;--accent:#3d5bff;--sage:#3d5bff;--panel:#d9dcee;--rule:#20232b;--serif:ArchivoBlack,Arial,sans-serif;--mono:SpaceMono,Consolas,monospace}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--primary)}
.header-inner{border-bottom-width:3px}.desktop-nav a:after{height:3px}.wordmark>span{font-family:ArchivoBlack,Arial,sans-serif;font-weight:400}
.hero{height:470px;padding:40px 0 26px}.hero-body{text-align:center;width:100%}.hero .eyebrow{margin-bottom:22px}.hero h1{font:400 clamp(40px,4.6vw,72px)/1.04 var(--serif);text-transform:uppercase;letter-spacing:-.035em;max-width:1100px;margin:auto}
.hero-accent{background:var(--accent);display:inline-block;padding:0 .18em .06em .09em;clip-path:polygon(0 0,100% 0,100% 35%,97% 35%,97% 65%,100% 65%,100% 100%,0 100%)}
[data-palette=cobalt] .hero-accent{color:var(--cream)}
.hero-trail{display:flex;gap:16px;align-items:center;justify-content:center;margin:15px auto 0}.hero-trail>i{width:8px;height:8px;background:var(--primary)}.hero-trail .hero-muncher{position:static;transform:none;width:65px;height:65px}
.tile:before,.tile:after{border-width:3px}.category-icon i{border-radius:0}.category-icon svg{transform:none}
.tile-caption h2,.studio-tile .tile-caption h2,.inspection-tile .tile-caption h2{font:400 clamp(25px,2.2vw,36px)/1.08 var(--serif);text-transform:uppercase;letter-spacing:-.025em}
.image-shade{background:linear-gradient(180deg,#1115,#1111 37%,#111d)}
.studio-tile .tile-link,.education-tile .tile-link{background:var(--panel)}
.studio-tile .tile-link{color:var(--cream)}.studio-tile .tile-image{object-position:50% 43%;filter:saturate(.65)}.studio-tile .image-shade{background:linear-gradient(180deg,#1118 0%,#1111 35%,#1113 50%,#111e 100%)}
.studio-art{background:radial-gradient(ellipse at 20% 5%,var(--cream),transparent 65%),var(--panel)}.studio-art:after{background:none}
.paper-card{box-shadow:0 22px 25px -11px #0004,1px 2px 3px #0002}.paper-back>span,.paper-front>p{font-family:var(--sans);font-weight:750;font-size:8cqw;letter-spacing:-.03em}.paper-back{border:2px solid var(--primary)}
.paper-front{top:27%}.paper-front>small,.paper-back>small{font-size:2.6cqw}
.education-art{background:linear-gradient(120deg,var(--panel),var(--accent))}.edu-frame{background:var(--primary);box-shadow:inset 13px 6px 22px #0003}.edu-stair{background:var(--cream);border-top-color:var(--primary);box-shadow:0 -5px 12px #0002}.edu-mark{transform:none}.video-control{background:#25252555;border-color:var(--cream)}
.approach h2,.education-intro h2,.directory-heading h2{font-family:var(--serif);font-weight:400;text-transform:uppercase;letter-spacing:-.035em}.approach h2{font-size:clamp(36px,4vw,60px);line-height:1.06}.approach h2 em{color:var(--primary);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:7px;text-underline-offset:7px}.approach-mark{transform:none}
.education-intro h2{font-size:clamp(36px,3.6vw,56px);line-height:1.04}.education-intro>p,.education-projects article p{color:var(--cream)}.education-projects h3{font-family:var(--sans);font-size:27px;font-weight:750;letter-spacing:-.025em}.project-top,.development-note{color:var(--cream)}.development-label{border-color:var(--cream)}.development-label>span{background:var(--cream);border-radius:0}.education-projects article{border-bottom:2px solid color-mix(in srgb,var(--cream) 50%,transparent)}
.directory-heading h2{font-size:34px}.business-row{border-top-width:3px}.business-row:last-child{border-bottom-width:3px}.business-name{font:750 25px/1.15 var(--sans);letter-spacing:-.03em}.card-preview-button{border-width:2px}.business-row>a:hover .business-name{text-decoration-thickness:2px}
.footer{border-top-width:3px}.footer-main{grid-template-columns:1.25fr 1fr .6fr}.footer-bottom{border-top-width:3px}.back-to-top{padding:5px 0;font:inherit}.back-to-top span{font-size:16px;padding-left:10px}
dialog::backdrop{background:#191919de}.dialog-bar,.preview-bottom{border-bottom-width:3px}.search-field input{font-family:var(--sans);font-weight:700}.search-field input::placeholder{color:color-mix(in srgb,var(--primary) 65%,var(--cream))}.search-result h3{font:750 25px var(--sans)}
.preview-face{box-shadow:0 19px 35px #0003}.preview-front>p{font-family:var(--serif);font-size:28px;text-transform:uppercase}.preview-back{border:2px solid var(--primary)}.preview-back>p{font-family:var(--serif);text-transform:uppercase;font-size:25px}
@media(max-width:1100px){.desktop-nav{gap:22px}.hero{height:420px}.paper-front{top:22%}.tile-caption h2,.studio-tile .tile-caption h2,.inspection-tile .tile-caption h2{font-size:27px}.footer-main{grid-template-columns:1.1fr 1fr .65fr}}
@media(min-width:601px) and (max-width:850px){.tile-caption h2,.studio-tile .tile-caption h2,.inspection-tile .tile-caption h2{font-size:21px}.paper-front{top:19%}.education-intro h2{font-size:35px}}
@media(max-width:850px){.hero{height:390px}.hero h1{font-size:43px}.footer-main{grid-template-columns:1fr 1fr}.footer-wordmark{grid-column:1/-1}.footer-motion{grid-column:auto}.mobile-menu>a{border-bottom-width:3px;font-family:var(--sans);font-weight:750}.menu-toggle span{height:2px}}
@media(max-width:600px){.hero{height:330px;padding:27px 0 20px}.hero h1{font-size:35px;max-width:350px;line-height:1.05}.hero h1>br{display:none}.hero .eyebrow{margin-bottom:19px;font-size:10px}.hero-trail{margin-top:15px;gap:13px}.hero-trail .hero-muncher{width:47px;height:47px}.hero-trail>i{width:6px;height:6px}.tile-caption h2,.studio-tile .tile-caption h2,.inspection-tile .tile-caption h2,.education-tile .tile-caption h2{font-size:26px;line-height:1.06}.paper-front{top:17%}.paper-back{border-width:1px}.approach h2{font-size:37px}.education-intro h2{font-size:39px}.directory-heading h2{font-size:29px}.business-name{font-size:24px}.education-projects h3{font-size:26px}.footer-main{grid-template-columns:1fr}.footer-motion{grid-column:1}.preview-front>p{font-size:18px}.preview-back>p{font-size:20px}}
@media(max-width:600px){.tile-caption h2,.studio-tile .tile-caption h2,.inspection-tile .tile-caption h2,.education-tile .tile-caption h2{font-size:22px}.tile-caption p,.studio-tile .tile-caption p{font-size:10px}}
@media(max-width:370px){.hero h1{font-size:32px}.tile-caption h2,.studio-tile .tile-caption h2,.inspection-tile .tile-caption h2,.education-tile .tile-caption h2{font-size:20px}.education-intro h2{font-size:36px}.business-name{font-size:22px}}