/* HALO / TaskLine Beauty — compact presentation, 2 November 2026 */
.halo-beauty-page {
  --hb-gold:#e5ae6a;
  --hb-ivory:#fff3e5;
  --hb-muted:rgba(255,239,217,.72);
  background:#120d0b;
}
.halo-beauty-page, .halo-beauty-page * {box-sizing:border-box;}
.halo-beauty-page__shell {width:min(calc(100% - 48px),1180px);max-width:1180px;margin-inline:auto;}
.public-body--halo-dark-page .halo-beauty-page .halo-beauty-page__hero {
  min-height:clamp(470px,38vw,575px);
  padding:clamp(70px,7vw,94px) 0 clamp(35px,4vw,55px);
  display:flex;align-items:center;
  border-bottom:1px solid rgba(225,169,102,.2);
}
.halo-beauty-page .halo-beauty-page__hero-shell {
  width:min(calc(100% - 70px),1220px);
  max-width:1220px;
  margin:0 auto;display:grid;gap:28px;align-items:start;
}
.halo-beauty-page .halo-beauty-page__hero-copy {width:100%;max-width:730px;gap:18px;justify-items:start;text-align:left;}
.halo-beauty-page .halo-beauty-page__hero-copy h1 {
  font:500 clamp(2.95rem,4.5vw,5.2rem)/1.035 Georgia,"Times New Roman",serif;
  letter-spacing:-.035em;
  color:#fff7e9;
  max-width:790px;margin:0;
  text-wrap:balance;
}
.halo-beauty-page .halo-beauty-page__hero-copy h1 em{font-style:normal;color:var(--hb-gold);}
.halo-beauty-page .halo-beauty-page__hero-copy .salons-hero-v2__kicker {font-size:.76rem;letter-spacing:.14em;color:var(--hb-gold);}
.halo-beauty-page .halo-beauty-page__hero-copy .halo-system-hero__lead {
  max-width:590px;font-size:clamp(.99rem,1.18vw,1.14rem);
  line-height:1.65;color:rgba(255,244,225,.91);margin:0;
}
.halo-beauty-page .halo-beauty-page__hero-copy .halo-system-hero__actions{
  margin:8px 0 0;gap:12px;justify-content:flex-start;flex-wrap:wrap;
}
.halo-beauty-page .halo-beauty-page__hero-points {
  display:flex;flex-wrap:wrap;gap:13px 20px;align-items:center;
  color:rgba(254,232,202,.83);font-size:.85rem;font-weight:630;
}
.halo-beauty-page .halo-beauty-page__hero-points span {display:flex;align-items:center;gap:9px;}
.halo-beauty-page .halo-beauty-page__hero-points span::before {
  content:"";width:6px;height:6px;border-radius:50%;background:var(--hb-gold);box-shadow:0 0 0 3px rgba(232,174,96,.12);
}
.halo-beauty-page .halo-beauty-page__demo {
  isolation:isolate;
  padding:clamp(48px,5vw,75px) 0 clamp(43px,5vw,72px);
  background:
   radial-gradient(ellipse 48% 55% at 80% 65%,rgba(141,78,33,.14),transparent 72%),
   radial-gradient(ellipse 40% 55% at 5% 20%,rgba(123,67,32,.09),transparent 72%),
   #130d0b;
  border-bottom:1px solid rgba(225,169,102,.11);
}
.halo-beauty-page .halo-beauty-page__demo-heading {
  text-align:center;margin:0 auto clamp(23px,3vw,44px);max-width:900px;
}
.halo-beauty-page .halo-beauty-page__eyebrow {
  display:block;font-weight:800;font-size:.74rem;
  text-transform:uppercase;letter-spacing:.17em;color:var(--hb-gold);
  line-height:1.5;
}
.halo-beauty-page .halo-beauty-page__demo-heading h2 {
  margin:13px auto 12px;max-width:960px;
  font:500 clamp(2.15rem,3.8vw,4rem)/1.1 Georgia,"Times New Roman",serif;
  letter-spacing:-.035em;color:var(--hb-ivory);text-wrap:balance;
}
.halo-beauty-page .halo-beauty-page__demo-heading h2 em {
  color:var(--hb-gold);font-style:italic;
}
.halo-beauty-page .halo-beauty-page__demo-heading p {
  font-size:clamp(.93rem,1.1vw,1.08rem);
  color:var(--hb-muted);line-height:1.65;
  max-width:68ch;margin:0 auto;
}
.halo-beauty-page .halo-beauty-page__demo-stage {
  width:min(100%,1120px);margin-inline:auto;
}
.halo-beauty-page .halo-beauty-page__stage--preview {
  position:relative;margin:0 auto;
  width:min(100%,1120px);
  padding:0 0 4%;max-width:1120px;
  min-height:0;
  filter:drop-shadow(0 15px 22px rgba(0,0,0,.29));
}
.halo-beauty-page .halo-beauty-page__stage--preview .halo-beauty-mockup__laptop {
  width:85.5%;margin-left:1.8%;
}
.halo-beauty-page .halo-beauty-page__stage--preview .halo-beauty-mockup__phone {
  width:18.8%;right:3.5%;bottom:4%;
}
.halo-beauty-page .halo-beauty-page__zoom {
  position:absolute;inset:0;z-index:4;width:100%;height:100%;
  display:flex;align-items:flex-end;justify-content:flex-end;
  padding:11px 0 0 0;cursor:zoom-in;
  background:transparent;border:0;border-radius:16px;color:#ffe1b9;
}
.halo-beauty-page .halo-beauty-page__zoom:focus-visible {outline:3px solid var(--hb-gold);outline-offset:4px;}
.halo-beauty-page .halo-beauty-page__zoom-label {
  display:inline-flex;align-items:center;gap:7px;
  border:1px solid rgba(236,188,120,.42);
  background:rgba(20,13,10,.94);
  color:#ffe7c5;padding:8px 13px;border-radius:999px;
  font-size:.77rem;font-weight:700;
  box-shadow:0 8px 20px rgba(0,0,0,.3);
  transition:background .2s;
}
.halo-beauty-page .halo-beauty-page__zoom:hover .halo-beauty-page__zoom-label {
  background:#382314;
}
.halo-beauty-page .halo-beauty-page__demo-note {
  text-align:center;font-size:.78rem;line-height:1.5;
  color:rgba(252,228,201,.57);margin:14px 0 0;
}
.halo-beauty-page .halo-beauty-page__advantages {
  padding:clamp(46px,5vw,76px) 0;
  background:linear-gradient(140deg,#110c0a,#19110e 55%,#110c0a);
  border-bottom:1px solid rgba(229,174,106,.1);
}
.halo-beauty-page .halo-beauty-page__advantages-title {
  max-width:840px;margin:0 0 31px;
}
.halo-beauty-page .halo-beauty-page__advantages-title h2 {
  margin:12px 0 0;color:var(--hb-ivory);
  font:500 clamp(2.05rem,3.15vw,3.3rem)/1.12 Georgia,"Times New Roman",serif;
  letter-spacing:-.035em;text-wrap:balance;
}
.halo-beauty-page .halo-beauty-page__advantages-title h2 em {font-style:normal;color:var(--hb-gold);}
.halo-beauty-page .halo-beauty-page__advantage-list {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;border-top:1px solid rgba(230,181,115,.27);
}
.halo-beauty-page .halo-beauty-page__advantage-list article {
  padding:23px 25px 0 0;
  min-width:0;
  border-right:1px solid rgba(230,181,115,.17);
}
.halo-beauty-page .halo-beauty-page__advantage-list article+article {padding-left:25px;}
.halo-beauty-page .halo-beauty-page__advantage-list article:last-child {border-right:0;}
.halo-beauty-page .halo-beauty-page__advantage-number {
  display:block;color:var(--hb-gold);font-size:.78rem;font-weight:780;letter-spacing:.09em;
}
.halo-beauty-page .halo-beauty-page__advantage-list h3 {
  color:#fff4e7;font-size:1.14rem;line-height:1.3;
  margin:10px 0 8px;font-weight:750;letter-spacing:-.02em;
}
.halo-beauty-page .halo-beauty-page__advantage-list p {
  margin:0;color:var(--hb-muted);font-size:.91rem;line-height:1.65;
}
.halo-beauty-page .halo-beauty-page__offer {
  padding:clamp(45px,5vw,74px) 0 clamp(58px,6vw,85px);
  background:#130e0c;
}
.halo-beauty-page .halo-beauty-page__offer-inner {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);
  align-items:center;gap:30px;
  padding:clamp(26px,3.3vw,49px);
  border-radius:24px;border:1px solid rgba(233,180,110,.32);
  background:radial-gradient(ellipse at 90% 30%,rgba(158,89,40,.18),transparent 58%),
             linear-gradient(135deg,#1d1410,#302016);
}
.halo-beauty-page .halo-beauty-page__offer-copy h2 {
  font:500 clamp(2rem,3vw,3.3rem)/1.12 Georgia,"Times New Roman",serif;
  color:#fff1e0;letter-spacing:-.035em;margin:10px 0 13px;text-wrap:balance;
}
.halo-beauty-page .halo-beauty-page__offer-copy h2 em {font-style:normal;color:var(--hb-gold);}
.halo-beauty-page .halo-beauty-page__offer-copy p {
  margin:0;color:rgba(255,236,209,.78);font-size:.93rem;line-height:1.65;max-width:58ch;
}
.halo-beauty-page .halo-beauty-page__offer-action {display:grid;justify-items:stretch;gap:18px;min-width:0;}
.halo-beauty-page .halo-beauty-page__prices {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid rgba(233,185,121,.26);border-radius:15px;overflow:hidden;
  background:rgba(10,6,5,.23);
}
.halo-beauty-page .halo-beauty-page__prices span {
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  color:rgba(255,233,205,.8);font-size:.76rem;padding:15px 7px;
  text-align:center;line-height:1.3;
}
.halo-beauty-page .halo-beauty-page__prices span+span {border-left:1px solid rgba(233,185,121,.22);}
.halo-beauty-page .halo-beauty-page__prices strong {color:#fff5e7;font-size:1.14rem;font-weight:800;white-space:nowrap;}
.halo-beauty-page .halo-beauty-page__offer-action .halo-market-button {
  width:100%;max-width:none;min-height:52px;justify-content:center;
}
.halo-beauty-page .halo-beauty-showcase__dialog {color:#fff2e2;}
@media(max-width:900px) {
  .halo-beauty-page .halo-beauty-page__hero-shell {width:min(calc(100% - 48px),1220px);}
  .halo-beauty-page .halo-beauty-page__offer-inner {grid-template-columns:1fr;}
  .halo-beauty-page .halo-beauty-page__offer-action {max-width:500px;}
}
@media(max-width:680px) {
  .halo-beauty-page__shell {width:min(calc(100% - 36px),1180px);}
  .public-body--halo-dark-page .halo-beauty-page .halo-beauty-page__hero {
    min-height:0;padding:96px 0 36px;
    background-position:center;
  }
  .halo-beauty-page .halo-beauty-page__hero-shell {width:min(calc(100% - 36px),1180px);gap:22px;}
  .halo-beauty-page .halo-beauty-page__hero-copy h1 {font-size:clamp(2.2rem,8.8vw,3.7rem);line-height:1.09;}
  .halo-beauty-page .halo-beauty-page__hero-copy .salons-hero-v2__kicker {font-size:.7rem;}
  .halo-beauty-page .halo-beauty-page__hero-copy .halo-system-hero__lead {font-size:.96rem;line-height:1.6;}
  .halo-beauty-page .halo-beauty-page__hero-copy .halo-system-hero__actions {width:100%;gap:9px;}
  .halo-beauty-page .halo-beauty-page__hero-copy .halo-market-button {min-height:46px;width:100%;justify-content:center;}
  .halo-beauty-page .halo-beauty-page__hero-points {gap:10px 15px;font-size:.72rem;line-height:1.4;}
  .halo-beauty-page .halo-beauty-page__demo {padding:47px 0 51px;}
  .halo-beauty-page .halo-beauty-page__demo-heading {margin-bottom:21px;}
  .halo-beauty-page .halo-beauty-page__demo-heading h2 {font-size:clamp(1.95rem,8vw,2.7rem);margin:11px 0 12px;}
  .halo-beauty-page .halo-beauty-page__demo-heading p {font-size:.88rem;}
  .halo-beauty-page .halo-beauty-page__stage--preview {min-height:0;padding-bottom:13%;margin:0 auto;}
  .halo-beauty-page .halo-beauty-page__stage--preview .halo-beauty-mockup__laptop {width:86%;margin-left:0;}
  .halo-beauty-page .halo-beauty-page__stage--preview .halo-beauty-mockup__phone {width:30%;right:0;bottom:6%;}
  .halo-beauty-page .halo-beauty-page__zoom {padding:0;}
  .halo-beauty-page .halo-beauty-page__zoom-label {font-size:.7rem;padding:7px 11px;}
  .halo-beauty-page .halo-beauty-page__demo-note {font-size:.7rem;margin-top:4px;}
  .halo-beauty-page .halo-beauty-page__advantages {padding:47px 0;}
  .halo-beauty-page .halo-beauty-page__advantages-title {margin-bottom:22px;}
  .halo-beauty-page .halo-beauty-page__advantages-title h2 {font-size:clamp(2rem,7vw,2.7rem);}
  .halo-beauty-page .halo-beauty-page__advantage-list {grid-template-columns:1fr;}
  .halo-beauty-page .halo-beauty-page__advantage-list article,
  .halo-beauty-page .halo-beauty-page__advantage-list article+article {
    padding:15px 0 17px;border-right:0;border-bottom:1px solid rgba(230,181,115,.19);
  }
  .halo-beauty-page .halo-beauty-page__advantage-list article:last-child {border-bottom:0;padding-bottom:0;}
  .halo-beauty-page .halo-beauty-page__advantage-list h3 {font-size:1rem;margin:5px 0;}
  .halo-beauty-page .halo-beauty-page__advantage-list p {font-size:.86rem;}
  .halo-beauty-page .halo-beauty-page__offer {padding:38px 0 55px;}
  .halo-beauty-page .halo-beauty-page__offer-inner {padding:24px 18px;gap:22px;border-radius:18px;}
  .halo-beauty-page .halo-beauty-page__offer-copy h2 {font-size:clamp(1.95rem,8vw,2.5rem);}
  .halo-beauty-page .halo-beauty-page__offer-copy p {font-size:.87rem;}
  .halo-beauty-page .halo-beauty-page__prices span {font-size:.69rem;padding:12px 4px;}
  .halo-beauty-page .halo-beauty-page__prices strong {font-size:.98rem;}
}
@media(max-width:360px) {
  .halo-beauty-page .halo-beauty-page__hero-points {font-size:.69rem;gap:8px;}
  .halo-beauty-page .halo-beauty-page__zoom-label {font-size:.66rem;}
}
@media(prefers-reduced-motion:reduce) {
  .halo-beauty-page .halo-beauty-page__zoom-label {transition:none;}
}



/* 2026-11-02: Beauty sales presentation — editorial copy beside restrained device mockup */
.halo-beauty-page .halo-beauty-page__demo-grid {
  display:grid;
  grid-template-columns:minmax(0, .98fr) minmax(0, 1.02fr);
  align-items:center;
  gap:clamp(28px, 5vw, 78px);
  min-width:0;
}
.halo-beauty-page .halo-beauty-page__demo-copy,
.halo-beauty-page .halo-beauty-page__demo-visual {min-width:0;}
.halo-beauty-page .halo-beauty-page__demo-copy {max-width:590px;}
.halo-beauty-page .halo-beauty-page__demo-copy h2 {
  margin:17px 0 22px;
  color:var(--hb-ivory);
  font:500 clamp(2.25rem,3.3vw,3.65rem)/1.1 Georgia,"Times New Roman",serif;
  letter-spacing:-.037em;
  text-wrap:balance;
}
.halo-beauty-page .halo-beauty-page__demo-copy h2 em {
  font-style:normal;
  color:var(--hb-gold);
}
.halo-beauty-page .halo-beauty-page__demo-copy p {
  color:var(--hb-muted);
  margin:0;
  line-height:1.75;
  font-size:clamp(.94rem,1.04vw,1.06rem);
}
.halo-beauty-page .halo-beauty-page__demo-copy .halo-beauty-page__demo-lead {
  color:rgba(255,243,223,.92);
}
.halo-beauty-page .halo-beauty-page__demo-copy .halo-beauty-page__demo-support {margin-top:15px;}
.halo-beauty-page .halo-beauty-page__demo-points {
  margin:24px 0 13px;
  padding:18px 0 0;
  display:grid;
  gap:11px;
  border-top:1px solid rgba(227,167,100,.26);
  list-style:none;
}
.halo-beauty-page .halo-beauty-page__demo-points li {
  display:flex;
  align-items:flex-start;
  gap:12px;
  color:#fce6c7;
  font-size:clamp(.86rem,.99vw,.98rem);
  line-height:1.5;
}
.halo-beauty-page .halo-beauty-page__demo-points li::before {
  content:"✓";
  display:grid;place-items:center;
  width:19px;height:19px;flex:0 0 19px;
  color:var(--hb-gold);border:1px solid rgba(229,174,106,.3);
  background:rgba(229,174,106,.08);
  border-radius:50%;font-size:.78rem;font-weight:800;
}
.halo-beauty-page .halo-beauty-page__demo-detail {
  display:block;
  margin-top:17px;
  font-size:.76rem;
  line-height:1.5;
  color:rgba(255,220,182,.57);
}
.halo-beauty-page .halo-beauty-page__demo-visual {
  width:100%;max-width:610px;
  margin-inline:auto;
}
.halo-beauty-page .halo-beauty-page__demo-stage {
  width:100%;max-width:600px;margin:0 auto;
}
.halo-beauty-page .halo-beauty-page__stage--preview {
  width:100%;max-width:600px;
  padding-bottom:7%;
  margin:0 auto;
}
.halo-beauty-page .halo-beauty-page__stage--preview .halo-beauty-mockup__laptop {
  width:85%;margin-left:0;
}
.halo-beauty-page .halo-beauty-page__stage--preview .halo-beauty-mockup__phone {
  width:21%;right:2.4%;bottom:5.5%;
}
.halo-beauty-page .halo-beauty-page__demo-note {
  margin:7px auto 0;
  max-width:46ch;
  font-size:.76rem;
  color:rgba(255,232,199,.62);
}
.halo-beauty-page .halo-beauty-page__advantages-title p {
  max-width:71ch;
  color:rgba(253,234,207,.8);
  font-size:clamp(.93rem,1.08vw,1.07rem);
  line-height:1.7;
  margin:16px 0 0;
}
.halo-beauty-page .halo-beauty-page__advantages-title {max-width:890px;}
.halo-beauty-page .halo-beauty-page__advantage-list article {padding-top:26px;}
.halo-beauty-page .halo-beauty-page__advantage-list h3 {
  font-size:clamp(1.07rem,1.23vw,1.24rem);
  margin:12px 0 10px;
}
.halo-beauty-page .halo-beauty-page__advantage-list p {
  font-size:clamp(.88rem,1vw,.98rem);
  line-height:1.72;
}
.halo-beauty-page .halo-beauty-page__steps {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:12px 20px;
  margin-top:34px;
  padding:20px 0 0;
  border-top:1px solid rgba(226,168,94,.21);
}
.halo-beauty-page .halo-beauty-page__steps span {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:rgba(255,235,210,.86);
  font-size:.84rem;
  font-weight:600;
  line-height:1.5;
}
.halo-beauty-page .halo-beauty-page__steps b {
  color:var(--hb-gold);
  font-weight:800;
  letter-spacing:.05em;
}
.halo-beauty-page .halo-beauty-page__offer-copy p + p {margin-top:14px;}
.halo-beauty-page .halo-beauty-page__offer-copy .halo-beauty-page__offer-terms {
  color:rgba(254,227,194,.68);
  font-size:.85rem;
}
.halo-beauty-page .halo-beauty-page__prices-label {
  color:var(--hb-gold);
  font-size:.7rem;
  font-weight:750;
  letter-spacing:.12em;
  text-align:center;
}
.halo-beauty-page .halo-beauty-page__offer-smallprint {
  margin:-7px 0 0;
  font-size:.75rem;
  color:rgba(255,230,197,.64);
  text-align:center;
  line-height:1.5;
}
@media(max-width:930px) {
  .halo-beauty-page .halo-beauty-page__demo-grid {
    grid-template-columns:1fr;
    gap:31px;
  }
  .halo-beauty-page .halo-beauty-page__demo-copy {max-width:680px;}
  .halo-beauty-page .halo-beauty-page__demo-visual {max-width:610px;}
  .halo-beauty-page .halo-beauty-page__demo-copy h2 {font-size:clamp(2.2rem,4.8vw,3.35rem);}
  .halo-beauty-page .halo-beauty-page__steps {justify-content:flex-start;gap:13px 32px;}
}
@media(max-width:680px) {
  .halo-beauty-page .halo-beauty-page__demo-grid {gap:26px;}
  .halo-beauty-page .halo-beauty-page__demo-copy h2 {
    font-size:clamp(2rem,8vw,2.6rem);
    margin:12px 0 16px;
  }
  .halo-beauty-page .halo-beauty-page__demo-copy p {font-size:.91rem;line-height:1.68;}
  .halo-beauty-page .halo-beauty-page__demo-copy .halo-beauty-page__demo-support {margin-top:12px;}
  .halo-beauty-page .halo-beauty-page__demo-points {gap:9px;margin-top:18px;padding-top:14px;}
  .halo-beauty-page .halo-beauty-page__demo-points li {font-size:.86rem;}
  .halo-beauty-page .halo-beauty-page__demo-detail {margin-top:13px;}
  .halo-beauty-page .halo-beauty-page__demo-stage {margin-top:0;max-width:480px;}
  .halo-beauty-page .halo-beauty-page__stage--preview {
    max-width:480px;
    min-height:0;
    padding-bottom:13%;
    margin:0 auto;
  }
  .halo-beauty-page .halo-beauty-page__stage--preview .halo-beauty-mockup__phone {
    width:29%;right:0;bottom:5%;
  }
  .halo-beauty-page .halo-beauty-page__advantages-title p {font-size:.92rem;line-height:1.65;}
  .halo-beauty-page .halo-beauty-page__advantage-list article,
  .halo-beauty-page .halo-beauty-page__advantage-list article+article {padding-top:18px;padding-bottom:18px;}
  .halo-beauty-page .halo-beauty-page__steps {margin-top:20px;padding-top:16px;gap:12px;}
  .halo-beauty-page .halo-beauty-page__steps span {width:100%;font-size:.83rem;}
}


/* TaskLine Beauty panel showcase | 2026-11-02 */
.halo-beauty-panel {
  position:relative;
  isolation:isolate;
  padding:clamp(44px,5.5vw,82px) 0;
  background:
    radial-gradient(ellipse 65% 90% at 18% 55%,rgba(124,54,63,.16),transparent 74%),
    linear-gradient(155deg,#140e0c,#1b1110 49%,#120c0a);
  border-block:1px solid rgba(227,170,104,.16);
  color:#f9eede;
}
.halo-beauty-panel *{box-sizing:border-box}
.halo-beauty-panel__layout{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(30px,5.1vw,77px);align-items:center;
}
.halo-beauty-panel__art,.halo-beauty-panel__copy{min-width:0}
.halo-beauty-panel__open{
  position:relative;display:block;overflow:hidden;width:100%;padding:0;
  border:1px solid rgba(235,177,113,.36);border-radius:18px;
  background:#2b171d;cursor:zoom-in;
  box-shadow:0 24px 52px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.11);
  line-height:0;transition:transform .25s ease,border-color .25s ease;
}
.halo-beauty-panel__open:hover{border-color:rgba(242,190,132,.72);transform:translateY(-3px)}
.halo-beauty-panel__open:focus-visible{outline:3px solid #e5ae6a;outline-offset:5px}
.halo-beauty-panel__open img{display:block;width:100%;height:auto}
.halo-beauty-panel__zoom{
  position:absolute;right:15px;bottom:14px;
  display:inline-flex;gap:10px;align-items:center;
  padding:11px 15px;border-radius:999px;
  background:rgba(22,12,12,.94);border:1px solid rgba(247,195,144,.48);
  color:#ffe8c9;font-size:.77rem;line-height:1.2;font-weight:700;
  box-shadow:0 10px 20px rgba(0,0,0,.35);
}
.halo-beauty-panel__caption{
  margin:13px 0 0;color:rgba(255,232,207,.62);
  font-size:.75rem;line-height:1.55;text-align:center;
}
.halo-beauty-panel__copy h2{
  color:#fff1e2;margin:15px 0 21px;
  font:500 clamp(2.15rem,3.35vw,3.75rem)/1.1 Georgia,"Times New Roman",serif;
  letter-spacing:-.035em;text-wrap:balance;
}
.halo-beauty-panel__copy h2 em{font-style:normal;color:#e5ae6a}
.halo-beauty-panel__copy p{
  margin:0;color:rgba(254,237,216,.77);
  font-size:clamp(.94rem,1.07vw,1.06rem);line-height:1.73;
}
.halo-beauty-panel__copy .halo-beauty-panel__lead{color:rgba(255,244,228,.94)}
.halo-beauty-panel__copy p+p{margin-top:15px}
.halo-beauty-panel__points{
  display:grid;gap:11px;margin:24px 0 0;
  padding:20px 0 0;border-top:1px solid rgba(225,171,106,.24);
  list-style:none;
}
.halo-beauty-panel__points li{
  position:relative;padding-left:27px;
  font-size:.94rem;line-height:1.55;color:#f7dfbc;
}
.halo-beauty-panel__points li::before{
  content:"\2713";position:absolute;left:0;top:1px;
  width:18px;height:18px;display:grid;place-items:center;
  border:1px solid rgba(230,174,106,.35);border-radius:50%;
  font-weight:700;font-size:.8rem;color:#e5ae6a;
}
.halo-beauty-panel__dialog{width:min(1160px,calc(100vw - 36px))!important;max-width:calc(100vw - 36px)!important}
.halo-beauty-panel__dialog-image{padding:clamp(10px,2vw,23px);text-align:center}
.halo-beauty-panel__dialog-image img{width:100%;height:auto;display:block;border-radius:11px}
.halo-beauty-panel__dialog-image p{margin:13px 0 0;color:rgba(252,226,198,.74);font-size:.78rem;line-height:1.5}
@media(max-width:930px){
 .halo-beauty-panel__layout{grid-template-columns:1fr;gap:28px}
 .halo-beauty-panel__copy{grid-row:1;max-width:670px}
 .halo-beauty-panel__art{grid-row:2;max-width:760px;margin-inline:auto}
 .halo-beauty-panel__copy h2{font-size:clamp(2rem,5vw,3rem)}
}
@media(max-width:680px){
 .halo-beauty-panel{padding:49px 0 53px}
 .halo-beauty-panel__layout{gap:23px}
 .halo-beauty-panel__copy h2{font-size:clamp(2rem,8.1vw,2.65rem);margin:12px 0 16px}
 .halo-beauty-panel__copy p{font-size:.91rem;line-height:1.65}
 .halo-beauty-panel__copy p+p{margin-top:12px}
 .halo-beauty-panel__points{margin-top:17px;padding-top:15px;gap:9px}
 .halo-beauty-panel__points li{font-size:.84rem}
 .halo-beauty-panel__open{border-radius:13px}
 .halo-beauty-panel__zoom{right:9px;bottom:9px;padding:8px 11px;font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){.halo-beauty-panel__open{transition:none}}


/* 2026-11-02: Both Beauty showcases use one shared visual scale.
   The first showcase uses CSS device frames, the second a single approved image.
   Do not stretch/crop either source. */
@media (min-width: 931px) {
  .halo-beauty-page .halo-beauty-panel__layout {
    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
    gap: clamp(28px, 5vw, 78px);
  }
}
.halo-beauty-page .halo-beauty-page__demo-visual,
.halo-beauty-page .halo-beauty-panel__art {
  width: 100%;
  max-width: 600px;
  margin-inline: auto;
}
.halo-beauty-page .halo-beauty-panel__open {
  display: block;
  width: 100%;
}
.halo-beauty-page .halo-beauty-panel__open img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 930px) {
  .halo-beauty-page .halo-beauty-panel__art {
    max-width: 600px;
    width: 100%;
    margin-inline: auto;
  }
}