:root{--yellow:#f9cc2d;--ink:#1c1b20;--paper:#faf8f1; color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;font-size:1.125rem;line-height:1.55}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid currentColor;outline-offset:6px}::selection{background:var(--yellow);color:var(--ink)}header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 5%;background:var(--yellow);border-bottom:1px solid var(--ink)}.brand{font-size:2rem;font-weight:bold;letter-spacing:-.04em;text-decoration:none}.brand span{color:var(--ink)}nav{display:flex;gap:1.7rem}nav a{text-decoration:none}nav [aria-current]{text-decoration:underline}h1,h2{font-weight:normal;line-height:1.12;letter-spacing:-.03em;text-wrap:balance}h1{font-size:clamp(2.6rem,5vw,4.6rem);margin:0 0 1.5rem}h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 1rem}p{max-width:70ch;margin:0 0 1.5rem}img{display:block;width:100%;height:auto}.skip{position:absolute;top:-100px;left:1rem;background:var(--ink);color:white;padding:.7rem;z-index:5}.skip:focus{top:1rem}.home-intro{background:var(--yellow);padding:5rem 5% 6rem;display:grid;grid-template-columns:1fr 170px;gap:5rem;align-items:center}.home-intro h1{max-width:21ch}.studio-mark{width:170px}.action{display:inline-block;margin-top:1rem;padding:.7rem 0;font-size:1.1rem}.hero-photo{position:relative;background:var(--ink)}.hero-photo img{max-height:650px;object-fit:cover}.hero-photo h2{position:absolute;bottom:6%;left:5%;margin:0;font-size:clamp(3rem,9vw,6rem);background:var(--yellow);padding:.15em .3em}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;padding:6rem 5%}.service-image{aspect-ratio:1.3;object-fit:cover;margin-bottom:2rem}.services p{font-size:1.05rem}.together{display:grid;grid-template-columns:1fr 1fr;background:var(--yellow);align-items:center;gap:3rem}.together>div{padding:3rem 10%}.together img{height:100%;object-fit:cover}.contact-links{display:flex;flex-direction:column;gap:.8rem;overflow-wrap:anywhere}.statement{padding:6rem 5%;max-width:1000px}.statement p{font-size:clamp(2rem,4vw,3rem);line-height:1.25}.page-intro{padding:5rem 5% 4rem;max-width:1100px}.page-intro p{font-size:1.3rem}.portfolio-project{padding:3rem 5% 5rem;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;align-items:center}.video{position:relative;aspect-ratio:16/9;background:var(--ink);width:100%}.video iframe{border:0;width:100%;height:100%;display:block}.project-images{max-width:1500px;margin:auto}.project-images img{margin:0}.back{padding:3rem 5%;margin:0}.contact-page{background:var(--yellow);padding:6rem 5% 8rem;min-height:60vh}.contact-page>p{font-size:2rem}footer{background:var(--ink);color:var(--paper);padding:4rem 5%;display:grid;grid-template-columns:1fr 1fr;gap:2rem}footer p{font-size:2rem}footer small{align-self:end}@media(max-width:700px){header{align-items:flex-start;gap:1rem;flex-direction:column;padding:1.3rem 6%}nav{gap:1.5rem;flex-wrap:wrap}.home-intro{grid-template-columns:1fr;padding:3rem 6%;gap:2rem}.studio-mark{width:110px}.hero-photo img{min-height:350px;object-position:center}.services{grid-template-columns:1fr;padding:3rem 6%;gap:3rem}.service-image{max-height:350px}.together,.portfolio-project{grid-template-columns:1fr}.together>div{padding:3rem 6%}.together img{max-height:450px}.page-intro{padding:3rem 6% 2rem}.portfolio-project{padding:2.5rem 6%;gap:2rem}.statement{padding:3rem 6%}.contact-page{padding:3rem 6% 5rem}footer{grid-template-columns:1fr;padding:3rem 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
