:root{--paper:#f4efe5;--ink:#161412;--red:#b3261e;--line:#d6cfc3;--mono:"Courier New",monospace;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92vw);margin:auto}
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f8f4eb}
.brand{font-family:cursive;font-size:32px;color:var(--red);line-height:.8}.brand small{display:block;font:10px Arial;letter-spacing:.55em;color:#111;margin:10px 0 0 18px}
nav{display:flex;gap:28px;font:12px var(--mono);text-transform:uppercase}.menu-btn{display:none}
.hero-graphic{display:block;width:100%;max-height:610px;object-fit:cover;object-position:top center}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#f7f3ea}
.feature{padding:24px 20px;text-align:center;border-right:1px solid var(--line)}.feature:last-child{border-right:0}.feature img{width:42px;height:42px}.feature b{display:block;font:14px var(--mono);margin-top:8px}.feature span{font:12px var(--mono)}
.section{display:grid;grid-template-columns:260px 1fr;gap:42px;padding:58px 0;border-bottom:1px solid var(--line)}
.kicker{color:var(--red);font:14px var(--mono);text-transform:uppercase}.section h2,.page-hero h1{font-family:var(--serif);font-weight:400;line-height:.94;margin:12px 0 18px}.section h2{font-size:48px}.section p{font:14px/1.55 var(--mono)}.cta{display:inline-block;color:var(--red);font:14px var(--mono);text-transform:uppercase;margin-top:8px}
.polaroids{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.polaroid{background:#f9f6ef;padding:10px 10px 17px;box-shadow:0 4px 10px #0002;transform:rotate(-1deg)}.polaroid:nth-child(even){transform:rotate(1deg)}.polaroid img{width:100%;aspect-ratio:4/5;object-fit:cover}.polaroid strong{display:block;text-align:center;font:28px cursive;margin-top:8px}
.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card img{width:100%;aspect-ratio:1.2/1;object-fit:cover}.card h3{font:15px var(--mono);font-weight:400;text-transform:uppercase}.studio img{width:100%;display:block}
footer{padding:34px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-copy{font:11px var(--mono);text-transform:uppercase}
.page-hero{padding:70px 0 42px}.page-hero h1{font-size:58px;max-width:760px}.page-hero p{max-width:720px;font:16px/1.6 var(--mono)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px}.content{padding-bottom:70px}.content img{width:100%}.copy{font:16px/1.7 var(--mono)}
.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.model-grid img{width:100%;aspect-ratio:4/5;object-fit:cover}.model-grid h2{font:30px cursive;font-weight:400}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.project-grid img{width:100%;aspect-ratio:1.35/1;object-fit:cover}.project-grid h2{font:34px var(--serif);font-weight:400;margin-bottom:8px}
form{max-width:680px;display:grid;gap:16px}label{font:13px var(--mono);text-transform:uppercase}input,textarea{width:100%;padding:14px;border:1px solid #bfb7aa;background:#fbf8f1;font:16px Arial}textarea{min-height:160px}button{background:#171513;color:#fff;border:0;padding:15px 22px;font:13px var(--mono);text-transform:uppercase;cursor:pointer}
@media(max-width:760px){.site-header nav{display:none}.menu-btn{display:block;font:13px var(--mono)}.hero-graphic{min-height:360px;object-fit:cover;object-position:top center}.feature-strip{grid-template-columns:1fr 1fr}.feature:nth-child(2){border-right:0}.section{grid-template-columns:1fr;padding:40px 0}.section h2{font-size:36px}.polaroids{grid-template-columns:1fr 1fr}.projects,.model-grid,.project-grid,.grid2{grid-template-columns:1fr 1fr}.page-hero h1{font-size:40px}.footer-row{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.projects,.model-grid,.project-grid,.grid2{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--line)}}

.brand-graphic{display:block;width:185px;max-width:42vw;line-height:0}.brand-graphic img{display:block;width:100%;height:auto}

.feature{display:block;color:inherit}
.feature:hover,.feature:focus-visible{background:#f1eadf;outline:none}
.feature:focus-visible{box-shadow:inset 0 0 0 2px var(--red)}