header{gap:20px}header nav{gap:19px;align-items:center}header nav a{font-size:11px}.nav-social{opacity:.86}.menu-toggle{display:none}nav [aria-current=page]{text-decoration:underline;text-underline-offset:6px}.portfolio-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;margin-top:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.portfolio-callout .eyebrow{margin-bottom:6px}.portfolio-callout p:not(.eyebrow){font:23px Georgia,serif;margin:0}.ideas-label{font:32px Georgia,serif;margin:40px 0 20px}.portfolio-page .masthead{position:relative;top:0;color:var(--ink);background:var(--cream)}.portfolio-page header{border-color:var(--line)}.portfolio-page header nav a{text-shadow:none}.portfolio-page header .button{background:var(--ink);color:var(--paper)}.portfolio-intro{padding-bottom:25px}.portfolio-intro h1{font-size:clamp(60px,7vw,105px);line-height:1.05;letter-spacing:-3px}.portfolio-intro>p:not(.eyebrow){max-width:420px;color:var(--muted);font-size:14px;margin-top:25px}.portfolio-collection{padding-top:35px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 28px}.portfolio-piece h2{font:25px/1.3 Georgia,serif;letter-spacing:0;margin:15px 0 0}.portfolio-piece p{font-size:10px;letter-spacing:1px;color:var(--muted);margin:7px 0 0}#portfolio-dialog{max-width:min(850px,94vw);max-height:94svh;overflow:auto;border:0;background:var(--paper);padding:20px}#portfolio-dialog::backdrop{background:#000c}#portfolio-close{display:block;margin:0 0 15px auto;min-height:44px;border:0;background:none;padding:8px 15px;cursor:pointer}#portfolio-full-image{display:block;width:100%;max-height:70svh;object-fit:contain}#portfolio-image-title{font:28px Georgia,serif;letter-spacing:0;margin-top:20px}#portfolio-dialog p{font-size:11px;color:var(--muted)}
@media(max-width:1100px) and (min-width:801px){header{padding-left:4%;padding-right:4%;gap:15px}header nav{gap:12px}header nav a{font-size:10px}header .wordmark{font-size:28px}header .small{gap:16px;padding:12px}}
@media(max-width:800px){header{position:relative;gap:12px;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto;border:1px solid #ffffff80;background:#24232150;color:white;min-height:44px;padding:8px 12px;cursor:pointer;font-size:11px}header nav{display:none}header nav.is-open{display:grid;grid-template-columns:1fr 1fr;position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--cream);color:var(--ink);padding:20px 6%;gap:7px 20px;box-shadow:0 15px 25px #0003}header nav a{font-size:13px;min-height:44px;padding:10px 0;text-shadow:none}header nav a.nav-social{font-size:11px}.portfolio-page .menu-toggle{background:transparent;color:var(--ink);border-color:var(--line)}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:35px 20px}}
@media(max-width:600px){header{padding:18px 5%;gap:10px}header .wordmark{font-size:25px;letter-spacing:3px}header .wordmark span{font-size:8px;letter-spacing:5px}header .small{font-size:9px;padding:10px;gap:10px;min-height:44px}.menu-toggle{font-size:10px;padding:8px 10px}.portfolio-callout{align-items:flex-start;flex-direction:column;gap:10px}.portfolio-callout p:not(.eyebrow){font-size:22px}.ideas-label{font-size:28px}.portfolio-grid{gap:30px 15px}.portfolio-piece h2{font-size:20px}.portfolio-piece p{font-size:9px}.portfolio-intro h1{font-size:62px;letter-spacing:-2px}.portfolio-intro{padding-bottom:10px}.portfolio-collection{padding-top:25px}}