@import "https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&family=Nunito+Sans:wght@300;400;500;700;800&display=swap";:root{--bg-light:#d6d7d9;--bg-dark:#373840;--text-dark:#111215;--text-light:#ececec;--line-dark:#9b9da2;--line-light:#1f2025;--field:#d8d8da}*{box-sizing:border-box}html,body,#app{width:100%;margin:0}body{background:linear-gradient(180deg, var(--bg-light) 0%, var(--bg-light) 46%, var(--bg-dark) 46%, var(--bg-dark) 100%);color:var(--text-dark);font-family:Nunito Sans,Helvetica Neue,sans-serif}section{width:100%}h1,h2,h3{margin:0;font-family:Cardo,Georgia,serif}p{margin:0;font-size:18px;font-weight:200;line-height:1.6}a{color:inherit}.hero{background:var(--bg-light);padding:76px 32px 86px}.hero-wrap{grid-template-columns:minmax(300px,420px) 1fr;align-items:center;gap:36px;max-width:980px;margin:0 auto;display:grid}.hero-image-wrap{background:#c9cacd;border-radius:34% 66% 33% 67%/28% 31% 69% 72%;overflow:hidden}.hero-image{filter:grayscale();width:100%;height:auto;display:block}.hero-copy{flex-direction:column;display:flex}.hero-copy h1{margin:0 auto 22px;font-size:clamp(2.5rem,3.5vw,2.5rem);line-height:1.15}.hero-copy p{margin:0 0 20px}.hero-copy a{text-underline-offset:5px}.cta{letter-spacing:.07em;text-transform:uppercase;border:3px solid #111;margin-top:12px;padding:18px 58px;font-family:Cardo,Georgia,serif;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-block}.selected-work{background:var(--bg-dark);color:var(--text-light);padding:92px 30px 84px}.selected-work-wrap{max-width:700px;margin:0 auto}.selected-work h2{text-align:center;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(2rem,2.5vw,2.5rem)}.rule{background:var(--line-dark);max-width:540px;height:1px;margin:30px auto 54px}.work-entry{border-bottom:1px solid var(--line-dark);margin-bottom:38px;padding:14px 0 40px}.work-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.selected-work-copyright{text-align:center;opacity:.6;margin-top:52px}.work-entry h3{text-transform:uppercase;text-align:center;letter-spacing:.02em;margin-bottom:30px;font-size:clamp(1.6rem,2.2vw,2.2rem)}.work-grid{grid-template-columns:minmax(350px,34%) 1fr;align-items:start;gap:26px;display:grid}.work-grid.single-column{grid-template-columns:1fr}.work-grid.embed-left{grid-template-columns:350px 1fr}.work-image-link{background:#a2a19c;display:block}.work-image{width:100%;display:block}.work-copy p{margin-bottom:20px}.work-link{text-underline-offset:4px;text-decoration:underline}.streaming-badge{text-align:left;opacity:.7;display:block}.streaming-badge:hover{opacity:1}.embed-wrap{margin-top:18px}.embed-wrap iframe{border:0;border-radius:6px;width:100%;min-height:120px}.contact{background:var(--bg-light);padding:86px 30px 90px}.contact-wrap{max-width:860px;margin:0 auto}.contact h2{color:#000;margin-bottom:62px}.contact-form{max-width:720px;margin:0 auto}.field-group-label{margin-bottom:18px;font-size:1.05rem}.field-label{margin-bottom:8px;font-size:1.15rem;display:block}.field-label span{color:#616161}.contact-form input,.contact-form textarea{background:var(--field);width:100%;font:inherit;border:2px solid #aaa;margin-bottom:32px;padding:14px 12px;font-size:1.1rem}.row.two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.contact-form button{color:#9f9f9f;background:0 0;border:4px solid #9f9f9f;width:230px;padding:23px 20px;font-family:Cardo,Georgia,serif;font-size:2.05rem;font-weight:700}.site-footer{background:var(--bg-light);text-align:center;padding:24px 18px 42px}.site-footer p{font-size:1rem}@media (width<=900px){body{background:linear-gradient(180deg, var(--bg-light) 0%, var(--bg-light) 42%, var(--bg-dark) 42%, var(--bg-dark) 100%)}.hero{padding:50px 24px 62px}.hero-wrap{grid-template-columns:1fr;gap:26px;max-width:700px}.hero-copy h1{margin-bottom:18px;font-size:clamp(2rem,7vw,3rem)}.hero-copy p{max-width:none}.cta{width:fit-content;margin:14px auto 0;padding:18px 46px;font-size:1.9rem;display:block}.selected-work{padding:70px 20px 72px}.rule{margin:24px auto 36px}.work-grid,.work-grid.embed-left{grid-template-columns:1fr}.work-entry h3{margin-bottom:22px;font-size:clamp(1.9rem,8vw,3.3rem)}.embed-wrap iframe{min-height:170px}.contact{padding:66px 20px 72px}.contact h2{margin-bottom:48px}.row.two-col{grid-template-columns:1fr;gap:0}.contact-form button{border-width:3px;width:180px;padding:16px 12px;font-size:1.9rem}.site-footer{padding-bottom:34px}}