:root{color:#050505;background:#f5f2ee;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f2ee}body.modal-open{overflow:hidden}button,a{font:inherit}.site-shell{width:min(100% - 6rem,1210px);margin:0 auto;padding:3.8rem 0 4.2rem}.intro{display:grid;grid-template-columns:minmax(320px,472px) minmax(420px,1fr);gap:clamp(4rem,6vw,6.4rem);align-items:start}.email{display:inline-block;color:#050505;font-size:clamp(1.25rem,1.8vw,1.55rem);font-weight:800;line-height:1.2;text-decoration:none}.email:hover,.email:focus-visible{text-decoration:underline}.rule{height:1px;margin:1.05rem 0 2rem;background:#050505;opacity:.75}.portrait{display:block;width:100%;height:auto;aspect-ratio:472 / 576;object-fit:cover}.intro-copy{padding-top:3.15rem}h1,h2,h3,p{margin:0}h1{font-size:clamp(3.6rem,6.1vw,5.25rem);font-weight:900;line-height:.95;letter-spacing:0}.intro-copy h2{margin-top:3.25rem;font-size:1.5rem;font-weight:900;line-height:1.1;text-transform:uppercase}.intro-copy p{max-width:650px;margin-top:1.25rem;font-size:clamp(1.25rem,1.75vw,1.55rem);line-height:1.28}.portfolio{margin-top:clamp(7.5rem,10vw,8.8rem)}.portfolio-heading{width:min(100%,472px)}.portfolio-heading h2{font-size:clamp(3.2rem,4.8vw,4.05rem);font-weight:900;line-height:.95}.portfolio-heading .rule{margin-top:.9rem;margin-bottom:2.3rem}.portfolio-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3.05rem 2.75rem;align-items:start}.portfolio-card{position:relative;grid-column:span 2;min-width:0}.portfolio-card:nth-child(4){grid-column:2 / span 2}.portfolio-card:nth-child(5){grid-column:4 / span 2}.portfolio-card img{display:block;width:100%;aspect-ratio:375 / 226;object-fit:cover}.card-title{position:absolute;left:50%;bottom:-2.2rem;display:grid;gap:.12rem;width:min(92%,18rem);max-width:calc(100% - 2rem);min-height:3.65rem;transform:translate(-50%);border:0;padding:.45rem .8rem .55rem;color:#fff;background:#000;font-weight:900;line-height:1.08;cursor:pointer;text-align:center;text-decoration:none}.card-title:hover,.card-title:focus-visible{outline:3px solid #d1b35d;outline-offset:3px}.card-category{font-size:clamp(.78rem,1.15vw,.9rem);text-transform:uppercase}.card-piece{font-size:clamp(.92rem,1.45vw,1.16rem)}.modal{position:fixed;inset:0;z-index:10;display:none;place-items:center;padding:1.5rem}.modal.is-open{display:grid}.modal-backdrop{position:absolute;inset:0;background:#0000009e}.modal-panel{position:relative;width:min(100%,760px);max-height:min(86vh,820px);overflow:auto;padding:clamp(1.4rem,3vw,2.3rem);background:#f9f7f3;box-shadow:0 24px 60px #00000057}.modal-panel:focus{outline:none}.modal-close{position:absolute;top:.75rem;right:.75rem;display:grid;width:2.5rem;height:2.5rem;place-items:center;border:0;color:#fff;background:#000;font-size:2rem;line-height:1;cursor:pointer}.modal-close:hover,.modal-close:focus-visible,.final-link:hover,.final-link:focus-visible{outline:3px solid #d1b35d;outline-offset:3px}#modal-title{max-width:calc(100% - 3.5rem);font-size:clamp(2rem,4vw,3.1rem);font-weight:900;line-height:1}#modal-title span{display:block;margin-bottom:.35rem;font-size:1rem;text-transform:uppercase}.modal-body{display:grid;gap:1.2rem;margin-top:1.5rem}.modal-section h3{margin-bottom:.35rem;font-size:1rem;font-weight:900;text-transform:uppercase}.modal-section p{font-size:1.02rem;line-height:1.48}.final-link{display:inline-flex;margin-top:1.55rem;padding:.65rem 1rem;color:#fff;background:#000;font-weight:900;text-decoration:none}.article-shell{width:min(100% - 3rem,880px);margin:0 auto;padding:2.5rem 0 5rem}.article-back{display:inline-flex;margin-bottom:2.2rem;color:#050505;font-size:1rem;font-weight:900;text-decoration:none}.article-back:hover,.article-back:focus-visible{text-decoration:underline}.article-header{border-bottom:1px solid rgb(5 5 5 / .7);padding-bottom:1.65rem}.article-kicker{margin-bottom:1rem;font-size:.95rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.article-header h1{max-width:820px;font-size:clamp(2.7rem,6.4vw,5rem);line-height:.98}.article-dek{max-width:720px;margin-top:1.15rem;font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:700;line-height:1.25}.article-meta{margin-top:1rem;color:#050505b8;font-size:1rem;font-weight:700;line-height:1.35}.article-image{display:block;width:100%;margin:2rem 0 2.4rem;aspect-ratio:16 / 9;object-fit:cover}.article-content{max-width:720px}.article-content h2{margin-top:2.2rem;font-size:clamp(1.7rem,3vw,2.15rem);font-weight:900;line-height:1.05}.article-content h3{margin-top:1.55rem;font-size:1.2rem;font-weight:900;line-height:1.18}.article-content p,.article-content blockquote{margin-top:1rem;font-size:1.12rem;line-height:1.58}.article-content blockquote{margin-left:0;border-left:5px solid #050505;padding:.15rem 0 .15rem 1rem;font-weight:800}@media(max-width:900px){.site-shell{width:min(100% - 2rem,680px);padding-top:2rem}.intro{grid-template-columns:1fr;gap:2rem}.intro-copy{padding-top:0}.intro-copy h2{margin-top:2rem}.portfolio{margin-top:4.5rem}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:3rem 1.2rem}.portfolio-card,.portfolio-card:nth-child(4),.portfolio-card:nth-child(5){grid-column:span 1}}@media(max-width:560px){.site-shell{width:min(100% - 1.25rem,420px)}h1{font-size:3.05rem}.email{font-size:1.05rem}.intro-copy p{font-size:1.12rem}.portfolio-grid{grid-template-columns:1fr}.portfolio-card{grid-column:span 1}.card-title{bottom:-2rem;width:min(90%,18rem)}.modal{padding:.75rem}.article-shell{width:min(100% - 1.25rem,520px);padding-top:1.25rem}.article-header h1{font-size:2.75rem}.article-content p,.article-content blockquote{font-size:1.05rem}}