/* Fountain "Quiet editorial" design system, 2026-10-27.
   One shared stylesheet linked from every page. Remove the <link id="fnt-editorial"> to revert.
   Palette: bone #f2ece4, linen #faf7f2, espresso #2a211c, clay #5d4d43, line #e3d9ce, bronze #a8834f */

/* Jost, aliased onto the template's body font so every existing rule picks it up */
@font-face{font-family:'Jost';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/jost/v20/92zatBhPNqw73oTd4jQmfxI.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/jost/v20/92zatBhPNqw73ord4jQmfxIC7w.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/jost/v20/92zatBhPNqw73oTd4jQmfxI.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/jost/v20/92zatBhPNqw73ord4jQmfxIC7w.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

html body{background:#f2ece4}
html body .fnt{background:#f2ece4!important;color:#2a211c}

/* ---------- type ---------- */
html body .fnt :is(h1,h2,h3,h4){font-family:'Cormorant Garamond',Georgia,serif;text-transform:none!important;letter-spacing:-.003em!important;text-shadow:none!important}
html body .fnt h1{font-weight:400!important}
html body .fnt h2{font-weight:500!important;font-size:clamp(30px,3.3vw,46px)!important;line-height:1.1!important}
html body .fnt h3{font-weight:500!important;font-size:clamp(21px,1.7vw,24px)!important;line-height:1.22!important}
html body .fnt h4{font-weight:500!important;font-size:20px!important;line-height:1.25!important}
html body .fnt :is(h1,h2) :is(i,em){color:inherit!important}
html body .fnt p{font-weight:300}
html body .fnt :is(.head h2,.split h2,.card h3,.card h4)::after{display:none!important}
html body .fnt :is(.sec,.final)::before{display:none!important}
html body .fnt .eyebrow{font-family:Jost,sans-serif!important;font-weight:500!important;font-size:11.5px!important;letter-spacing:.22em!important;color:#a8834f!important}
html body .fnt .eyebrow::before{width:28px!important;height:1px!important;background:#a8834f!important;opacity:.7}
html body .fnt :is(.minihead,.cred,.label){color:#a8834f!important;font-family:Jost,sans-serif!important;font-weight:500!important;letter-spacing:.18em!important}

/* ---------- light sections (everything except heroes, the band and the closing CTA) ---------- */
html body .fnt :is(.sec,.fhero-band){background:#faf7f2!important;color:#2a211c}
html body .fnt .sec.dark{background:#f2ece4!important}
html body .fnt :is(.sec,.fhero-band) :is(h1,h2,h3,h4,strong,b){color:#2a211c!important}
html body .fnt :is(.sec,.fhero-band) :is(p,li,td,th,dd,dt,figcaption,summary,small){color:#5d4d43!important}
html body .fnt :is(.sec,.fhero-band) :is(p,li) a{color:#2a211c!important;font-weight:500!important;border-bottom:1px solid rgba(168,131,79,.6)!important}
html body .fnt :is(.sec,.fhero-band) blockquote{color:#2a211c!important;border-left-color:#a8834f!important}
html body .fnt :is(.sec,.fhero-band) .fhero-band::before{display:none}

/* cards and steps become hairline columns: no boxes, no shadows */
html body .fnt :is(.card,.step){background:transparent!important;border:0!important;border-top:1px solid #e3d9ce!important;border-radius:0!important;box-shadow:none!important;padding:26px 8px 8px 0!important;transform:none!important}
html body .fnt :is(.card,.step)::before,html body .fnt .card::after{display:none!important}
html body .fnt .card .num{position:static!important;order:-1;display:block;font:400 15px/1 'Cormorant Garamond',serif!important;color:#a8834f!important;letter-spacing:.08em;margin:0 0 16px}
html body .fnt .step .n{font:400 15px/1 'Cormorant Garamond',serif!important;color:#a8834f!important;letter-spacing:.08em;margin:0 0 16px}
html body .fnt .card .more{background:transparent!important;border:0!important;border-bottom:1px solid #a8834f!important;border-radius:0!important;padding:0 0 6px!important;margin-top:14px;color:#2a211c!important;font:500 12px/1 Jost,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase}
html body .fnt .card .more::after{color:#a8834f!important}
@media(hover:hover){html body .fnt a.card:hover h3,html body .fnt a.card:hover h4{color:#7d5f3c!important}}

/* chips, roles, lists */
html body .fnt :is(.chips span,.chips a,.roles span){background:transparent!important;border:1px solid #ddd2c6!important;color:#2a211c!important;font-family:Jost,sans-serif!important;font-weight:400!important}
html body .fnt .chips a:hover{border-color:#a8834f!important}
html body .fnt :is(.sec,.fhero-band) .list li{border-bottom-color:#e8dfd5!important}
html body .fnt .list li::before{color:#a8834f!important}

/* images: no glow, no heavy shadow */
html body .fnt :is(.prof figure img,.fov-media,.phero-art,.fimg,.tm-ph,figure.fanswer-photo){box-shadow:none!important;border-radius:2px!important;border:0!important}

/* buttons */
html body .fnt .btn{border-radius:999px!important;font-family:Jost,sans-serif!important;font-weight:500!important;font-size:12.5px!important;letter-spacing:.15em!important;min-height:48px;padding:0 26px!important}
html body .fnt :is(.sec,.fhero-band) :is(.btn-solid,.btn-gold){background:#2a211c!important;border-color:#2a211c!important;color:#f7f3ee!important}
html body .fnt :is(.sec,.fhero-band) :is(.btn-solid,.btn-gold):hover{background:#4a3b33!important;border-color:#4a3b33!important}
html body .fnt :is(.sec,.fhero-band) :is(.btn-ghost,.btn-ghost-light,.btn-ghost-dark){background:transparent!important;border-color:#2a211c!important;color:#2a211c!important}
html body .fnt :is(.sec,.fhero-band) :is(.btn-ghost,.btn-ghost-light,.btn-ghost-dark):hover{background:#2a211c!important;color:#f7f3ee!important}

/* ---------- dark: the one band per page (.band), the closing CTA (.final) ---------- */
html body .fnt :is(.sec.band,.final){background:#2a211c!important;color:#f3ece4}
html body .fnt :is(.sec.band,.final) :is(h1,h2,h3,h4,strong,b){color:#f7f3ee!important}
html body .fnt :is(.sec.band,.final) :is(p,li,figcaption,small){color:rgba(243,236,228,.72)!important}
html body .fnt :is(.sec.band,.final) :is(p,li) a{color:#f7f3ee!important;border-bottom-color:rgba(201,165,92,.6)!important}
html body .fnt :is(.sec.band,.final) .eyebrow{color:#c9a55c!important}
html body .fnt :is(.sec.band,.final) :is(.card,.step){border-top-color:rgba(243,236,228,.18)!important}
html body .fnt :is(.sec.band,.final) .card .more{color:#f7f3ee!important;border-bottom-color:#c9a55c!important}
html body .fnt :is(.sec.band,.final,.phero,.fhero) :is(.btn-solid,.btn-gold){background:#f7f3ee!important;border-color:#f7f3ee!important;color:#2a211c!important}
html body .fnt :is(.sec.band,.final,.phero,.fhero) :is(.btn-ghost,.btn-ghost-light,.btn-ghost-dark){background:transparent!important;border-color:rgba(247,243,238,.75)!important;color:#f7f3ee!important}
html body .fnt :is(.sec.band,.final,.phero,.fhero) :is(.btn-ghost,.btn-ghost-light,.btn-ghost-dark):hover{background:#f7f3ee!important;color:#2a211c!important}
html body .fnt :is(.sec.band,.final) :is(.chips span,.chips a){border-color:rgba(243,236,228,.3)!important;color:#f7f3ee!important}

/* inner-page hero: one espresso tone instead of mixed brown gradients */
html body .fnt .phero{background-color:#2a211c!important}

/* ---------- header ---------- */
html body .fnt .fnav>div>a{font-family:Jost,sans-serif!important;font-size:12px!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase}
html body .fnt .fcta{background:#2a211c!important;border-color:#2a211c!important;color:#f7f3ee!important;font-family:Jost,sans-serif!important;font-size:12px!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase}
html body .fnt .fcta:hover{background:#4a3b33!important}

/* ---------- footer ---------- */
html body .fnt .fftr{background:#2a211c!important}
html body .fnt .fftr .fcol{background:transparent!important;border:0!important;border-top:1px solid rgba(243,236,228,.16)!important;border-radius:0!important;box-shadow:none!important;padding:22px 12px 0 0!important}
html body .fnt .fftr .fpill{border-radius:999px!important;background:transparent!important;border:1px solid rgba(243,236,228,.4)!important;color:#f7f3ee!important;font-family:Jost,sans-serif!important}

/* ---------- photo tiles (homepage 'Where to start') ---------- */
html body .fnt .ftiles{display:grid;gap:clamp(14px,2vw,26px);grid-template-columns:1fr 1fr;position:relative;z-index:2}
@media(min-width:1000px){html body .fnt .ftiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
html body .fnt .ftile{display:block;text-decoration:none}
html body .fnt .ftile figure{margin:0 0 16px;overflow:hidden;border-radius:2px}
html body .fnt .ftile img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .8s ease}
@media(hover:hover){html body .fnt .ftile:hover img{transform:scale(1.03)}}
html body .fnt .ftile h3{margin:0 0 6px}
html body .fnt .ftile p{font-size:14.5px!important;line-height:1.55;margin:0}
html body .fnt .fftr-btm{background:#211a16!important;border-top:1px solid rgba(243,236,228,.1)!important}
html body .fnt :is(h1,h2,h3,h4,h5,h6){font-family:'Cormorant Garamond',Georgia,serif!important;text-transform:none!important}
html body .fnt .fftr h5{font-size:19px!important;letter-spacing:0!important;font-weight:500!important;color:#f7f3ee!important}
html body .fnt .fnav>div>a.cur{background:#2a211c!important;color:#f7f3ee!important}

/* unresolved content placeholders ([PRICE], [HOURS], [CONFIRM] ...) hidden from visitors until the team decides; 2026-10-27 */
html body .fnt .ph{display:none!important}

/* box titles: one consistent, larger size (2026-10-27) */
html body .fnt :is(.card,.step) :is(h3,h4){font-size:clamp(22px,1.8vw,26px)!important;line-height:1.2!important}
html body .fnt details>summary{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:clamp(19px,1.5vw,22px)!important;font-weight:500!important;line-height:1.3!important;color:#2a211c!important;letter-spacing:0!important}
html body .fnt :is(.sec.band,.final) details>summary{color:#f7f3ee!important}

/* ticker: when the phone/computer has Reduce Motion on, show one swipeable row instead of a wrapped block (2026-10-27) */
@media (prefers-reduced-motion: reduce){html body .fnt .htick{overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}html body .fnt .htick::-webkit-scrollbar{display:none}html body .fnt .htick-t{flex-wrap:nowrap!important;width:max-content!important;justify-content:flex-start!important;gap:40px!important;padding:0 28px!important}html body .fnt .htick-t>[aria-hidden="true"],html body .fnt .htick-t>[tabindex="-1"]{display:none!important}}

/* phones: buttons stay on one line (2026-10-27) */
@media(max-width:600px){html body .fnt .btn{letter-spacing:.08em!important;font-size:12px!important;padding:0 14px!important;white-space:nowrap}}

/* homepage intro: left-aligned like the sections below, tighter spacing (2026-10-27) */
html body .fnt .fhero-band{text-align:left!important;padding:clamp(56px,6vw,88px) 0 0!important}
html body .fnt .fhero-band::before{display:none!important}
html body .fnt .fhero-band .eyebrow{justify-content:flex-start!important}
html body .fnt .fhero-band h1{font-size:clamp(30px,3.3vw,46px)!important;line-height:1.1!important;letter-spacing:-.003em!important;max-width:22ch!important;margin:0!important}
html body .fnt .fhero-band .sub{margin:18px 0 0!important;max-width:62ch!important}
html body .fnt .fhero-band .cta-row{justify-content:flex-start!important}
html body .fnt .fhero-band ~ #treatments{padding-top:clamp(48px,5vw,72px)!important}

/* ultrawide homepage hero: photo centred at a natural shape, edges blur into dark (2026-10-27) */
@media (min-width:1800px){html body .fnt .fhero-art{background:#1a1411!important}html body .fnt .fhero-art::before{content:"";position:absolute;inset:-60px;z-index:0;background:url(/files/fountain-lounge-calgary-north) center 30%/cover no-repeat;filter:blur(30px) brightness(.42) saturate(.9)}html body .fnt .fhero-art picture{position:relative;z-index:1;width:auto!important;max-width:100%;height:100%;aspect-ratio:2/1;margin:0 auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%)}html body .fnt .fhero-art::after{z-index:2}}