/* A shared tactile button system: legible glass over photos, tinted glass over ivory. */
body .button,body .connection-info button,body .photo-treatment .treatment-info button{border-radius:16px;border:1px solid #ffffff80;background:linear-gradient(135deg,#fff8eadb,#fff8eab5);color:#243f43;box-shadow:inset 0 1px 0 #fff9,0 6px 18px #102b3214;backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);font-weight:500;letter-spacing:.05px;transition:background .25s,box-shadow .25s,transform .25s;min-height:50px}
body .button:hover,body .connection-info button:hover,body .photo-treatment .treatment-info button:hover{background:#fff4e4ed;border-color:#fff9;box-shadow:inset 0 1px 0 #fff,0 9px 25px #102b3225;transform:translateY(-2px)}
body .button:active,body .connection-info button:active,body .photo-treatment .treatment-info button:active{transform:translateY(0);box-shadow:inset 0 1px 5px #102b3212}
body .hero-buttons .secondary{color:#fff9ed;background:linear-gradient(135deg,#ffffff20,#ffffff0c);border-color:#fff7;box-shadow:inset 0 1px 0 #fff2,0 5px 18px #102b3210}
body .hero-buttons .secondary:hover{background:#ffffff2b}
body .how-action .button,body .everyday-story .button,body .human-story .button{background:linear-gradient(135deg,#31575de8,#234448d9);border-color:#738f8e66;color:#fff5e6;box-shadow:inset 0 1px 0 #ffffff24,0 6px 20px #193b421c}
body .how-action .button:hover,body .everyday-story .button:hover,body .human-story .button:hover{background:#26494dee;color:#fff8ed}
body .product-action{background:linear-gradient(135deg,#fff9ed65,#fff9ed25);border-top:1px solid #fff7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body .product-arrow{border-radius:12px;border-color:#ffffff90;background:#fff9ed40}
body .nav-cta{min-height:43px;border-radius:13px}.hero{height:100svh}.hero-copy>p{max-width:465px;line-height:1.65}.hero-copy{padding-top:clamp(65px,8vh,105px)}
.mobile-care-dock{display:none}
@media(max-width:700px){
 .hero-copy>p{max-width:360px}.hero-buttons .button{min-height:49px;padding:0 17px;gap:16px;font-size:12px}
 .how-section{padding-top:35px;padding-bottom:40px}.how-heading{margin-bottom:25px}.how-photo{height:290px}.how-content{padding-top:25px}.how-action{margin-top:20px}
 .treatments,.connection-section{padding-top:28px;padding-bottom:35px}.treatment-heading,.connection-heading{margin-bottom:24px}.photo-treatment{height:560px}.connection-card{height:540px}.connection-info h3{font-size:31px}.connection-info p{margin-bottom:20px}.connection-grid,.treatment-grid{gap:18px}
 .weight-hero{height:710px}.weight-copy{bottom:95px}.weight-hero video{height:480px}.sexual-hero{height:760px}.sexual-hero video{height:490px}.sexual-copy{bottom:106px}.hair-hero{height:720px}.hair-hero-image{height:460px}.hair-copy{bottom:95px}
 .human-approach{padding-top:30px;padding-bottom:30px}.human-photo{height:330px}.human-story{padding-top:25px;padding-bottom:25px}.human-story h3{font-size:34px}.everyday-section{padding-top:25px;padding-bottom:30px}.everyday-photo{min-height:300px}.everyday-story{padding-top:27px;padding-bottom:28px}
 .closing-hero{height:800px}.closing-hero>img{height:490px}.closing-copy{bottom:35px}.closing-copy h2{font-size:47px}
 .mobile-care-dock:not([hidden]){display:flex;position:fixed;left:18px;right:18px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:18;justify-content:center;pointer-events:none}
 body .mobile-care-dock .button{pointer-events:auto;width:100%;max-width:420px;min-height:53px;justify-content:space-between;padding:0 23px;background:linear-gradient(135deg,#214952ed,#163b43e8);color:#fff3e2;border:1px solid #c9e1d96b;box-shadow:inset 0 1px 0 #ffffff30,0 8px 28px #08283042;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:14px}
 body:has(dialog[open]) .mobile-care-dock{display:none}.site-footer{padding-bottom:95px}html{scroll-padding-bottom:85px}
}
@media(max-width:600px){.hero{height:auto;min-height:0;max-height:none;padding-bottom:55px}.hero-image{height:490px;object-position:86% top}.hero-shade{background:linear-gradient(0deg,#344b5f 0%,#344b5f 40%,#344b5f00 73%)}.hero-copy{position:relative;top:auto;left:auto;right:auto;margin:0 26px;padding:295px 0 0;max-width:none}.hero h1{font-size:48px;letter-spacing:-1.7px;line-height:1.06}.hero-copy>p{font-size:14px;line-height:1.65;margin-top:20px;margin-bottom:23px}.hero-bottom{display:none}.hero .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:17px}}
@media(max-width:360px){.hero h1{font-size:43px}.hero-buttons{gap:8px}.hero-buttons .button{padding:0 13px;gap:10px}.connection-card{height:520px}}
@media(prefers-reduced-motion:reduce){body .button,body .connection-info button,body .photo-treatment .treatment-info button{transition:none}body .button:hover,body .connection-info button:hover,body .photo-treatment .treatment-info button:hover{transform:none}}

/* Card actions: floating glass instead of solid full-width bars. */
body .photo-treatment .treatment-info button,
body .connection-info button {
 width:auto;min-width:190px;max-width:100%;min-height:54px;padding:7px 8px 7px 20px;gap:24px;
 border-radius:999px;border:1px solid #fff6;color:#fffaf1;
 background:linear-gradient(120deg,#ffffff24,#ffffff0d);
 backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);
 box-shadow:inset 0 1px 0 #ffffff30,0 8px 24px #00000012;font-size:13px;
}
body .photo-treatment .treatment-info button span,
body .connection-info button span {
 display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;
 background:#fff2;border:1px solid #fff3;font-size:20px;transition:transform .25s,background .25s;
}
body .photo-treatment .treatment-info button:hover,
body .connection-info button:hover {
 background:linear-gradient(120deg,#ffffff38,#ffffff1a);color:#fffaf1;
 border-color:#fff9;box-shadow:inset 0 1px 0 #fff5,0 10px 28px #0002;
}
body .photo-treatment .treatment-info button:hover span,
body .connection-info button:hover span {background:#fff3;transform:rotate(45deg)}
body .product-card{position:relative;padding-bottom:0}
body .product-visual{margin-bottom:0}
body .product-action {
 position:absolute;bottom:18px;left:18px;width:calc(100% - 36px);min-height:62px;
 padding:9px 10px 9px 20px;border:1px solid #ffffff90;border-radius:999px;
 background:linear-gradient(120deg,#fffaf08c,#fffaf040);color:var(--card-ink);
 backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);
 box-shadow:inset 0 1px 0 #fff8,0 8px 24px #49342615;
 transition:background .25s,box-shadow .25s,transform .25s;font-weight:500;
}
body .product-arrow{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#fff7;border:1px solid #fff9}
body .product-action:hover{background:linear-gradient(120deg,#fffaf0bf,#fffaf075);box-shadow:inset 0 1px 0 #fffc,0 10px 26px #49342625;transform:translateY(-2px)}
body .product-action:hover .product-arrow{background:var(--card-ink);color:#fff6e8}
body .photo-treatment .treatment-info button:focus-visible,body .connection-info button:focus-visible{outline:2px solid #fff8e8;outline-offset:5px}
@media(prefers-reduced-motion:reduce){body .product-action,body .connection-info button span,body .photo-treatment .treatment-info button span{transition:none}body .product-action:hover,body .connection-info button:hover span,body .photo-treatment .treatment-info button:hover span{transform:none}}

/* Quiet directional detail, without a second button inside the action. */
body .photo-treatment .treatment-info button,
body .connection-info button {padding:0 21px;gap:26px}
body .photo-treatment .treatment-info button span,
body .connection-info button span,
body .product-arrow {
 flex:0 0 18px;width:18px;height:18px;display:grid;place-items:center;
 padding:0;border:0;border-radius:0;background:none;color:inherit;
 font-size:18px;line-height:1;box-shadow:none;
 transition:transform .2s ease;
}
body .product-action{padding:0 22px}
body .photo-treatment .treatment-info button:hover span,
body .connection-info button:hover span,
body .product-action:hover .product-arrow {
 background:none;color:inherit;transform:translate(2px,-2px);
}
@media(prefers-reduced-motion:reduce){
 body .photo-treatment .treatment-info button:hover span,
 body .connection-info button:hover span,
 body .product-action:hover .product-arrow{transform:none}
}

/* Text-only actions: balanced alignment after removing decorative arrows. */
body .button,body .product-action,body .connection-info button,body .photo-treatment .treatment-info button,body .mobile-care-dock .button{justify-content:center;text-align:center;gap:0}
body .hero-buttons .secondary{gap:12px}

/* Catalog copy remains readable alongside the photography. */
.treatment-context{max-width:850px;margin:24px 0 0;font-size:13px;line-height:1.7;color:#60594f}
body .photo-treatment .treatment-info h3,body .connection-info h3{font-size:clamp(28px,2.7vw,39px);line-height:1.12}
body .photo-treatment .treatment-info p,body .connection-info p{font-size:14px;line-height:1.6;color:#fff4e8}
@media(max-width:700px){.treatment-context{font-size:13px}body .photo-treatment .treatment-info h3,body .connection-info h3{font-size:32px}}