/* Clear editorial type lets the chalk artwork do the drawing. */
body,button,input,textarea{font-family:Arial,Helvetica,sans-serif}
h1,h2,.cover-type h1,.landmark strong,.skill-button strong,.skill-detail h3{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.035em}
h1,h2{line-height:1.02}button{min-height:44px}header nav a{font-size:14px;padding:8px 0}.wordmark span{font-size:12px}#sound{font-size:14px}
.eyebrow{font-size:14px;letter-spacing:.09em}.cover-type p{font-family:Arial,Helvetica,sans-serif;font-style:normal}.entrance-actions p span{font-size:16px}.board-top{margin-bottom:24px}#mode{font-size:14px;letter-spacing:.04em}
.how-to{list-style:none;padding:0;margin:0 0 26px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.how-to>li{position:relative;padding:20px 0 20px 42px;line-height:1.5}.step-number{position:absolute;left:0;top:20px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:white;font-size:14px;font-weight:700}
.how-to h2{font-size:19px;letter-spacing:-.02em;margin:2px 0 8px}.how-to p{font-size:16px;margin:0;line-height:1.5;max-width:30ch}.how-to .palette{margin-top:14px;gap:18px}.swatch{font-size:14px;gap:8px;min-width:38px}.swatch i{width:30px;height:30px}.swatch.active i{outline:2px solid var(--ink);outline-offset:4px}
.map-copy{top:17%;width:33%}.map-copy h1{font-size:clamp(28px,4.1vw,55px);line-height:1.02;letter-spacing:-.055em;margin:0 0 18px}.map-copy p{font-size:clamp(14px,1.5vw,18px);line-height:1.5}.landmark strong{font-size:clamp(21px,3.3vw,43px);letter-spacing:-.04em}.landmark .number{font-size:14px;letter-spacing:.05em}.landmark .open-label{font-size:14px;letter-spacing:.02em}.hint{font-family:Arial,sans-serif;font-size:16px;transform:rotate(-14deg)}
.toolbar{max-width:none;display:flex;flex-wrap:wrap;margin:18px 0 0;gap:16px}.direct-projects{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.direct-projects>span{font-size:14px;margin-right:5px}.direct-projects button{font-size:16px;border:1px solid var(--ink);background:transparent;padding:10px 16px}.direct-projects button:hover{background:var(--yellow)}.actions button{font-size:16px}.status{max-width:none;font-size:16px;line-height:1.5;margin:18px 0 25px;min-height:48px}.status span{max-width:100%}
dialog{padding:clamp(24px,4vw,50px);border-radius:0}#project-title{font-size:clamp(32px,4.5vw,58px);max-width:850px;padding-right:15px;line-height:1.05}#project-description{font-size:18px;line-height:1.5;max-width:65ch}#project-media video{width:100%;background:#111;aspect-ratio:16/9}#project-media figure{margin:28px 0 35px}.case-grid{gap:24px 45px;border-top:1px solid var(--ink);padding-top:25px}.case-grid:empty{display:none}.case-grid h3{font-size:14px;letter-spacing:.08em;margin:0 0 12px}.case-grid p{font-size:17px;line-height:1.75;margin:0}.placeholder-note{font-size:16px!important}.media-placeholder{background:transparent;border:1px dashed #85887b;min-height:160px;font-size:16px}.case-grid section:last-child:nth-child(odd){grid-column:1/-1;max-width:70ch}
.about-heading h1{font-size:clamp(38px,5.3vw,70px);line-height:1.02}.about-bio h2{font-size:clamp(30px,4vw,48px)}.about-bio #about-role{font-size:16px;line-height:1.6}#about-bio{line-height:1.8}.skills-heading h2{font-size:clamp(28px,3.5vw,42px)}.skills-heading p{font-size:16px}.skill-button{transform:none!important;box-shadow:3px 3px var(--ink)}.skill-button strong{font-size:24px;line-height:1.15}.skill-button span{font-size:14px}.skill-button:hover,.skill-button[aria-pressed=true]{box-shadow:5px 5px var(--ink)}.skill-detail h3{font-size:34px;line-height:1.1}.skill-footnote{font-size:12px}.about-portrait.custom{aspect-ratio:4/3;transform:none}.about-portrait.custom img{height:100%;object-fit:cover;position:static}
.editor-aside h1{font-size:56px;line-height:1.05}.editor-guide{font-size:16px;line-height:1.7;padding-left:20px}.editor-guide li{margin:8px 0}.editor-body label,.editor-body>p{font-size:16px}.editor-body h2{font-size:32px}.editor-actions button{font-size:16px}.editor-aside>p{font-size:16px}.media-editor>p{font-size:16px}#about-photo-preview{width:180px;max-height:160px;object-fit:contain;display:block;margin:12px 0}.photo-editor{border-bottom:1px solid var(--ink);margin-bottom:25px;padding-bottom:20px}.photo-editor p{font-size:16px;line-height:1.6}.photo-editor button{background:var(--yellow);border:1px solid var(--ink);padding:10px 14px}.photo-editor input{font-size:16px}.upload-zone span{font-size:14px}footer{font-size:12px}
@media(max-width:750px){.how-to{grid-template-columns:1fr;gap:0}.how-to>li{padding:16px 0 16px 42px;border-bottom:1px solid #20221d30}.how-to>li:last-child{border-bottom:0}.step-number{top:16px}.how-to p{max-width:none}.how-to .palette{gap:26px}.board-top{flex-wrap:wrap;margin-bottom:18px}.map-copy p{display:none}.landmark .open-label{display:none}.landmark .number{display:none}.landmark strong{font-size:clamp(16px,3.8vw,26px)}.map-copy h1{font-size:clamp(19px,4.6vw,30px);line-height:1.02}.map-copy{top:19%;left:8%;width:35%}.hint{display:none}.toolbar{display:block}.actions{margin-top:18px}.status{font-size:16px;margin:16px 0;display:block}#explore{font-size:16px;margin-top:12px}header nav{gap:12px;justify-content:start}header nav a,#edit-link,#sound{font-size:14px}.wordmark{font-size:15px}.cover-type p{font-size:14px}.direct-projects{gap:8px}.direct-projects>span{flex-basis:100%}.direct-projects button{flex:1}#mode{font-size:12px}.about-heading h1{font-size:clamp(35px,9vw,58px)}.skill-button strong{font-size:21px}.case-grid{grid-template-columns:1fr}.case-grid p{font-size:16px}.skill-detail h3{font-size:30px}}
@media(max-width:370px){.skill-buttons{grid-template-columns:1fr}.cover-type h1{font-size:34px}}