:root { --ink:#1f1c1a; --muted:#706b65; --cream:#f5f2ec; --sand:#ded7ca; --clay:#b66f52; --plum:#4c4148; --line:rgba(31,28,26,.17); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--cream); font-family:Arial, Helvetica, sans-serif; } a { color:inherit; text-decoration:none; } button { font:inherit; } .announcement { padding:.65rem 1rem; text-align:center; background:var(--plum); color:#fffaf3; font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; } .announcement span { margin:0 .75rem; opacity:.5; }
.site-header { height:82px; max-width:1280px; margin:auto; padding:0 2rem; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--line); } .logo { font-size:1.05rem; letter-spacing:.18em; font-weight:700; white-space:nowrap; } .logo em { font-family:Georgia,serif; font-weight:400; letter-spacing:.05em; } .primary-nav { display:flex; gap:1.55rem; font-size:.86rem; } .primary-nav a { padding:.35rem 0; } .primary-nav a:hover,.text-link:hover { color:var(--clay); } .header-actions { justify-self:end; display:flex; align-items:center; gap:.35rem; }.icon-button { border:0; background:transparent; color:var(--ink); min-width:36px; min-height:36px; cursor:pointer; font-size:1.35rem; }.menu-button { display:none; }.bag-button { border:1px solid var(--ink); border-radius:99px; background:transparent; padding:.5rem .85rem; cursor:pointer; font-size:.8rem; }.bag-button span { background:var(--ink); color:var(--cream); border-radius:50%; padding:.12rem .34rem; margin-left:.3rem; }
.hero { min-height:650px; background:#4f544b; color:#fffdf8; display:grid; grid-template-columns:1fr 1fr; overflow:hidden; }.hero-copy { padding:clamp(4rem,10vw,9rem) max(2rem,calc((100vw - 1180px)/2)); padding-right:2rem; align-self:center; }.eyebrow { font-size:.72rem; text-transform:uppercase; letter-spacing:.15em; color:var(--muted); margin:0 0 1rem; }.hero .eyebrow { color:#dce1d4; }.hero h1 { font:400 clamp(3rem,6vw,5.8rem)/.95 Georgia,serif; margin:0 0 1.6rem; letter-spacing:-.05em; }.hero-copy > p:not(.eyebrow) { max-width:390px; color:#edf0e8; line-height:1.65; }.button { display:inline-flex; justify-content:center; align-items:center; gap:1rem; border:1px solid var(--ink); background:var(--ink); color:var(--cream); padding:.95rem 1.25rem; margin-top:1.1rem; cursor:pointer; font-size:.84rem; transition:transform .2s, background .2s; }.button:hover { transform:translateY(-2px); background:var(--clay); border-color:var(--clay); }.button-light { background:#fffdf8; color:var(--ink); border-color:#fffdf8; }.button-full { width:100%; }.hero-art { min-height:650px; overflow:hidden; background:#dfd1bd; }.hero-art img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.intro { max-width:720px; margin:0 auto; padding:8rem 2rem; text-align:center; }.intro h2,.section-heading h2,.notes h2 { font:400 clamp(2.25rem,4vw,3.6rem)/1.05 Georgia,serif; letter-spacing:-.04em; margin:.2rem 0 1.25rem; }.intro > p:not(.eyebrow) { color:var(--muted); line-height:1.7; }.text-link { display:inline-block; margin-top:1.2rem; font-size:.86rem; border-bottom:1px solid var(--ink); padding-bottom:.25rem; }.text-link span { margin-left:.45rem; }.collection-actions { display:flex; align-items:center; gap:1.2rem; }.collection-actions .text-link { margin:0 0 .6rem; }.collection-actions button.text-link { padding-left:0; padding-right:0; border-top:0; border-left:0; border-right:0; background:transparent; color:inherit; cursor:pointer; }
.collection,.journal { max-width:1280px; margin:auto; padding:1.5rem 2rem 7rem; }.section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:2.25rem; }.section-heading h2 { font-size:2.6rem; }.section-heading .text-link { margin:0 0 .6rem; }.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }.product-card { min-width:0; }.product-image { height:390px; display:grid; place-items:center; position:relative; overflow:hidden; background:var(--product-bg); }.product-image:after { content:""; position:absolute; width:60%; height:7%; background:rgba(70,56,42,.12); border-radius:50%; bottom:16%; filter:blur(8px); }.product-link { width:100%; height:100%; display:grid; place-items:center; }.catalog-photo { position:relative; z-index:1; width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }.product-card:hover .catalog-photo { transform:scale(1.04); }.product-object { position:relative; z-index:1; background:linear-gradient(105deg,#e8e2d7,#c6bbab); box-shadow:inset 12px 0 18px rgba(255,255,255,.42),inset -10px 0 16px rgba(60,49,37,.08),0 18px 25px rgba(70,56,42,.12); }.product-object.vase { width:142px; height:220px; border-radius:46% 46% 34% 34% / 27% 27% 15% 15%; clip-path:polygon(35% 0,65% 0,60% 15%,76% 27%,73% 43%,88% 62%,82% 88%,64% 100%,36% 100%,18% 88%,12% 62%,27% 43%,24% 27%,40% 15%); }.product-object.candle { width:175px; height:70px; border-radius:50%; margin-top:116px; }.product-object.candle:before { content:""; position:absolute; left:63px; bottom:54px; width:48px; height:120px; border-radius:4px 4px 0 0; background:linear-gradient(90deg,#fffaf0,#dedbd0,#fffdf6); box-shadow:0 0 0 5px rgba(255,255,255,.13); }.product-object.candle:after { content:""; position:absolute; width:2px; height:13px; left:86px; bottom:169px; background:#42342c; }.product-object.tray { width:235px; height:113px; border-radius:50%; background:linear-gradient(105deg,#e1dbcf,#b9ae9e); }.product-object.tray:after { content:""; position:absolute; inset:15px 22px; border-radius:50%; border:8px solid rgba(112,96,76,.14); }.quick-add { position:absolute; z-index:2; bottom:1rem; left:1rem; right:1rem; border:0; padding:.8rem; background:var(--cream); color:var(--ink); cursor:pointer; opacity:0; transform:translateY(8px); transition:.2s; }.product-card:hover .quick-add { opacity:1; transform:none; }.product-meta { display:flex; justify-content:space-between; gap:1rem; padding-top:1rem; }.product-meta h3 { margin:0 0 .35rem; font:400 1.25rem Georgia,serif; }.product-meta p { margin:0; color:var(--muted); font-size:.8rem; }.product-meta strong { font-size:.85rem; white-space:nowrap; }
.notes { display:grid; grid-template-columns:1fr 1fr; min-height:560px; background:#d8cbbd; }.note-art { position:relative; overflow:hidden; background:#9aa08a; }.arch,.stone { position:absolute; display:block; }.arch { width:270px; height:410px; border:36px solid #e0d8cb; border-bottom:0; border-radius:150px 150px 0 0; }.arch-one { left:11%; top:20%; }.arch-two { right:-15%; top:7%; border-color:#c1aa8e; transform:scale(.9); }.stone { background:linear-gradient(120deg,#ded5c8,#ada493); box-shadow:inset 10px 0 18px rgba(255,255,255,.35),inset -8px 0 13px rgba(64,52,39,.08); }.stone-one { width:150px; height:170px; border-radius:50% 42% 45% 52%; bottom:8%; left:38%; }.stone-two { width:105px; height:105px; border-radius:50%; bottom:10%; left:19%; }.note-copy { padding:6.5rem clamp(2rem,7vw,8rem); align-self:center; }.note-copy > p:not(.eyebrow) { color:#50443e; line-height:1.6; }.note-chips { display:flex; gap:.55rem; flex-wrap:wrap; margin-top:1.5rem; }.note-chips span { border:1px solid rgba(31,28,26,.4); border-radius:100px; padding:.48rem .8rem; font-size:.76rem; }
.journal-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }.journal-image { height:310px; margin-bottom:1.25rem; }.journal-a { background:radial-gradient(circle at 72% 35%,#c99d6c 0 9%,transparent 10%),linear-gradient(120deg,#b9a78e,#7f8f76); }.journal-b { background:radial-gradient(ellipse at 50% 55%,#b67c53 0 11%,transparent 12%),linear-gradient(135deg,#d7b894,#836c5a); }.journal h3 { max-width:360px; margin:.4rem 0 1rem; font:400 1.65rem/1.15 Georgia,serif; }.journal article a { font-size:.84rem; border-bottom:1px solid var(--ink); padding-bottom:.2rem; }
.cart { position:fixed; z-index:3; top:0; right:0; width:min(430px,100%); height:100vh; background:var(--cream); padding:1.5rem; display:flex; flex-direction:column; transform:translateX(100%); transition:transform .3s ease; box-shadow:-12px 0 35px rgba(0,0,0,.12); }.cart.open { transform:none; }.cart-head { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); padding-bottom:1rem; }.cart h2 { font:400 2rem Georgia,serif; margin:0; }.cart-items { flex:1; overflow:auto; padding:1.5rem 0; }.empty-state { color:var(--muted); }.cart-line { display:grid; grid-template-columns:60px 1fr auto; gap:.8rem; align-items:center; margin-bottom:1rem; }.cart-thumb { width:60px; height:76px; background:var(--product-bg); display:grid; place-items:center; overflow:hidden; }.cart-thumb .product-object { transform:scale(.27); }.cart-thumb .product-object.candle { margin-top:31px; }.cart-line h3,.cart-line p { margin:0; }.cart-line h3 { font:400 1rem Georgia,serif; }.cart-line p { font-size:.75rem; color:var(--muted); margin-top:.25rem; }.remove { border:0; background:transparent; text-decoration:underline; cursor:pointer; font-size:.72rem; }.cart-footer { border-top:1px solid var(--line); padding-top:1.25rem; }.cart-footer > div { display:flex; justify-content:space-between; margin-bottom:.4rem; }.overlay { position:fixed; z-index:2; inset:0; background:rgba(31,28,26,.38); opacity:0; pointer-events:none; transition:opacity .3s; }.overlay.show { opacity:1; pointer-events:auto; }
footer { max-width:1280px; margin:auto; border-top:1px solid var(--line); padding:2rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; font-size:.78rem; }footer div { display:flex; gap:1rem; }footer p { color:var(--muted); } dialog { border:0; padding:2.2rem; max-width:450px; background:var(--cream); color:var(--ink); box-shadow:0 20px 60px rgba(0,0,0,.25); }dialog::backdrop { background:rgba(31,28,26,.5); }.dialog-close { position:absolute; top:.75rem; right:.75rem; }.quiz-options { display:grid; gap:.6rem; margin-top:1.5rem; }.quiz-options button { padding:.9rem; text-align:left; border:1px solid var(--line); background:transparent; cursor:pointer; }.quiz-options button:hover { background:var(--sand); }
.collection-guide { width:min(760px,calc(100% - 2rem)); max-width:760px; padding:clamp(1.6rem,4vw,3.2rem); }.collection-guide h2 { max-width:560px; margin:.15rem 0 .8rem; font:400 clamp(2.15rem,4.5vw,3.9rem)/.98 Georgia,serif; letter-spacing:-.055em; }.quiz-intro { max-width:520px; margin:0; color:var(--muted); line-height:1.6; }.collection-guide .quiz-options { grid-template-columns:repeat(3,1fr); gap:.7rem; }.collection-guide .quiz-options button { min-height:175px; padding:1rem; display:grid; align-content:space-between; gap:.7rem; text-align:left; transition:background .2s,color .2s,transform .2s; }.collection-guide .quiz-options button:hover { background:var(--ink); color:var(--cream); transform:translateY(-2px); }.collection-guide .quiz-options strong { font:400 1.25rem/1.05 Georgia,serif; }.collection-guide .quiz-options small { color:var(--muted); font-size:.7rem; line-height:1.45; }.collection-guide .quiz-options button:hover small { color:#d8d3ca; }.collection-guide .quiz-options span { font-size:1.15rem; }.guide-back { padding:0 0 .35rem; border:0; border-bottom:1px solid var(--ink); background:transparent; cursor:pointer; color:var(--muted); font-size:.74rem; }.quiz-recommendations { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin-top:1.5rem; }.quiz-product { display:grid; grid-template-columns:92px 1fr; gap:.8rem; align-items:center; padding:.65rem; border:1px solid var(--line); background:#fffdf8; transition:transform .2s,border-color .2s; }.quiz-product:hover { transform:translateY(-2px); border-color:var(--ink); }.quiz-product-visual { width:92px; height:112px; display:grid; place-items:center; overflow:hidden; background:var(--product-bg); }.quiz-product-visual img { width:100%; height:100%; object-fit:cover; }.quiz-product-visual .product-object { transform:scale(.4); }.quiz-product-visual .product-object.candle { margin-top:46px; }.quiz-product div:last-child { display:grid; gap:.35rem; }.quiz-product strong { font:400 1.1rem Georgia,serif; }.quiz-product small { color:var(--muted); font-size:.68rem; }.quiz-product span { font-size:.68rem; }.guide-all-link { display:inline-block; margin-top:1.5rem; padding-bottom:.25rem; border-bottom:1px solid var(--ink); font-size:.77rem; }
.craft-dialog { width:min(720px,calc(100% - 2rem)); max-width:720px; padding:clamp(1.6rem,4vw,3.2rem); }.craft-dialog h2 { max-width:620px; margin:.2rem 0 .85rem; font:400 clamp(2.15rem,4.3vw,3.7rem)/1 Georgia,serif; letter-spacing:-.05em; }.craft-intro { max-width:560px; margin:0; color:var(--muted); line-height:1.6; }.craft-steps { display:grid; gap:0; margin:2rem 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }.craft-steps li { display:grid; grid-template-columns:64px 1fr; gap:1rem; padding:1.15rem 0; border-bottom:1px solid var(--line); }.craft-steps li > span { color:var(--clay); font:400 1.45rem Georgia,serif; }.craft-steps h3 { margin:0 0 .35rem; font:400 1.35rem Georgia,serif; }.craft-steps p,.craft-note { margin:0; color:var(--muted); font-size:.8rem; line-height:1.6; }.craft-note { margin-top:1.5rem; padding:1rem; background:#e7e1d7; color:#514b43; }
@media(max-width:800px) { .site-header { height:66px; padding:0 1rem; grid-template-columns:1fr auto 1fr; }.menu-button { display:block; }.primary-nav { display:none; }.header-actions .icon-button { display:none; }.hero { grid-template-columns:1fr; }.hero-copy { padding:5rem 2rem 3.5rem; }.hero-art { min-height:420px; }.hero-art p { bottom:1.5rem; right:1.5rem; }.product-grid { grid-template-columns:1fr 1fr; }.product-card:last-child { display:none; }.notes { grid-template-columns:1fr; }.note-art { min-height:340px; }.note-copy { padding:4rem 2rem; }.intro { padding:5rem 2rem; }.collection,.journal { padding-left:1rem; padding-right:1rem; padding-bottom:5rem; }.section-heading h2 { font-size:2.2rem; }.journal-grid { gap:1rem; }.journal-image { height:200px; }.journal h3 { font-size:1.35rem; }footer { align-items:flex-start; flex-direction:column; } }
@media(max-width:460px) { .announcement { font-size:.62rem; }.announcement span { margin:0 .3rem; }.logo { font-size:.83rem; }.bag-button { padding:.4rem .55rem; }.hero h1 { font-size:3.1rem; }.product-grid { gap:.75rem; }.product-image { height:250px; }.product-object { transform:scale(.75); }.product-meta { display:block; }.product-meta strong { display:block; margin-top:.5rem; }.section-heading { align-items:flex-start; flex-direction:column; gap:.75rem; }.section-heading .text-link { margin:0; }.journal-grid { grid-template-columns:1fr; }.journal-image { height:230px; }footer div { flex-wrap:wrap; } }
@media(max-width:620px) { .collection-actions { align-items:flex-start; flex-direction:column; gap:.55rem; }.collection-guide .quiz-options,.quiz-recommendations { grid-template-columns:1fr; }.collection-guide .quiz-options button { min-height:0; grid-template-columns:1fr auto; align-items:center; }.collection-guide .quiz-options small { grid-column:1; }.collection-guide .quiz-options span { grid-column:2; grid-row:1; }.quiz-product { grid-template-columns:78px 1fr; }.quiz-product-visual { width:78px; height:94px; }.craft-steps li { grid-template-columns:48px 1fr; gap:.7rem; } }

.mobile-nav { position:fixed; z-index:7; inset:0 auto 0 0; width:min(330px,88vw); padding:1.35rem; background:var(--cream); transform:translateX(-105%); transition:transform .28s ease; box-shadow:16px 0 45px rgba(0,0,0,.16); }.mobile-nav.open { transform:translateX(0); }.mobile-nav > div { display:flex; align-items:center; justify-content:space-between; padding-bottom:1.6rem; border-bottom:1px solid var(--line); }.mobile-nav nav { display:grid; gap:1.15rem; padding:2rem 0; }.mobile-nav nav a { font:400 1.65rem Georgia,serif; }.mobile-nav .text-link { font-size:.82rem; }.search-dialog { width:min(560px,calc(100% - 2rem)); }.search-dialog h2 { margin:.2rem 0 1.25rem; font:400 2.05rem Georgia,serif; }.search-field { display:flex; align-items:center; gap:.7rem; border-bottom:1px solid var(--ink); padding:.4rem 0; }.search-field span { font-size:1.25rem; }.search-field input { width:100%; border:0; outline:0; background:transparent; padding:.6rem 0; font:400 1.05rem Georgia,serif; color:var(--ink); }.search-results { display:grid; gap:.7rem; margin-top:1.2rem; }.search-result { display:grid; grid-template-columns:52px 1fr auto; gap:.8rem; align-items:center; padding:.65rem 0; border-top:1px solid var(--line); }.search-result img { width:52px; height:60px; object-fit:cover; background:var(--sand); }.search-result strong { font:400 1rem Georgia,serif; }.search-result small { color:var(--muted); display:block; margin-top:.18rem; }.search-result span { font-size:.78rem; white-space:nowrap; }
.quick-add:disabled { cursor:default; color:var(--muted); }
.member-actions { display:flex; align-items:center; gap:0; white-space:nowrap; }.member-actions a { display:inline-flex; align-items:center; min-height:32px; padding:.45rem .62rem; border:1px solid var(--ink); font-size:.69rem; text-decoration:none; }.member-actions a:first-child { border-radius:99px 0 0 99px; }.member-actions a + a { margin-left:-1px; background:var(--ink); color:var(--cream); }.member-actions a:last-child { border-radius:0 99px 99px 0; }.member-actions.is-signed-in a { border-radius:99px; background:transparent; color:var(--ink); }
@media(max-width:800px) { .header-actions .member-actions { display:none; }.mobile-nav .member-actions { display:grid; gap:1.15rem; }.mobile-nav .member-actions a { min-height:0; padding:0; border:0; border-radius:0; background:transparent; color:inherit; font:400 1.65rem Georgia,serif; } }

/* Homepage editorial refinement */
:root { --ink:#292722; --muted:#79736a; --cream:#f3efe8; --sand:#d8cdbd; --clay:#9e604a; --plum:#374137; --line:rgba(41,39,34,.18); } body { background:radial-gradient(circle at 18% 0,#fbf8f2 0,transparent 34rem),var(--cream); letter-spacing:.003em; }.announcement { padding:.55rem 1rem; background:#374137; font-size:.62rem; letter-spacing:.16em; }.site-header { height:86px; max-width:1280px; background:rgba(243,239,232,.88); backdrop-filter:blur(12px); }.logo { font-size:1rem; }.primary-nav { gap:1.25rem; font-size:.73rem; letter-spacing:.025em; }.primary-nav a { transition:color .2s; }.primary-nav a:hover,.text-link:hover { color:var(--clay); }.header-actions { gap:.45rem; }.bag-button { font-size:.73rem; transition:background .2s,color .2s; }.bag-button:hover { background:var(--ink); color:var(--cream); }.bag-button:hover span { background:var(--cream); color:var(--ink); }
.hero { min-height:730px; grid-template-columns:1.07fr .93fr; background:#303a31; }.hero-copy { display:flex; align-items:flex-start; justify-content:center; padding:clamp(4.5rem,8vw,8.5rem) clamp(2rem,7.2vw,8rem); }.hero-content { max-width:540px; }.hero .eyebrow { margin-bottom:1.15rem; color:#c9d1c5; font-size:.64rem; letter-spacing:.15em; }.hero h1 { max-width:630px; margin:0; font-size:clamp(3.7rem,6vw,6.55rem); line-height:.9; letter-spacing:-.07em; }.hero-copy>p:not(.eyebrow),.hero-content>p:not(.eyebrow) { max-width:420px; margin:1.7rem 0 0; color:#e3e7de; font-size:.95rem; line-height:1.82; }.hero .button { margin-top:2rem; padding:1rem 1.3rem; font-size:.75rem; letter-spacing:.03em; }.button-light { background:var(--paper,#fffdf8); color:var(--ink); border-color:var(--paper,#fffdf8); }.hero-art { min-height:730px; position:relative; background:#c7b9a3; }.hero-art:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(35,40,31,.04),rgba(35,40,31,.23)); pointer-events:none; }.hero-art img { transform:scale(1.03); filter:saturate(.82) contrast(1.04); }.hero-art-note { position:absolute; z-index:1; left:0; bottom:0; width:min(285px,80%); margin:0; padding:1.15rem 1.35rem; background:#fffdf8; color:var(--ink); font:400 1.18rem/1.08 Georgia,serif; }
.intro { max-width:1080px; min-height:500px; padding:8.5rem 2rem; display:grid; grid-template-columns:185px minmax(0,1fr); gap:clamp(2rem,9vw,10rem); align-items:start; text-align:left; }.intro-label { padding-top:.45rem; }.intro-label .eyebrow { margin:0 0 .75rem; color:var(--clay); }.intro-label span { color:var(--muted); font:400 1.75rem Georgia,serif; }.intro-content { max-width:680px; }.intro h2 { margin:0; font-size:clamp(3rem,5vw,5rem); line-height:.94; }.intro-content>p { max-width:590px; margin:1.65rem 0 0; color:#655f57; font-size:.98rem; line-height:1.85; }.intro-content .text-link { margin-top:1.8rem; }
.collection,.journal { max-width:1200px; padding:1.5rem 2rem 8rem; }.section-heading { margin-bottom:3.1rem; }.section-heading h2 { font-size:clamp(2.55rem,4vw,4rem); line-height:.95; }.section-heading .eyebrow { color:var(--clay); }.collection-actions { gap:1.35rem; }.collection-actions .text-link { font-size:.75rem; }.product-grid { gap:2.2rem 1.25rem; }.product-image { height:445px; background:var(--product-bg); }.product-image:after { bottom:13%; width:58%; }.catalog-photo { filter:saturate(.88); }.product-card:hover .catalog-photo { transform:scale(1.025); }.quick-add { left:1.1rem; right:1.1rem; bottom:1.1rem; padding:.82rem; background:#fffdf8; font-size:.74rem; }.product-meta { padding-top:1.1rem; }.product-meta h3 { font-size:1.38rem; }.product-meta p { font-size:.72rem; }.product-meta strong { font-size:.8rem; }
.notes { max-width:1280px; min-height:650px; background:#d7c9b9; }.note-art { background:#5b6458; }.arch { border-width:34px; }.arch-one { left:16%; top:16%; }.arch-two { top:2%; }.stone-one { width:168px; height:188px; left:42%; }.stone-two { width:110px; height:110px; }.note-copy { padding:7rem clamp(2rem,7.5vw,9rem); }.note-copy .eyebrow { color:#76513e; }.notes h2 { max-width:540px; font-size:clamp(2.8rem,4.2vw,4.35rem); line-height:.95; }.note-copy>p:not(.eyebrow) { max-width:500px; line-height:1.75; }.note-chips { margin-top:1.8rem; }.note-chips span { font-size:.7rem; }.note-copy .button { margin-top:2rem; font-size:.75rem; }
.journal { padding-top:8.5rem; }.journal-grid { gap:1.5rem; }.journal article { padding-bottom:1.2rem; border-bottom:1px solid var(--line); }.journal-image { height:370px; margin-bottom:1.5rem; }.journal-a { background:radial-gradient(circle at 69% 36%,#cab08b 0 8%,transparent 8.5%),linear-gradient(120deg,#747f70,#c9b49a); }.journal-b { background:radial-gradient(ellipse at 56% 50%,#c39166 0 11%,transparent 11.5%),linear-gradient(130deg,#dec7a8,#756251); }.journal .eyebrow { color:var(--clay); }.journal h3 { max-width:480px; font-size:clamp(1.75rem,2.7vw,2.4rem); line-height:1.05; }.journal article a { font-size:.76rem; }.custom-order-cta { max-width:1200px!important; padding:0 2rem 8rem!important; }.custom-order-cta>div { padding:clamp(2.5rem,5vw,5.5rem)!important; background:#ded3c5!important; }.custom-order-cta h2 { max-width:720px!important; font-size:clamp(2.5rem,4.8vw,4.7rem)!important; }.custom-order-cta p:not(.eyebrow) { line-height:1.75!important; }.newsletter-signup { max-width:1200px!important; padding:5.5rem 2rem!important; border-top-color:var(--line)!important; }.newsletter-signup h2 { font-size:clamp(2.4rem,4vw,4rem)!important; }.newsletter-signup input { background:#fffdf8!important; }.newsletter-signup button { background:var(--ink)!important; }
footer { max-width:1200px; padding:2.35rem 2rem; } footer a:hover { color:var(--clay); }

/* Handmade difference: use a real atelier moment instead of a decorative placeholder. */
.notes .note-art { background:#c8bcaa; }
.notes .note-art > img { display:block; width:100%; height:100%; object-fit:cover; object-position:center center; filter:saturate(.82) contrast(1.02); }
.notes .note-art:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(43,46,38,.15),transparent 42%); pointer-events:none; }
@media(max-width:900px) { .primary-nav { gap:.85rem; font-size:.68rem; }.hero { min-height:0; grid-template-columns:1fr; }.hero-copy { min-height:585px; padding:5rem 2rem 4rem; }.hero h1 { font-size:clamp(3.55rem,11vw,5.5rem); }.hero-art { min-height:470px; }.intro { min-height:0; padding:5.5rem 1.5rem; grid-template-columns:1fr; gap:1.25rem; }.intro-label { padding:0; }.intro h2 { font-size:clamp(2.8rem,9vw,4rem); }.collection,.journal { padding-left:1.5rem; padding-right:1.5rem; }.product-image { height:360px; }.notes { grid-template-columns:1fr; }.note-art { min-height:380px; }.note-copy { padding:5rem 2rem; }.journal { padding-top:5.5rem; }.custom-order-cta,.newsletter-signup { padding-left:1.5rem!important; padding-right:1.5rem!important; } }
@media(max-width:620px) { .hero-copy { min-height:535px; padding:4rem 1.4rem 3rem; }.hero h1 { font-size:3.55rem; }.hero-art { min-height:390px; }.hero-art-note { padding:1rem 1.1rem; font-size:1.05rem; }.intro { padding:4.7rem 1.35rem; }.collection,.journal { padding-left:1rem; padding-right:1rem; }.section-heading { margin-bottom:2.2rem; }.product-grid { gap:2rem .75rem; }.product-image { height:300px; }.notes { min-height:0; }.note-art { min-height:320px; }.note-copy { padding:4rem 1.35rem; }.journal-image { height:270px; }.custom-order-cta { padding:0 1rem 5rem!important; }.newsletter-signup { padding:4.5rem 1rem!important; } }

/* Give the custom-order feature the same visual weight as the main collection */
body[data-page="home"] .custom-order-cta { max-width:1280px!important; padding:0 0 9rem!important; } body[data-page="home"] .custom-order-cta>div { min-height:470px; padding:clamp(3rem,7vw,7rem)!important; grid-template-columns:minmax(0,1fr) auto!important; gap:3rem!important; align-items:end!important; background:#d5c7b5!important; } body[data-page="home"] .custom-order-cta h2 { max-width:800px!important; margin:.35rem 0 1rem!important; font-size:clamp(3rem,5.6vw,5.7rem)!important; line-height:.9!important; } body[data-page="home"] .custom-order-cta p:not(.eyebrow) { max-width:610px!important; font-size:.96rem!important; } body[data-page="home"] .custom-order-cta .button { padding:1rem 1.3rem!important; font-size:.77rem!important; } @media(max-width:700px) { body[data-page="home"] .custom-order-cta { padding:0 1rem 5.5rem!important; } body[data-page="home"] .custom-order-cta>div { min-height:0; padding:3rem 1.5rem!important; grid-template-columns:1fr!important; gap:2rem!important; } body[data-page="home"] .custom-order-cta h2 { font-size:clamp(2.7rem,11vw,4rem)!important; } }

/* The material and custom-order features share one full-width editorial grid. */
body[data-page="home"] .notes,body[data-page="home"] .custom-order-cta { width:100%; max-width:none!important; margin-left:0!important; margin-right:0!important; }

/* Keep the made-to-order invitation distinct from the material feature above it. */
body[data-page="home"] .custom-order-cta { width:auto!important; max-width:1200px!important; margin:0 auto!important; padding:3rem 2rem 7.5rem!important; }
body[data-page="home"] .custom-order-cta>div { min-height:290px!important; padding:0!important; background:#e8e3d9!important; border:1px solid var(--line); grid-template-columns:minmax(0,1fr) 205px!important; gap:0!important; align-items:stretch!important; overflow:hidden; }
body[data-page="home"] .custom-order-cta>div>div { align-self:center; padding:clamp(2rem,3.5vw,3.25rem); }
body[data-page="home"] .custom-order-cta h2 { max-width:620px!important; margin:.2rem 0 .75rem!important; font-size:clamp(2.4rem,3.45vw,3.55rem)!important; line-height:.96!important; color:var(--ink); }
body[data-page="home"] .custom-order-cta .eyebrow { color:var(--clay)!important; }
body[data-page="home"] .custom-order-cta p:not(.eyebrow) { max-width:530px!important; color:#4d574e!important; font-size:.88rem!important; line-height:1.7!important; }
body[data-page="home"] .custom-order-cta .button { align-self:stretch; display:flex; margin:0!important; padding:1.5rem!important; border:0!important; background:var(--plum)!important; color:var(--paper)!important; text-align:center; white-space:normal!important; }
body[data-page="home"] .custom-order-cta .button:hover { background:#506052!important; }
@media(max-width:700px) { body[data-page="home"] .custom-order-cta { width:100%!important; padding:2.5rem 1rem 5rem!important; } body[data-page="home"] .custom-order-cta>div { min-height:0!important; grid-template-columns:1fr!important; } body[data-page="home"] .custom-order-cta>div>div { padding:2.5rem 1.5rem!important; } body[data-page="home"] .custom-order-cta h2 { font-size:clamp(2.45rem,10vw,3.65rem)!important; } body[data-page="home"] .custom-order-cta .button { width:100%; min-height:64px; padding:1.1rem!important; } }

/* One shared stone-and-sage palette for the complete storefront. */
:root { --ink:#29332c; --muted:#6f746b; --cream:#f5f2eb; --paper:#fbf9f4; --sand:#d8d1c5; --clay:#807264; --plum:#3f4d42; --line:rgba(41,51,44,.16); }
body[data-page="home"] { background:var(--cream); }
body[data-page="home"] .announcement { background:var(--plum); color:var(--paper); }
body[data-page="home"] .site-header { background:rgba(245,242,235,.9); }
body[data-page="home"] .hero { background:var(--plum); }
body[data-page="home"] .hero .eyebrow { color:#d8dfd5; }
body[data-page="home"] .hero-copy>p:not(.eyebrow),body[data-page="home"] .hero-content>p:not(.eyebrow) { color:#e7ebe2; }
body[data-page="home"] .hero-art { background:#cfc7bb; }
body[data-page="home"] .hero-art-note,body[data-page="home"] .button-light { background:var(--paper); }
body[data-page="home"] .intro-content>p { color:#5d645c; }
body[data-page="home"] .intro-label .eyebrow,body[data-page="home"] .section-heading .eyebrow,body[data-page="home"] .journal .eyebrow { color:var(--clay); }
body[data-page="home"] .notes { background:var(--sand); }
body[data-page="home"] .note-art { background:#65705f; }
body[data-page="home"] .arch { border-color:#e9e4da; }
body[data-page="home"] .arch-two { border-color:#beb5a7; }
body[data-page="home"] .stone { background:linear-gradient(120deg,#e4ddd1,#b9b0a3); }
body[data-page="home"] .note-copy .eyebrow { color:var(--clay); }
body[data-page="home"] .note-copy>p:not(.eyebrow),body[data-page="home"] .custom-order-cta p:not(.eyebrow) { color:#4d574e!important; }
body[data-page="home"] .journal-a { background:radial-gradient(circle at 69% 36%,#d7d0c4 0 8%,transparent 8.5%),linear-gradient(120deg,#66715f,#c9c1b5); }
body[data-page="home"] .journal-b { background:radial-gradient(ellipse at 56% 50%,#c9c1b5 0 11%,transparent 11.5%),linear-gradient(130deg,#8a9483,#d8d1c5); }
body[data-page="home"] .journal-image { position:relative; overflow:hidden; background:#d8d1c5; }
body[data-page="home"] .journal-image > img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.84) contrast(1.02); transition:transform .45s ease; }
body[data-page="home"] .journal article:hover .journal-image > img { transform:scale(1.025); }
body[data-page="home"] .custom-order-cta>div { background:var(--sand)!important; }
body[data-page="home"] .newsletter-signup p,body[data-page="home"] .newsletter-signup small,body[data-page="home"] .newsletter-signup .newsletter-message { color:var(--muted)!important; }
body[data-page="home"] .newsletter-signup input { border-color:var(--line)!important; background:var(--paper)!important; }

/* Commerce-first homepage: product discovery and purchase signals lead the page. */
body[data-page="home"] #home { display:flex; flex-direction:column; }
body[data-page="home"] .hero { order:1; min-height:610px; }
body[data-page="home"] .hero-art { min-height:610px; }
body[data-page="home"] .shop-start { order:2; width:100%; max-width:1200px; margin:0 auto; padding:3.5rem 2rem 0; }
body[data-page="home"] .shop-start-head { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.35rem; }
body[data-page="home"] .shop-start-head .eyebrow { margin-bottom:.45rem; color:var(--clay); }
body[data-page="home"] .shop-start-head h2 { margin:0; font:400 clamp(2rem,3vw,3rem)/1 Georgia,serif; letter-spacing:-.045em; }
body[data-page="home"] .shop-start-head .text-link { margin:0; font-size:.75rem; }
body[data-page="home"] .shop-categories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
body[data-page="home"] .shop-categories a { min-height:190px; padding:1.3rem; border:1px solid var(--line); background:var(--paper); display:grid; align-content:start; gap:.45rem; transition:transform .2s,border-color .2s,background .2s; }
body[data-page="home"] .shop-categories a:hover { transform:translateY(-3px); border-color:var(--ink); background:#eee9df; }
body[data-page="home"] .shop-categories span { color:var(--clay); font:400 1.1rem Georgia,serif; }
body[data-page="home"] .shop-categories strong { margin-top:.45rem; font:400 1.75rem Georgia,serif; }
body[data-page="home"] .shop-categories small { max-width:210px; color:var(--muted); font-size:.74rem; line-height:1.5; }
body[data-page="home"] .shop-categories b { margin-top:auto; font-size:.74rem; font-weight:600; }
body[data-page="home"] .shop-categories i { margin-left:.45rem; font-style:normal; }
body[data-page="home"] .shop-assurances { order:3; width:100%; max-width:1200px; margin:2.4rem auto 0; padding:1.15rem 2rem; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
body[data-page="home"] .shop-assurances div { display:grid; gap:.3rem; }
body[data-page="home"] .shop-assurances strong { font-size:.78rem; }
body[data-page="home"] .shop-assurances span { color:var(--muted); font-size:.7rem; }
body[data-page="home"] .collection { order:4; padding-top:4rem; padding-bottom:4rem; }
body[data-page="home"] .collection .section-heading { margin-bottom:2.2rem; }
body[data-page="home"] .collection .section-heading h2 { font-size:clamp(2.2rem,3.5vw,3.5rem); }
body[data-page="home"] .product-grid { gap:1.6rem 1.25rem; }
body[data-page="home"] .product-image { height:390px; }
body[data-page="home"] .quick-add { opacity:1; transform:none; background:var(--paper); font-size:.75rem; }
body[data-page="home"] .custom-order-cta { order:5; }
body[data-page="home"] .intro { order:6; max-width:1200px; min-height:0; padding:4.5rem 2rem; grid-template-columns:170px minmax(0,1fr); gap:clamp(2rem,6vw,6rem); border-top:1px solid var(--line); }
body[data-page="home"] .intro h2 { font-size:clamp(2.25rem,3.5vw,3.55rem); }
body[data-page="home"] .intro-content>p { margin-top:1rem; font-size:.9rem; line-height:1.7; }
body[data-page="home"] .notes { order:7; }
body[data-page="home"] .journal { order:8; padding-top:5rem; }
@media(max-width:900px) { body[data-page="home"] .hero,body[data-page="home"] .hero-art { min-height:0; } body[data-page="home"] .shop-start { padding:3rem 1.5rem 0; } body[data-page="home"] .shop-assurances { margin-top:2rem; padding-left:1.5rem; padding-right:1.5rem; } body[data-page="home"] .collection { padding-top:3.2rem; } }
@media(max-width:620px) { body[data-page="home"] .shop-start { padding:2.5rem 1rem 0; } body[data-page="home"] .shop-start-head { align-items:start; flex-direction:column; } body[data-page="home"] .shop-categories { grid-template-columns:1fr; gap:.7rem; } body[data-page="home"] .shop-categories a { min-height:0; padding:1.1rem; } body[data-page="home"] .shop-categories strong { font-size:1.5rem; } body[data-page="home"] .shop-assurances { margin-top:1.5rem; padding:1rem; grid-template-columns:1fr; gap:.9rem; } body[data-page="home"] .collection { padding-top:2.7rem; } body[data-page="home"] .product-image { height:300px; } body[data-page="home"] .intro { padding:3.5rem 1rem; grid-template-columns:1fr; gap:1rem; } }

/* The shop begins directly with product discovery, not a second editorial feature. */
body[data-page="home"] .shop-assurances { order:2; max-width:1200px; margin:0 auto; padding:1.1rem 2rem; }
body[data-page="home"] .collection { order:3; padding-top:3.5rem; }
body[data-page="home"] .collection-actions { flex-wrap:wrap; justify-content:flex-end; gap:.7rem 1rem; }
body[data-page="home"] .collection-tabs { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:.4rem; margin:0 0 .6rem; }
body[data-page="home"] .collection-tabs a { border:1px solid var(--line); border-radius:99px; padding:.48rem .72rem; color:var(--ink); background:transparent; font-size:.69rem; line-height:1; transition:background .2s,color .2s,border-color .2s; }
body[data-page="home"] .collection-tabs a:hover,
body[data-page="home"] .collection-tabs a.active { border-color:var(--ink); background:var(--ink); color:var(--paper); }
@media(max-width:900px) { body[data-page="home"] .collection { padding-top:3rem; } }
@media(max-width:700px) {
  body[data-page="home"] .shop-assurances { grid-template-columns:1fr; gap:.65rem; padding:1rem; }
  body[data-page="home"] .collection { padding-top:2.6rem; }
  body[data-page="home"] .collection .section-heading { align-items:flex-start; flex-direction:column; gap:1.15rem; }
  body[data-page="home"] .collection-actions { width:100%; justify-content:flex-start; }
  body[data-page="home"] .collection-tabs { width:100%; overflow-x:auto; padding-bottom:.2rem; }
  body[data-page="home"] .collection-tabs a { white-space:nowrap; }
}