@font-face{font-family:SQ Sans;src:url('/assets/dm-sans.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:SQ Serif;src:url('/assets/cormorant-garamond-medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--paper:#f9f8f5;--ivory:#e8e4db;--ink:#292721;--muted:#6a665f;--line:#d8d4ca;--serif:'SQ Serif',Garamond,'Times New Roman',serif;--sans:'SQ Sans','Avenir Next',Avenir,sans-serif;--ease:cubic-bezier(.22,.68,0,1.01)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
button,a,summary{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img{display:block;max-width:100%;height:auto}
p,h1,h2,figure{margin:0}
button{cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
::selection{background:#d7cbbc;color:var(--ink)}
.skip-link{position:fixed;top:10px;left:10px;z-index:6;padding:10px 20px;background:var(--paper);transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.announcement{display:flex;min-height:31px;align-items:center;justify-content:center;background:#eae7e0;font-size:9px;letter-spacing:.15em;text-align:center}
.announcement a{padding:6px 20px}
.announcement span{padding:0 9px;font-size:12px}
.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:116px;padding:20px 3.5%;background:var(--paper);position:relative;z-index:2}
.desktop-nav,.header-right{display:flex;align-items:center;gap:29px;font-size:11px}
.header-right{justify-content:flex-end}
.desktop-nav a{position:relative}
.desktop-nav a::after{content:'';height:1px;background:currentColor;position:absolute;left:0;right:0;bottom:-6px;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.desktop-nav a:hover::after{transform:scaleX(1)}
.wordmark{width:240px;display:block}
.wordmark img{width:100%}
.care-link{display:flex;align-items:center;gap:12px;min-height:44px}
.care-link svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1}
.menu-trigger{display:none;align-items:center;gap:10px;border:0;background:none;padding:12px 0;font-size:11px}
.menu-icon{display:flex;flex-direction:column;justify-content:center;gap:5px;width:18px;height:18px}
.menu-icon span{height:1px;width:18px;background:var(--ink)}
.hero{position:relative;aspect-ratio:16/9;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-1;background:#e4e0d7}
.hero-media picture,.hero-media img{display:block;width:100%;height:100%}
.hero-media img{object-fit:contain;object-position:center}
.hero-copy{position:absolute;left:7.2%;bottom:12.5%}
.eyebrow{font-size:9px;font-weight:400;letter-spacing:.18em;text-transform:uppercase}
.hero .eyebrow{margin-bottom:22px}
h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.025em;line-height:1.07}
h1{font-size:clamp(65px,6.7vw,105px)}
.text-link{display:inline-flex;align-items:center;gap:38px;min-height:44px;border-bottom:1px solid currentColor;font-size:11px;line-height:1.5;transition:gap .5s var(--ease),opacity .5s var(--ease)}
.text-link span{font-size:19px;font-family:var(--sans);font-weight:400}
.text-link:hover{gap:50px;opacity:.75}
.hero .text-link{margin-top:24px}
.hero-edition{position:absolute;right:3.5%;bottom:5%;font-size:9px;letter-spacing:.18em;writing-mode:vertical-rl}
.hero-edition span{padding:9px 0}
.section-pad{padding:116px 7.2%}
.section-heading{text-align:center;max-width:650px;margin:0 auto 68px}
.section-heading h2{font-size:clamp(45px,4.6vw,68px);margin:18px 0 21px}
.section-note{color:var(--muted);font-size:12px;line-height:1.8}
.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:5.8vw;align-items:start}
.collection-image .photo-slot{aspect-ratio:4/5}
.home-product-photo{aspect-ratio:3/4}
.home-product-photo img{width:100%;height:100%;object-fit:contain}
.home-product-link{display:block}
.collection-image figcaption a:hover{text-decoration:underline;text-underline-offset:4px}
.photo-light{background:#efede8}
.photo-warm{background:#e4dfd6}
.collection-image-offset{margin-top:128px}
figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:16px;font-size:10px;letter-spacing:.02em}
figcaption span:last-child{font-size:8px;letter-spacing:.13em;color:var(--muted)}
.collection-note{text-align:center;margin:74px auto 0}
.collection-note p{font-size:12px;color:var(--muted);margin-bottom:17px}
.house{display:grid;grid-template-columns:1fr 1fr;min-height:700px;background:#efede7}
.house-identity{display:flex;align-items:center;justify-content:center;background:#e9e5dc;padding:75px}
.house-identity img{width:100%;max-width:350px}
.house-copy{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:90px 16% 90px 14%}
.house h2{font-size:clamp(46px,4.7vw,72px);margin:28px 0}
.house-copy>p:not(.eyebrow){font-size:12px;color:#6a665f;line-height:1.9}
.house-copy .founder-signature{margin-top:20px}
.house .text-link{margin-top:35px;font-size:10px;gap:25px}
.detail-study{margin:0;background:#eee9df}
.detail-images{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px}
.detail-images a{display:block;min-width:0}
.detail-images img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#f4f0e8}
.detail-caption{padding:23px 7.2%;display:flex;justify-content:space-between;gap:30px;font-size:9px;letter-spacing:.12em}
.detail-caption span{color:#625e56;font-size:8px}
.care{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#efede7;padding-top:95px;padding-bottom:95px}
.care h2{font-size:clamp(36px,3.4vw,50px);margin-top:25px;line-height:1.2}
.care-details details{border-bottom:1px solid var(--line)}
.care-details details:first-child{border-top:1px solid var(--line)}
summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:63px;cursor:pointer;font-size:11px}
summary::-webkit-details-marker{display:none}
summary span{font-size:19px;font-weight:400;transition:transform .45s var(--ease)}
details[open] summary span{transform:rotate(45deg)}
.care-details details p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 30px 25px 0}
.footer{background:#e8e4db;padding:55px 4% 24px}
.footer-top{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:center;padding:0 3.5% 54px}
.footer-logo{width:220px}
.footer nav{display:flex;gap:30px;justify-content:flex-end;font-size:11px}
.footer nav a{padding:10px 0}
.footer nav a:hover{text-decoration:underline;text-underline-offset:5px}
.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #d0cbc2;padding-top:23px;font-size:8px;letter-spacing:.08em;color:#6a665f}
.footer-bottom p span{padding:0 8px}
.menu-dialog{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:28px 7.2% 30px;background:var(--paper);color:var(--ink);z-index:5}
.menu-dialog::backdrop{background:#29272180}
.menu-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.12em}
.menu-top img{width:220px}
.menu-top button{border:0;background:none;font-size:35px;font-family:var(--sans);font-weight:400;width:44px;height:44px;line-height:1;padding:0}
.menu-dialog nav{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:8vh;font-family:var(--serif);font-size:clamp(31px,5vw,65px);line-height:1.3;letter-spacing:-.04em}
.menu-dialog nav a{transition:opacity .3s var(--ease)}
.menu-dialog nav a:hover{opacity:.5}
.menu-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:55px}
.menu-bottom p{font-size:8px;letter-spacing:.16em}
@media(prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(22px);transition:transform 1.1s var(--ease),opacity 1.1s var(--ease)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.section-pad{padding-left:max(7.2%,calc((100vw - 1500px)/2));padding-right:max(7.2%,calc((100vw - 1500px)/2))}}
@media(max-width:1100px){.desktop-nav,.header-right{gap:20px}.house-copy{padding:70px 10%}.house-identity{padding:40px}.house{min-height:570px}.footer-top{gap:25px}.footer nav{gap:20px}}
@media(min-width:701px) and (max-width:1100px){.hero{aspect-ratio:auto}.hero-media{position:relative;aspect-ratio:16/9;z-index:0}.hero-copy{position:relative;left:auto;bottom:auto;padding:34px 7.2% 44px}.hero h1{font-size:clamp(52px,6.7vw,70px)}.hero-edition{display:none}}
@media(max-width:700px){
  .announcement{font-size:7px;min-height:29px;letter-spacing:.12em}.announcement span{padding:0 6px}
  .header{min-height:99px;padding:14px 22px}.desktop-nav{display:none}.menu-trigger{display:inline-flex;justify-self:start}.menu-label{display:none}.wordmark{width:177px}.care-link{font-size:10px;gap:6px}.care-link svg{width:10px;height:10px}
  .hero{aspect-ratio:auto}.hero-media{position:relative;aspect-ratio:4/5;z-index:0}.hero-copy{position:relative;left:auto;bottom:auto;padding:30px 8% 40px}.hero .eyebrow{font-size:8px;margin-bottom:16px}h1{font-size:69px;line-height:1.1}.hero h1{font-size:clamp(44px,12.3vw,58px)}.hero .text-link{margin-top:18px}.hero-edition{display:none}
  .section-pad{padding:74px 6%}.section-heading{margin-bottom:43px}.section-heading h2{font-size:47px;margin:20px 0}.section-note{font-size:11px}.collection-grid{gap:14px}.collection-image-offset{margin-top:65px}.collection-image .photo-slot,.home-product-photo{aspect-ratio:3/4}figcaption{font-size:9px;line-height:1.6;display:block;padding-top:12px}figcaption span:last-child{display:block;font-size:7px;margin-top:3px}.collection-note{margin-top:47px}.collection-note p{font-size:11px}
  .house{grid-template-columns:minmax(0,1fr);min-height:0}.house-identity{padding:47px;min-height:330px}.house-identity img{width:260px}.house-copy{padding:62px 9% 70px}.house h2{font-size:53px;margin:25px 0}.house .text-link{margin-top:27px}.desktop-break{display:none}
  .detail-caption{padding:20px 7%;font-size:7px;gap:15px}.detail-caption span{font-size:6px;letter-spacing:.08em}
  .care{grid-template-columns:1fr;gap:40px;padding:63px 8%}.care h2{font-size:38px;line-height:1.2}.care .eyebrow{font-size:8px}summary{min-height:60px}.care-details details p{font-size:11px}
  .footer{padding:43px 7% 25px}.footer-top{grid-template-columns:1fr 1fr;gap:32px;padding:0 0 32px}.footer-logo{width:160px}.footer nav{flex-direction:column;gap:5px;align-items:flex-start;justify-self:end;min-width:100px;font-size:10px}.footer-bottom{flex-wrap:wrap;gap:15px;font-size:7px;padding-top:22px}.footer-bottom p:nth-child(2){display:none}.footer-bottom a{margin-left:auto}
  .menu-dialog{padding:24px 7%}.menu-top img{width:177px}.menu-dialog nav{margin-top:8vh;gap:23px;font-size:35px}.menu-bottom{margin-top:55px}
}
@media(max-width:359px){.header{padding-left:15px;padding-right:15px}.wordmark{width:166px}.care-link{font-size:9px}}
.hero-editorial{aspect-ratio:auto}
.hero-editorial .hero-media{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);aspect-ratio:auto;z-index:0}
.hero-editorial .hero-media img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}
.hero-editorial .hero-copy{position:absolute;left:7.2%;bottom:7%;padding:0;color:#fff;text-shadow:0 1px 5px #0004;z-index:1}
.hero-editorial .hero-edition{color:#fff}
@media(max-width:1100px){.hero-editorial .hero-copy{position:relative;left:auto;bottom:auto;padding:34px 7.2% 44px;color:var(--ink);text-shadow:none}}
@media(max-width:700px){.hero-editorial .hero-media{grid-template-columns:minmax(0,1fr)}.hero-editorial .hero-media img:nth-child(2){display:none}.hero-editorial .hero-copy{padding:30px 8% 40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
