.reference-home { background:#faf9f3; color:#0c271a; }
.reference-home .container { max-width:1410px; }
.reference-home .site-header { position:relative; }
.wellness-hero { height:560px; position:relative; overflow:hidden; background:#fafaf3; }
.wellness-scene { position:absolute; inset:-80px 0 0 41%; }
.wellness-scene img { width:100%; height:100%; object-fit:cover; object-position:center 58%; }
.wellness-scene:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#fafaf3,rgba(250,250,243,.5) 10%,transparent 28%); }
.wellness-inner { position:relative; height:100%; display:flex; align-items:center; }
.wellness-copy { width:610px; padding:38px 0 44px; }
.wellness-eyebrow { display:flex; align-items:center; gap:11px; text-transform:uppercase; letter-spacing:3px; font-size:13px; font-weight:500; color:#784710; margin-bottom:16px; }
.wellness-eyebrow:before { content:""; width:29px; height:1px; background:#bd8c2a; }
.wellness-copy h1 { font-family:Georgia,'Times New Roman',serif; font-weight:600; font-size:72px; line-height:.98; letter-spacing:-2px; color:#062514; margin:0 0 22px; }
.wellness-copy h1 span { color:#78500c; white-space:nowrap; }
.wellness-intro { color:#16251d; font-size:17px; line-height:1.5; max-width:555px; }
.wellness-benefits { display:flex; justify-content:space-between; max-width:555px; margin:24px 0 30px; }
.wellness-benefits>div { flex:1; }
.benefit-icon { width:61px; height:61px; border-radius:50%; background:#e9eddf; display:grid; place-items:center; margin-bottom:9px; }
.benefit-icon svg { width:36px; height:36px; }
.wellness-benefits strong { font-size:12px; line-height:1.45; display:block; }
.wellness-button { border-radius:40px; background:#082d18; color:#fff; display:inline-flex; align-items:center; justify-content:center; gap:22px; padding:10px 29px; font-weight:700; font-size:15px; }
.wellness-button span { font-size:25px; line-height:1; font-weight:400; }
.wellness-button:hover,.header-shop:hover { background:#1d492a; }
.wellness-note { position:absolute; left:53%; top:37px; font:italic 38px/1.05 'Brush Script MT',cursive; color:#163820; transform:rotate(-13deg); }
.wellness-note>span { margin-left:25px; }.wellness-note i { display:block; text-align:right; }
.nature-seal { position:absolute; top:3px; right:4.5%; width:135px; height:135px; border:3px double #55411f; border-radius:50%; color:#55411f; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:5px; transform:rotate(13deg); background:#faf9edc9; }
.nature-seal span { font-size:9px; letter-spacing:1.2px; font-weight:700; }.nature-seal svg { width:55px; height:55px; }
.reference-trust { background:#edf1e3; padding:24px 0; }
.reference-trust>.container { display:grid; grid-template-columns:repeat(4,1fr); }
.reference-trust-item { display:flex; align-items:center; gap:17px; padding:0 30px; border-right:1px solid #bbc8a8; }
.reference-trust-item:first-child { padding-left:0; }.reference-trust-item:last-child { border:0; padding-right:0; }
.reference-trust-item>span { width:51px; height:51px; flex-shrink:0; border:1px solid #a8bb96; border-radius:50%; display:grid; place-items:center; }.reference-trust-item svg { width:33px; height:33px; }
.reference-trust-item strong { font-size:14px; }.reference-trust-item p { font-size:11px; color:#102619; white-space:nowrap; }
.reference-approach { background:radial-gradient(ellipse at 50% 120%,#21482b55,transparent 65%),#082e19; color:white; padding:46px 0 48px; }
.approach-grid { display:grid; grid-template-columns:2.2fr 1fr 1fr 1fr 1fr; gap:26px; }
.approach-intro .wellness-eyebrow { color:#e7b54c; font-size:11px; letter-spacing:2px; margin-bottom:10px; }
.approach-intro h2 { color:#fff; font-family:Georgia,serif; font-size:47px; line-height:1.02; margin-bottom:12px; letter-spacing:-1px; }
.approach-intro>p:not(.wellness-eyebrow) { color:#fff; font-size:13px; line-height:1.7; }
.approach-intro .wellness-button { background:#e6b24a; color:#112818; margin-top:12px; padding:10px 28px; }
.approach-photo { height:125px; border:1px solid #bda854; border-radius:6px; background-image:url('../images/generated/wellness-approach-v2.png'); background-size:300% 100%; margin-bottom:12px; }
.approach-photo.pure { background-position:left; }.approach-photo.purpose { background-position:center; }.approach-photo.people { background-position:right; }
.approach-grid article h3 { font:700 15px 'Plus Jakarta Sans',sans-serif; text-transform:uppercase; color:#eab844; margin-bottom:4px; }.approach-grid article p { color:#fff; font-size:12px; line-height:1.6; }
.approach-grid blockquote { margin:0 0 0 4px; border-left:1px solid #c29a37; padding:47px 0 0 25px; font:italic 23px/1.3 Georgia,serif; white-space:nowrap; }.approach-grid blockquote span { display:block; color:#e4b447; margin:18px auto 0; width:48px; }.approach-grid blockquote svg { width:48px; height:48px; }
@media(min-width:1500px) { .wellness-hero { height:560px; }.wellness-copy h1 { font-size:76px; } }
@media(max-width:1200px) { .wellness-copy { width:53%; }.wellness-copy h1 { font-size:60px; }.wellness-intro { font-size:15px; }.wellness-note { display:none; }.approach-grid { gap:18px; grid-template-columns:1.7fr 1fr 1fr 1fr; }.approach-grid blockquote { display:none; }.reference-trust-item { padding:0 16px; gap:10px; }.reference-trust-item p { font-size:10px; } }
@media(max-width:820px) { .wellness-hero { height:auto; padding-top:20px; }.wellness-inner { display:block; }.wellness-copy { width:100%; padding-bottom:0; }.wellness-copy h1 { font-size:58px; }.wellness-intro { max-width:580px; }.wellness-scene { position:relative; inset:auto; height:430px; margin-top:15px; }.wellness-hero { display:flex; flex-direction:column; }.wellness-inner { order:-1; }.wellness-scene:after { background:linear-gradient(#fafaf3,transparent 25%); }.wellness-scene img { object-position:center; }.nature-seal { top:auto; bottom:240px; right:22px; width:105px; height:105px; }.nature-seal span { font-size:7px; }.nature-seal svg { width:40px; height:40px; }.reference-trust>.container { grid-template-columns:1fr 1fr; gap:20px 0; }.reference-trust-item { padding:0 12px!important; }.reference-trust-item:nth-child(2) { border:0; }.approach-grid { grid-template-columns:repeat(3,1fr); }.approach-intro { grid-column:1/-1; }.approach-intro h2 br { display:none; } }
@media(max-width:520px) { .wellness-copy h1 { font-size:46px; letter-spacing:-1.5px; }.wellness-eyebrow { font-size:10px; letter-spacing:2px; }.wellness-intro { font-size:14px; margin-top:14px; }.wellness-benefits { margin:17px 0; gap:8px; }.wellness-benefits strong { font-size:10px; }.benefit-icon { width:48px; height:48px; }.benefit-icon svg { width:29px; height:29px; }.wellness-scene { height:330px; }.nature-seal { bottom:210px; }.reference-trust-item { gap:8px; }.reference-trust-item>span { width:36px; height:36px; }.reference-trust-item svg { width:25px; height:25px; }.reference-trust-item strong { font-size:11px; }.reference-trust-item p { font-size:9px; white-space:normal; }.approach-grid { gap:15px; }.approach-intro h2 { font-size:37px; }.approach-photo { height:94px; }.approach-grid article h3 { font-size:11px; }.approach-grid article p { font-size:10px; } }
.wellness-scene { inset:0 0 0 40%; }
.wellness-scene img { object-fit:contain; }
@media(max-width:820px) { .wellness-scene { inset:auto; }.wellness-scene img { object-fit:cover; } }
@media(max-width:520px) { .wellness-copy h1 { font-size:clamp(32px,10.5vw,46px); }.wellness-copy h1 span { white-space:normal; }.wellness-scene img { object-fit:contain; }.nature-seal { width:86px; height:86px; bottom:230px; right:14px; }.nature-seal span { font-size:5.5px; } }

/* Roomier homepage rhythm across desktop and mobile. */
.reference-home .container { padding-left:36px; padding-right:36px; }
.reference-home .topbar .container { padding-top:11px; padding-bottom:11px; }
.reference-home .nav { min-height:96px; }
.wellness-copy h1 { font-size:68px; line-height:1.04; }
.wellness-intro { line-height:1.7; }
.wellness-note { top:65px; }
.nature-seal { top:28px; }
.reference-trust-item p { white-space:normal; }
@media(max-width:1200px) {
  .wellness-copy h1 { font-size:54px; }
  .reference-home .nav { min-height:86px; }
}
@media(max-width:820px) {
  .reference-home .container { padding-left:28px; padding-right:28px; }
  .wellness-hero { height:auto; padding-top:12px; }
  .wellness-copy { padding:24px 0 12px; }
  .wellness-copy h1 { font-size:54px; }
  .wellness-scene { margin-top:24px; }
  .nature-seal { top:auto; }
  .reference-trust>.container { row-gap:28px; }
}
@media(max-width:520px) {
  .reference-home .container { padding-left:22px; padding-right:22px; }
  .reference-home .nav { min-height:76px; }
  .wellness-copy h1 { font-size:clamp(32px,10vw,46px); }
  .wellness-benefits { margin:24px 0 28px; }
  .reference-approach { padding:34px 0; }
  .reference-trust>.container { padding-left:12px; padding-right:12px; }
}

/* Preserve the artwork proportions, including on ultrawide displays. */
@media(min-width:821px) {
  .wellness-scene {
    inset:0 max(0px, calc((100% - 1558px) / 2)) 0 auto;
    width:840px;
    height:560px;
    mask-image:linear-gradient(90deg,transparent,#000 8%,#000 96%,transparent);
  }
  .wellness-scene img { object-fit:contain; object-position:center; }
  .wellness-note { left:calc(50% + 30px); }
  .nature-seal {
    top:20px;
    right:max(24px, calc((100% - 1558px) / 2 + 24px));
    width:100px;
    height:100px;
    background:#faf9ed;
  }
  .nature-seal span { font-size:6.5px; letter-spacing:.7px; }
  .nature-seal svg { width:38px; height:38px; }
}
@media(min-width:821px) and (max-width:1200px) {
  .wellness-scene { right:-140px; }
  .nature-seal { display:none; }
}
@media(max-width:820px) {
  .wellness-scene { height:auto; aspect-ratio:3 / 2; }
  .wellness-scene img { width:100%; height:100%; object-fit:contain; }
  .nature-seal { display:none; }
}

/* A single scalable seal keeps lettering inside the circular border. */
.nature-seal { border:0; background:transparent; transform:none; padding:0; gap:0; }
.nature-seal .nature-seal-art { display:block; width:100%; height:100%; flex:none; }