.weight-hero{position:relative;isolation:isolate;overflow:hidden;background:#58442f;color:#fff8ed;height:min(850px,85vw);min-height:640px;scroll-margin-top:0}
.weight-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-3}
.weight-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(28,24,19,.65),rgba(28,24,19,.44) 34%,rgba(28,24,19,.08) 59%,transparent 80%),linear-gradient(0deg,rgba(28,24,19,.3),transparent 35%)}
.weight-copy{position:absolute;left:7.5%;top:50%;transform:translateY(-50%);max-width:46%}
.weight-eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:30px;color:#fff3df}
.weight-copy h2{font:400 clamp(54px,5.5vw,88px)/1.04 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-2.6px;margin:0 0 28px;color:#fff8ed}
.weight-copy>p{font-size:16px;line-height:1.65;color:#fff8ed;margin:0 0 32px}
.weight-copy .button{background:#fff3e0;color:#352d24;font-size:14px;gap:32px}.weight-copy .button:hover{background:#f1d5b2}
.weight-foot{position:absolute;bottom:30px;left:7.5%;right:4%;display:flex;justify-content:space-between;align-items:center;gap:20px}
.weight-foot>span{font-size:8px;letter-spacing:1.8px;color:#fff8edcf}
#weight-play{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 17px;border:1px solid #fff8ed77;border-radius:30px;background:#332b2299;color:#fff8ed;font-size:11px;backdrop-filter:blur(8px)}
#weight-play>span:first-child{font-size:19px}#weight-play:hover span{transform:none}
@media(max-width:1100px){.weight-hero{min-height:580px}.weight-copy{left:6%;max-width:47%}.weight-copy h2{font-size:60px}.weight-copy>p{font-size:14px}.weight-foot{left:6%}}
@media(max-width:700px){.weight-hero{height:780px;min-height:0;background:#3c3026}.weight-hero video{height:550px;object-position:62% center}.weight-shade{background:linear-gradient(0deg,#3c3026 0%,#3c3026 27%,#3c3026b3 43%,transparent 65%)}.weight-copy{left:26px;right:26px;top:auto;bottom:105px;transform:none;max-width:none}.weight-eyebrow{font-size:8px;letter-spacing:1.25px;margin-bottom:20px}.weight-copy h2{font-size:52px;letter-spacing:-1.8px;margin-bottom:20px}.weight-copy>p{font-size:13px;line-height:1.7;margin-bottom:23px}.weight-copy .button{min-height:50px;font-size:13px}.weight-foot{left:26px;right:26px;bottom:27px}.weight-foot>span{font-size:7px;letter-spacing:1px;max-width:145px;line-height:1.7}#weight-play{padding:0 13px;font-size:10px}}

/* Shared edge colors connect the video to both neighboring sections. */
.categories{padding-bottom:35px}
.categories-bottom{border-bottom:0}
.weight-hero{background:linear-gradient(180deg,#f5eee3 0%,#65523f 24%,#65523f 70%,#f5eee3 100%)}
.weight-hero video{mask-image:linear-gradient(180deg,transparent 0%,#000 11%,#000 83%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 11%,#000 83%,transparent 100%)}
.weight-shade{mask-image:linear-gradient(180deg,transparent,#000 13%,#000 80%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 13%,#000 80%,transparent)}
.weight-foot>span{color:#42382f}
#weight-play{background:#fff6e6cc;border-color:#58442f66;color:#42382f}
.preview-note{background:#f5eee3}
@media(max-width:700px){.weight-hero{background:linear-gradient(180deg,#f5eee3 0%,#3c3026 28%,#3c3026 78%,#f5eee3 100%)}.weight-hero video{mask-image:linear-gradient(180deg,transparent,#000 10%,#000 72%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 72%,transparent)}.weight-shade{mask-image:linear-gradient(180deg,transparent,#000 12%,#000 77%,transparent 94%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 77%,transparent 94%)}.categories{padding-bottom:30px}}
.treatments{background:#f5eee3;color:#29353c;padding:45px 7.5% 90px}
.treatment-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.treatment-heading h2{font-size:clamp(42px,4.3vw,66px);font-weight:400;line-height:1.07;letter-spacing:-2px;margin:0}.treatment-heading>p{font-size:13px;line-height:1.7;color:#847568;margin:0 0 5px}.treatment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.treatment-card{overflow:hidden;border-radius:23px;background:#fffaf3;border:1px solid #ffffffa1}.treatment-art{height:325px;position:relative;display:grid;place-items:center;overflow:hidden}.art-peach{background:radial-gradient(ellipse at 30% 15%,#fce9d6,#e5bda1)}.art-sage{background:radial-gradient(ellipse at 30% 15%,#e6e9dd,#bfc7b1)}.art-sand{background:radial-gradient(ellipse at 30% 15%,#f7efe0,#d4c7ae)}.sample-tag{position:absolute;top:22px;left:22px;font-size:8px;letter-spacing:1.1px;color:#655e52}.sample-pack{width:150px;height:208px;background:linear-gradient(110deg,#fffcf3 0%,#f3eadb 92%,#d0c1a9 93%);box-shadow:20px 24px 25px #57412c2e;padding:27px 17px;display:flex;flex-direction:column;transform:rotate(-9deg);transition:transform .6s ease;border-radius:3px;color:#6f5b47}.art-sage .sample-pack{transform:rotate(7deg);color:#5c6851}.art-sand .sample-pack{transform:rotate(-5deg)}.treatment-card:hover .sample-pack{transform:rotate(0deg) translateY(-5px)}.sample-pack>span:first-child{font-size:15px;letter-spacing:-.6px}.sample-pack sup{font-size:5px}.pack-line{height:1px;background:currentColor;opacity:.35;margin:15px 0}.sample-pack small{font-size:6px;letter-spacing:1px;line-height:1.5}.pack-sun{font-size:42px;margin-top:auto}.treatment-info{padding:27px}.treatment-count{font-size:8px;color:#958573;letter-spacing:1.1px}.treatment-info h3{font-size:25px;font-weight:400;letter-spacing:-.7px;margin:16px 0 12px}.treatment-info p{font-size:13px;color:#847568;margin-bottom:25px}.treatment-info button{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #cfc5b5;border-radius:30px;background:transparent;color:#29353c;min-height:46px;padding:0 17px;font-size:12px}.treatment-info button:hover{background:#f1e6d7}.treatment-info button span{font-size:21px}
@media(max-width:1100px){.treatments{padding-left:5%;padding-right:5%}.treatment-grid{gap:15px}.treatment-info{padding:22px}.treatment-info h3{font-size:22px}}
@media(max-width:700px){.treatments{padding:30px 18px 65px}.treatment-heading{display:block;margin:0 8px 30px}.treatment-heading h2{font-size:43px;letter-spacing:-1.5px}.treatment-heading>p{margin-top:20px;font-size:12px}.treatment-grid{grid-template-columns:1fr;gap:22px}.treatment-art{height:310px}.treatment-info{padding:25px}.treatment-info h3{font-size:26px}}

/* Photo-led treatment cards, with all copy composed over the image. */
.photo-treatment{position:relative;isolation:isolate;height:570px;border:0;border-radius:25px;background:#5e5548;color:#fff9ed;box-shadow:0 15px 35px #352a1912}
.treatment-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;z-index:-2;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.photo-treatment:nth-child(2) .treatment-photo{object-position:76% center}
.photo-treatment:nth-child(3) .treatment-photo{object-position:60% 30%}
.photo-treatment:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#1e292dec 0%,#1e292d99 24%,transparent 60%),linear-gradient(180deg,#1e292d30,transparent 20%);pointer-events:none}
.photo-treatment:hover .treatment-photo,.photo-treatment:focus-within .treatment-photo{transform:scale(1.04)}
.treatment-badge{position:absolute;left:26px;top:26px;border:1px solid #ffffff60;background:#ffffff18;backdrop-filter:blur(12px);padding:10px 13px;border-radius:25px;font-size:8px;letter-spacing:1.15px;color:#fff9ed}
.photo-treatment .treatment-info{position:absolute;bottom:27px;left:27px;right:27px;padding:0}
.photo-treatment .treatment-count{color:#f3d6b7;font-size:8px;letter-spacing:1.55px}
.photo-treatment .treatment-info h3{font-size:32px;line-height:1.08;letter-spacing:-1px;font-weight:400;margin:15px 0 16px;max-width:260px}
.photo-treatment .treatment-info p{font-size:13px;line-height:1.6;color:#fff9eddf;margin:0 0 25px}
.photo-treatment .treatment-info button{min-height:51px;background:#fff6e7;color:#29353c;border-color:#fff6e7;padding:0 20px;font-size:12px;font-weight:500}
.photo-treatment .treatment-info button:hover{background:#f2d4b3;border-color:#f2d4b3}
@media(min-width:1700px){.photo-treatment{height:650px}.photo-treatment .treatment-info h3{font-size:38px}.photo-treatment .treatment-info p{font-size:15px}}
@media(max-width:1100px){.photo-treatment{height:540px}.photo-treatment .treatment-info{left:21px;right:21px;bottom:23px}.photo-treatment .treatment-info h3{font-size:28px}.treatment-badge{left:21px;top:23px;font-size:7px}}
@media(max-width:700px){.photo-treatment{height:540px}.photo-treatment .treatment-info{left:26px;right:26px;bottom:26px}.photo-treatment .treatment-info h3{font-size:34px;max-width:none}.photo-treatment .treatment-info p{font-size:14px}.treatment-badge{left:26px;top:26px;font-size:8px}}
.photo-treatment{height:660px}
.photo-treatment:nth-child(2) .treatment-photo{object-position:center top}
.photo-treatment:nth-child(3){background:#4b483e}
.photo-treatment:nth-child(3) .treatment-photo{height:76%;object-position:center bottom;mask-image:linear-gradient(#000 0%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 88%,transparent 100%)}
.photo-treatment:nth-child(3):after{background:linear-gradient(0deg,#1e292de6 0%,#1e292d55 22%,transparent 36%),linear-gradient(180deg,#1e292d25,transparent 17%)}
.photo-treatment:nth-child(3) .treatment-info h3{font-size:26px;max-width:none;white-space:nowrap}
.photo-treatment:nth-child(3) .treatment-info p{margin-bottom:18px}
@media(max-width:1100px){.photo-treatment:nth-child(3) .treatment-info h3{font-size:22px}}
@media(max-width:700px){.photo-treatment{height:640px}.photo-treatment:nth-child(3) .treatment-info h3{font-size:26px}}
.photo-treatment:nth-child(3) .treatment-photo{height:78%;object-position:center top}