/* Steph's: one big moment per page, everything else calm.
   Base palette is green, cream and gold. Each service page adds one color through --svc. */
:root{
  --green:#0C2A2E; --green-2:#14505E; --cream:#F7ECDD; --paper:#FFFBF4; --gold:#E9B45F; --gold-d:#9A6A1F;
  --ink:#1D1712; --muted:#5F564C; --line:rgba(29,23,18,.14);
  --d:"Gloock",Georgia,serif; --b:"Hanken Grotesk",system-ui,sans-serif;
  --gut:clamp(18px,4vw,56px); --max:1180px; --bar:84px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--cream);scroll-padding-top:100px}
body{background:var(--cream);color:var(--ink);font:400 18px/1.6 var(--b);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--d);font-weight:400;line-height:1.05;letter-spacing:-.005em;text-wrap:balance}
h2{font-size:clamp(34px,4vw,52px)}
h3{font-size:clamp(23px,2.2vw,29px)}
.wrap{width:min(var(--max),100% - 2*var(--gut));margin-inline:auto}
.sec{padding-block:clamp(60px,8vw,96px)}
.lead{font-size:clamp(19px,1.5vw,21px);max-width:60ch;color:var(--muted);margin-top:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9em 1.5em;border-radius:999px;border:0;background:var(--gold);color:var(--ink);font:600 16.5px var(--b);text-decoration:none;cursor:pointer;transition:transform .2s}
.btn:hover{transform:scale(1.04)}
.btn.dark{background:var(--green);color:var(--cream)}
.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.acts{display:flex;flex-wrap:wrap;gap:12px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

/* header */
.bar{position:sticky;top:0;z-index:60;background:var(--green);color:var(--cream) }
.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}
.mark{display:block;font:400 clamp(34px,3.2vw,42px)/1 var(--d);text-decoration:none}
.mark span{display:block;font:600 clamp(13px,1.1vw,15px)/1 var(--b);letter-spacing:.02em;margin-top:5px;color:var(--gold)}
.bar .btn{padding:.6em 1.2em;font-size:15.5px}

/* phone book bar */
.mob{display:none;position:fixed;z-index:60;left:0;right:0;bottom:0;grid-template-columns:1fr 1fr;background:var(--green);padding-bottom:env(safe-area-inset-bottom,0px)}
.mob a{padding:14px 8px;text-align:center;font-weight:600;text-decoration:none;color:var(--cream)}
.mob a:first-child{background:var(--gold);color:var(--ink)}

/* footer */
.foot{background:var(--green);color:var(--cream);padding:56px 0 28px;overflow:hidden}
.foot .c{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.foot ul{list-style:none;columns:2;column-gap:40px}
.foot a{text-decoration:none}
.foot a:hover{color:var(--gold)}
.foot .w{font:400 clamp(52px,6vw,76px)/.9 var(--d);margin:32px 0 0;white-space:nowrap}
.foot .w i{font-style:normal;color:var(--gold)}
.foot .w span{display:block;font:600 clamp(15px,1.5vw,18px)/1 var(--b);color:var(--gold);margin:12px 0 0 2px;white-space:normal}
.foot small{display:block;margin-top:20px;font-size:14px;color:#A9BDBA}

/* faq */
details.q{border-top:1px solid var(--line)}
details.q:last-of-type{border-bottom:1px solid var(--line)}
details.q summary{cursor:pointer;list-style:none;padding:17px 0;font:400 clamp(20px,1.9vw,24px)/1.2 var(--d)}
details.q summary::-webkit-details-marker{display:none}
details.q p{padding-bottom:18px;color:var(--muted);max-width:62ch}

/* price rows */
.price{background:var(--paper);padding:26px;border-radius:6px;box-shadow:0 24px 48px -30px rgba(29,23,18,.45)}
.price .r{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.price .r b{font:400 26px/1 var(--d)}
.price .note{font-size:15.5px;color:var(--muted);margin-top:14px;padding:0;background:none}
.price .btn{width:100%;margin-top:16px}

/* home hero: the one big moment */
.hero{height:170vh;position:relative;background:var(--green);color:var(--cream)}
.hero .stick{position:sticky;top:var(--bar);height:calc(100vh - var(--bar));height:calc(100svh - var(--bar));overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:0 var(--gut) 9vh}
.hero .win{position:absolute;inset:0;clip-path:inset(var(--t,17%) var(--s,32%) var(--bm,17%) var(--s,32%) round var(--r,50vw) var(--r,50vw) 12px 12px)}
.hero .win img{width:100%;height:100%;object-fit:cover;object-position:50% 72%;transform:scale(var(--z,1.28))}
.hero .shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,42,46,.8),rgba(12,42,46,.1) 55%);opacity:var(--o,.6)}
.hero h1{position:relative;z-index:2}
.hero h1 .k{display:block;font:600 clamp(18px,1.7vw,23px)/1.3 var(--b);margin-bottom:12px;text-shadow:0 1px 3px rgba(0,0,0,.65),0 2px 14px rgba(0,0,0,.5)}
.hero h1 .big{display:block;font-size:min(13vw,21vh);line-height:.9;margin-left:-.03em}
.hero h1 .big b{font-weight:400;color:var(--gold)}
.hero .row{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:22px}
.hero .row p{max-width:44ch;font-size:clamp(19px,1.5vw,21px);font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.65),0 2px 14px rgba(0,0,0,.5)}

/* two doors */
.doors{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,36px);margin-top:32px}
.door{display:block;text-decoration:none;background:var(--paper);border-radius:6px;overflow:hidden;box-shadow:0 24px 48px -32px rgba(29,23,18,.5)}
.door img{width:100%;aspect-ratio:16/10;object-fit:cover}
.door div{padding:22px 24px 26px}
.door p{color:var(--muted);margin:6px 0 14px}
.door span{font-weight:600;color:var(--gold-d)}

/* massage list */
.mass{background:var(--paper)}
.mgrid{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(30px,5vw,64px);align-items:start;margin-top:30px}
.svc{list-style:none;border-top:1px solid var(--line)}
.svc a{display:grid;grid-template-columns:1fr auto;gap:0 20px;align-items:center;padding:15px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .2s}
.svc a:hover{padding-left:12px}
.svc p{grid-column:1;color:var(--muted);font-size:16.5px}
.svc i{grid-row:1/3;grid-column:2;font-style:normal;color:var(--gold-d);font-size:20px}
.also{margin-top:14px;color:var(--muted);font-size:16.5px}
.mass .price{background:var(--cream);box-shadow:none}

/* real setups */
.shots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.shots img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.shots figcaption{font-size:15.5px;margin-top:7px;color:var(--muted)}

/* trust */
.trust{background:var(--green);color:var(--cream)}
.tgrid{display:grid;grid-template-columns:.42fr .58fr;gap:clamp(28px,5vw,60px);align-items:center}
.tgrid img{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 25%;border-radius:6px}
.trust p{margin-top:12px;max-width:54ch;color:#D7E2DF}
.trust .say{font:400 clamp(22px,2.2vw,28px)/1.25 var(--d);color:var(--gold);margin-top:22px}
.trust .who{margin-top:6px;font-size:16px;font-weight:600}
.trust a.more{display:inline-block;margin-top:14px;font-weight:600}

/* faq + area */
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,64px)}
.note{background:var(--paper);padding:18px 20px;border-radius:6px;margin-top:20px;font-size:16.5px}
.towns{margin-top:12px;color:var(--muted)}

/* closing band */
.end{background:var(--gold);text-align:center}
.end .acts{justify-content:center;margin-top:18px}

/* service pages: --svc and --on are set per page */
.shero{position:relative;background:var(--svc);color:var(--on);overflow:hidden}
.shero .wrap{position:relative;padding-block:clamp(50px,8vw,90px) clamp(44px,6vw,70px)}
.shero .crumb{font-size:15.5px;font-weight:500;margin-bottom:20px}
.shero .crumb a{text-decoration:none}
.shero h1{font-size:min(13vw,150px);line-height:.92;margin-left:-.03em}
.shero h1 span{display:block;font:600 clamp(18px,1.8vw,23px)/1.3 var(--b);margin:16px 0 0 .1em}
.shero p{font-size:clamp(19px,1.6vw,22px);max-width:46ch;margin:18px 0 24px}
.shero:before{content:"";position:absolute;width:60vw;height:60vw;right:-12vw;top:-30vw;border-radius:50%;background:var(--glow);opacity:.55;filter:blur(70px)}
.body{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(30px,5vw,64px);align-items:start}
.body article section+section{margin-top:40px}
.body ul{margin:10px 0 0 20px}
.body li{margin-top:5px}
.body article p{margin-top:10px;max-width:62ch}
.side{position:sticky;top:104px}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}
.compare div{background:var(--paper);padding:18px 20px;border-radius:6px}
.compare ul{font-size:16.5px}
.pairs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.pairs a{background:var(--paper);padding:18px;border-radius:6px;text-decoration:none;font:400 21px/1.15 var(--d)}

/* polaroid pile: arrows deal the next print */
.any{overflow:hidden;background:var(--bg,#14505E);color:var(--cream);transition:background .7s}
.agrid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,60px);align-items:center}
.any h2{font-size:clamp(44px,6.4vw,92px)}
.any .say{min-height:2.2em;margin-top:14px;font:400 clamp(26px,3.2vw,44px)/1.1 var(--d);color:var(--gold)}
.any .sub{margin-top:8px;max-width:42ch}
.arrows{display:flex;align-items:center;gap:14px;margin-top:22px}
.arrows button{width:58px;height:58px;border-radius:50%;border:0;background:var(--gold);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;transition:transform .2s}
.arrows button:hover{transform:scale(1.08)}
.arrows span{font-weight:600;min-width:58px;text-align:center}
.pile{position:relative;height:clamp(380px,58vh,560px);touch-action:pan-y}
.pr{position:absolute;left:50%;top:50%;width:min(80%,400px);margin:0;padding:12px 12px 14px;background:var(--paper);box-shadow:0 26px 54px -18px rgba(0,0,0,.6);transform:translate(-50%,-50%) translateY(var(--y,140%)) rotate(var(--a,0deg));opacity:var(--op,0);transition:transform .55s cubic-bezier(.2,.8,.25,1),opacity .3s}
.pr.on{--y:0%;--op:1}
.pr img{width:100%;aspect-ratio:4/4.4;object-fit:cover}

/* spray the page, with the try-on feature */
.glow{position:relative;overflow:hidden;color:var(--ink);background:radial-gradient(900px 600px at 80% 10%,#EFE0C4,transparent 70%),linear-gradient(135deg,#DCC7A6,#C4A67E 60%,#A2835E);touch-action:pan-y}
.glow canvas.coat{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.ggrid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,64px);align-items:center}
.hint{display:inline-block;font-weight:600;background:var(--ink);color:var(--gold);padding:.4em 1em;border-radius:999px;margin-bottom:16px;transition:opacity .5s}
.glow h2{font-size:clamp(58px,8.6vw,124px);line-height:.9}
.glow p.l{font-size:clamp(19px,1.6vw,22px);font-weight:500;line-height:1.35;max-width:36ch;margin-top:24px}
.glow dl{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;margin-top:16px;font-weight:500;max-width:500px}
.glow dt{font-weight:600}
.glow .acts{margin-top:22px}
.glow .btn.dark{color:var(--cream)}
.demo{max-width:430px;width:100%;margin-inline:auto;background:var(--paper);padding:12px 12px 12px;box-shadow:0 30px 60px -22px rgba(50,22,4,.7);transform:rotate(1.5deg)}
.cmp{margin-inline:auto;max-width:100%;position:relative;line-height:0;--x:50%;touch-action:pan-y;user-select:none;cursor:ew-resize}
.cmp img{width:100%;aspect-ratio:1/1.08;object-fit:cover;object-position:50% 30%}
.cmp img.b{position:absolute;inset:0;height:100%;clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.cmp i{position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.4)}
.cmp i:after{content:"⟷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;line-height:38px;font-size:19px;font-style:normal;text-align:center;border-radius:50%;background:#fff;color:var(--ink)}
.cmp span{position:absolute;top:10px;padding:4px 10px;line-height:1.2;font-size:14px;font-weight:600;background:rgba(29,23,18,.75);color:#fff;border-radius:999px}
.cmp span.l{left:10px}.cmp span.r{right:10px}
.demo h3{font-size:21px;margin:0 0 8px;text-align:center}
.demo p{font-size:16.5px;color:var(--muted);margin:4px 0 12px}
.cmp img[hidden],.cmp canvas[hidden],.cmp[hidden],.camv[hidden]{display:none}
.cmp canvas{display:block;width:100%;height:auto}
.cmp canvas.b{position:absolute;inset:0;height:100%;clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.camv video{display:block;width:100%;height:auto;max-height:52svh;object-fit:contain;transform:scaleX(-1);background:var(--ink)}
.camv .acts{margin-top:10px}
.demo .acts{margin-top:8px;gap:8px;flex-wrap:nowrap}
.demo .acts[hidden],.ctl[hidden],.msg[hidden]{display:none}
.demo .btn{flex:1 1 auto;padding:.7em .7em;font-size:15.5px;white-space:nowrap}
.demo label.btn{position:relative}
.demo label.btn input,.vh{position:absolute;opacity:0;width:1px;height:1px}
.ctl{margin-top:10px;font-size:16.5px}
.demo .ctl{margin-top:8px}
.demo p.lab{margin:0 0 8px;font-weight:600;color:var(--ink);font-size:15.5px}
.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sw{display:grid;justify-items:center;gap:2px;padding:6px 2px;background:var(--cream);border:2px solid transparent;border-radius:8px;cursor:pointer;font-family:var(--b);color:var(--ink)}
.sw i{display:block;width:30px;height:30px;border-radius:50%;margin-bottom:2px;box-shadow:inset 0 0 0 1px rgba(29,23,18,.15)}
.sw b{font-size:13.5px;font-weight:600;line-height:1.15}
.sw small{font-size:12.5px;color:var(--muted);line-height:1.15}
.sw:disabled{opacity:.55;cursor:wait}
.sw[aria-pressed="true"]{border-color:var(--green);background:var(--paper)}
.linkish{flex:1 0 100%;background:none;border:0;font:600 15.5px var(--b);text-decoration:underline;cursor:pointer;color:var(--ink);padding:4px}
.msg{font-weight:600;font-size:15.5px;margin-top:10px}
.demo p.fine{font-size:12.5px;line-height:1.3;margin:7px 0 0;text-align:center}

@media (max-width:980px){
  .bar .btn{display:none}
  .mob{display:grid}
  body{padding-bottom:50px}
  .mgrid,.tgrid,.fgrid,.body,.agrid,.ggrid{grid-template-columns:1fr}
  .pile{height:380px}
  .any .sub{display:none}
  .any .say{min-height:1.2em}
  .arrows{justify-content:center}
  .side{position:static}
  .shots{grid-template-columns:1fr 1fr}
  .tgrid img{max-width:320px}
  .hero{height:150vh}
  .hero h1 .big{font-size:min(18vw,11.5vh)}
  .hero .stick{justify-content:center;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
  .hero .win{--bm:36%}
  .hero .row .acts{display:none}
}
@media (max-width:640px){
  .doors,.compare,.pairs{grid-template-columns:1fr}
  body{font-size:17px}
}
@media (prefers-reduced-motion:reduce){
  .hero{height:auto}
  .hero .stick{position:relative}
  .hero .win{clip-path:none}
  .btn,.svc a,.pr,.any{transition:none}
}

/* ---------------------------------------------------------------------------
   Bricks: the approved design above, fitted to Bricks' own markup
   ------------------------------------------------------------------------- */

/* Bricks wraps the header template in #brx-header: that wrapper is what sticks */
#brx-header{position:sticky;top:0;z-index:60}
body.admin-bar #brx-header{top:var(--wp-admin--admin-bar--height,32px)}
.bar{position:relative}
.mark{color:var(--cream)}
.mark:hover{color:var(--cream)}

/* main menu (a WordPress menu in a Bricks Nav Menu: edit it under Appearance > Menus) */
.nav{margin-left:auto}
.nav .bricks-nav-menu{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none;font-size:16px;font-weight:500;line-height:1.3}
.nav .bricks-nav-menu>li{margin:0}
.nav .bricks-nav-menu>li>a,.nav .bricks-nav-menu>li>.brx-submenu-toggle>a{display:block;padding:8px 0;color:var(--cream);text-decoration:none;white-space:nowrap}
.nav .bricks-nav-menu>li>a:hover,.nav .bricks-nav-menu>li>.brx-submenu-toggle>a:hover,.nav .bricks-nav-menu>li:hover>.brx-submenu-toggle>a,
.nav .bricks-nav-menu>.current-menu-item>a,.nav .bricks-nav-menu>.current-menu-ancestor>.brx-submenu-toggle>a{color:var(--gold)}
.nav .brx-submenu-toggle{display:flex;align-items:center;gap:4px}
.nav .brx-submenu-toggle button{margin:0!important;padding:4px 0;border:0;background:none;color:var(--cream);cursor:pointer;font-size:12px;line-height:1}
.nav .brx-submenu-toggle button>*{display:none!important}
.nav .brx-submenu-toggle button::before{content:"▾"}
.nav .bricks-nav-menu .sub-menu{min-width:230px;margin:0;padding:10px 0;list-style:none;background:var(--paper);border-radius:6px;box-shadow:0 22px 44px -18px rgba(0,0,0,.5);top:100%}
.nav .bricks-nav-menu .sub-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.nav .bricks-nav-menu .sub-menu li{margin:0}
.nav .bricks-nav-menu .sub-menu a{display:block;padding:7px 16px;color:var(--ink);text-decoration:none;white-space:nowrap}
.nav .bricks-nav-menu .sub-menu a:hover,.nav .bricks-nav-menu .sub-menu .current-menu-item>a{background:var(--cream)}
.nav .bricks-mobile-menu-toggle{color:var(--cream);width:30px;height:20px}
.nav .bricks-mobile-menu-toggle span{background:var(--cream)}
.nav .bricks-mobile-menu-wrapper{background:var(--green);width:min(340px,86vw)}
.nav .bricks-mobile-menu-wrapper::before{background:var(--green)}
.nav .bricks-mobile-menu{margin:0;padding:84px var(--gut) calc(110px + env(safe-area-inset-bottom,0px));list-style:none} /* clear of the Book / Call bar */
.nav .bricks-mobile-menu li{margin:0}
.nav .bricks-mobile-menu a{display:block;padding:10px 0;color:var(--cream);font-size:19px;text-decoration:none}
.nav .bricks-mobile-menu .sub-menu{margin:0;padding:0 0 6px 16px;list-style:none}
.nav .bricks-mobile-menu .sub-menu a{padding:6px 0;font-size:17px;opacity:.85}
.nav .bricks-mobile-menu .brx-submenu-toggle{display:flex;align-items:center;justify-content:space-between}
.nav .bricks-mobile-menu .brx-submenu-toggle button{color:var(--gold);padding:10px 4px;font-size:18px}
.nav .bricks-mobile-menu-overlay{background:rgba(12,42,46,.5)}
.nav.show-mobile-menu .bricks-mobile-menu-toggle{position:fixed;z-index:1001;top:32px;right:var(--gut)}
.nav.show-mobile-menu .bricks-mobile-menu-toggle span{background:var(--cream)}

/* buttons: Bricks adds .bricks-button, keep the design's own padding and type */
.arrows button,.sw{padding:0}
.arrows button{font-family:system-ui,Arial,sans-serif}
.sw{padding:6px 2px}
.brxe-button.btn{line-height:1.2}
.cmp i{display:block}

/* rich text blocks */
.glow dl{margin-top:16px}
.foot .c>.brxe-text{min-width:0}
.foot p{line-height:1.7}

/* ---------------------------------------------------------------------------
   Inner pages
   ------------------------------------------------------------------------- */
.lic{margin-top:10px;font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--muted)}
.trust .lic{color:#A9BDBA}
.allq{margin-top:14px}
.art-pic{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px;margin-bottom:34px}
.art-pic.portrait{aspect-ratio:1;max-width:420px;object-position:50% 25%}
.body section .art-pic{margin:14px 0 6px}
.body h2 a{text-decoration:none}
.body h2 a:hover{color:var(--gold-d)}
.body .faq{margin-top:14px}
.quote{margin-top:10px;font:400 clamp(22px,2.2vw,28px)/1.25 var(--d);color:var(--gold-d)}
.body .who{margin-top:6px;font-size:16px;font-weight:600}
.side-link{margin-top:16px;text-align:center;font-weight:600}
.price.wide{margin-top:16px;max-width:560px}
.price .btn.ghost{margin-top:10px;color:var(--ink)}
.price>.note:first-of-type{margin-top:6px}
.big-tel{margin-top:6px;font:400 clamp(34px,4vw,48px)/1.1 var(--d)}
.big-tel a{text-decoration:none}
.shero .crumb a:hover{text-decoration:underline}
.spray-shots{padding-top:0}
.shots figure{margin:0}

/* team */
.team{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);align-items:start}
.person{background:var(--paper);border-radius:6px;overflow:hidden;box-shadow:0 24px 48px -32px rgba(29,23,18,.5)}
.person-pic,.person-ph{width:100%;aspect-ratio:4/3.4;object-fit:cover;object-position:50% 25%}
.person-ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green),var(--green-2));color:var(--gold);font:400 120px/1 var(--d)}
.person .txt{padding:24px 26px 28px}
.person .role{margin-top:4px;font-weight:600;color:var(--gold-d)}
.person .lic{margin-top:2px}
.person p{margin-top:10px;max-width:60ch}
.person .more{display:inline-block;margin-top:14px;font-weight:600}

/* contact form (Bricks Form element) */
.stx-form{display:flex;flex-wrap:wrap;gap:14px;width:100%;margin-top:14px}
.stx-form .form-group{width:100%;margin:0;padding:0;display:flex;flex-direction:column}
.stx-form label{margin-bottom:6px;font-size:15.5px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--ink)}
.stx-form input,.stx-form select,.stx-form textarea{width:100%;padding:13px 14px;font:inherit;font-size:16px;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:6px}
.stx-form textarea{min-height:130px;resize:vertical}
.stx-form input:focus,.stx-form select:focus,.stx-form textarea:focus{outline:3px solid var(--gold);outline-offset:1px;border-color:var(--green)}
.stx-form .submit-button-wrapper{width:100%;margin:4px 0 0}
.stx-form button[type=submit]{display:inline-flex;align-items:center;justify-content:center;padding:.9em 1.8em;border:0;border-radius:999px;background:var(--green);color:var(--cream);font:600 16.5px var(--b);cursor:pointer}
.stx-form .message{margin-top:10px;font-weight:600}

@media (max-width:980px){
  .team{grid-template-columns:1fr}
  .person{max-width:560px}
}

/* all services: spray tans get their own band after the massage prices */
.tanband{background:radial-gradient(700px 420px at 85% 0%,#EFE0C4,transparent 70%),linear-gradient(135deg,#DCC7A6,#C4A67E 60%,#A2835E)}
.tgrid2{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,60px);align-items:center}
.tan-pic{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;box-shadow:0 30px 60px -30px rgba(50,22,4,.6)}
.tanband p{margin-top:12px;max-width:44ch;font-size:clamp(18px,1.5vw,20px);font-weight:500}
.tanband .acts{margin-top:20px}
@media (max-width:980px){.tgrid2{grid-template-columns:1fr}.tan-pic{max-width:520px}}

/* phone Book / Call bar: a thin white edge around each button */
.mob{gap:6px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}
.mob a{border:1.5px solid #fff;border-radius:999px;padding:11px 8px}
@media (max-width:980px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}}

/* logo: the apostrophe in Steph's is gold like the tagline, and a little bigger */
.mark i,.foot .w i{font-style:normal;color:var(--gold);font-size:1.3em;line-height:0;position:relative;top:.16em;margin:0 -.06em 0 -.03em}