@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111311;--panel:#1c201c;--text:#f4f4ec;--muted:#b7bdb3;--accent:#ef6038;--border:#363b34}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:18px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:7px}header,main,footer{max-width:1440px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:32px 6%;border-bottom:1px solid var(--border)}.brand{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;letter-spacing:.06em;line-height:1.15;display:flex;align-items:center;gap:13px}.brand-sub{display:block;font-size:12px;font-weight:500;letter-spacing:.26em;margin-top:5px}.mark{font-size:36px;color:var(--accent);letter-spacing:-6px}.mark span{font-size:30px}nav{display:flex;gap:35px;font-size:14px}nav a:hover,.text-link:hover,footer a:hover{color:var(--accent)}.hero{padding:72px 6% 65px;position:relative}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.13em;display:block}.hero .eyebrow{display:flex;align-items:center;gap:14px}.line{width:36px;height:2px;background:var(--accent)}h1,h2{font-family:'Space Grotesk',sans-serif;line-height:1.03;font-weight:500;letter-spacing:-.055em}h1{font-size:clamp(64px,8.8vw,126px);margin:35px 0 40px;max-width:1000px}h1 span{color:var(--accent)}.hero-bottom{display:flex;align-items:center;gap:70px}.hero-bottom p{max-width:410px;color:var(--muted);margin:0}.button{padding:17px 25px;background:var(--accent);color:#111311;font-weight:700;font-size:15px;display:inline-flex;gap:36px;align-items:center}.button:hover{background:#ff805a}.hero-index{position:absolute;right:6%;top:50%;writing-mode:vertical-rl;color:#858d80;font-size:12px;letter-spacing:.2em}.work{padding:50px 6% 70px;background:var(--panel)}.section-top{display:flex;justify-content:space-between;margin-bottom:30px;align-items:center}.small{font-size:14px;color:var(--muted)}.art{display:block;position:relative;overflow:hidden;aspect-ratio:1.9}.art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.art:hover img{transform:scale(1.025)}.art-label{position:absolute;left:24px;bottom:24px;background:#111311e8;padding:9px 13px;font-size:12px;letter-spacing:.12em}.project-info{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:32px}.project-title{display:flex;gap:20px;align-items:flex-start}.project-title img{border-radius:14px;margin-top:5px}.project-title .eyebrow{color:var(--muted);font-size:12px}.project-title h2{font-size:50px;margin:10px 0}.project-description p{margin:0 0 20px;color:var(--muted);max-width:490px}.text-link{font-size:16px;border-bottom:1px solid #778170;padding-bottom:7px;display:inline-flex;gap:38px}.studio{display:grid;grid-template-columns:1fr 2fr;padding:100px 6%;gap:40px}.studio>.eyebrow{padding-top:12px;color:var(--muted)}.studio h2{font-size:clamp(40px,5vw,66px);margin:0 0 30px}.studio em{font-style:normal;color:var(--accent)}.studio p{max-width:640px;color:var(--muted)}footer{border-top:1px solid var(--border);padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:13px;color:var(--muted)}.footer-brand{display:block;color:var(--text);font-size:16px}.skip{position:absolute;top:-100px;left:15px;padding:10px;background:var(--accent);color:#111;z-index:5}.skip:focus{top:10px}@media(max-width:680px){header{padding:25px 6%}.brand{font-size:14px}.mark{font-size:28px}.mark span{font-size:23px}.brand-sub{font-size:10px}nav{gap:18px;font-size:13px}.hero{padding-top:48px}.hero-index{display:none}h1{font-size:clamp(55px,12vw,82px)}.hero-bottom{display:block}.hero-bottom p{font-size:17px;margin-bottom:26px}.section-top .small{display:none}.art{aspect-ratio:1.2}.art-label{left:12px;bottom:12px;font-size:10px}.project-info{grid-template-columns:1fr;gap:16px}.project-title h2{font-size:43px}.studio{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px;gap:28px}footer{flex-wrap:wrap}footer p{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art img{transition:none}}

.services{padding:80px 6%;border-bottom:1px solid var(--border)}.services h2{font-size:clamp(40px,5vw,66px);margin:40px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.service-grid article{border-top:1px solid var(--border);padding-top:24px}.service-number{font-size:14px;color:var(--accent)}h3{font-family:"Space Grotesk",sans-serif;font-size:24px;line-height:1.2;font-weight:500}.service-grid p{color:var(--muted);font-size:17px}@media(max-width:680px){.service-grid{grid-template-columns:1fr;gap:25px}nav{gap:12px}nav a{font-size:12px}nav a:last-child{display:none}}

.project{display:grid;grid-template-columns:minmax(220px,1fr) 1.4fr;gap:40px;align-items:center}.art{aspect-ratio:1.5}.project-info{display:block;padding:0}.project-description{margin-top:15px}.project-title h2{font-size:40px}.work{padding-top:55px;padding-bottom:55px}@media(max-width:680px){.project{grid-template-columns:1fr;gap:25px}.art{max-height:270px}}