@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#182827;--paper:#f5f3ec;--teal:#6dd2c5;--muted:#59635d;--line:#d6dbd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.045em}h2{font-size:clamp(35px,4vw,57px);line-height:1.15}em{font-weight:500}a:focus-visible,button:focus-visible{outline:3px solid #cb673f;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:50px;z-index:20;background:white;padding:12px}.preview{background:var(--teal);padding:10px 5%;font-size:10px;letter-spacing:1.4px;display:flex;justify-content:space-between}header{background:var(--ink);color:white;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px}.logo{width:195px;height:55px;object-fit:contain}nav{display:flex;gap:32px;font-size:13px}.header-contact{font-size:12px;border-bottom:1px solid #839791;padding:9px 0}.hero{position:relative;display:grid;grid-template-columns:1.04fr 1fr;min-height:650px;background:var(--ink);color:var(--paper);padding:35px 5% 65px;gap:5%}.hero-copy{padding-top:62px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;margin-bottom:24px}.hero .eyebrow{color:var(--teal)}h1{font-size:clamp(45px,5.4vw,82px);line-height:1.1}h1 em{color:var(--teal)}.intro{max-width:415px;line-height:1.8;font-size:15px;margin-top:28px;color:#c8d2cc}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;gap:32px;justify-content:space-between;align-items:center;background:var(--teal);color:var(--ink);padding:18px 23px;font-size:12px;font-weight:700}.button:hover{background:#8ce5d8}.text-link{font-size:12px;border-bottom:1px solid;padding-bottom:6px;display:inline-block}.hero-note{font-size:10px;color:#a1b3a9;margin-top:50px}.hero-photo{position:relative;margin-top:12px}.hero-photo>img{height:100%;max-height:510px;min-height:430px;object-position:50% 45%}.hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#101b19dc);padding:45px 25px 24px;font-family:Georgia,serif;font-size:16px}.hero-photo figcaption span{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:2px;margin-bottom:10px}.hero-index{position:absolute;bottom:20px;right:5%;font-size:9px;letter-spacing:2px;color:#9fafa8}.ribbon{display:flex;justify-content:space-between;gap:15px;padding:21px 5%;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.5px}.ribbon span:nth-child(even){color:#517d71;font-size:15px}.section{padding:90px 6%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}.section-description{font-size:13px;line-height:1.7;color:var(--muted)}.section .eyebrow{color:#486e61;margin-bottom:16px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-img{position:relative;overflow:hidden;background:#deded6}.product-img img{height:330px;transition:transform .4s}.product:hover img{transform:scale(1.04)}.product-img>span{position:absolute;top:16px;left:16px;background:var(--paper);padding:7px;font-size:10px}.product-title{display:flex;justify-content:space-between;margin:20px 0 8px;gap:10px}.product h3{font-size:17px;font-weight:500}.product p{font-size:12px;color:var(--muted)}.projects{background:#e9ede5}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filters button{border:1px solid #bac6b9;border-radius:30px;background:transparent;color:var(--ink);padding:10px 20px;font-size:11px}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project{padding:0;border:0;background:transparent;text-align:left;color:var(--ink)}.project.wide{grid-column:span 2}.project img{height:340px}.project.wide img{object-position:center 45%}.project span{display:flex;justify-content:space-between;padding:16px 0;font-size:13px;border-bottom:1px solid #bcc9ba}.project b{font-weight:400}.project[hidden]{display:none}.gallery-note{font-size:11px;color:var(--muted);margin-top:27px}.story-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.story h2 em{color:#508678}.story-grid p{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:22px}.story-grid .story-intro{font-size:20px;color:var(--ink);line-height:1.6}.contact{padding:80px 6%;text-align:center;background:#dce8df}.contact p:not(.eyebrow){margin:22px 0 28px;color:var(--muted);font-size:14px}footer{background:var(--ink);color:var(--paper);padding:50px 6% 25px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}footer>p{font-family:Georgia,serif;font-style:italic;font-size:20px;text-align:right}footer>div{display:flex;gap:25px;font-size:12px}footer small{font-size:9px;color:#acbdb4;text-align:right}dialog{border:0;background:var(--paper);padding:0;max-width:850px;width:90%;color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#081b18c9}dialog>img{height:390px;object-fit:contain;background:#e6e6df}dialog>div{padding:30px}dialog h2{font-size:35px}dialog .description{font-size:14px;line-height:1.8;margin:20px 0}dialog .close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;background:var(--paper);font-size:28px;width:40px;height:40px}@media(min-width:1600px){.hero,.section{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2))}}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:35px}.hero-copy{padding-top:20px}h1{font-size:65px}.hero-photo>img{height:420px;min-height:0}.hero-note{margin-top:28px}.ribbon{font-size:8px}.ribbon span:last-child,.ribbon span:nth-child(4){display:none}.section{padding:60px 5%}.shop-grid{gap:15px}.product-img img{height:260px}.gallery{grid-template-columns:1fr 1fr}.project img{height:300px}.story-grid{gap:35px}.header-contact{display:none}}@media(max-width:560px){.preview{font-size:8px;letter-spacing:1px}.preview span{display:none}header{padding:18px 5%;gap:15px}.logo{width:145px;height:42px}nav{gap:15px;font-size:10px}nav a:last-child{display:none}h1{font-size:48px}.hero{padding-bottom:45px}.hero-copy{padding-top:10px}.hero .eyebrow{font-size:9px}.intro{font-size:14px}.actions{gap:22px}.hero-photo>img{height:340px}.section-top{display:block}.section-top>a,.section-description{margin-top:22px}.shop-grid{grid-template-columns:1fr}.product-img img{height:350px}.product{margin-bottom:17px}.gallery{gap:15px}.project img{height:240px}.project.wide{grid-column:span 2}.project.wide img{height:260px}.project span{font-size:11px;line-height:1.6}.filters{gap:8px}.filters button{padding:9px 13px}.story-grid{grid-template-columns:1fr}.contact{padding:60px 5%}footer{grid-template-columns:1fr;gap:25px}footer>p,footer small{text-align:left}dialog>img{height:290px}dialog h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-img img{transition:none}}

nav { flex-wrap: wrap; } .logo{width:110px;height:76px} @media(max-width:560px){.logo{width:85px;height:65px}nav{gap:12px}nav a:last-child{display:inline-block}}