@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;1,600&display=swap');
:root{--paper:#f7f4ed;--ink:#242923;--muted:#77776e;--green:#35483a;--clay:#b66e52;--line:#dedbd2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.topline{height:32px;background:var(--green);color:#f7f4ed;display:flex;align-items:center;justify-content:space-between;padding:0 5.6%;font-size:10px;letter-spacing:.06em}.header{height:86px;padding:0 5.6%;display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.brand{display:flex;gap:10px;align-items:center}.brand-mark{width:35px;height:36px;position:relative;display:block}.brand-mark:before{content:"";position:absolute;width:21px;height:21px;left:7px;top:3px;border:1.5px solid var(--clay);border-radius:50%}.brand-mark:after{content:"";position:absolute;left:3px;bottom:2px;width:29px;height:17px;border:1.5px solid var(--green);border-bottom:0;border-radius:19px 19px 0 0}.brand-mark i{position:absolute;left:17px;bottom:2px;height:17px;border-left:1.5px solid var(--green);z-index:1}.brand-mark b{position:absolute;width:9px;height:9px;border:1px solid var(--clay);border-radius:50%;top:9px;left:13px}.brand-name{font-family:'Playfair Display',serif;font-size:22px;line-height:.9;letter-spacing:-.8px}.brand-name>span{color:var(--clay)}.brand-name small{font:500 7px 'DM Sans',sans-serif;letter-spacing:.22em;display:block;margin-top:7px;color:#777}.nav{display:flex;gap:39px;font-size:12px;color:#55584f}.nav a:hover,.text-link:hover{color:var(--clay)}.contact-head{font-size:12px;display:flex;align-items:center;gap:8px}.phone-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;font-size:16px}.cart-count{background:var(--green);color:white;border-radius:50%;width:20px;height:20px;display:inline-grid;place-items:center;font-size:10px;margin-left:3px}.hero{height:min(660px,67vw);min-height:480px;position:relative;color:white;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{object-position:center 56%}.hero-shade{background:linear-gradient(90deg,rgba(26,32,27,.65) 0%,rgba(26,32,27,.3) 47%,rgba(26,32,27,.03) 100%)}.hero-content{position:absolute;left:12%;top:50%;transform:translateY(-49%);max-width:520px}.eyebrow{font-size:9px;letter-spacing:.2em;font-weight:600;color:#efe3d2}.eyebrow.dark{color:#87745d}.hero h1{font-family:'Playfair Display',serif;font-weight:500;font-size:clamp(48px,6.3vw,85px);line-height:.99;letter-spacing:-2.6px;margin:20px 0 17px}.hero h1 em,.section-head h2 em,.offices h2 em{font-weight:500;color:#dfb79a}.hero-content p{font-size:14px;color:#f0eee9;margin:0 0 31px}.button{padding:15px 19px;display:inline-flex;align-items:center;gap:27px;font-size:11px;font-weight:600}.button-light{background:var(--paper);color:var(--ink)}.button span{font-size:16px}.hero-note{position:absolute;right:5.6%;bottom:34px;display:flex;gap:13px;align-items:center;font-size:8px;letter-spacing:.15em}.note-line{width:38px;height:1px;background:#fff8}.intro{min-height:220px;padding:50px 12%;display:grid;grid-template-columns:1fr 2.1fr 1fr;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.intro-label{font-size:9px;letter-spacing:.19em;color:#82735e}.sun-mark{font-size:20px;margin-right:8px;color:var(--clay);vertical-align:middle}.intro>p{font-family:'Playfair Display',serif;font-size:21px;line-height:1.55;margin:0;color:#53534b}.intro>p strong{font-weight:600;color:var(--green)}.text-link{font-size:10px;font-weight:600;white-space:nowrap;border-bottom:1px solid #bbb3a4;padding-bottom:8px;justify-self:end}.text-link span{margin-left:12px;color:var(--clay);font-size:14px}.collection{padding:94px 7% 104px}.section-head,.offices-head{display:flex;align-items:end;justify-content:space-between;margin:0 3% 35px}.section-head h2,.offices h2{font:500 clamp(34px,4vw,48px) 'Playfair Display',serif;letter-spacing:-1px;margin:12px 0 0}.section-head h2 em,.offices h2 em{color:var(--clay)}.section-head .text-link{margin-bottom:5px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 19px}.product-image{height:clamp(230px,31vw,410px);position:relative;overflow:hidden;background:#e9e5dc}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.product:hover .product-image img{transform:scale(1.035)}.tag{position:absolute;top:15px;left:15px;background:var(--paper);padding:7px 9px;font-size:8px;letter-spacing:.13em}.add-button{position:absolute;right:14px;bottom:14px;width:39px;height:39px;background:var(--paper);border:0;border-radius:50%;font-size:23px;font-weight:300;cursor:pointer;color:var(--green);transition:background .2s,color .2s,transform .2s}.add-button:hover{background:var(--green);color:white;transform:rotate(90deg)}.product-info{padding:14px 2px 0;display:flex;justify-content:space-between;align-items:start;gap:12px}.product-info h3{font:500 17px 'Playfair Display',serif;margin:0 0 6px}.product-info p{margin:0;color:var(--muted);font-size:10px}.price{font-size:11px;font-weight:600;margin-top:3px;white-space:nowrap}.quote-band{min-height:420px;display:grid;grid-template-columns:1.1fr .9fr;background:#e9e5dc}.quote-photo{min-height:420px}.quote-photo img{width:100%;height:100%;object-fit:cover}.quote-copy{padding:70px 11%;display:flex;flex-direction:column;justify-content:center}.quote-copy .eyebrow{color:#96775f}.quote-copy blockquote{font:500 clamp(31px,4vw,51px)/1.25 'Playfair Display',serif;letter-spacing:-1px;margin:25px 0 27px;color:#384138}.quote-by{font-size:8px;letter-spacing:.19em;color:#837e71}.offices{padding:95px 8% 100px}.offices-head{margin:0 0 48px}.offices-head>p{max-width:270px;font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 5px}.offices h2{margin-top:12px}.office-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.office{padding:27px 18px 29px 0;min-height:215px;border-right:1px solid var(--line)}.office:not(:first-child){padding-left:22px}.office:last-child{border-right:0}.office-number{font-size:8px;letter-spacing:.13em;color:#9b8065}.office h3{font:500 20px 'Playfair Display',serif;margin:17px 0 10px}.office p{font-size:10px;line-height:1.75;color:var(--muted);min-height:38px;margin:0 0 14px}.office>a{display:block;font-size:10px;line-height:1.9;color:var(--green);font-weight:600}.office>a:hover{color:var(--clay)}.footer{background:var(--green);color:#f4f1e9;padding:34px 6% 22px;display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;row-gap:27px}.footer-brand .brand-name,.footer-brand .brand-name small{color:#f4f1e9}.footer-brand .brand-mark:before,.footer-brand .brand-mark b{border-color:#d9a98c}.footer-brand .brand-mark:after,.footer-brand .brand-mark i{border-color:#f4f1e9}.footer-note{font:italic 15px 'Playfair Display',serif;color:#d6d5c9}.socials{display:flex;justify-content:end;gap:9px}.socials a{width:30px;height:30px;border:1px solid #ffffff4d;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600;transition:background .2s}.socials a:hover{background:#ffffff24}.copyright{grid-column:1/-1;border-top:1px solid #ffffff30;padding-top:17px;font-size:8px;letter-spacing:.12em;color:#c5cbbf}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:13px 19px;background:var(--green);color:white;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:4}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.nav{gap:18px}.intro{padding:40px 7%;grid-template-columns:1fr 2fr}.intro .text-link{grid-column:2;justify-self:start}.office-grid{grid-template-columns:repeat(2,1fr)}.office:nth-child(2){border-right:0}.office:nth-child(3){border-top:1px solid var(--line);padding-left:0}.office:nth-child(4){border-top:1px solid var(--line)}.footer{grid-template-columns:1fr 1fr}.footer-note{display:none}.socials{grid-column:2}}
@media(max-width:560px){.topline{padding:0 5%;font-size:8px}.topline span:last-child{display:none}.header{height:72px;padding:0 5%}.brand-name{font-size:19px}.nav{display:none}.contact-head{font-size:11px}.hero{min-height:510px;height:75vh;max-height:680px}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(26,32,27,.65),rgba(26,32,27,.18))}.hero-content{left:8%;right:6%}.hero h1{font-size:58px}.intro{padding:37px 8%;grid-template-columns:1fr;gap:18px}.intro>p{font-size:19px}.intro .text-link{grid-column:1}.collection{padding:64px 5% 70px}.section-head{margin:0 0 25px;align-items:start}.section-head .text-link{display:none}.section-head h2{font-size:35px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 12px}.product-image{height:54vw;min-height:190px}.product-info{display:block}.product-info h3{font-size:15px}.price{display:block;margin-top:8px}.quote-band{grid-template-columns:1fr}.quote-photo{min-height:280px;height:65vw}.quote-copy{padding:43px 9% 50px}.quote-copy blockquote{font-size:38px}.offices{padding:67px 7%}.offices-head{display:block;margin-bottom:30px}.offices-head>p{margin-top:16px}.office-grid{grid-template-columns:1fr 1fr}.office{padding:23px 12px 23px 0;min-height:215px}.office:not(:first-child){padding-left:13px}.office:nth-child(odd){padding-left:0}.office h3{font-size:18px}.office>a{font-size:9px}.footer{padding:29px 6% 18px;grid-template-columns:1fr auto}.socials{grid-column:auto;gap:5px}.socials a{width:27px;height:27px}.copyright{font-size:7px;line-height:1.6}}
