.collection-theme-hair{--collection-color:#f444a2;--collection-soft:#fbe8f1;--photo-color:#efcbd9}
.collection-theme-lashes{--collection-color:#b65be4;--collection-soft:#f0eaf8;--photo-color:#ded1ee}
.collection-theme-brows{--collection-color:#f444a2;--collection-soft:#fbe8f1;--photo-color:#efcbd9}
.collection-theme-waxing{--collection-color:#b65be4;--collection-soft:#f0eaf8;--photo-color:#ded1ee}
.collection-photo-note{font-size:12px;opacity:.7;margin-top:9px}
.collection-section{margin-top:42px;border:1px solid var(--ink);background:var(--collection-soft)}
.collection-section-header{display:flex;justify-content:space-between;align-items:end;gap:20px;background:var(--collection-color);padding:26px 30px;border-bottom:1px solid var(--ink)}
.collection-section-header h2{font-size:58px;line-height:1.1;margin-top:14px}
.collection-section-header .eyebrow{font-size:10px;letter-spacing:.12em}
.collection-count{font-size:10px;letter-spacing:.1em;font-weight:800;white-space:nowrap}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:35px 30px 30px}
.collection-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}
.collection-card{min-width:0;border:0;background:transparent;box-shadow:none;transition:transform .18s}
.collection-card:hover{transform:translateY(-4px)}
.collection-open{display:block;width:100%;height:100%;background:transparent;border:0;padding:22px 20px;text-align:left;color:var(--ink);cursor:pointer}
.collection-open:focus-visible{outline:3px solid #6830aa;outline-offset:-6px}
.collection-photo{display:block;width:calc(100% - 24px);aspect-ratio:1/1.03;margin:7px auto 22px;overflow:hidden;border:1px solid var(--ink);border-radius:50% 50% 0 0;background:var(--photo-color);transform:rotate(-4deg);transform-origin:50% 65%;box-shadow:3px 4px 0 #23182b30}
.collection-card:nth-child(even) .collection-photo{transform:rotate(3deg)}
.collection-photo>img{display:block;width:100%;height:100%;object-fit:cover}
.photo-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(135deg,#ffffff55,var(--photo-color));color:#4e3d5a}
.photo-placeholder>svg{width:34%;height:34%;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;opacity:.65}
.photo-placeholder>span{font:700 9px/1.5 var(--body);letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.collection-card-copy{display:flex;flex-direction:column;gap:11px}
.collection-name{font-family:var(--display);font-size:30px;line-height:1.15;letter-spacing:-.01em}
.collection-intro{font-size:13px;line-height:1.65;max-width:40ch;opacity:.82}
.collection-card-bottom{display:flex;align-items:end;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:15px;margin-top:5px}
.collection-prices{display:flex;flex-direction:column;font-size:12px;font-weight:700;line-height:1.7}
.collection-explore{font-size:12px;font-weight:700;white-space:nowrap}
.collection-explore>span{font-size:22px;margin-left:9px;vertical-align:middle}
.additional-services{background:#e3f5f2}
.additional-services .collection-section-header{background:#28b5aa}
.additional-services .collection-section-header h2{font-size:50px}
.additional-service-list{padding:0 30px 10px}
.additional-service-list .service-row:last-child{border-bottom:0}
.additional-description summary{cursor:pointer;list-style:none;display:flex;gap:15px;align-items:baseline}
.additional-description summary::-webkit-details-marker{display:none}
.additional-description summary>span{font-size:10px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.additional-description[open] summary>span{opacity:.5}
.additional-description summary:hover h3{text-decoration:underline;text-underline-offset:4px}
.service-dialog-open{overflow:hidden}
.service-detail{width:min(1180px,calc(100vw - 48px));max-height:90dvh;padding:0;margin:auto;border:1px solid var(--ink);color:var(--ink);background:var(--collection-soft);box-shadow:10px 10px 0 #23182b66;overflow:auto;overscroll-behavior:contain}
.service-detail::backdrop{background:#23182bbf;backdrop-filter:blur(3px)}
.detail-shell{position:relative}
.detail-close{position:absolute;top:17px;right:18px;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;background:var(--cream);font-size:29px;line-height:1}
.detail-close:hover{background:var(--lime)}
.detail-header{padding:30px 82px 27px 32px;border-bottom:1px solid var(--ink);background:var(--collection-color)}
.detail-header h2{font-size:52px;margin-top:15px;line-height:1.15}
.detail-header>p{font-size:14px;margin-top:14px}
.detail-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:36px;padding:32px}
.detail-gallery{min-width:0;padding:12px 10px}
.detail-photo{width:100%;margin-top:0;aspect-ratio:1/1.1;transform:rotate(-4deg)}
.detail-thumbnails{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.detail-thumbnails>button{border:1px solid var(--ink);padding:0;width:70px;aspect-ratio:1;background:var(--cream);overflow:hidden}
.detail-thumbnails>button[aria-pressed="true"]{outline:3px solid #6830aa;outline-offset:3px}
.detail-thumbnails img{width:100%;height:100%;object-fit:cover}
.detail-options{min-width:0}
.detail-options>.eyebrow{padding-bottom:10px}
.detail-options .service-row{grid-template-columns:minmax(0,1fr) 78px 68px;gap:18px;padding:23px 0;background:transparent}
.detail-options .service-description h3{font-size:18px;line-height:1.35}
.detail-options .service-description p{font-size:12px;line-height:1.75}
.detail-options .service-price strong{font-size:20px}
.detail-options .service-price>span{font-size:10px}
.detail-options .service-book{font-size:13px}
.detail-booking-note{font-size:11px;line-height:1.7;margin-top:22px;opacity:.75}
@media(max-width:1000px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;padding:30px 25px}.collection-name{font-size:27px}.detail-layout{gap:25px;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}.detail-options .service-row{grid-template-columns:minmax(0,1fr) 75px;gap:12px}.detail-options .service-book{grid-column:1/-1;justify-self:end;width:80px}.detail-options .service-price{align-items:end}.detail-header h2{font-size:45px}}
@media(max-width:760px){.collection-section{margin-top:30px}.collection-section-header{padding:22px 19px;gap:15px}.collection-section-header h2{font-size:46px}.collection-section-header .eyebrow{font-size:8px;letter-spacing:.08em}.collection-count{font-size:8px}.collection-grid,.collection-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 14px;gap:16px}.collection-open{padding:14px 12px}.collection-photo{width:calc(100% - 6px);margin:6px auto 17px;aspect-ratio:1/1.15}.photo-placeholder>span{font-size:7px;letter-spacing:.04em}.photo-placeholder>svg{width:43%;height:43%}.collection-name{font-size:22px}.collection-intro{font-size:11px;line-height:1.6}.collection-card-copy{gap:9px}.collection-card-bottom{flex-direction:column;align-items:start;gap:9px;padding-top:11px}.collection-prices{font-size:10px}.collection-explore{font-size:11px}.collection-explore>span{font-size:19px;margin-left:5px}.additional-services .collection-section-header h2{font-size:38px}.additional-service-list{padding:0 18px 5px}.additional-description summary{flex-direction:column;gap:4px}.additional-service-list .service-row{grid-template-columns:minmax(0,1fr) 80px;gap:10px 15px;padding-block:22px}.additional-service-list .service-book{grid-column:1/-1;width:80px;justify-self:end}.additional-service-list .service-description h3{font-size:17px}.service-detail{width:calc(100vw - 24px);max-height:94dvh}.detail-header{padding:27px 64px 24px 22px}.detail-header h2{font-size:37px}.detail-header .eyebrow{font-size:9px}.detail-header>p{font-size:12px}.detail-close{top:13px;right:12px;width:39px;height:39px}.detail-layout{grid-template-columns:1fr;gap:20px;padding:23px}.detail-gallery{padding:8px 24px 5px}.detail-photo{width:min(100%,300px);margin:0 auto;aspect-ratio:1/1.03}.detail-photo.photo-placeholder{min-height:210px}.detail-photo.photo-placeholder>span{font-size:10px}.detail-thumbnails{justify-content:center}.detail-options .service-row{padding-block:20px}.detail-options .service-description h3{font-size:17px}.detail-options .service-description p{font-size:12px}.detail-options .service-book{grid-column:1/-1}.detail-booking-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.collection-card{transition:none}}

@media(min-width:1001px){.collection-grid.lashes-balanced{grid-template-columns:repeat(6,minmax(0,1fr))}.lashes-balanced>.collection-card{grid-column:span 2}.lashes-balanced>.collection-card:nth-child(4){grid-column:2/span 2}.lashes-balanced>.collection-card:nth-child(5){grid-column:4/span 2}}

.collection-theme-waxing>.collection-section-header{position:relative;display:block}.collection-theme-waxing>.collection-section-header h2{white-space:nowrap;font-size:clamp(23px,5vw,58px)}.collection-theme-waxing>.collection-section-header .collection-count{position:absolute;top:26px;right:30px}.collection-theme-waxing>.collection-section-header .eyebrow{padding-right:95px;display:block}
@media(max-width:760px){.collection-theme-waxing>.collection-section-header .collection-count{top:22px;right:19px}}

.collection-card-copy,.detail-header>p,.detail-options .service-row,.additional-service-list .service-row{text-transform:lowercase}

/* Rounded rectangular snapshots replace the mega collection's arch. */
.lash-photo-stack{display:block;position:relative;width:calc(100% - 24px);aspect-ratio:1/1.25;margin:7px auto 22px;isolation:isolate}
.lash-snapshot{position:absolute;display:block;width:72%;aspect-ratio:2/1;overflow:hidden;border:1px solid var(--ink);border-radius:24px;background:var(--lavender);box-shadow:3px 4px 0 #23182b30}
.lash-snapshot>svg{display:block;width:100%;height:100%;overflow:hidden;filter:brightness(1.24) contrast(.95)}
.lash-snapshot-1{left:1%;top:0;transform:rotate(-5deg);z-index:1}
.lash-snapshot-2{right:0;top:24%;transform:rotate(4deg);z-index:2}
.lash-snapshot-3{left:0;top:48%;transform:rotate(-4deg);z-index:3}
.lash-snapshot-4{right:1%;top:72%;transform:rotate(3deg);z-index:4}
.detail-lash-stack{width:100%;margin-top:0;aspect-ratio:1/1.25}
@media(max-width:760px){.lash-photo-stack{width:calc(100% - 6px);margin:6px auto 17px;aspect-ratio:1/1.25}.lash-snapshot{border-radius:15px}.detail-lash-stack{width:min(100%,300px);margin:0 auto;aspect-ratio:1/1.25}}

.perm-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:8px 0 0;margin:8px auto 16px;width:min(100%,315px)}
.perm-snapshot{display:block;min-width:0;transform:rotate(-4deg)}
.perm-snapshot:nth-child(2){transform:rotate(4deg);padding-top:16px}
.perm-snapshot-image{display:block;aspect-ratio:640/1430;border-radius:26px;border:1px solid var(--ink);overflow:hidden;box-shadow:3px 4px 0 #23182b30;background:var(--collection-soft)}
.perm-snapshot-image>svg{display:block;width:100%;height:100%;overflow:hidden}
.perm-photo-label{display:block;margin-top:13px;text-align:center;font-size:12px;font-weight:700;text-transform:lowercase}
.detail-perm-pair{margin:0 auto;padding:4px 0;gap:18px;width:min(100%,315px)}
@media(max-width:760px){.perm-photo-pair{padding:6px 0 0;gap:11px;margin-bottom:18px}.perm-snapshot-image{border-radius:15px}.perm-photo-label{font-size:10px}.detail-perm-pair{width:min(100%,315px);gap:18px}.detail-perm-pair .perm-snapshot-image{border-radius:22px}}

.collection-video{display:block;position:relative;width:72%;max-width:320px;aspect-ratio:9/16;margin:7px auto 26px;border:1px solid var(--ink);border-radius:26px;overflow:hidden;background:#23182b;transform:none;box-shadow:3px 4px 0 #23182b30}
.collection-video>video{display:block;width:100%;height:100%;object-fit:contain}
.video-preview-label{position:absolute;bottom:16px;left:12px;right:12px;padding:10px 8px;text-align:center;background:var(--cream);border:1px solid var(--ink);border-radius:30px;font-size:11px;font-weight:700;color:var(--ink)}
.detail-video{width:min(100%,280px);margin:0 auto}
@media(max-width:760px){.collection-video{width:92%;border-radius:16px}.video-preview-label{font-size:8px;left:5px;right:5px;bottom:10px;padding:7px 3px}.detail-video{width:min(100%,260px)}}


.collection-theme-hair>.collection-grid{gap:36px;padding:24px 24px 20px}
.collection-theme-hair .collection-open{padding:12px 16px}

.cut-media-scene{display:grid;grid-template-columns:1fr .95fr 1fr;align-items:center;gap:20px;position:relative;width:100%;max-width:500px;height:310px;margin:8px auto 16px;isolation:isolate}
.cut-side-photo{display:block;min-width:0;position:relative;width:100%;height:270px;border:1px solid var(--ink);border-radius:22px;overflow:hidden;background:#eadbe3;box-shadow:3px 4px 0 #23182b30}
.cut-side-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:56% 45%}
.cut-side-1{transform:rotate(4deg);order:1}
.cut-side-2{transform:rotate(-4deg);order:3;margin-top:0}
.cut-media-scene>.collection-video{order:2;display:block;position:relative;transform:none;width:100%;max-width:none;height:270px;aspect-ratio:auto;margin:0;border-radius:22px}
.cut-photo-pending{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;width:100%;height:100%;font-size:10px;letter-spacing:.05em;color:#65516c}
.detail-cut-scene{gap:14px;height:270px}
.detail-cut-scene .cut-side-photo,.detail-cut-scene>.collection-video{height:230px}
@media(max-width:760px){.collection-theme-hair>.collection-grid.two-up{grid-template-columns:1fr;gap:28px;padding:20px 14px}.collection-theme-hair .collection-open{padding:10px 8px}.cut-media-scene{gap:16px;height:280px;margin-top:9px}.cut-side-photo,.cut-media-scene>.collection-video{height:240px;border-radius:18px}.cut-photo-pending{font-size:8px}.detail-cut-scene{height:250px;gap:12px}.detail-cut-scene .cut-side-photo,.detail-cut-scene>.collection-video{height:210px}}

.perm-results-scene{display:grid;grid-template-columns:1fr .95fr 1fr;align-items:center;gap:20px;width:100%;max-width:500px;height:310px;margin:8px auto 16px}
.perm-result-photo{display:block;min-width:0;height:270px;overflow:hidden;border:1px solid var(--ink);border-radius:22px;background:var(--collection-soft);box-shadow:3px 4px 0 #23182b30}
.perm-result-photo>img,.perm-result-photo>svg{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;overflow:hidden}
.perm-result-1{transform:rotate(4deg)}.perm-result-2{transform:none}.perm-result-3{transform:rotate(-4deg)}
.detail-perm-results{height:270px;gap:14px}.detail-perm-results .perm-result-photo{height:230px}
@media(max-width:760px){.perm-results-scene{height:280px;gap:16px}.perm-result-photo{height:240px;border-radius:18px}.detail-perm-results{height:250px;gap:12px}.detail-perm-results .perm-result-photo{height:210px}}

.wax-result-photo{position:relative;display:block;width:calc(100% - 24px);aspect-ratio:828/465;margin:7px auto 22px;border-radius:24px;border:1px solid var(--ink);overflow:hidden;background:#d8bda7;box-shadow:3px 4px 0 #23182b30;transform:rotate(-4deg)}
.wax-result-photo>img{display:block;width:100%;height:100%;object-fit:cover}
.blurred-wax-preview>img{filter:blur(22px);transform:scale(1.15)}
.wax-reveal-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;background:#23182b44;color:white;font-weight:700;font-size:14px;text-shadow:0 1px 3px #23182b}
.detail-wax-result{width:100%;margin:0 auto;transform:rotate(-3deg)}
@media(max-width:760px){.wax-result-photo{width:calc(100% - 6px);border-radius:18px}.wax-reveal-label{font-size:11px;padding:9px}.detail-wax-result{width:100%}}

/* Paired originals fit equal-size frames without additional cropping. */
.brow-comparisons{display:flex;flex-direction:column;gap:30px;width:100%;max-width:500px;margin:16px auto 30px}
.brow-comparison{display:block;transform:rotate(-2deg)}
.brow-comparison:nth-child(even){transform:rotate(2deg)}
.brow-comparison-title{display:block;font-weight:600;font-size:14px;text-align:center;margin-bottom:12px}
.brow-comparison-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:15px}
.brow-comparison-item{display:block;min-width:0}
.brow-comparison-frame{display:block;aspect-ratio:2.3/1;border:1px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:3px 4px 0 #23182b25;padding:0}
.brow-comparison-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}
.brow-stage-label{display:block;margin-top:9px;text-align:center;font-size:13px;font-weight:600}
.detail-brow-comparisons{max-width:500px}
@media(max-width:760px){.brow-comparisons{gap:25px;margin:10px auto 24px}.brow-comparison-pair{gap:10px}.brow-comparison-frame{border-radius:16px;padding:0}.brow-comparison-title,.brow-stage-label{font-size:12px}}

.brow-comparison-frame img[src="/work/beautyxken/assets/wax-laminate-after.jpg"]{object-position:center top}
.brow-comparison-frame img[src="/work/beautyxken/assets/tint-after.jpg"]{object-position:center bottom}

.wax-example{display:block;width:calc(100% - 22px);margin:10px auto 25px;transform:rotate(-3deg)}
.wax-example-title{display:block;text-align:center;font-size:14px;font-weight:600;margin-bottom:12px}
.wax-example-photo{display:block;overflow:hidden;border:1px solid var(--ink);border-radius:24px;box-shadow:3px 4px 0 #23182b25}
.wax-example-photo img{display:block;width:100%;height:auto}
.wax-example-stages{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:13px;font-weight:600;margin-top:10px}
.wax-example-note{display:block;text-align:center;font-size:11px;margin-top:10px;opacity:.8}
.detail-wax-example{width:100%;max-width:500px}
@media(max-width:760px){.wax-example{width:calc(100% - 6px)}.wax-example-photo{border-radius:18px}}

.brow-lamination-scene{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:15px;width:100%;margin:20px auto 30px}
.brow-flank .brow-comparison-pair{grid-template-columns:1fr;gap:18px}
.brow-flank .brow-comparison{transform:rotate(-3deg)}
.brow-flank-right .brow-comparison{transform:rotate(3deg)}
.brow-lamination-scene .brow-comparison-title{font-size:12px;min-height:30px;line-height:1.3;margin-bottom:10px}
.brow-process-stack{display:flex;flex-direction:column;gap:16px}
.brow-process-tile{display:block;aspect-ratio:2.3/1;border:1px solid var(--ink);border-radius:20px;overflow:hidden;box-shadow:3px 4px 0 #23182b25;transform:translateX(-5px) rotate(-4deg)}
.brow-process-tile:nth-child(even){transform:translateX(5px) rotate(4deg)}
.brow-process-tile img{display:block;width:100%;height:100%;object-fit:cover}
.detail-brow-lamination-scene{grid-column:1/-1;max-width:650px}
@media(max-width:760px){.brow-lamination-scene{gap:10px}.brow-process-tile{border-radius:13px}.brow-lamination-scene .brow-comparison-title{font-size:10px}.brow-lamination-scene .brow-stage-label{font-size:10px}.brow-process-stack{gap:13px}}

/* The cut-and-style center image replaces the moving video. */
.cut-center-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
/* Match the lash stack's width, offsets, and angles; preserve whole brow crops. */
.collection-theme-brows>.collection-grid.two-up{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
.brow-lamination-scene{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr);gap:16px}
.brow-process-column{min-width:0}
.brow-process-stack{display:block;position:relative;aspect-ratio:1/1.25;width:100%;margin:7px auto 22px;isolation:isolate}
.brow-process-tile{position:absolute;display:block;width:83%;aspect-ratio:2.3/1;border-radius:24px}
.brow-process-tile img{width:100%;height:100%;object-fit:cover}
.brow-process-tile-1{left:1%;top:0;transform:rotate(-5deg);z-index:1}
.brow-process-tile-2{right:0;top:24%;transform:rotate(4deg);z-index:2}
.brow-process-tile-3{left:0;top:48%;transform:rotate(-4deg);z-index:3}
.brow-process-tile-4{right:1%;top:72%;transform:rotate(3deg);z-index:4}
.brow-process-tile:nth-child(even){transform:rotate(4deg)}
.brow-process-tile-4:nth-child(even){transform:rotate(3deg)}
@media(max-width:760px){.collection-theme-brows>.collection-grid.two-up{grid-template-columns:1fr}.brow-lamination-scene{gap:11px}.brow-process-tile{border-radius:15px}}

/* Side pairs touch within their own stacks, with space around the middle. */
.brow-lamination-scene{column-gap:24px}
.brow-flank .brow-comparison-pair{display:flex;flex-direction:column;gap:0;align-items:stretch}
.brow-flank .brow-comparison-item{position:relative;width:100%;transform:rotate(-4deg);z-index:1}
.brow-flank .brow-comparison-item+.brow-comparison-item{margin-top:-10px;transform:translateX(5px) rotate(4deg);z-index:2}
.brow-flank .brow-stage-label{position:absolute;bottom:7px;left:8px;margin:0;background:var(--cream);border:1px solid var(--ink);border-radius:12px;padding:2px 6px;font-size:9px;line-height:1.2}
@media(max-width:760px){.brow-lamination-scene{column-gap:16px}.brow-flank .brow-stage-label{font-size:8px;padding:2px 4px;bottom:5px;left:5px}}

/* A single shared size controls every brow photo tile. */
.collection-theme-brows{--brow-tile-width:min(190px,calc((100vw - 360px)/5.21))}
.brow-comparison-frame,.brow-process-tile{width:var(--brow-tile-width);height:calc(var(--brow-tile-width)/2.3);aspect-ratio:2.3/1}
.brow-comparison-pair{grid-template-columns:repeat(2,var(--brow-tile-width));justify-content:center}
.brow-comparison-item{width:var(--brow-tile-width)}
.brow-lamination-scene{grid-template-columns:var(--brow-tile-width) calc(var(--brow-tile-width)/.83) var(--brow-tile-width);justify-content:center;column-gap:24px}
.brow-process-stack{width:calc(var(--brow-tile-width)/.83)}
.brow-flank .brow-comparison-item{width:var(--brow-tile-width)}
.service-detail.collection-theme-brows .detail-layout{grid-template-columns:1fr}
.service-detail.collection-theme-brows .detail-gallery{max-width:100%}
@media(max-width:760px){.collection-theme-brows{--brow-tile-width:calc((100vw - 140px)/3.21)}.brow-lamination-scene{column-gap:16px}}

.brow-flank .brow-comparison-item:first-child .brow-stage-label{top:7px;bottom:auto}

/* Keep the larger middle stack as the size reference; grow the other tiles. */
.collection-theme-brows{--brow-tile-width:clamp(180px,18vw,240px)}
.collection-theme-brows>.collection-grid.two-up{grid-template-columns:calc(var(--brow-tile-width) + 40px) minmax(0,1fr);gap:20px;padding-inline:20px}
.collection-theme-brows .brow-comparisons>.brow-comparison>.brow-comparison-pair{display:flex;flex-direction:column;align-items:center;gap:0}
.collection-theme-brows .brow-comparisons .brow-comparison-item{position:relative;transform:rotate(-4deg);z-index:1}
.collection-theme-brows .brow-comparisons .brow-comparison-item+.brow-comparison-item{margin-top:-10px;transform:translateX(5px) rotate(4deg);z-index:2}
.collection-theme-brows .brow-comparisons .brow-stage-label{position:absolute;bottom:7px;left:8px;margin:0;background:var(--cream);border:1px solid var(--ink);border-radius:12px;padding:2px 6px;font-size:9px;line-height:1.2}
.collection-theme-brows .brow-comparisons .brow-comparison-item:first-child .brow-stage-label{top:7px;bottom:auto}
@media(max-width:760px){.collection-theme-brows{--brow-tile-width:calc((100vw - 140px)/3.21)}.collection-theme-brows>.collection-grid.two-up{grid-template-columns:1fr;padding-inline:14px}}

/* Two lamination stacks: process photos, then the two paired examples. */
.brow-lamination-scene.brow-two-stacks{grid-template-columns:calc(var(--brow-tile-width)/.83) var(--brow-tile-width);gap:40px;align-items:start}
.brow-combined-pairs{min-width:0}
.brow-side-pair-groups{display:flex;flex-direction:column;justify-content:space-between;gap:16px;height:calc(var(--brow-tile-width)*1.51912);margin-top:7px}
.brow-side-pair-groups .brow-comparison-title{display:none}
.brow-side-pair-groups .brow-comparison-item+.brow-comparison-item{margin-top:calc(-.14*var(--brow-tile-width) - 5px)}
.brow-pair-group:nth-child(2) .brow-comparison{transform:rotate(3deg)}
.brow-process-end-label{position:absolute;left:0;right:0;text-align:center;font-size:11px;font-weight:600;transform:none;z-index:5}
.brow-process-before{top:-17px}
.brow-process-after{top:calc(100% + 9px)}
@media(max-width:760px){.brow-lamination-scene.brow-two-stacks{gap:28px}.brow-process-end-label{font-size:10px}.brow-side-pair-groups{gap:12px}}

/* Keep lamination copy directly beneath the first photo stack. */
.brow-lamination-scene.brow-two-stacks{justify-content:start;margin-bottom:8px}
.collection-open[data-collection="brow-lamination"] .collection-card-copy{max-width:calc(var(--brow-tile-width)/.83)}

/* Move both lamination stacks and their copy right as one composition. */
.brow-lamination-scene.brow-two-stacks{justify-content:end}
.collection-open[data-collection="brow-lamination"] .collection-card-copy{margin-left:max(0px,calc(100% - var(--brow-tile-width)/.83 - var(--brow-tile-width) - 40px));margin-right:0}
@media(max-width:760px){.collection-open[data-collection="brow-lamination"] .collection-card-copy{margin-left:max(0px,calc(100% - var(--brow-tile-width)/.83 - var(--brow-tile-width) - 28px))}}

.collection-open[data-collection="brow-lamination"] .collection-card-copy{width:100%;max-width:none;margin-left:0;margin-right:0}

/* Align only the lamination heading to the first four-photo stack. */
.collection-open[data-collection="brow-lamination"] .collection-name{margin-left:max(0px,calc(100% - var(--brow-tile-width)/.83 - var(--brow-tile-width) - 40px))}
@media(max-width:760px){.collection-open[data-collection="brow-lamination"] .collection-name{margin-left:max(0px,calc(100% - var(--brow-tile-width)/.83 - var(--brow-tile-width) - 28px))}}

/* Copy begins at the first stack and extends to the card's right edge. */
.collection-open[data-collection="brow-lamination"] .collection-card-copy{--brow-copy-inset:max(0px,calc(100% - var(--brow-tile-width)/.83 - var(--brow-tile-width) - 40px));margin-left:var(--brow-copy-inset);margin-right:0;width:calc(100% - var(--brow-copy-inset));max-width:none}
.collection-open[data-collection="brow-lamination"] .collection-name{margin-left:0}
@media(max-width:760px){.collection-open[data-collection="brow-lamination"] .collection-card-copy{--brow-copy-inset:max(0px,calc(100% - var(--brow-tile-width)/.83 - var(--brow-tile-width) - 28px))}}

/* Align the two brow service summaries and use the space beside the tint stack. */
.collection-theme-brows .collection-open{display:flex;flex-direction:column;align-items:stretch}
.collection-theme-brows .collection-open .collection-card-copy{margin-top:auto}
.collection-open[data-collection="brow-wax-tint"] .collection-card-copy{width:calc(2*var(--brow-tile-width) + 24px);max-width:none}
.collection-open[data-collection="brow-wax-tint"] .collection-name{white-space:nowrap}
@media(max-width:760px){.collection-open[data-collection="brow-wax-tint"] .collection-card-copy{width:100%}.collection-theme-brows .collection-open .collection-card-copy{margin-top:0}}

/* All before/after captions share the same photo pill treatment. */
.brow-process-end-label{left:8px;right:auto;background:var(--cream);border:1px solid var(--ink);border-radius:12px;padding:2px 6px;font-size:9px;line-height:1.2;margin:0;text-align:left}
.brow-process-before{top:7px;bottom:auto}
.brow-process-after{top:auto;bottom:7px}
@media(max-width:760px){.brow-process-end-label{font-size:8px;padding:2px 4px;left:5px}.brow-process-before{top:5px}.brow-process-after{bottom:5px}}

.brow-combined-pairs:has(.single-pair){align-self:end;margin-bottom:22px}
.brow-side-pair-groups.single-pair{height:auto;justify-content:flex-end;margin-top:7px}

/* Put the extra vertical space above the lamination photos, not below them. */
.collection-open[data-collection="brow-lamination"] .brow-lamination-scene{margin-top:auto;margin-bottom:20px}
.collection-open[data-collection="brow-lamination"] .collection-card-copy{margin-top:0}

/* Give the remaining wax-and-laminate pair enough room to show both brows. */
.brow-side-pair-groups.single-pair .brow-comparison-item+.brow-comparison-item{margin-top:8px}

/* One photo-label style throughout the brow section. */
.collection-theme-brows .brow-comparison-title{font-size:14px;font-weight:600;line-height:1.3}
@media(max-width:760px){.collection-theme-brows .brow-comparison-title{font-size:12px}}

/* Photo labels match service-description sizing; tighten the left gallery. */
.collection-theme-brows .brow-comparison-title{font-size:13px;line-height:1.65}
.collection-open[data-collection="brow-wax-tint"] .brow-comparisons{gap:10px;margin-top:10px;margin-bottom:22px}
.collection-theme-brows>.collection-grid.two-up{padding-top:18px}
@media(max-width:760px){.collection-theme-brows .brow-comparison-title{font-size:11px}}

/* Match the hair section's two service columns and bring the brow galleries together. */
@media(min-width:761px){
.collection-theme-brows>.collection-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;padding:35px 30px 30px}
.collection-theme-brows .collection-open .collection-card-copy{width:100%;max-width:none;margin-left:0;margin-right:0;--brow-copy-inset:0px}
.collection-open[data-collection="brow-lamination"] .collection-name{margin-left:0}
.collection-open[data-collection="brow-lamination"] .brow-lamination-scene{width:max-content;max-width:none;align-self:center;justify-content:center;gap:20px}
.collection-open[data-collection="brow-wax-tint"] .brow-comparisons{max-width:100%;align-self:center}
}

/* Shared outer edges for every service summary, based on cuts and styling. */
@media(min-width:761px){
.collection-section>.collection-grid{padding:24px 24px 20px;gap:36px}
.collection-section .collection-open{padding:12px 16px}
.collection-theme-brows>.collection-grid.two-up{padding:24px 24px 20px;gap:36px}
}
@media(max-width:760px){
.collection-section>.collection-grid{padding:20px 14px}
.collection-section .collection-open{padding:10px 8px}
}

/* Keep each before/after pair together, with the two brow pairs beside each other. */
@media(min-width:761px){
.collection-open[data-collection="brow-wax-tint"] .brow-comparisons{display:grid;grid-template-columns:repeat(2,var(--brow-tile-width));gap:20px;width:max-content;max-width:none;align-self:flex-start;margin-left:0;margin-right:0}
.collection-open[data-collection="brow-wax-tint"] .brow-comparisons>.brow-comparison:first-child{order:2}
.collection-open[data-collection="brow-wax-tint"] .brow-comparisons>.brow-comparison:last-child{order:1}
}
@media(min-width:761px){.collection-open[data-collection="brow-wax-tint"] .brow-comparisons{margin-top:auto}.collection-open[data-collection="brow-wax-tint"] .collection-card-copy{margin-top:0}}

/* Preserve every pixel in the supplied brow crops, without padding or stretching. */
.collection-theme-brows .brow-comparison-frame{height:auto;aspect-ratio:auto}
.collection-theme-brows .brow-comparison-frame img{position:static;width:100%;height:auto;object-fit:initial}
.brow-final-pairs{grid-template-columns:repeat(2,var(--brow-tile-width))!important;align-items:end!important}
.brow-final-pairs .brow-comparison-pair{display:flex;flex-direction:column;gap:8px}
.brow-final-pairs .brow-comparison-item{position:relative;transform:rotate(-4deg)}
.brow-final-pairs .brow-comparison-item+.brow-comparison-item{transform:translateX(5px) rotate(4deg)}
.brow-final-pairs .brow-stage-label{position:absolute;left:8px;bottom:7px;background:var(--cream);border:1px solid var(--ink);border-radius:12px;padding:2px 6px;font-size:9px;line-height:1.2}
.brow-final-pairs .brow-comparison-item:first-child .brow-stage-label{top:7px;bottom:auto}

/* Every brow tile keeps the established shared 2.3:1 frame. */
.collection-theme-brows .brow-comparison-frame{width:var(--brow-tile-width);height:calc(var(--brow-tile-width)/2.3);aspect-ratio:2.3/1}
.collection-theme-brows .brow-comparison-frame img{width:100%;height:100%;object-fit:cover}

/* Widen every brow tile by exactly 10%; preserve the established height. */
.collection-theme-brows{--brow-base-width:clamp(180px,18vw,240px);--brow-tile-width:calc(var(--brow-base-width)*1.1)}
.collection-theme-brows .brow-comparison-frame{height:calc(var(--brow-base-width)/2.3);aspect-ratio:2.53/1}
@media(min-width:761px){
.collection-open[data-collection="brow-wax-tint"] .brow-comparisons{gap:24px}
.collection-open[data-collection="brow-lamination"] .brow-lamination-scene{gap:24px}
}
@media(max-width:760px){.collection-theme-brows{--brow-base-width:calc((100vw - 140px)/3.21)}}

/* Position each real brow within the locked frame instead of centering the skin around it. */
.collection-theme-brows .brow-comparison-frame img[src="/work/beautyxken/assets/tint-before.jpg"]{object-position:center 65%}
.collection-theme-brows .brow-comparison-frame img[src="/work/beautyxken/assets/tint-after.jpg"]{object-position:center 85%}
.collection-theme-brows .brow-comparison-frame img[src="/work/beautyxken/assets/wax-laminate-before.jpg"]{object-position:center 20%}
.collection-theme-brows .brow-comparison-frame img[src="/work/beautyxken/assets/wax-laminate-after.jpg"]{object-position:center 25%}

/* Empty waxing photo rows use the exact dimensions of the lash snapshots. */
/* Waxing uses the same snapshot frames and stagger as the lash collections. */
.wax-empty-stack{aspect-ratio:1/.68}
.wax-empty-stack .wax-empty-tile{background:#d6d6d6}
.wax-empty-stack .lash-snapshot-2{top:44%}
@media(min-width:761px){.collection-theme-waxing>.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lash-snapshot>img{display:block;width:100%;height:100%;object-fit:cover}

/* Phone summaries use a shared price/link row and tighter vertical rhythm. */
@media(max-width:760px){
 .collection-section{margin-top:22px}
 .collection-section>.collection-grid{padding:16px 10px;row-gap:20px}
 .collection-section .collection-open{padding:8px}
 .collection-card-copy{gap:7px}
 .collection-card-bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:6px;padding-top:10px;margin-top:2px;width:100%}
 .collection-explore{margin-left:auto;flex-shrink:0}
 .collection-explore>span{margin-left:3px;font-size:16px}
 .lash-photo-stack{margin-bottom:13px}
 .collection-theme-brows{--brow-base-width:calc((100vw - 100px)/2.2)}
 .collection-theme-brows .collection-open .collection-card-copy{margin:0;width:100%;max-width:none;--brow-copy-inset:0px;text-align:left}
 .collection-open[data-collection="brow-lamination"] .collection-name{margin-left:0}
 .collection-open[data-collection="brow-wax-tint"] .brow-comparisons{display:grid;grid-template-columns:repeat(2,var(--brow-tile-width));gap:20px;width:max-content;max-width:100%;margin:8px auto 18px;align-self:center}
 .collection-open[data-collection="brow-lamination"] .brow-lamination-scene{gap:20px;width:max-content;max-width:100%;margin:8px auto 18px;align-self:center;justify-content:center}
 .collection-theme-waxing .collection-card:has([data-collection="bikini-brazilian"]){grid-column:1/-1}
 .collection-open[data-collection="bikini-brazilian"] .collection-name{white-space:nowrap;font-size:clamp(15px,4.5vw,22px)}
 .collection-open[data-collection="bikini-brazilian"] .wax-result-photo{width:min(270px,calc(100% - 20px));margin:8px auto 18px}
}

/* One phone heading scale across every colored service section. */
@media(max-width:760px){
 .collection-section .collection-section-header h2{font-size:clamp(32px,10.4vw,48px);white-space:normal;text-align:left}
 .collection-theme-hair .collection-section-header h2>span{display:block;white-space:nowrap}
}

/* Single lash photos retain the exact original 72%-wide, 2:1 tile dimensions. */
.lash-photo-stack.single-lash-photo{aspect-ratio:1/.42}
.single-lash-photo .lash-snapshot{left:14%;right:auto;top:0}
.single-lash-photo .natural-lash-photo{filter:none}

/* Align each lash row's divider and booking details without moving its photo. */
.collection-theme-lashes .collection-open{display:flex;flex-direction:column;align-items:stretch}
.collection-theme-lashes .single-lash-photo{flex-shrink:0}
.collection-theme-lashes .collection-card-copy{flex:1}
.collection-theme-lashes .collection-card-bottom{margin-top:auto;flex-shrink:0}
.collection-theme-lashes .collection-prices{min-height:3.4em}