@font-face{font-family:Alexandria;src:url('assets/fonts/Alexandria-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Alexandria;src:url('assets/fonts/Alexandria-Bold.ttf');font-weight:700;font-display:swap}@font-face{font-family:Satoshi;src:url('assets/fonts/Satoshi-Black.woff2');font-weight:900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f1f0ea;color:#161616;font-family:Alexandria,sans-serif;font-size:15px;line-height:1.9}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #bc340c;outline-offset:5px}a:hover{text-decoration-thickness:2px}bdi,.latin{font-family:Satoshi,sans-serif}img{max-width:100%;height:auto;display:block}header,main,footer{width:min(1180px,calc(100% - 72px));margin:auto}.demo{background:#161616;color:#f1f0ea;text-align:center;padding:9px 20px;font-size:11px}.skip{position:absolute;top:-120px;background:#ff652f;padding:14px;z-index:10}.skip:focus{top:0}header{display:flex;align-items:center;justify-content:space-between;padding-block:26px;border-bottom:1px solid #c9c6bc;gap:24px}.name{text-decoration:none;font-weight:700;font-size:20px}nav{display:flex;gap:24px;font-size:13px}.hero{padding-block:86px 70px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:60px}.eyebrow{font-size:12px;color:#58574e}h1{font-size:clamp(40px,6.5vw,86px);line-height:1.4;letter-spacing:-2px;margin:16px 0 24px}h1 em{font-style:normal;color:#b73710}.hero p{max-width:490px}.button{display:inline-block;background:#ff652f;color:#161616;padding:13px 24px;text-decoration:none;font-weight:700;font-size:13px;margin-top:18px}.hero-art{background:#d7d1bf;padding:26px;transform:rotate(-3deg)}.hero-art img{width:100%}.hero-art figcaption{font-size:11px;padding-top:12px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:baseline;border-top:1px solid #aaa79e;padding-top:24px;margin-bottom:24px}h2{font-size:32px;line-height:1.6;margin:0 0 12px}.section-head p{font-size:12px}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card img{width:100%;aspect-ratio:4/5;object-fit:cover}.project-card h3{font-size:22px;line-height:1.5;margin:16px 0 4px}.project-card p{font-size:12px;color:#55534b;margin:0}.project-card a{text-decoration:none}.project-card a:hover h3{text-decoration:underline}.about{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;margin-block:90px;padding-block:35px;border-top:1px solid #aaa79e}.about p{margin-top:0;max-width:650px}footer{border-top:1px solid #aaa79e;padding-block:42px 26px;margin-top:65px}footer h2{font-size:clamp(28px,4vw,48px)}footer small{display:block;font-size:11px;color:#55534b;margin-top:30px}.case{max-width:850px;margin:auto;padding-top:55px}.case h1{font-size:clamp(44px,7vw,80px)}.case img{width:100%;max-height:650px;object-fit:cover;margin-block:35px}.case .body{max-width:650px}.case p{margin-bottom:25px}section{scroll-margin-top:25px}@media(max-width:700px){header,main,footer{width:calc(100% - 36px)}header{padding-block:20px;gap:14px}nav{gap:12px;font-size:11px}.name{font-size:16px}.hero{grid-template-columns:1fr;gap:35px;padding-block:48px}.hero-art{margin:10px 14px 25px}.hero h1{letter-spacing:-.8px}.hero-art img{max-height:300px;object-fit:cover}.projects{grid-template-columns:1fr;gap:38px}.project-card img{aspect-ratio:5/4}.section-head{align-items:start}.section-head h2{font-size:26px}.about{grid-template-columns:1fr;gap:12px;margin-block:60px}.demo{font-size:10px}.case{padding-top:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}