@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');

:root { --ink:#17201d; --paper:#f6f2eb; --cream:#ebe4d8; --sage:#aebbad; --rust:#a7593f; --line:rgba(23,32,29,.16); --serif:Georgia,'Times New Roman',serif; --sans:'DM Sans',Arial,sans-serif; }
* { box-sizing:border-box; }
[hidden] { display:none!important; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
body.is-locked { overflow:hidden; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; color:inherit; }
button { cursor:pointer; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.skip-link { position:fixed;z-index:200;left:16px;top:-60px;background:white;padding:12px 18px;border-radius:4px; }
.skip-link:focus { top:16px; }
.demo-bar { min-height:32px;display:flex;justify-content:center;align-items:center;gap:18px;padding:6px 4vw;background:var(--ink);color:#fff;font-size:11px;letter-spacing:.07em;text-transform:uppercase; }
.demo-bar span { color:#dfbda9; }
.demo-bar p { margin:0; }
.site-header { position:sticky;top:0;z-index:80;height:78px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(246,242,235,.91);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.35s ease; }
.site-header.is-scrolled { height:66px;border-color:var(--line);box-shadow:0 10px 30px rgba(23,32,29,.05); }
.brand { display:inline-flex;width:max-content;align-items:center;gap:10px;font-size:18px;font-weight:600;letter-spacing:-.03em; }
.brand i { font-family:var(--serif);font-weight:400; }
.brand-mark { display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--ink);border-radius:50%;font-family:var(--serif);font-size:15px;font-weight:400; }
.desktop-nav { display:flex;align-items:center;gap:34px;font-size:13px; }
.desktop-nav a { position:relative; }
.desktop-nav a:after { content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--ink);transition:right .25s; }
.desktop-nav a:hover:after { right:0; }
.header-actions { display:flex;justify-self:end;align-items:center;gap:10px; }
.icon-button,.menu-trigger { border:0;background:none;padding:8px; }
.icon-button svg { width:19px;fill:none;stroke:currentColor;stroke-width:1.5; }
.cart-trigger { display:flex;align-items:center;gap:8px;border:0;background:none;padding:8px;font-size:13px; }
.cart-count { min-width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:white;font-size:10px;transition:transform .2s; }
.cart-count.pop { transform:scale(1.35); }
.menu-trigger,.mobile-nav { display:none; }
.section { padding:120px max(5vw,calc((100vw - 1320px)/2)); }
.eyebrow { margin:0 0 20px;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1,h2 { letter-spacing:-.055em;font-weight:500;line-height:.98; }
h1 em,h2 em { font-family:var(--serif);font-weight:400; }
.hero { position:relative;min-height:calc(100vh - 110px);overflow:hidden;display:flex;align-items:center;padding:7vw 6vw;background:#d9d6ce; }
.hero-image { position:absolute;inset:0;background:url('./hero.jpg') center/cover no-repeat;animation:heroIn 1.4s cubic-bezier(.2,.7,.2,1) both; }
.hero:after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(240,235,226,.92) 0%,rgba(240,235,226,.78) 35%,rgba(240,235,226,.06) 68%); }
.hero-copy { position:relative;z-index:2;max-width:680px;padding:30px 0;animation:copyIn .9s .15s both; }
.hero-kicker { display:flex;align-items:center;gap:10px; }
.hero-kicker:before { content:"";width:38px;height:1px;background:currentColor; }
.hero h1 { max-width:680px;margin-bottom:28px;font-size:clamp(48px,6.1vw,92px); }
.hero h1 em { color:var(--rust); }
.hero-lead { max-width:520px;margin-bottom:35px;color:#45504c;line-height:1.65;font-size:15px; }
.hero-actions { display:flex;align-items:center;gap:28px; }
.button { min-height:52px;padding:0 22px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:30px;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600;transition:.25s; }
.button-dark { color:white;background:var(--ink); }
.button-dark:hover { background:var(--rust);border-color:var(--rust);transform:translateY(-2px); }
.text-link { border:0;border-bottom:1px solid currentColor;background:none;padding:2px 0 5px;font-size:12px;font-weight:600; }
.hero-note { position:absolute;z-index:2;right:5vw;bottom:5vw;display:flex;align-items:flex-start;gap:12px;color:white;mix-blend-mode:difference; }
.hero-note span { font-size:10px; }
.hero-note p { font-family:var(--serif);font-size:17px;line-height:1.15; }
.principles { min-height:76px;padding:18px 5vw;display:flex;align-items:center;justify-content:center;gap:4.5vw;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.15em; }
.principles p { margin:0; }.principles span { width:3px;height:3px;border-radius:50%;background:var(--rust); }
.section-heading,.shop-top { display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:65px; }
.section-heading h2,.shop h2,.story h2,.newsletter h2 { margin-bottom:0;font-size:clamp(42px,5vw,70px); }
.section-heading > p { max-width:405px;margin:0;color:#65706b;line-height:1.7;font-size:14px; }
.editorial-grid { display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:18px; }
.editorial-card { position:relative;min-height:570px;overflow:hidden;background:#e9e4dc;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .4s cubic-bezier(.2,.7,.2,1); }
.editorial-card:hover { transform:translateY(-8px); }
.editorial-card .sprite { position:absolute;inset:0;transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.editorial-card:hover .sprite { transform:scale(1.04); }
.editorial-card > div:last-child { position:relative;z-index:2;margin:18px;padding:25px;background:rgba(246,242,235,.94);backdrop-filter:blur(7px); }
.editorial-card span { font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#69726e; }
.editorial-card h3 { margin:8px 0 0;font-size:24px;font-weight:500;letter-spacing:-.04em; }
.editorial-card p { margin:10px 0 0;max-width:420px;color:#64706b;line-height:1.5;font-size:12px; }
.sprite,.product-image,.cart-thumb,.modal-image { background-image:url('./products.jpg');background-size:400% 300%;background-repeat:no-repeat; }
.crop-chair { background-position:0 0; }.crop-lamp { background-position:33.333% 0; }.crop-vase { background-position:66.666% 0; }
.shop { background:#e9e4dc; }
.product-total { margin:0;font-size:12px;color:#68716d; }.product-total strong { color:var(--ink);font-size:26px;font-weight:500; }
.catalog-tools { display:flex;justify-content:space-between;align-items:center;gap:25px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:45px; }
.filters { display:flex;flex-wrap:wrap;gap:6px; }
.filter { padding:9px 14px;border:1px solid transparent;border-radius:40px;background:transparent;color:#626c67;font-size:11px; }
.filter:hover,.filter.is-active { border-color:var(--ink);color:var(--ink); }
.catalog-search { display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--ink);padding:7px 2px; }
.catalog-search svg { width:16px;fill:none;stroke:currentColor;stroke-width:1.5; }.catalog-search input { width:165px;border:0;outline:0;background:transparent;font-size:11px; }
.product-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:50px 18px; }
.product-card { min-width:0;transition:opacity .25s,transform .25s; }
.product-card[hidden] { display:none; }
.product-visual { position:relative;aspect-ratio:1/1.13;overflow:hidden;background:#ddd8cf; }
.product-image { position:absolute;inset:0;background-position:var(--x) var(--y);transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.product-card:hover .product-image { transform:scale(1.045); }
.badge { position:absolute;left:12px;top:12px;z-index:1;padding:7px 9px;background:var(--paper);font-size:8px;letter-spacing:.14em;text-transform:uppercase; }
.quick-view { position:absolute;inset:auto 12px 12px;z-index:2;height:40px;border:0;background:rgba(246,242,235,.93);transform:translateY(55px);transition:.3s;font-size:10px;text-transform:uppercase;letter-spacing:.09em; }
.product-visual:hover .quick-view,.quick-view:focus { transform:none; }
.product-info { display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:15px 2px; }
.product-info p { margin:0;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#717a76; }
.product-info h3 { margin:0;font-size:15px;font-weight:500; }
.product-info strong { grid-row:1/3;grid-column:2;font-size:13px;font-weight:500; }
.add-button { grid-column:1/-1;justify-self:start;margin-top:8px;border:0;border-bottom:1px solid var(--ink);padding:0 0 4px;background:none;font-size:10px;text-transform:uppercase;letter-spacing:.09em; }
.add-button:hover { color:var(--rust);border-color:var(--rust); }
.empty-results { padding:70px;text-align:center; }.empty-results p { font-family:var(--serif);font-size:28px; }
.story { display:grid;grid-template-columns:1fr 1fr;min-height:720px;background:#d7c6b8; }
.story-image { position:relative;min-height:650px;background:linear-gradient(rgba(30,34,31,.12),rgba(30,34,31,.12)),url('./hero.jpg') 72% center/cover no-repeat;overflow:hidden; }
.story-image span { position:absolute;left:-.03em;bottom:-.15em;color:rgba(255,255,255,.33);font-family:var(--serif);font-size:clamp(110px,18vw,280px);letter-spacing:-.09em; }
.story-copy { display:flex;flex-direction:column;justify-content:center;padding:9vw 8vw; }
.story-copy > p:not(.eyebrow) { max-width:520px;margin:32px 0;color:#46504c;line-height:1.7;font-size:14px; }
.story-stats { display:flex;gap:4vw;margin:15px 0 45px;padding:30px 0;border-top:1px solid rgba(23,32,29,.2);border-bottom:1px solid rgba(23,32,29,.2); }
.story-stats div { display:flex;gap:11px;align-items:flex-start; }.story-stats strong { font-family:var(--serif);font-size:34px;font-weight:400; }.story-stats span { font-size:9px;line-height:1.45;text-transform:uppercase;letter-spacing:.1em; }
.story-copy .text-link { align-self:flex-start; }
.newsletter { display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:9vw;background:var(--sage); }
.newsletter-form label { display:block;border-bottom:1px solid var(--ink); }.newsletter-form input { width:calc(100% - 55px);height:58px;border:0;background:none;outline:0;font-size:15px; }
.newsletter-form button { float:right;margin-top:-58px;width:50px;height:58px;border:0;background:none;font-size:22px; }.newsletter-form p { clear:both;margin:12px 0 0;font-size:10px;color:#46504c; }
footer { padding:80px 5vw 25px;background:var(--ink);color:#f4f0e9; }
.footer-main { display:grid;grid-template-columns:1.3fr 1fr .7fr .7fr;gap:50px;min-height:240px; }.footer-brand .brand-mark { border-color:#f4f0e9; }.footer-main > p { color:#9da6a1;font-family:var(--serif);font-size:20px;line-height:1.4; }.footer-main h3 { margin-bottom:20px;color:#89938e;font-size:9px;text-transform:uppercase;letter-spacing:.15em; }.footer-main div a { display:block;margin:11px 0;font-size:12px; }.footer-bottom { display:flex;justify-content:space-between;gap:25px;border-top:1px solid rgba(255,255,255,.13);padding-top:20px;color:#87908b;font-size:9px;text-transform:uppercase;letter-spacing:.08em; }
.drawer-layer,.modal-layer { position:fixed;inset:0;z-index:150; }.drawer-backdrop,.modal-backdrop { position:absolute;inset:0;border:0;background:rgba(20,28,25,.45);backdrop-filter:blur(3px); }.cart-drawer { position:absolute;right:0;top:0;bottom:0;width:min(480px,100%);display:flex;flex-direction:column;background:var(--paper);box-shadow:-20px 0 60px rgba(20,28,25,.15);animation:drawerIn .35s both; }.cart-drawer > header { padding:28px 28px 22px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line); }.cart-drawer h2 { margin:0;font-size:32px; }.cart-drawer h2 span { font-family:var(--sans);font-size:13px;letter-spacing:0; }.close-button { width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:none;font-size:26px;font-weight:300; }.cart-progress { padding:18px 28px;border-bottom:1px solid var(--line); }.cart-progress div { display:flex;justify-content:space-between;font-size:10px; }.cart-progress i { display:block;height:3px;margin-top:12px;background:#d6d0c7; }.cart-progress b { display:block;width:0;height:100%;background:var(--rust);transition:width .3s; }.cart-items { flex:1;overflow:auto;padding:0 28px; }.cart-row { display:grid;grid-template-columns:90px 1fr auto;gap:15px;padding:20px 0;border-bottom:1px solid var(--line); }.cart-thumb { width:90px;aspect-ratio:1;background-position:var(--x) var(--y); }.cart-row h3 { margin:3px 0 6px;font-size:14px;font-weight:500; }.cart-row p { margin:0;color:#6d7672;font-size:9px;text-transform:uppercase;letter-spacing:.08em; }.cart-row strong { font-size:12px;font-weight:500; }.quantity { display:flex;align-items:center;width:max-content;margin-top:12px;border:1px solid var(--line); }.quantity button { width:28px;height:27px;border:0;background:none; }.quantity span { min-width:22px;text-align:center;font-size:10px; }.remove { align-self:end;border:0;background:none;padding:4px 0;font-size:9px;text-decoration:underline;color:#777f7b; }.cart-empty { flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;text-align:center; }.cart-empty > span { display:grid;place-items:center;width:72px;height:72px;border:1px solid var(--line);border-radius:50%;font-family:var(--serif);font-size:34px; }.cart-empty h3 { margin:24px 0 9px;font-family:var(--serif);font-size:24px;font-weight:400; }.cart-empty p { max-width:260px;color:#6b7470;font-size:12px;line-height:1.5; }.cart-empty .button { margin-top:20px; }.cart-footer { padding:24px 28px;border-top:1px solid var(--line); }.cart-footer > div { display:flex;justify-content:space-between;margin-bottom:18px; }.cart-footer strong { font-family:var(--serif);font-size:23px;font-weight:400; }.cart-footer .button { width:100%; }.cart-footer small { display:block;margin-top:10px;text-align:center;color:#6d7672;font-size:9px; }
.product-modal { position:absolute;left:50%;top:50%;width:min(900px,calc(100% - 40px));max-height:calc(100vh - 40px);overflow:auto;transform:translate(-50%,-50%);background:var(--paper);display:grid;grid-template-columns:1fr 1fr;animation:modalIn .3s both; }.modal-image { min-height:560px;background-position:var(--x) var(--y); }.modal-copy { position:relative;padding:55px; }.modal-copy .close-button { position:absolute;right:18px;top:18px; }.modal-copy h2 { margin:24px 0 12px;font-size:45px; }.modal-price { font-family:var(--serif);font-size:25px; }.modal-description { margin:25px 0;color:#5e6964;line-height:1.65;font-size:13px; }.modal-details { padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;line-height:1.8; }.modal-copy .button { width:100%;margin-top:25px; }
.toast { position:fixed;z-index:250;left:50%;bottom:25px;transform:translate(-50%,30px);padding:13px 18px;background:var(--ink);color:#fff;opacity:0;pointer-events:none;font-size:11px;transition:.3s; }.toast.show { opacity:1;transform:translate(-50%,0); }
.reveal { opacity:0;transform:translateY(28px);transition:opacity .75s,transform .75s; }.reveal.is-visible { opacity:1;transform:none; }.product-card { animation:cardIn .45s both; }
@keyframes heroIn { from { transform:scale(1.07);filter:brightness(.85); } to { transform:none;filter:none; } }
@keyframes copyIn { from { opacity:0;transform:translateY(20px); } }
@keyframes cardIn { from { opacity:0;transform:translateY(15px); } }
@keyframes drawerIn { from { transform:translateX(100%); } }
@keyframes modalIn { from { opacity:0;transform:translate(-50%,-46%); } }

@media (max-width:1000px) {
  .site-header { grid-template-columns:1fr auto;height:68px; }.desktop-nav { display:none; }.menu-trigger { display:block;width:35px; }.menu-trigger span { display:block;width:20px;height:1px;margin:5px 0;background:var(--ink);transition:.25s; }.menu-trigger[aria-expanded="true"] span:first-child { transform:translateY(3px) rotate(45deg); }.menu-trigger[aria-expanded="true"] span:last-child { transform:translateY(-3px) rotate(-45deg); }.mobile-nav { position:absolute;left:0;right:0;top:100%;padding:25px 5vw;background:var(--paper);border-bottom:1px solid var(--line); }.mobile-nav:not([hidden]) { display:grid;gap:20px; }.mobile-nav a { font-family:var(--serif);font-size:24px; }.hero { min-height:750px;padding:80px 6vw;align-items:flex-end; }.hero:after { background:linear-gradient(0deg,rgba(240,235,226,.96) 0%,rgba(240,235,226,.62) 58%,rgba(240,235,226,.02) 85%); }.hero-copy { max-width:640px; }.hero-note { top:35px;right:5vw;bottom:auto; }.editorial-grid { grid-template-columns:1fr 1fr; }.editorial-large { grid-column:1/-1; }.editorial-card { min-height:480px; }.product-grid { grid-template-columns:repeat(3,1fr); }.story { grid-template-columns:1fr; }.story-image { min-height:520px; }.story-copy { padding:100px 8vw; }.newsletter { grid-template-columns:1fr; }.footer-main { grid-template-columns:1fr 1fr; }
}
@media (max-width:680px) {
  .demo-bar { min-height:28px; }.demo-bar p { font-size:8px; }.demo-bar span { display:none; }.site-header { padding:0 18px; }.brand { font-size:16px; }.brand-mark { width:28px;height:28px; }.search-trigger { display:none; }.cart-trigger { font-size:0; }.cart-count { font-size:10px; }.section { padding:82px 20px; }.hero { min-height:690px;padding:65px 20px 50px; }.hero-image { background-position:62% center; }.hero h1 { font-size:45px; }.hero-lead { font-size:13px; }.hero-actions { gap:20px; }.button { padding:0 17px;gap:18px; }.hero-note { display:none; }.principles { overflow:hidden;justify-content:flex-start;white-space:nowrap;padding-left:20px;gap:25px; }.section-heading,.shop-top { display:block;margin-bottom:38px; }.section-heading h2,.shop h2,.story h2,.newsletter h2 { font-size:42px; }.section-heading > p { margin-top:24px; }.editorial-grid { grid-template-columns:1fr; }.editorial-large { grid-column:auto; }.editorial-card { min-height:430px; }.catalog-tools { display:block; }.filters { overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px;scrollbar-width:none; }.catalog-search { margin-top:10px; }.catalog-search input { width:100%; }.product-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 10px; }.product-info { display:block; }.product-info h3 { margin:4px 0; }.product-info strong { display:block;margin-top:7px; }.quick-view { display:none; }.story-image { min-height:390px; }.story-copy { padding:80px 20px; }.story-stats { gap:22px;overflow:auto; }.story-stats div { min-width:90px;display:block; }.story-stats span { display:block;margin-top:5px; }.newsletter { gap:50px; }.footer-main { grid-template-columns:1fr 1fr; }.footer-main > .brand,.footer-main > p { grid-column:1/-1; }.footer-bottom { display:block;line-height:1.7; }.footer-bottom span { display:block; }.product-modal { grid-template-columns:1fr; }.modal-image { min-height:340px; }.modal-copy { padding:35px 25px; }.modal-copy h2 { font-size:36px; }.cart-drawer > header,.cart-progress,.cart-footer { padding-left:20px;padding-right:20px; }.cart-items { padding:0 20px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; } .reveal { opacity:1;transform:none; } }