﻿h1,h2,h3,p{margin:0}:root{--ink:#403a34;--paper:#f6f1eb}body{font-family:'DM Sans',sans-serif;background:var(--paper);color:var(--ink)}header{padding:28px 3%;display:flex;align-items:center;justify-content:space-between;gap:25px}a{text-underline-offset:5px}header a{text-decoration:none}.logo{font-size:26px;letter-spacing:-.04em;border-bottom:1px solid}.logo:after{content:'.'}header nav{display:flex;align-items:center;gap:30px}nav a,.pill,.hero-top,.hero-photo div>span,.work-title>span,.work article div>span,.process li>span,.commission>p{font-size:12px;letter-spacing:.09em;text-transform:uppercase}.pill{display:inline-block;padding:13px 20px;border:1px solid;border-radius:100px;text-decoration:none}.hero{padding:18px 3% 0}.hero-top{display:flex;justify-content:space-between;gap:20px;border-top:1px solid;padding-top:20px}.hero h1{font-size:clamp(70px,10.5vw,168px);font-weight:400;line-height:1.12;letter-spacing:-.04em;margin:35px 0 40px;white-space:nowrap}.hero-photo{position:relative;height:570px}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.hero-photo>div{position:absolute;bottom:0;left:0;right:0;background:var(--paper);padding:17px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.hero-photo a{font-size:14px;text-decoration:none}.hero-photo a span{margin-left:22px}.intro{margin:110px 3%;display:grid;grid-template-columns:1.05fr 1fr;gap:10%}.intro h2{font-size:clamp(40px,4vw,64px);font-weight:400;line-height:1.13;letter-spacing:-.04em}.intro p{font-size:20px;line-height:1.55;max-width:47ch;margin-bottom:25px}.intro .pill{margin-top:10px}.work{padding:70px 3%;border-top:1px solid}.work-title{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:45px}.work h2,.process h2{font-weight:400;font-size:64px;letter-spacing:-.04em;line-height:1.08}.work-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.work-grid img{width:100%;height:490px;object-fit:cover;object-position:75% center}.work article>div:last-child{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0}.work article h3{font-weight:400;font-size:18px}.work article div>span{font-size:11px}.material-type{height:490px;border:1px solid;padding:45px 35px;font-size:clamp(70px,6.7vw,108px);line-height:1.06;letter-spacing:-.04em}.work-list{margin-top:45px}.work-list button{width:100%;display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center;background:transparent;border:0;border-top:1px solid;padding:26px 0;text-align:left;color:var(--ink);cursor:pointer;font-size:18px}.work-list button:last-child{border-bottom:1px solid}.work-list button>span:nth-child(2){font-size:14px}.process{padding:75px 3% 95px;display:grid;grid-template-columns:1fr 1fr;gap:10%;border-bottom:1px solid}.process ol{list-style:none;margin:0;padding:0}.process li{border-top:1px solid;padding:23px 0 30px}.process li p{font-size:18px;line-height:1.6;margin-top:15px;max-width:48ch}.commission{padding:85px 3% 95px}.commission h2{font-size:clamp(75px,11vw,175px);line-height:1;letter-spacing:-.04em;font-weight:400;margin:40px 0}.commission button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:22px 30px;font-size:14px;display:flex;justify-content:space-between;gap:70px;cursor:pointer}footer{margin:0 3%;border-top:1px solid;padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}footer a{text-decoration:none}footer span{font-size:12px}.pill:hover{background:var(--ink);color:var(--paper)}button:hover{opacity:.72}:focus-visible{outline:2px solid #403a34;outline-offset:6px}::selection{background:var(--ink);color:var(--paper)}html{scrollbar-color:#403a34 #f6f1eb}@media(max-width:750px){header{padding:24px 22px;flex-wrap:wrap}.logo{font-size:25px}header nav{flex-wrap:wrap;gap:18px}nav a{font-size:11px}header .pill{padding:10px 13px}.hero{padding:12px 22px 0}.hero-top{font-size:11px}.hero-top>span{max-width:125px;text-align:right}.hero h1{font-size:17vw;white-space:normal;margin:32px 0}.hero-photo{height:400px}.hero-photo>div{align-items:start}.hero-photo div>span{font-size:11px;max-width:120px}.hero-photo a{font-size:12px;max-width:135px}.intro{margin:65px 22px;display:block}.intro h2{font-size:43px;margin-bottom:35px}.intro p{font-size:18px}.work{padding:55px 22px}.work-title{display:block}.work h2,.process h2{font-size:49px}.work-title>span{display:block;margin-top:20px;font-size:11px}.work-grid{grid-template-columns:1fr;gap:25px}.work-grid img{height:350px}.material-type{height:360px;font-size:82px}.work article>div:last-child{align-items:start}.work article div>span{max-width:110px;text-align:right}.work-list button{grid-template-columns:1fr auto}.work-list button>span:nth-child(2){grid-row:2;font-size:13px}.work-list button>span:last-child{grid-column:2;grid-row:1}.process{display:block;padding:25px 22px 55px}.process ol{margin-top:40px}.commission{padding:60px 22px}.commission h2{font-size:80px}.commission>p{font-size:11px}.commission button{gap:40px}footer{margin:0 22px;flex-direction:column;align-items:start}footer p{font-size:14px}}

