:root{--paper:#f8ece0;--paper-deep:#eee5d9;--cream:#fdfaf5;--ink:#514632;--bark:#715b43;--sage:#586849;--sage-deep:#45523a;--rose:#b98080;--line:rgba(95,78,59,.27);--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--shell:1216px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(90deg,#f7ebdf 0%,#f8ede1 100%);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.19' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--rose);outline-offset:4px}img{display:block;max-width:100%}.shell{width:min(calc(100% - 104px),var(--shell));margin-inline:auto}.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:95px}.brand{font-family:var(--serif);font-size:39px;font-weight:500;line-height:1;white-space:nowrap;letter-spacing:-1.5px}.brand-word--wood{color:var(--bark)}.brand-word--sprite{color:var(--sage)}.brand-i{position:relative}.brand-leaf{position:absolute;left:-2px;top:-15px;width:17px;height:21px;transform:rotate(21deg);color:var(--sage)}.brand-leaf svg{width:100%;height:100%}.main-nav{display:flex;align-items:center;gap:clamp(17px,3vw,47px)}.main-nav a{font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;transition:color .2s;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--rose)}.main-nav a.nav-shop{border:1px solid var(--sage);padding:11px 15px}.main-nav a.nav-shop:hover{background:var(--sage);color:var(--cream)}
.hero{position:relative;min-height:640px;display:grid;grid-template-columns:51% 49%;align-items:center;isolation:isolate}.hero-copy{position:relative;z-index:2;padding:54px 0 94px}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--sage);text-transform:uppercase;font-weight:700;font-size:10px;letter-spacing:.2em}.eyebrow-star{color:var(--rose);font-size:18px;line-height:1}.hero h1{margin:23px 0 21px;font-family:var(--serif);font-size:clamp(75px,7.4vw,118px);font-weight:500;line-height:.84;letter-spacing:-.055em;color:var(--bark);white-space:nowrap}.hero h1 em{color:var(--sage);font-weight:400;letter-spacing:-.045em}.hero-sub{max-width:390px;font-size:14px;line-height:1.95;color:#786d5c;margin:27px 0 31px}.explore-link{display:inline-flex;align-items:center;gap:17px;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.explore-link .explore-circle{display:grid;place-items:center;border:1px solid var(--sage);border-radius:50%;width:34px;height:34px;font-size:18px;transition:background .2s,color .2s}.explore-link:hover .explore-circle{background:var(--sage);color:var(--paper)}.hero-art{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center;overflow:visible}.hero-art img{width:min(120%,650px);max-width:none;position:relative;z-index:1;transform:translate(-12px,4px);filter:drop-shadow(0 14px 13px rgba(94,72,47,.065))}.hero-halo{position:absolute;width:clamp(390px,39vw,565px);aspect-ratio:1;left:50%;top:50%;transform:translate(-48%,-53%);border-radius:50%;background:radial-gradient(circle at 47% 42%,#f6e8dc 0,#eee2d4 60%,transparent 73%);opacity:.72}.hero-note{position:absolute;bottom:23px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#8c7b6a;letter-spacing:.17em;font-size:9px;font-weight:600;pointer-events:none}.hero-note span:nth-child(2){font-size:24px;color:var(--rose);font-weight:400}.collection-overline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:26px 0 25px}.section-number,.section-index{font-size:9px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--sage)}.collection-flourish{font-family:var(--serif);font-size:20px;color:var(--rose)}
.collection{scroll-margin-top:24px;border-top:1px solid var(--line);padding-top:43px;margin-bottom:30px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:21px}.section-heading h2{font-family:var(--serif);font-size:clamp(53px,5.5vw,79px);font-weight:500;line-height:.99;letter-spacing:-.045em;margin:8px 0 0;color:var(--bark)}.section-heading h2 a{transition:color .2s}.section-heading h2 a:hover{color:var(--sage)}.heading-arrow{display:inline-block;font-family:var(--sans);font-size:21px;vertical-align:top;margin:11px 0 0 11px;color:var(--rose);font-weight:400;transition:transform .2s}.section-heading h2 a:hover .heading-arrow{transform:translate(3px,-3px)}.section-desc{color:#877766;font-family:var(--serif);font-style:italic;font-size:25px;margin:0 4px 8px 0}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;aspect-ratio:2/1}.product-tile,.empty-tile{position:relative;display:block;overflow:hidden;background:var(--paper-deep);aspect-ratio:1;isolation:isolate}.product-tile img,.empty-tile img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.6,.2,1)}.product-tile:hover img{transform:scale(1.035)}.product-tile:after{content:'';pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(76,65,49,.035)}.tile-hover{position:absolute;z-index:2;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px;background:linear-gradient(transparent,rgba(35,33,27,.64));color:white;font-size:12px;opacity:0;transition:opacity .2s}.product-tile:hover .tile-hover,.product-tile:focus-visible .tile-hover{opacity:1}.tile-plus{font-size:20px}.featured-grid:not(.featured-grid--few)>.product-tile:first-child{grid-column:span 2;grid-row:span 2}.featured-grid--right:not(.featured-grid--few)>.product-tile:first-child{grid-column:3/span 2;grid-row:1/span 2}.featured-grid--right:not(.featured-grid--few)>.product-tile:nth-child(2){grid-column:1;grid-row:1}.featured-grid--right:not(.featured-grid--few)>.product-tile:nth-child(3){grid-column:2;grid-row:1}.featured-grid--right:not(.featured-grid--few)>.product-tile:nth-child(4){grid-column:1;grid-row:2}.featured-grid--right:not(.featured-grid--few)>.product-tile:nth-child(5){grid-column:2;grid-row:2}.featured-grid--few{display:flex;aspect-ratio:auto}.featured-grid--few .product-tile{width:min(50%,330px)}.section-tail{display:flex;align-items:center;justify-content:space-between;padding:19px 0 27px}.tail-sprig{color:var(--rose);font-size:18px}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);border-bottom:1px solid rgba(91,106,75,.35);padding-bottom:6px}.text-link:hover{border-bottom-color:var(--sage)}.collection--more{margin-bottom:24px}.more-layout{display:grid;grid-template-columns:1fr 2fr;gap:14px}.more-editorial{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;background:#e8dfd1;padding:clamp(20px,3vw,48px);min-height:275px}.more-asterisk{font-family:var(--serif);font-size:43px;line-height:1;color:var(--rose)}.more-editorial p{font-family:var(--serif);font-size:clamp(39px,4vw,63px);line-height:.98;letter-spacing:-.035em;color:var(--bark);margin:30px 0 22px}.more-editorial em{color:var(--sage)}.more-fine{font-size:11px;line-height:1.6;color:#857564;max-width:220px}.more-grid,.more-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.closing-note{text-align:center;padding:35px 0 100px}.closing-decoration{font-family:var(--serif);font-size:30px;color:var(--rose)}.closing-note p{font-family:var(--serif);font-size:clamp(31px,3vw,44px);line-height:1.1;margin:14px 0;color:var(--bark)}.closing-note p em{color:var(--sage)}
.empty-gallery{position:relative}.empty-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.empty-note{font-size:12px;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--sage);margin:16px 0 0}.empty-note span{color:var(--rose);font-size:15px;margin-left:6px}.site-footer{background:var(--sage-deep);color:#f4eee3;padding:58px 0 45px}.footer-inner{display:flex;justify-content:space-between;gap:60px}.footer-mark{font-family:var(--serif);font-size:48px;line-height:1;color:#e3cfb9;letter-spacing:-1px}.footer-mark span{color:#d9d9bd}.footer-mark .footer-symbol{font-size:18px;color:#d2a9a8;vertical-align:top;margin-left:12px}.footer-about{max-width:480px;font-size:12px;line-height:2;color:#e4e5d7b8;margin:20px 0 0}.footer-side{display:flex;flex-direction:column;align-items:flex-end}.footer-kicker{font-family:var(--serif);font-style:italic;font-size:29px;margin:0 0 24px;color:#e0cfc3}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#f4eee3}.footer-links a:hover{text-decoration:underline}.copyright{font-size:10px;color:#b3beaa;margin-top:32px}
.gallery-intro{padding-top:51px;padding-bottom:42px;border-bottom:1px solid var(--line)}.backlink{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--sage);margin-bottom:50px;font-weight:700}.backlink:hover{text-decoration:underline}.gallery-intro .display-title{font-family:var(--serif);font-size:clamp(82px,10vw,153px);line-height:.87;font-weight:500;letter-spacing:-.055em;color:var(--bark);margin:24px 0 22px}.gallery-blurb{font-family:var(--serif);font-style:italic;color:#82735f;font-size:clamp(21px,2.1vw,28px);margin:0}.gallery-area{padding-top:31px;min-height:250px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.gallery-bottom{display:flex;justify-content:flex-end;padding:35px 0 80px}
.lightbox{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;padding:0;margin:0;border:0;background:#080908;color:white}.lightbox::backdrop{background:#080908}.lightbox[open]{display:block}.lightbox-shell{height:100%;display:grid;grid-template-rows:62px minmax(0,1fr) auto}.lightbox-top{display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #ffffff24}.lightbox-wordmark{font-family:var(--serif);font-size:27px;letter-spacing:-.02em;color:#eee1cc}.lightbox-count{font-size:11px;letter-spacing:.16em;color:#c3c3bd}.lightbox-close{font-family:Arial,sans-serif;font-weight:200;font-size:37px;color:white;background:none;border:0;cursor:pointer;line-height:1;padding:5px 10px}.lightbox-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:13px 72px}.lightbox-stage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:62px;display:grid;place-items:center;background:transparent;border:0;color:#deded8;font-size:50px;line-height:1;cursor:pointer;z-index:1}.lightbox-prev{left:11px}.lightbox-next{right:11px}.lightbox-arrow:hover{color:#fff}.lightbox-bottom{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 28px 18px;border-top:1px solid #ffffff24}.lightbox-title{font-family:var(--serif);font-size:24px;margin:0}.lightbox-description{font-size:12px;line-height:1.6;color:#ccc8c0;margin:5px 0 0}.lightbox-shop{font-size:11px;letter-spacing:.09em;text-transform:uppercase;border:1px solid #8e9382;padding:13px 17px;white-space:nowrap}.lightbox-shop[hidden]{display:none}body.lightbox-open{overflow:hidden}
@media(max-width:900px){.shell{width:min(calc(100% - 56px),var(--shell))}.header-inner{min-height:83px}.brand{font-size:34px}.main-nav{gap:17px}.hero{min-height:540px;grid-template-columns:55% 45%}.hero h1{font-size:clamp(65px,8.5vw,94px)}.hero-art{min-height:530px}.hero-art img{width:128%}.featured-grid{gap:9px}.more-layout{grid-template-columns:1fr 1.55fr}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.shell{width:calc(100% - 36px)}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:75px;flex-wrap:wrap;justify-content:center;gap:0}.brand{font-size:34px;margin-top:13px}.brand-leaf{top:-12px}.main-nav{width:100%;justify-content:center;gap:clamp(17px,7vw,38px);padding:17px 0 16px}.main-nav a{font-size:10px}.hero{display:flex;flex-direction:column;min-height:unset;padding-top:42px}.hero-copy{text-align:center;padding:0;order:0;display:flex;flex-direction:column;align-items:center}.eyebrow{font-size:9px;gap:10px;justify-content:center}.hero h1{font-size:clamp(64px,13.4vw,85px);margin:20px 0 17px}.hero-sub{font-size:12px;line-height:1.75;max-width:320px;margin:0 0 21px}.explore-link{font-size:9px}.hero-art{order:1;min-height:0;height:auto;width:100%;padding:0;margin:-10px 0 -4px}.hero-art img{width:100%;max-width:460px;transform:none}.hero-halo{width:75vw;max-width:400px;top:50%;left:50%}.hero-note{position:static;order:2;width:100%;padding:0 0 25px;font-size:8px}.collection-overline{padding:18px 0}.collection{padding-top:25px;margin-bottom:15px}.section-heading{margin-bottom:15px;align-items:end}.section-heading h2{font-size:56px;margin-top:8px}.section-index{font-size:8px}.section-desc{display:none}.heading-arrow{font-size:15px;margin-top:8px}.featured-grid{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;aspect-ratio:auto}.featured-grid:not(.featured-grid--few)>.product-tile:first-child{grid-column:span 2;grid-row:span 2}.featured-grid--right:not(.featured-grid--few)>.product-tile:first-child{grid-column:span 2;grid-row:1/span 2}.featured-grid--right:not(.featured-grid--few)>.product-tile:nth-child(n+2){grid-column:auto;grid-row:auto}.featured-grid--few{gap:7px}.featured-grid--few .product-tile{width:50%}.section-tail{padding:15px 0 24px}.more-layout{grid-template-columns:1fr;gap:8px}.more-editorial{min-height:180px;padding:22px}.more-editorial p{font-size:40px;margin:11px 0}.more-fine{font-size:10px;max-width:100%}.more-asterisk{font-size:25px}.more-samples,.more-grid{gap:8px}.empty-tiles{gap:7px}.closing-note{padding:22px 0 65px}.footer-inner{flex-direction:column;gap:25px}.site-footer{padding:40px 0 35px}.footer-mark{font-size:43px}.footer-about{font-size:12px;margin:12px 0 0}.footer-side{align-items:flex-start}.footer-kicker{margin:0 0 15px}.copyright{margin:25px 0 0}.gallery-intro{padding-top:25px;padding-bottom:27px}.backlink{margin-bottom:35px;font-size:9px}.gallery-intro .display-title{font-size:clamp(68px,15vw,90px);margin:15px 0}.gallery-blurb{font-size:21px}.gallery-area{padding-top:20px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gallery-bottom{padding:23px 0 65px}.lightbox-top{height:60px;padding:0 14px}.lightbox-stage{padding:10px 3px}.lightbox-arrow{width:37px;z-index:3;font-size:40px;background:#0008;border-radius:2px}.lightbox-prev{left:0}.lightbox-next{right:0}.lightbox-bottom{padding:12px 14px 22px;align-items:flex-start;flex-direction:column;gap:9px}.lightbox-title{font-size:21px}.lightbox-shop{font-size:10px;padding:9px 12px}.lightbox-shell{grid-template-rows:60px minmax(0,1fr) auto}}
@media(hover:none){.tile-hover{opacity:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* WoodSprite update: faithful original proportions, illustration left, one-line message as content. */
.hero { grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); gap:clamp(20px,4vw,60px); min-height:535px; padding-top:28px; padding-bottom:28px; }
.hero-art { width:100%; height:auto; min-height:0; overflow:visible; }
.hero-art img { width:100%; max-width:580px; height:auto; aspect-ratio:979 / 805; object-fit:contain; transform:none; position:relative; z-index:1; }
.hero-halo { width:clamp(300px,37vw,540px); aspect-ratio:1; transform:translate(-50%,-50%); opacity:.65; }
.hero-copy { padding:35px 0 35px; min-width:0; }
.hero h1 { max-width:630px; margin:0; font-size:clamp(45px,5.5vw,78px); font-weight:500; line-height:1.045; letter-spacing:-.046em; white-space:normal; }
.hero h1 em { color:var(--sage); font-weight:400; letter-spacing:-.035em; }
@media(max-width:900px) {
  .hero { min-height:440px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:26px; padding-top:20px; padding-bottom:20px; }
  .hero-art { min-height:0; }
  .hero-art img { width:100%; height:auto; }
  .hero h1 { font-size:clamp(38px,5.65vw,62px); }
  .hero-copy { padding:24px 0; }
}
@media(max-width:650px) {
  .hero { display:flex; flex-direction:column; gap:0; min-height:0; padding-top:12px; padding-bottom:27px; }
  .hero-art { order:0; margin:0; padding:0; width:100%; min-height:0; }
  .hero-art img { width:100%; max-width:490px; height:auto; aspect-ratio:979 / 805; }
  .hero-halo { width:82vw; max-width:400px; }
  .hero-copy { order:1; width:100%; padding:6px 7px 0; display:block; text-align:center; }
  .hero h1 { margin:0 auto; max-width:530px; font-size:clamp(42px,9.4vw,62px); line-height:1.05; }
}

/* WoodSprite attribution and contact information beneath footer wordmark. */
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:12px 0 0;font-style:normal;font-size:12px;line-height:1.8;color:#e4e5d7}
.footer-contact a{color:inherit;text-decoration:none;overflow-wrap:anywhere}
.footer-contact a:hover{text-decoration:underline;text-underline-offset:3px}

/* Main headline: subtly tinted materials, with “and” in the normal font. */
.hero h1 .hero-material { color:#647254; font-style:normal; font-weight:inherit; letter-spacing:inherit; }


/* WoodSprite desktop text alignment + seamless illustration background.
   Uses the unmodified illustration's sampled background (#f8ede1).
   Added last to override earlier responsive rules without changing the layout. */
:root{--paper:#f8ede1;}
html,body{background-color:#f8ede1;}
body{background:#f8ede1;}
body::before{display:none!important;}
.site-header,.hero,.hero-art,.hero-copy{background-color:transparent;}
.hero-halo{display:none!important;}
.hero-art img{filter:none!important;}

/* Desktop: centered text within the RIGHT column; artwork remains on the left. */
@media (min-width:651px) {
  .hero .hero-copy{
    width:100%;
    min-width:0;
    align-self:center;
    justify-self:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:24px 8px;
  }
  .hero .hero-copy h1{
    width:100%;
    max-width:620px;
    margin:0 auto;
    text-align:center;
    text-wrap:balance;
  }
}

/* Preserve the approved mobile composition: image above, headline below. */
@media (max-width:650px) {
  .hero .hero-copy{
    width:100%;
    display:block;
    padding:6px 7px 0;
    text-align:center;
  }
  .hero .hero-copy h1{
    max-width:530px;
    margin:0 auto;
    text-align:center;
    text-wrap:balance;
  }
}

/* Approved reference typography: italic materials individually colored.
   "and" remains upright since it is outside the material spans in index.html. */
.hero h1 .hero-material{font-style:italic!important;font-weight:400;letter-spacing:-.035em;}
.hero h1 .hero-material:nth-of-type(1){color:#882d29;} /* copper */
.hero h1 .hero-material:nth-of-type(2){color:#526013;} /* silver */
.hero h1 .hero-material:nth-of-type(3){color:#655447;} /* stone */

/* 2026-11-03: Desktop-only compact hero. The mobile layout is unchanged.
   Shrink the original illustration without altering its object-fit, crop,
   colors, or proportions. Reveals the beginning of Earrings below the fold.
   Overrides the image's inline width:100% from the current Jekyll homepage. */
@media (min-width: 901px) {
  .hero {
    min-height: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .hero .hero-art img {
    width: min(100%, 500px) !important;
    max-width: 500px;
    margin-inline: auto;
  }
  .hero .hero-copy { padding-top: 12px; padding-bottom: 12px; }
  #earrings.collection { padding-top: 28px; }
}
@media (min-width: 651px) and (max-width: 900px) {
  .hero {
    min-height: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .hero .hero-art img {
    width: min(100%, 430px) !important;
    max-width: 430px;
    margin-inline: auto;
  }
  .hero .hero-copy { padding-top: 12px; padding-bottom: 12px; }
  #earrings.collection { padding-top: 24px; }
}


/* Mobile-only: intentionally keep the hero statement on two lines. */
@media (max-width:650px) {
  .hero .hero-copy { padding-inline:0; }
  .hero .hero-copy h1 {
    width:100%;
    max-width:none;
    font-size:clamp(25px,7.4vw,38px);
    line-height:1.12;
    letter-spacing:-.046em;
    text-wrap:normal;
  }
  .hero .hero-copy h1 .hero-line-one,
  .hero .hero-copy h1 .hero-line-two { display:block; white-space:nowrap; }
}

/* Tighter footer typography and vertical rhythm. */
.footer-about { margin-top:12px; line-height:1.5; }
.footer-contact { margin-top:6px; gap:1px; line-height:1.45; }
.footer-kicker { margin-bottom:16px; line-height:1.15; }
.copyright { margin-top:20px; }
@media (max-width:650px) {
  .footer-inner { gap:18px; }
  .footer-about { margin-top:8px; }
  .footer-contact { margin-top:4px; gap:0; line-height:1.4; }
  .footer-kicker { margin-bottom:11px; }
  .copyright { margin-top:14px; }
}