@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--ink:#17352f;--deep:#21423b;--clay:#9b5f43;--cream:#f4ede3;--paper:#fbf8f3;--muted:#6d7771;--line:#ded9d0;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{border-bottom:1px solid var(--line);z-index:2;background:#fbf8f3f0;justify-content:space-between;align-items:center;height:86px;padding:0 5.5%;display:flex;position:relative}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-size:18px;font-weight:600;display:flex}.brand-mark{background:var(--deep);width:29px;height:29px;color:var(--cream);font-family:var(--serif);border-radius:50%;place-items:center;font-size:17px;display:grid}nav{color:var(--muted);align-items:center;gap:33px;font-size:13px;display:flex}nav a{border-bottom:1px solid #0000;padding:8px 0}nav a:hover,nav a.active{color:var(--ink);border-color:var(--clay)}.nav-count{color:var(--clay);margin-left:3px;font-size:10px}.home{max-width:1440px;margin:auto;padding:clamp(48px,8vw,112px) 5.5% 55px}.hero{grid-template-columns:1fr 1.08fr;align-items:center;gap:clamp(42px,8vw,128px);display:grid}.hero-copy{padding:10px 0 22px}.kicker{letter-spacing:.17em;color:var(--clay);margin:0 0 25px;font-size:11px;font-weight:600}.hero h1,.page h1,.not-found h1{letter-spacing:-.065em;color:var(--ink);margin:0;font-size:clamp(46px,6vw,86px);font-weight:500;line-height:1.03}h1 em{font-family:var(--serif);letter-spacing:-.035em;font-weight:500}.lead{max-width:380px;color:var(--muted);margin:31px 0 36px;font-size:16px;line-height:1.7}.button{background:var(--deep);color:var(--cream);align-items:center;gap:29px;padding:15px 20px;font-size:12px;font-weight:500;transition:transform .18s,background .18s;display:inline-flex}.button:hover{background:var(--clay);transform:translateY(-2px)}.button span{font-size:17px;line-height:0}.hero-image-wrap{position:relative}.hero-image{object-fit:cover;object-position:center;border-radius:150px 150px 2px 2px;width:100%;height:min(61vw,650px)}.image-note{color:#fff;letter-spacing:.13em;text-transform:uppercase;background:#17352fad;padding:7px 9px;font-size:10px;position:absolute;bottom:17px;right:19px}.home-intro{border-top:1px solid var(--line);grid-template-columns:1fr 1.8fr 1fr;align-items:start;gap:20px;margin-top:clamp(65px,10vw,145px);padding-top:23px;display:grid}.section-index{color:var(--clay);font-size:11px}.home-intro p{max-width:430px;font-family:var(--serif);margin:0;font-size:22px;line-height:1.4}.home-intro a{border-bottom:1px solid var(--clay);justify-self:end;padding-bottom:5px;font-size:12px}.home-intro a span{color:var(--clay);margin-left:17px;font-size:16px}.page{max-width:1240px;margin:auto;padding:clamp(60px,8vw,110px) 5.5% 100px}.page-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:85px;display:flex}.page-heading h1{font-size:clamp(48px,6vw,76px)}.heading-note{color:var(--muted);margin:0 0 5px;font-size:13px;line-height:1.7}.gallery{flex-direction:column;gap:80px;display:flex}.group-label{border-top:1px solid var(--ink);color:var(--clay);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;padding:16px 0 22px;font-size:12px;display:flex}.group-label span:last-child{color:var(--muted);font-family:monospace}.work-grid{grid-template-columns:repeat(2,1fr);gap:46px 29px;display:grid}.work-card{min-width:0}.work-image{background:#e6dfd5;position:relative;overflow:hidden}.work-image img{aspect-ratio:1.32;object-fit:cover;width:100%;transition:transform .5s}.work-card:hover .work-image img{transform:scale(1.025)}.work-number{color:var(--cream);background:#17352fbf;padding:4px 6px;font-size:10px;position:absolute;top:13px;left:14px}.work-info{grid-template-columns:1.5fr 1fr 1fr;align-items:baseline;gap:12px;padding:15px 1px 0;display:grid}.work-info h2{margin:0;font-size:16px;font-weight:500}.work-info p{color:var(--muted);margin:0;font-size:11px}.about{padding-bottom:80px}.about-layout{grid-template-columns:1.1fr 1fr;align-items:start;gap:9%;margin-bottom:82px;display:grid}.about h1{font-size:clamp(48px,6vw,79px)}.about-copy{max-width:420px;padding-top:9px}.large-copy{font-family:var(--serif);margin:0 0 28px;font-size:25px;line-height:1.42}.about-copy>p:not(.large-copy){color:var(--muted);font-size:14px}.about-rule{background:var(--line);height:1px;margin:37px 0 22px}.about-copy .note{color:var(--clay);font-size:12px;line-height:1.7}.about-image{max-width:740px;position:relative}.about-image img{object-fit:cover;object-position:center 60%;border-radius:2px;width:100%;height:420px}.about-image span{color:var(--muted);letter-spacing:.09em;font-size:10px;position:absolute;bottom:-27px;left:0}.not-found{max-width:900px;margin:auto;padding:13vw 5.5vw 17vw}.not-found p:not(.kicker){color:var(--muted);margin:25px 0 30px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:25px 5.5%;font-size:11px;display:flex}@media (width<=720px){.site-header{height:74px;padding:0 20px}nav{gap:16px;font-size:12px}.home,.page{padding-left:20px;padding-right:20px}.hero{grid-template-columns:1fr;gap:40px}.hero h1{font-size:53px}.hero-image{border-radius:115px 115px 2px 2px;height:410px}.home-intro{grid-template-columns:1fr;gap:18px;margin-top:76px}.home-intro p{font-size:20px}.home-intro a{justify-self:start}.page-heading{margin-bottom:60px;display:block}.heading-note{margin-top:24px}.page-heading h1{font-size:52px}.work-grid{grid-template-columns:1fr;gap:38px}.work-image img{aspect-ratio:1.25}.work-info{grid-template-columns:1.2fr 1fr 1fr}.about-layout{grid-template-columns:1fr;gap:42px;margin-bottom:60px}.about h1{font-size:53px}.about-image img{height:310px}footer{flex-wrap:wrap;gap:12px;padding:20px}footer span:last-child{width:100%}}@media (width<=390px){nav{gap:10px}.nav-count{display:none}.hero h1,.page-heading h1,.about h1{font-size:45px}.work-info{grid-template-columns:1fr 1fr}.work-info p:last-child{grid-column:2}.work-info p{font-size:10px}}
