:root{--ink:#161614;--paper:#f2efe8;--cream:#ded8ca;--lime:#d9ff43;--coral:#ff6b4a;--line:rgba(22,22,20,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font:700 13px/1.05 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1.5px solid;border-radius:50%;font-size:20px}.site-header nav{display:flex;align-items:center;gap:32px;font-weight:500}.nav-cta{border:1px solid;padding:11px 18px;border-radius:999px}.menu{display:none;border:0;background:none}.hero,.work,.services,.about,.contact{padding:110px 5vw}.hero{padding-top:90px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600;margin:0 0 24px}.hero h1,.section-head h2,.services h2,.about h2,.contact h2{font:700 clamp(48px,8vw,112px)/.92 Manrope,sans-serif;letter-spacing:-.055em;margin:0}.hero h1 em,.services h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.lead{font-size:clamp(18px,2vw,25px);max-width:660px;margin:40px 0}.actions{display:flex;gap:28px;align-items:center;margin-bottom:70px}.button{background:var(--ink);color:white;border-radius:999px;padding:16px 24px;display:inline-flex;gap:24px}.text-link{border-bottom:1px solid;padding-bottom:3px}.hero-reel{height:min(62vw,650px);background:linear-gradient(125deg,rgba(22,22,20,.2),rgba(22,22,20,.7)),linear-gradient(35deg,#ca9f82,#667975);position:relative;overflow:hidden}.hero-reel:after{content:"DIN SHOWREEL";position:absolute;font:800 clamp(55px,15vw,220px)/1 Manrope;color:rgba(255,255,255,.09);white-space:nowrap;bottom:-.12em;left:-.03em}.reel-copy{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:4vw;color:white}.play{border:0;border-radius:50%;width:72px;height:72px;background:var(--lime);display:grid;place-items:center;color:var(--ink);cursor:pointer}.partners{padding:35px 5vw;border-bottom:1px solid var(--line)}.partners p{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.logo-row{display:flex;justify-content:space-between;gap:24px;color:#777;font:700 13px Manrope}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.section-head h2,.services h2,.contact h2{font-size:clamp(45px,6.5vw,90px)}.section-head>p{max-width:400px;font-size:18px}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px 24px}.project:nth-child(3){grid-column:1/-1;width:66%;margin-left:auto}.project-media{width:100%;aspect-ratio:16/10;border:0;display:grid;place-items:center;background:#888}.project-a .project-media{background:linear-gradient(145deg,#e6b983,#824d33)}.project-b .project-media{background:linear-gradient(145deg,#9eb8ba,#46605f)}.project-c .project-media{background:linear-gradient(145deg,#d7836f,#5f2f37)}.project h3{font:700 24px Manrope;margin:18px 0 2px}.project p{margin:0;color:#666}.services{background:var(--ink);color:white}.service-list{margin-top:75px;border-top:1px solid #444}.service-list article{display:grid;grid-template-columns:60px 1fr 1fr;gap:30px;padding:32px 0;border-bottom:1px solid #444;align-items:start}.service-list h3{font:600 clamp(24px,3vw,42px) Manrope;margin:0}.service-list p{margin:0;color:#aaa;max-width:420px}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.portrait{aspect-ratio:4/5;background:linear-gradient(150deg,#d7c0a4,#7d8471);display:grid;place-items:end center;padding:22px;color:white;font-size:13px}.about h2{font-size:clamp(40px,5vw,70px);line-height:1}.about-lead{font-size:22px;margin-top:35px}.about .text-link{display:inline-block;margin-top:20px}.contact{background:var(--coral)}.mail{font:600 clamp(18px,3.2vw,45px) Manrope;display:flex;justify-content:space-between;border-bottom:2px solid;margin-top:70px;padding-bottom:16px}.contact-bottom{display:flex;justify-content:space-between;margin-top:34px}.contact-bottom p{max-width:490px}.contact-bottom a{margin-left:24px;border-bottom:1px solid}footer{display:flex;justify-content:space-between;padding:28px 5vw;background:var(--ink);color:#aaa;font-size:13px}footer a{color:white}@media(max-width:760px){.site-header nav{display:none;position:absolute;top:92px;inset-inline:0;background:var(--paper);padding:28px 5vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid}.site-header nav.open{display:flex}.menu{display:block}.hero,.work,.services,.about,.contact{padding:75px 5vw}.hero{padding-top:60px}.actions{align-items:flex-start;flex-direction:column}.logo-row{display:grid;grid-template-columns:1fr 1fr}.section-head{display:block}.section-head>p{margin-top:30px}.project-grid{display:block}.project{margin-bottom:45px}.project:nth-child(3){width:100%}.service-list article{grid-template-columns:40px 1fr}.service-list p{grid-column:2}.about{grid-template-columns:1fr}.contact-bottom,footer{flex-direction:column;gap:18px}.contact-bottom a{margin:0 24px 0 0}.mail{overflow-wrap:anywhere}.play{width:58px;height:58px}}