@font-face{font-family:Manrope;src:url('fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Caveat;src:url('fonts/caveat.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--u:min(.1172332943vw,1.6881594373px);--ink:#30322c;--olive:#626b57;--cream:#fbf7f4;--muted:#8d8d80;--font:Manrope,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased}
button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}
button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button{border:0}button:disabled{cursor:default}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #464f3d;outline-offset:5px}
.container{width:calc(100% - 98 * var(--u));max-width:calc(755 * var(--u));margin-inline:auto}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;top:8px;left:8px;background:var(--cream);padding:10px 16px;z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:none}
.hero{height:calc(420 * var(--u));position:relative;background:#f6eeeb url('images/hero.webp') 66% bottom/108% auto no-repeat}
.site-header{position:absolute;top:0;left:0;right:0;z-index:30;height:calc(67 * var(--u));background:rgba(247,243,239,.16);backdrop-filter:blur(calc(8 * var(--u)));-webkit-backdrop-filter:blur(calc(8 * var(--u)))}
.header{position:relative;height:calc(67 * var(--u))}
.brand{display:inline-block;width:calc(117 * var(--u))}.brand img{width:100%;height:auto;mix-blend-mode:multiply}
.header>.brand{position:absolute;top:calc(14 * var(--u));left:calc(-3 * var(--u))}
.header-nav{position:absolute;left:calc(241 * var(--u));top:calc(29 * var(--u));display:flex;align-items:center;gap:calc(25 * var(--u));font-size:calc(9 * var(--u));white-space:nowrap}
.header-nav a,.footer-nav a{transition:color .18s}.header-nav a:hover,.footer-nav a:hover{color:var(--olive);text-decoration:underline;text-underline-offset:4px}
.opening-pill{position:absolute;right:0;top:calc(19 * var(--u));height:calc(31 * var(--u));padding:0 calc(15 * var(--u));display:flex;align-items:center;gap:calc(5 * var(--u));background:var(--olive);color:#f8f5ee;font-size:calc(10 * var(--u));border-radius:100px}
.opening-pill .icon{width:calc(12 * var(--u));height:calc(12 * var(--u));filter:invert(1)}
.menu-toggle{display:none}
.hero-copy{position:relative;margin-top:0;padding-top:calc(138 * var(--u))}
.eyebrow{font-size:calc(9 * var(--u));line-height:1.55;letter-spacing:calc(1.45 * var(--u));text-transform:uppercase;color:var(--muted)}
.hero-wordmark{position:relative;display:flex;align-items:center;width:max-content;font-size:calc(52 * var(--u));font-weight:500;line-height:1.15;letter-spacing:calc(14 * var(--u));color:#706b52;margin-top:calc(12 * var(--u))}
.hero-wordmark img{width:calc(38 * var(--u));height:calc(66 * var(--u));margin-left:calc(-2 * var(--u));margin-top:calc(-15 * var(--u));object-fit:contain;mix-blend-mode:multiply}
.hero h1{font-size:calc(27 * var(--u));font-weight:500;line-height:1.08;letter-spacing:0;margin-top:calc(-2 * var(--u))}
.hero-description{font-size:calc(14 * var(--u));line-height:1.23;margin-top:calc(17 * var(--u))}
.button{display:inline-flex;align-items:center;justify-content:center;gap:calc(10 * var(--u));border-radius:100px;white-space:nowrap;transition:background .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.button-olive{background:var(--olive);color:#f8f7f0;padding:0 calc(28 * var(--u));height:calc(39 * var(--u));font-size:calc(13 * var(--u))}.button-olive:hover,.opening-pill:hover{background:#515c47}
.hero .button{margin-top:calc(21 * var(--u))}
.button .icon{width:calc(18 * var(--u));height:calc(18 * var(--u));flex-shrink:0}.button-olive .icon{filter:invert(1);opacity:.85}
.handwritten{font-family:Caveat,cursive;font-weight:400;line-height:.98;color:#837d68;transform:rotate(-15deg)}
.handwritten img{display:inline-block;width:calc(18 * var(--u));height:calc(18 * var(--u));opacity:.55}
.hero-note{position:absolute;left:calc(680 / 853 * 100%);top:calc(222 * var(--u));font-size:calc(26 * var(--u));text-align:center}.hero-note span{padding-left:calc(20 * var(--u))}
.benefits{height:calc(103 * var(--u));background:#f6f1ee}
.benefits-grid{height:100%;display:grid;grid-template-columns:repeat(4,1fr)}
.benefit{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:calc(1 * var(--u));gap:calc(5 * var(--u));text-align:center;font-size:calc(12 * var(--u));line-height:1.35}
.benefit:not(:last-child)::after{content:'';position:absolute;right:0;top:calc(28 * var(--u));height:calc(52 * var(--u));width:1px;background:#e9e4df}
.benefit>img{width:calc(30 * var(--u));height:calc(30 * var(--u));opacity:.78}.benefit:last-child>img{width:calc(34 * var(--u))}
.collections{height:calc(276 * var(--u));padding-top:calc(17 * var(--u));background:var(--cream)}
.section-heading{display:flex;justify-content:space-between;align-items:center;height:calc(24 * var(--u));margin-bottom:calc(12 * var(--u))}
.section-heading h2{font-size:calc(19 * var(--u));font-weight:500;line-height:1.3;letter-spacing:calc(-.3 * var(--u))}
.text-link{display:flex;align-items:center;gap:calc(7 * var(--u));font-size:calc(11 * var(--u))}.text-link img{width:calc(15 * var(--u));height:calc(15 * var(--u))}.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(14 * var(--u))}
.category{min-width:0}.category-visual{display:block;height:calc(156 * var(--u));overflow:hidden;border-radius:calc(6 * var(--u))}.category-photo{width:100%;height:100%;object-fit:cover;transform:scale(1.2);transition:filter .2s}
.category:nth-child(2) .category-photo{transform:scale(1.15)}.category:nth-child(3) .category-photo{transform:scale(1.14)}.category:nth-child(4) .category-photo{transform:translateY(calc(-4 * var(--u))) scale(1.22)}
.category:hover .category-photo{filter:brightness(1.035)}
.category h3{font-size:calc(14 * var(--u));line-height:1.3;font-weight:600;margin-top:calc(9 * var(--u))}
.category p{font-size:calc(10 * var(--u));line-height:1.5;color:#8f8b80;margin-top:calc(2 * var(--u));white-space:nowrap}
.about{position:relative;height:calc(244 * var(--u));background:#e4ddd4 url('images/about.webp') 91% 68%/126% auto no-repeat}
.about-copy{padding-top:calc(23 * var(--u))}
.about h2{font-size:calc(23 * var(--u));font-weight:500;line-height:1.09;letter-spacing:calc(-.2 * var(--u));margin-top:calc(10 * var(--u))}
.about-description{font-size:calc(12.5 * var(--u));line-height:1.24;margin-top:calc(9 * var(--u));max-width:calc(320 * var(--u))}
.button-cream{background:#fbf8f4;padding:0 calc(21 * var(--u));height:calc(33 * var(--u));font-size:calc(11 * var(--u));font-weight:500}.button-cream:hover{background:#fff}
.about .button{margin-top:calc(16 * var(--u))}
.about-note{position:absolute;left:calc(400 / 853 * 100%);top:calc(51 * var(--u));font-size:calc(27 * var(--u));line-height:1.03}.about-note span{padding-left:calc(7 * var(--u))}
.newsletter{position:relative;height:calc(138 * var(--u));background:#707764 url('images/newsletter.webp') center top/cover no-repeat;overflow:hidden;color:#f5f4ed}
.newsletter::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 15%,rgba(247,244,233,.12) 55%,rgba(247,244,233,.08) 100%);pointer-events:none}
.newsletter-inner{height:100%;position:relative;display:grid;grid-template-columns:1fr calc(353 * var(--u));align-items:center;gap:calc(30 * var(--u))}
.newsletter .eyebrow{color:#c5c7b9}
.newsletter h2{font-size:calc(20 * var(--u));line-height:1.3;font-weight:400;letter-spacing:calc(.1 * var(--u));margin-top:calc(4 * var(--u))}
.newsletter-copy>p:last-child{font-size:calc(12 * var(--u));line-height:1.3;margin-top:calc(4 * var(--u))}
.subscribe-form{position:relative;padding-top:calc(22 * var(--u))}
.email-pill{display:flex;height:calc(35 * var(--u));background:#faf7f2;border:calc(1.3 * var(--u)) solid #faf7f2;border-radius:100px;overflow:hidden}
.email-pill input{border:0;padding:0 calc(16 * var(--u));font-size:calc(10 * var(--u));width:0;flex:1;background:transparent;color:var(--ink);outline-offset:-4px}
.email-pill input::placeholder{color:#99958d;opacity:1}
.subscribe-form input:focus,.subscribe-form input:focus-visible,.subscribe-form button:focus-visible{outline:none;box-shadow:none}
.email-pill button{width:calc(136 * var(--u));border-radius:100px;background:#68705e;color:#f5f3ec;font-size:calc(11 * var(--u));padding:0 calc(8 * var(--u));transition:background .2s;outline-offset:-5px}.email-pill button:hover{background:#505c44}
.email-pill button:focus-visible{background:#505c44}.email-pill button:disabled{opacity:.75}
.consent{display:flex;align-items:center;gap:calc(4 * var(--u));font-size:calc(8 * var(--u));line-height:1.4;margin-top:calc(8 * var(--u));color:#e5e6dc;cursor:pointer}
.consent input{appearance:auto;accent-color:#f8f6f0;margin:0;width:calc(9 * var(--u));height:calc(9 * var(--u));flex-shrink:0}
.form-status{position:absolute;top:calc(78 * var(--u));font-size:calc(9 * var(--u));line-height:1.4;color:#faf8f2}
.footer{height:calc(99 * var(--u));background:#f5f0ed}
.footer-main{height:calc(59 * var(--u));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9e4e0}
.footer-brand{width:calc(99 * var(--u));margin-left:calc(3 * var(--u))}
.footer-nav{display:flex;gap:calc(25 * var(--u));font-size:calc(9 * var(--u));margin-left:calc(8 * var(--u));white-space:nowrap}
.social-links{display:flex;gap:calc(15 * var(--u));align-items:center}
.social-links button{padding:0;background:transparent;width:calc(21 * var(--u));height:calc(24 * var(--u));display:flex;align-items:center;justify-content:center;transition:opacity .2s}.social-links button:hover{opacity:.6}.social-links img{width:calc(19 * var(--u));height:calc(19 * var(--u));opacity:.83}
.footer-legal{display:flex;justify-content:space-between;align-items:center;font-size:calc(9 * var(--u));color:#a09d92;padding-top:calc(7 * var(--u))}.footer-legal p:last-child{display:flex;align-items:center;gap:calc(3 * var(--u))}.footer-legal img{width:calc(10 * var(--u));height:calc(10 * var(--u));opacity:.4}
.opening-dialog{max-width:calc(100% - 32px);width:450px;padding:44px 32px 34px;background:var(--cream);color:var(--ink);border:0;border-radius:12px;text-align:center;box-shadow:0 12px 70px #23282025}
.opening-dialog::backdrop{background:#292f2566;backdrop-filter:blur(4px)}
.opening-dialog .eyebrow{font-size:10px}.opening-dialog h2{font-size:25px;font-weight:500;margin:12px 0}.opening-dialog>p:not(.eyebrow){font-size:14px;line-height:1.6}.opening-dialog .button{font-size:13px;height:42px;padding:0 25px;margin-top:24px;gap:12px}.opening-dialog .icon{width:18px;height:18px}
.dialog-close{position:absolute;top:13px;right:13px;background:transparent;padding:6px}
.subscription-dialog{width:340px;padding:31px 25px 25px}
.subscription-dialog .success-icon{width:30px;height:30px;margin:0 auto 13px;opacity:.65}
.subscription-dialog h2{font-size:22px;margin:0 0 9px}
.subscription-dialog>p:not(.eyebrow){font-size:13px;line-height:1.6}
.subscription-dialog .button{height:36px;min-width:142px;margin-top:20px}
@media(min-width:1440px){.hero-note{left:calc(50% + 427.86px)}.about-note{left:calc(50% - 44.74px)}}
@media(min-width:1600px){.hero{background-image:url('images/hero-wide.webp');background-size:cover;background-position:66% bottom}.hero-note{left:77%}.about-note{left:calc(50% - 72px)}}
@media(min-width:1800px){.about{background-size:cover;background-position:center 68%}}
@media(max-width:767px){
  :root{--u:1px}
  html{scroll-padding-top:16px}
  .container{width:calc(100% - 40px);max-width:540px}
  .hero{height:810px;background-size:auto 420px;background-position:77% bottom;background-color:#e8e1d8}
  .site-header,.header{height:84px}.header>.brand{top:13px;left:-3px;width:105px}
  .opening-pill{right:40px;top:25px;height:29px;font-size:10px;padding:0 11px;gap:5px}
  .menu-toggle{display:flex;position:absolute;right:-5px;top:24px;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;padding:3px}
  .header-nav{display:none;left:0;right:0;top:80px;font-size:15px;padding:18px 20px;gap:0;background:#faf7f2;box-shadow:0 8px 25px #302e2712;border-radius:8px}
  .header-nav.is-open{display:flex;flex-direction:column;align-items:stretch}.header-nav a{padding:11px 0}
  .hero-copy{margin-top:0;padding-top:114px}.eyebrow{font-size:9px;letter-spacing:1.2px}.hero-wordmark{font-size:49px;letter-spacing:8px;margin-top:15px;line-height:1.18}.hero-wordmark img{width:35px;height:61px;margin-top:-12px}
  .hero h1{font-size:27px;line-height:1.12;margin-top:1px}.hero-description{font-size:14px;line-height:1.35;margin-top:17px}.hero .button{margin-top:20px;height:41px;font-size:13px;padding:0 24px}
  .hero-note{left:21px;right:auto;top:660px;font-size:23px}
  .benefits{height:auto}.benefits-grid{grid-template-columns:repeat(2,1fr);padding-block:15px}.benefit{min-height:105px;font-size:12px;gap:7px}.benefit:nth-child(2)::after{display:none}.benefit:not(:last-child)::after{top:25px;height:55px}.benefit>img{width:30px;height:30px}
  .collections{height:auto;padding:27px 0 29px}.section-heading{height:auto;margin-bottom:17px;gap:12px}.section-heading h2{font-size:19px;max-width:220px;line-height:1.25}.text-link{font-size:10px;gap:4px;white-space:nowrap}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.category-visual{height:auto;aspect-ratio:1.14;border-radius:6px}.category-photo{height:100%;object-fit:cover;border-radius:6px}.category h3{font-size:14px;margin-top:8px}.category p{font-size:10px;line-height:1.4;white-space:normal;margin-top:3px}
  .about{height:590px;background-size:auto 340px;background-position:85% bottom;background-color:#e7e0d6}.about-copy{padding-top:28px}.about h2{font-size:23px;line-height:1.2;margin-top:9px}.about-description{font-size:12px;line-height:1.5;max-width:335px;margin-top:11px}.desktop-break{display:none}.about .button{margin-top:17px;height:35px;font-size:11px}.about-note{left:23px;top:319px;font-size:27px}
  .newsletter{height:auto;min-height:266px;padding:29px 0 30px}.newsletter-inner{display:flex;flex-direction:column;gap:23px;align-items:stretch}.newsletter .eyebrow{font-size:9px}.newsletter h2{font-size:23px;margin-top:6px}.newsletter-copy>p:last-child{font-size:12px;line-height:1.5;margin-top:6px}.subscribe-form{padding:0}.email-pill{height:41px}.email-pill input{font-size:12px;padding:0 14px}.email-pill button{width:124px;font-size:12px}.consent{font-size:9px;margin-top:9px;gap:6px}.consent input{width:12px;height:12px}.form-status{position:static;font-size:10px;margin-top:8px}.form-status:empty{display:none}
  .footer{height:auto;padding:16px 0 18px}.footer-main{height:auto;min-height:126px;display:grid;grid-template-columns:1fr 1fr;gap:13px 15px;padding-bottom:17px}.footer-brand{width:101px;margin:0}.social-links{justify-self:end;gap:15px;grid-row:1;grid-column:2}.social-links button{width:22px;height:30px}.social-links img{width:20px;height:20px}.footer-nav{grid-column:1/-1;justify-content:space-between;gap:9px;font-size:10px;margin:0;flex-wrap:wrap}.footer-legal{padding-top:12px;gap:10px;font-size:8px;line-height:1.5;align-items:flex-start}.footer-legal p:last-child{max-width:142px;gap:2px;white-space:nowrap}
}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero-wordmark{font-size:43px;letter-spacing:7px}.hero-wordmark img{width:30px}.hero h1{font-size:25px}.hero-note{display:none}.opening-pill{font-size:9px;padding:0 8px}.section-heading h2{font-size:17px}.text-link{font-size:9px}.footer-nav{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
