@keyframes sc-sway{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}
.sc-home .sc-kicker{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--sc-green-700);}
.sc-home .sc-h2{font-family:var(--sc-display) !important;font-size:46px;color:var(--sc-sage-900);letter-spacing:-.01em;font-weight:400;margin:0;}
.sc-home .sc-dot{color:var(--sc-sage-300);}
.sc-home .sc-btn{display:inline-block;background:var(--sc-sage-700);color:var(--sc-cream) !important;padding:16px 30px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;transition:background .25s;border:1px solid var(--sc-sage-700);border-radius:0;}
.sc-home .sc-btn:hover{background:var(--sc-sage-900);color:var(--sc-cream) !important;}
.sc-home .sc-btn-ghost{background:transparent;color:var(--sc-sage-900) !important;border:1px solid var(--sc-sage-300);}
.sc-home .sc-btn-ghost:hover{background:var(--sc-sage-100);border-color:var(--sc-sage-500);color:var(--sc-sage-900) !important;}
.sc-hero,.sc-best,.sc-story,.sc-legal{position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;}
.sc-hero{background:transparent;overflow:visible;}
.home .entry-header,.home .entry-title{display:none !important;}
/* let the hero botanicals show in full (no top crop); keep the page from scrolling sideways */
html,body{overflow-x:clip;}
.sc-hero-inner{position:relative;max-width:1240px;margin:0 auto;padding:104px 40px 108px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:72px;align-items:center;}
.sc-hero-bot-l{position:absolute;left:-46px;top:-40px;width:300px;height:600px;color:var(--sc-sage-500);opacity:.34;transform-origin:50% 90%;animation:sc-sway 14s ease-in-out infinite;}
.sc-hero-bot-r{position:absolute;right:24px;bottom:-70px;width:220px;height:460px;color:var(--sc-sage-500);opacity:.24;}
.sc-hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--sc-sage-700);margin-bottom:26px;}
.sc-hero-h1{font-family:var(--sc-display) !important;font-size:74px;line-height:1.03;letter-spacing:-.01em;color:var(--sc-sage-900);font-weight:400;margin:0 0 26px !important;}
.sc-hero-h1 em{font-style:italic;color:var(--sc-sage-700);}
.sc-hero-lead{font-size:17px;line-height:1.72;color:var(--sc-muted);max-width:460px;font-weight:300;margin:0 0 38px;}
.sc-hero-btns{display:flex;gap:14px;flex-wrap:wrap;}
.sc-hero-meta{display:flex;align-items:center;gap:26px;margin-top:44px;padding-top:26px;border-top:1px solid rgba(47,64,52,.14);font-size:13px;color:var(--sc-muted);font-weight:300;flex-wrap:wrap;}
.sc-hero-media{position:relative;}
/* Flat sand: the bottles are drawn as line art in the inlined overlay, not
   photographed, so nothing has to match a photo's backdrop. overflow:hidden
   clips the overlay to the arch silhouette. */
.sc-hero-arch{position:relative;height:560px;border-radius:230px 230px 4px 4px;overflow:hidden;background:var(--sc-sand);}
.sc-hero-media::before{content:'';position:absolute;inset:-18px -18px 34px 22px;border:1px solid var(--sc-sage-300);border-radius:240px 240px 8px 8px;opacity:.7;}
.sc-ranges-head{max-width:1240px;margin:0 auto;padding:96px 40px 20px;text-align:center;}
.sc-ranges-head .sc-kicker{display:block;margin-bottom:14px;}
.sc-ranges{max-width:1240px;margin:0 auto;padding:44px 40px 0;display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.sc-range-card{overflow:hidden;padding-bottom:40px;}
.sc-range-mens{background:var(--sc-sage-100);}
.sc-range-ladies{background:var(--sc-sand);}
.sc-range-img{height:300px;}
.sc-range-mens .sc-range-img{background:var(--sc-sage-300) url(/wp-content/uploads/sc-design/botanical/herb-stem-tall.svg) center/auto 76% no-repeat;}
.sc-range-ladies .sc-range-img{background:var(--sc-sand-deep) url(/wp-content/uploads/sc-design/botanical/bloom-large.svg) center/62% no-repeat;}
.sc-range-body{padding:34px 40px 0;}
.sc-range-body h3{font-family:var(--sc-display) !important;font-size:34px;color:var(--sc-sage-900);margin:0 0 8px;font-weight:400;}
.sc-range-body p{font-size:14px;color:var(--sc-neutral-700);font-weight:300;margin:0 0 24px;}
.sc-range-body .sc-btn{padding:14px 28px;}
.sc-best{background:transparent;margin-top:96px;}
.sc-best-bot{position:absolute;right:-56px;top:40px;width:300px;height:700px;color:var(--sc-sage-500);opacity:.16;}
.sc-best-inner{position:relative;max-width:1240px;margin:0 auto;padding:88px 40px 96px;background:rgba(255,255,255,.5);border:1px solid rgba(34,38,31,.07);}
.sc-best-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:28px;border-bottom:1px solid rgba(34,38,31,.1);margin-bottom:48px;}
.sc-best-head .sc-kicker{display:block;margin-bottom:12px;}
.sc-viewall{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--sc-sage-700);white-space:nowrap;}
.sc-best .woocommerce{margin:0;}
.sc-story{background:transparent;}
.sc-story-inner{max-width:1240px;margin:0 auto;padding:96px 56px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:center;background:rgba(255,255,255,.5);border:1px solid rgba(34,38,31,.07);}
.sc-story-media{position:relative;height:480px;background:var(--sc-sage-100) url(/wp-content/uploads/sc-design/botanical/bloom-large.svg) center/56% no-repeat;}
.sc-story-bloom{position:absolute;right:-42px;bottom:-42px;width:180px;height:180px;color:var(--sc-sage-700);opacity:.5;background:var(--sc-cream);padding:12px;}
.sc-story-h2{font-size:50px !important;line-height:1.1;margin:16px 0 24px !important;}
.sc-story-p{font-size:16.5px;line-height:1.78;color:var(--sc-muted);font-weight:300;max-width:520px;margin:0 0 44px;}
.sc-story-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid rgba(47,64,52,.16);padding-top:34px;}
.sc-feat-ic{color:var(--sc-sage-700);display:block;margin-bottom:14px;}
.sc-story-feats h4{font-family:var(--sc-display) !important;font-size:21px;color:var(--sc-sage-900);font-weight:500;margin:0 0 8px;}
.sc-story-feats p{font-size:13.5px;line-height:1.65;color:var(--sc-muted);font-weight:300;margin:0;}
.sc-legal{background:transparent;padding:52px 40px;}
.sc-legal p{max-width:900px;margin:0 auto;text-align:center;font-size:12.5px;line-height:1.8;color:var(--sc-muted-light);font-weight:300;font-style:italic;background:rgba(255,255,255,.5);border:1px solid rgba(34,38,31,.07);padding:22px 30px;}
@media(max-width:1023px){.sc-hero-h1{font-size:56px;}.sc-story-h2{font-size:40px !important;}}
@media(max-width:768px){.sc-hero-inner{grid-template-columns:1fr;gap:40px;padding:64px 20px;}.sc-hero-h1{font-size:38px;}.sc-hero-arch{height:420px;border-radius:180px 180px 4px 4px;}.sc-ranges{grid-template-columns:1fr;padding:32px 20px 0;}.sc-ranges-head{padding:64px 20px 12px;}.sc-story-inner{grid-template-columns:1fr;gap:40px;padding:64px 20px;}.sc-story-feats{grid-template-columns:1fr;}.sc-best-inner{padding:56px 20px 64px;}.sc-best-head{flex-direction:column;align-items:flex-start;gap:16px;}.sc-home .sc-h2{font-size:34px;}}

/* ============================================================
   Task 3 — native block homepage: core buttons, WooCommerce
   Product Collection grid, decorative wrappers.
   Reproduces the look the mu-plugin [sc_home] shortcode had.
   ============================================================ */

/* Core button blocks (hero + range cards) mirror the old .sc-btn / .sc-btn-ghost */
.sc-home .wp-block-button__link{display:inline-block;background:var(--sc-sage-700);color:var(--sc-cream);border:1px solid var(--sc-sage-700);border-radius:0 !important;padding:16px 30px !important;font-size:12px !important;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;transition:background .25s;}
.sc-home .wp-block-button__link:hover{background:var(--sc-sage-900);color:var(--sc-cream);}
/* ghost/outline variant (matches old .sc-btn-ghost); !important beats the core/WooCommerce is-style-outline rules that load after this sheet */
.sc-home .wp-block-button.is-style-outline .wp-block-button__link{background:transparent !important;color:var(--sc-sage-900) !important;border:1px solid var(--sc-sage-300) !important;}
.sc-home .wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--sc-sage-100) !important;border-color:var(--sc-sage-500) !important;color:var(--sc-sage-900) !important;}
.sc-hero-btns.wp-block-buttons{display:flex;gap:14px;flex-wrap:wrap;margin:0;}
.sc-range-body .wp-block-buttons{margin:0;}
.sc-range-body .wp-block-button__link{padding:14px 28px;}

/* Decorative botanical wrappers hold the baked inline SVG (fills the wrapper) */
.sc-hero-bot-l svg,.sc-hero-bot-r svg,.sc-best-bot svg,.sc-story-bloom svg{pointer-events:none;}

/* the root wp:group is is-layout-flow, which injects a 24px blockGap top-margin on
   the full-bleed bands (they only set margin-left). The old plain <div> had none —
   zero it so section spacing is identical (sc-best keeps its own margin-top:96px). */
.sc-home > .sc-promo-band,.sc-home > .sc-ranges-head,.sc-home > .sc-story,.sc-home > .sc-legal{margin-block-start:0;margin-top:0;}
/* Astra pads .entry-content > .wp-block-group by 48px; the old [sc_home] plain <div>
   had none, so drop it to keep the hero flush with today's spacing. */
.sc-home.wp-block-group{padding-top:0 !important;}

/* Bestsellers: render the shared content-product.php card ([sc_bestsellers]) in a 4-up grid.
   Card internals (category kicker, image, "Inspired by", price, wishlist heart, add-to-cart)
   come from the shared shop-card styles in brand.css — identical to the shop/category loops. */
.sc-best .sc-best-grid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:38px 26px;list-style:none;margin:0 !important;padding:0;}
.sc-best .sc-best-grid::before,.sc-best .sc-best-grid::after{content:none !important;display:none !important;}
.sc-best .sc-best-grid li.product{width:auto !important;margin:0 !important;float:none !important;clear:none !important;}
@media(max-width:1200px){.sc-best .sc-best-grid{grid-template-columns:repeat(3,1fr) !important;}}
@media(max-width:992px){.sc-best .sc-best-grid{grid-template-columns:repeat(2,1fr) !important;}}
@media(max-width:576px){.sc-best .sc-best-grid{grid-template-columns:repeat(2,1fr) !important;gap:22px 14px;}}

/* --- Homepage collection photography (owner batch, 2026-08-21) ------------
   Three branded "SCENTRIFUGE" collection plates fill the homepage's big image
   spaces: the two range cards and the hero arch.

   Hosted at a stable path under uploads/sc-design/, the same convention the
   botanical SVGs already use, so the URL is identical on local and prod and
   needs no media-library lookup.

   The hero arch's line-art bottle composition is an inline SVG stored in the
   Home PAGE CONTENT (seeded from patterns/home.php), not in the theme.
   Re-seeding the page to remove it would clobber any owner edits, so the photo
   goes behind and the SVG is hidden here instead - reversible in one line if
   the drawn version is ever preferred again. */
.sc-range-mens .sc-range-img{
  background:var(--sc-sage-300) url(/wp-content/uploads/sc-design/home/home-mens.jpg) center 42%/cover no-repeat;}
.sc-range-ladies .sc-range-img{
  background:var(--sc-sand-deep) url(/wp-content/uploads/sc-design/home/home-ladies.jpg) center 42%/cover no-repeat;}
.sc-hero-arch{
  background:var(--sc-sand) url(/wp-content/uploads/sc-design/home/home-hero.jpg) center 38%/cover no-repeat;}
/* !important is required: the SVG carries an inline
   style="...display:block" from the stored page content, and inline
   styles beat stylesheet rules. */
.sc-hero-arch > svg{display:none !important;}