{"id":110,"date":"2025-07-10T06:00:28","date_gmt":"2025-07-10T06:00:28","guid":{"rendered":"https:\/\/signaturereflectionsbath.com\/?page_id=110"},"modified":"2026-03-13T06:21:20","modified_gmt":"2026-03-13T06:21:20","slug":"about-us","status":"publish","type":"page","link":"https:\/\/signaturereflectionsbath.com\/index.php\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"110\" class=\"elementor elementor-110\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7babd611 e-flex e-con-boxed e-con e-parent\" data-id=\"7babd611\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b70047f e-flex e-con-boxed e-con e-parent\" data-id=\"b70047f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-264a821 elementor-widget elementor-widget-html\" data-id=\"264a821\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&family=Rajdhani:wght@300;400;500;600;700&family=Jost:wght@200;300;400;500&display=swap');\r\n\r\n  \/* \u2550\u2550 ELEMENTOR BREAKOUT \u2550\u2550 *\/\r\n  .sr-breakout {\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    overflow-x: hidden;\r\n  }\r\n  .sr-breakout, .sr-breakout * { box-sizing: border-box; }\r\n\r\n  \/* \u2550\u2550 VARIABLES \u2550\u2550 *\/\r\n  :root {\r\n    --gold:   #d4af37;\r\n    --gold2:  #e8c84a;\r\n    --gold-dim:    rgba(212,175,55,0.15);\r\n    --gold-border: rgba(212,175,55,0.30);\r\n    --gold-glow:   rgba(212,175,55,0.07);\r\n    --bg:   #0b0b0b;\r\n    --bg2:  #111111;\r\n    --bg3:  #161616;\r\n    --text: #f0ede6;\r\n    --muted:rgba(240,237,230,0.52);\r\n    --dim:  rgba(240,237,230,0.28);\r\n    --line: rgba(255,255,255,0.05);\r\n    --white:#ffffff;\r\n    --serif:'Cormorant Garamond', serif;\r\n    --sans: 'Jost', sans-serif;\r\n    --raj:  'Rajdhani', sans-serif;\r\n  }\r\n\r\n  \/* \u2550\u2550 BASE \u2550\u2550 *\/\r\n  .sr-page {\r\n    font-family: var(--sans);\r\n    background: var(--bg);\r\n    color: var(--text);\r\n    overflow-x: hidden;\r\n    -webkit-font-smoothing: antialiased;\r\n    width: 100%;\r\n    cursor: none;\r\n  }\r\n\r\n  .sr-section {\r\n    position: relative;\r\n    z-index: 1;\r\n    padding: 100px 0;\r\n    width: 100%;\r\n    background: var(--bg);\r\n  }\r\n\r\n  .sr-section.alt {\r\n    background: var(--bg2) !important;\r\n    border-top: 1px solid var(--line);\r\n    border-bottom: 1px solid var(--line);\r\n  }\r\n\r\n  .sr-wrap {\r\n    max-width: 1160px;\r\n    margin: 0 auto;\r\n    padding: 0 48px;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     CUSTOM CURSOR\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  #sr-cursor-dot {\r\n    position: fixed;\r\n    width: 8px; height: 8px;\r\n    background: var(--gold);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 999999;\r\n    transform: translate(-50%, -50%);\r\n    transition: width .12s ease, height .12s ease, background .2s ease;\r\n    mix-blend-mode: difference;\r\n  }\r\n  #sr-cursor-ring {\r\n    position: fixed;\r\n    width: 36px; height: 36px;\r\n    border: 1.5px solid rgba(212,175,55,0.6);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 999998;\r\n    transform: translate(-50%, -50%);\r\n    transition: width .25s ease, height .25s ease,\r\n                border-color .2s ease, background .25s ease;\r\n  }\r\n  .sr-page.cur-hover #sr-cursor-dot  { width: 12px; height: 12px; background: var(--gold2); }\r\n  .sr-page.cur-hover #sr-cursor-ring { width: 52px; height: 52px; border-color: rgba(212,175,55,.9); background: rgba(212,175,55,.06); }\r\n  .sr-page.cur-click #sr-cursor-dot  { width: 5px; height: 5px; }\r\n  .sr-page.cur-click #sr-cursor-ring { width: 26px; height: 26px; border-color: var(--gold); }\r\n\r\n  @media (hover: none) {\r\n    #sr-cursor-dot, #sr-cursor-ring { display: none; }\r\n    .sr-page { cursor: auto; }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SCROLL PROGRESS BAR\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  #sr-scroll-bar {\r\n    position: fixed;\r\n    top: 0; left: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, var(--gold), var(--gold2));\r\n    z-index: 99997;\r\n    width: 0%;\r\n    transition: width .1s linear;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     GRAIN OVERLAY\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .sr-grain {\r\n    position: fixed; inset: 0;\r\n    pointer-events: none; z-index: 9000;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23g)' opacity='0.035'\/%3E%3C\/svg%3E\");\r\n    opacity: .45;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SCROLLBAR\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .sr-breakout ::-webkit-scrollbar { width: 2px; }\r\n  .sr-breakout ::-webkit-scrollbar-thumb { background: var(--gold); }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     ANIMATION SYSTEM\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n  \/* \u2014 scroll reveal base \u2014 *\/\r\n  .sr-sr {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    transition: opacity .9s cubic-bezier(.16,1,.3,1),\r\n                transform .9s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .sr-sr.up { opacity: 1; transform: translateY(0); }\r\n  .sr-sr.d1 { transition-delay: .1s; }\r\n  .sr-sr.d2 { transition-delay: .22s; }\r\n  .sr-sr.d3 { transition-delay: .36s; }\r\n  .sr-sr.d4 { transition-delay: .52s; }\r\n\r\n  \/* \u2014 fade from left \u2014 *\/\r\n  .anim-left {\r\n    opacity: 0; transform: translateX(-28px);\r\n    transition: opacity .85s cubic-bezier(.16,1,.3,1),\r\n                transform .85s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .anim-left.revealed { opacity: 1; transform: translateX(0); }\r\n\r\n  \/* \u2014 fade from right \u2014 *\/\r\n  .anim-right {\r\n    opacity: 0; transform: translateX(28px);\r\n    transition: opacity .85s cubic-bezier(.16,1,.3,1),\r\n                transform .85s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .anim-right.revealed { opacity: 1; transform: translateX(0); }\r\n\r\n  \/* stagger delays *\/\r\n  .ad1 { transition-delay: .08s !important; }\r\n  .ad2 { transition-delay: .18s !important; }\r\n  .ad3 { transition-delay: .30s !important; }\r\n  .ad4 { transition-delay: .44s !important; }\r\n  .ad5 { transition-delay: .58s !important; }\r\n\r\n  \/* \u2014 overline extending bar \u2014 *\/\r\n  .ov-extend {\r\n    display: flex; align-items: center; gap: 14px;\r\n    margin-bottom: 14px;\r\n  }\r\n  .ov-extend::before {\r\n    content: ''; height: 1px;\r\n    background: var(--gold);\r\n    width: 0;\r\n    transition: width .8s .1s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .ov-extend.oe-on::before { width: 32px; }\r\n  .ov-extend-text {\r\n    font-family: var(--raj);\r\n    font-size: 11px; font-weight: 600;\r\n    letter-spacing: .38em; text-transform: uppercase;\r\n    color: var(--gold);\r\n  }\r\n\r\n  \/* \u2014 gold rule draw-in \u2014 *\/\r\n  .rule-draw {\r\n    display: block;\r\n    width: 56px; height: 1px;\r\n    background: var(--gold);\r\n    margin-bottom: 28px;\r\n    transform: scaleX(0); transform-origin: left center;\r\n    transition: transform .8s .1s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .rule-draw.rd-on { transform: scaleX(1); }\r\n  .rule-draw.center { margin: 0 auto 28px; transform-origin: center center; }\r\n\r\n  \/* \u2014 heading line-clip reveal \u2014 *\/\r\n  .h-reveal .h-line {\r\n    display: block; overflow: hidden; line-height: 1.15;\r\n  }\r\n  .h-reveal .h-line-inner {\r\n    display: block;\r\n    opacity: 0; transform: translateY(105%);\r\n    transition: opacity .75s cubic-bezier(.16,1,.3,1),\r\n                transform .75s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .h-reveal.hr-on .h-line-inner { opacity: 1; transform: translateY(0); }\r\n  .h-reveal.hr-on .h-line:nth-child(1) .h-line-inner { transition-delay: 0s; }\r\n  .h-reveal.hr-on .h-line:nth-child(2) .h-line-inner { transition-delay: .12s; }\r\n  .h-reveal.hr-on .h-line:nth-child(3) .h-line-inner { transition-delay: .24s; }\r\n  .h-reveal.hr-on .h-line:nth-child(4) .h-line-inner { transition-delay: .36s; }\r\n\r\n  \/* \u2014 body copy stagger \u2014 *\/\r\n  .body-reveal .br-line {\r\n    display: block;\r\n    opacity: 0; transform: translateY(16px);\r\n    transition: opacity .7s ease, transform .7s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .body-reveal.br-on .br-line { opacity: 1; transform: translateY(0); }\r\n  .body-reveal.br-on .br-line:nth-child(1) { transition-delay: 0s; }\r\n  .body-reveal.br-on .br-line:nth-child(2) { transition-delay: .13s; }\r\n  .body-reveal.br-on .br-line:nth-child(3) { transition-delay: .26s; }\r\n  .body-reveal.br-on .br-line:nth-child(4) { transition-delay: .39s; }\r\n\r\n  \/* \u2014 image curtain wipe + brackets \u2014 *\/\r\n  .img-frame {\r\n    position: relative; overflow: hidden; border-radius: 4px;\r\n  }\r\n  \/* diagonal shimmer *\/\r\n  .img-frame::before {\r\n    content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none;\r\n    background: linear-gradient(135deg, rgba(212,175,55,.18) 0%, transparent 45%, rgba(212,175,55,.12) 100%);\r\n    opacity: 0; transition: opacity .7s .4s ease;\r\n  }\r\n  \/* top-right bracket *\/\r\n  .img-frame::after {\r\n    content: ''; position: absolute;\r\n    top: 14px; right: 14px;\r\n    width: 26px; height: 26px;\r\n    border-top: 2px solid var(--gold);\r\n    border-right: 2px solid var(--gold);\r\n    z-index: 4; pointer-events: none;\r\n    opacity: 0; transform: translate(6px,-6px);\r\n    transition: opacity .5s .55s ease, transform .5s .55s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  \/* bottom-left bracket span *\/\r\n  .img-frame .if-bl {\r\n    position: absolute; bottom: 14px; left: 14px;\r\n    width: 26px; height: 26px;\r\n    border-bottom: 2px solid var(--gold);\r\n    border-left: 2px solid var(--gold);\r\n    z-index: 4; pointer-events: none;\r\n    opacity: 0; transform: translate(-6px,6px);\r\n    transition: opacity .5s .7s ease, transform .5s .7s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  \/* curtain *\/\r\n  .img-frame .if-curtain {\r\n    position: absolute; inset: 0; z-index: 2;\r\n    background: var(--bg2);\r\n    transform: scaleY(1); transform-origin: top center;\r\n    transition: transform .95s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .img-frame img {\r\n    width: 100%; height: 100%; object-fit: cover; display: block;\r\n    filter: brightness(.85) contrast(1.05);\r\n    transform: scale(1.08);\r\n    transition: transform 1.2s cubic-bezier(.16,1,.3,1), filter .7s ease;\r\n    min-height: 380px; max-height: 520px;\r\n  }\r\n  \/* revealed *\/\r\n  .img-frame.frm-on::before { opacity: 1; }\r\n  .img-frame.frm-on::after  { opacity: 1; transform: translate(0,0); }\r\n  .img-frame.frm-on .if-bl  { opacity: 1; transform: translate(0,0); }\r\n  .img-frame.frm-on .if-curtain { transform: scaleY(0); transform-origin: bottom center; }\r\n  .img-frame.frm-on img { transform: scale(1); filter: brightness(.92) contrast(1.05); }\r\n  .img-frame:hover img  { filter: brightness(1) contrast(1.05) !important; transform: scale(1.03) !important; }\r\n\r\n  \/* \u2014 shimmer gold text \u2014 *\/\r\n  @keyframes goldShimmer {\r\n    0%   { background-position: -200% center; }\r\n    100% { background-position:  200% center; }\r\n  }\r\n  .shimmer-text {\r\n    background: linear-gradient(90deg, var(--gold) 0%, #fff8e0 40%, var(--gold) 60%, var(--gold2) 100%);\r\n    background-size: 200% auto;\r\n    -webkit-background-clip: text; background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    animation: goldShimmer 4s linear infinite;\r\n  }\r\n\r\n  \/* \u2014 pulsing dots \u2014 *\/\r\n  .pulse-dots {\r\n    display: flex; align-items: center; justify-content: center;\r\n    gap: 10px; margin-top: 48px;\r\n  }\r\n  .pulse-dots span {\r\n    width: 5px; height: 5px; border-radius: 50%;\r\n    background: var(--gold);\r\n    animation: srPulse 2.2s ease-in-out infinite;\r\n  }\r\n  .pulse-dots span:nth-child(2) { animation-delay: .32s; }\r\n  .pulse-dots span:nth-child(3) { animation-delay: .64s; }\r\n  @keyframes srPulse {\r\n    0%,100% { opacity: .2; transform: scale(1); }\r\n    50%     { opacity: 1;  transform: scale(1.7); }\r\n  }\r\n\r\n  \/* \u2014 hero eyebrow bar open \u2014 *\/\r\n  .eyebrow-bar {\r\n    display: flex; align-items: center; justify-content: center;\r\n    gap: 16px; margin-bottom: 28px;\r\n  }\r\n  .eyebrow-bar span {\r\n    font-family: var(--raj);\r\n    font-size: 11px; font-weight: 600;\r\n    letter-spacing: .38em; text-transform: uppercase; color: var(--gold);\r\n  }\r\n  .eyebrow-bar::before,\r\n  .eyebrow-bar::after {\r\n    content: ''; height: 1px;\r\n    background: var(--gold-border);\r\n    width: 0;\r\n    transition: width 1.1s .5s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .eyebrow-bar.bar-open::before,\r\n  .eyebrow-bar.bar-open::after { width: 48px; }\r\n\r\n  \/* \u2014 diamond list \u2014 *\/\r\n  .diamond-list { list-style: none; }\r\n  .diamond-list li {\r\n    display: flex; align-items: center; gap: 18px;\r\n    padding: 20px 0;\r\n    border-bottom: 1px solid var(--line);\r\n    font-family: var(--raj);\r\n    font-size: clamp(15px, 2vw, 18px);\r\n    font-weight: 500; letter-spacing: .05em;\r\n    color: var(--text);\r\n    cursor: default;\r\n    opacity: 0; transform: translateX(-16px);\r\n    transition: color .3s, opacity .55s ease, transform .55s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .diamond-list li:first-child { border-top: 1px solid var(--line); }\r\n  .diamond-list li.dl-on { opacity: 1; transform: translateX(0); }\r\n  .diamond-list li:hover { color: var(--gold); }\r\n  .diamond-list li::before {\r\n    content: ''; flex: 0 0 8px;\r\n    width: 8px; height: 8px;\r\n    border: 1px solid var(--gold);\r\n    transform: rotate(45deg);\r\n    transition: background .3s;\r\n  }\r\n  .diamond-list li:hover::before { background: var(--gold); }\r\n  .dl-num {\r\n    margin-left: auto;\r\n    font-size: 11px; font-weight: 300;\r\n    letter-spacing: .22em; color: var(--dim);\r\n  }\r\n\r\n  \/* \u2014 about card \u2014 *\/\r\n  .about-card {\r\n    position: relative; overflow: hidden;\r\n    background: var(--bg3);\r\n    border: 1px solid rgba(255,255,255,.05);\r\n    border-radius: 6px;\r\n    padding: 34px 26px;\r\n    cursor: none;\r\n    opacity: 0; transform: translateY(22px);\r\n    transition: border-color .4s, transform .5s ease, box-shadow .4s, opacity .5s ease;\r\n  }\r\n  .about-card.ac-on { opacity: 1; transform: translateY(0); }\r\n  .about-card::before {\r\n    content: ''; position: absolute;\r\n    top: 0; left: 0; right: 0; height: 2px;\r\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n    opacity: 0; transition: opacity .4s;\r\n  }\r\n  .about-card::after {\r\n    content: ''; position: absolute; inset: 0;\r\n    background: radial-gradient(ellipse at top center, rgba(212,175,55,.08) 0%, transparent 65%);\r\n    opacity: 0; transition: opacity .4s;\r\n  }\r\n  .about-card:hover {\r\n    border-color: var(--gold-border);\r\n    transform: translateY(-6px) !important;\r\n    box-shadow: 0 24px 48px rgba(0,0,0,.55), 0 0 0 1px rgba(212,175,55,.1);\r\n  }\r\n  .about-card:hover::before,\r\n  .about-card:hover::after { opacity: 1; }\r\n  .ac-ghost {\r\n    position: absolute; top: 14px; right: 18px;\r\n    font-family: var(--serif); font-size: 38px; font-weight: 300;\r\n    color: rgba(212,175,55,.06); line-height: 1;\r\n    pointer-events: none; user-select: none;\r\n    transition: color .4s;\r\n  }\r\n  .about-card:hover .ac-ghost { color: rgba(212,175,55,.15); }\r\n  .ac-icon {\r\n    width: 44px; height: 44px;\r\n    border: 1px solid var(--gold-border);\r\n    border-radius: 4px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    margin-bottom: 22px; position: relative; z-index: 1;\r\n    transition: background .4s, border-color .4s;\r\n  }\r\n  .about-card:hover .ac-icon { background: var(--gold-dim); border-color: var(--gold); }\r\n  .ac-icon svg { width: 20px; height: 20px; stroke: var(--gold); fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\r\n  .ac-title {\r\n    font-family: var(--raj); font-size: 16px; font-weight: 600;\r\n    letter-spacing: .08em; text-transform: uppercase;\r\n    color: var(--white); margin-bottom: 10px;\r\n    position: relative; z-index: 1; transition: color .3s;\r\n  }\r\n  .about-card:hover .ac-title { color: var(--gold); }\r\n  .ac-body { font-size: 13.5px; font-weight: 300; line-height: 1.85; color: var(--muted); position: relative; z-index: 1; }\r\n\r\n  \/* \u2014 badge chips \u2014 *\/\r\n  .badge-chip {\r\n    display: inline-flex; align-items: center;\r\n    font-family: var(--raj); font-size: 11px; font-weight: 600;\r\n    letter-spacing: .2em; text-transform: uppercase;\r\n    color: var(--gold);\r\n    border: 1px solid var(--gold-border);\r\n    padding: 5px 14px; border-radius: 2px;\r\n    background: var(--gold-dim);\r\n    transition: background .3s, border-color .3s;\r\n  }\r\n  .badge-chip:hover { background: rgba(212,175,55,.2); border-color: var(--gold); }\r\n\r\n  \/* \u2014 section ghost number \u2014 *\/\r\n  .sec-ghost {\r\n    position: absolute; top: 2rem; right: 2.5rem;\r\n    font-family: var(--serif); font-size: 5rem; font-weight: 300;\r\n    color: rgba(212,175,55,.04); line-height: 1;\r\n    pointer-events: none; user-select: none; letter-spacing: -.03em;\r\n  }\r\n\r\n  \/* \u2550\u2550 HERO \u2550\u2550 *\/\r\n  .sr-hero {\r\n    min-height: 560px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    text-align: center; position: relative; overflow: hidden;\r\n    padding: 130px 24px; background: var(--bg);\r\n  }\r\n  .sr-hero-grid {\r\n    position: absolute; inset: 0;\r\n    background-image:\r\n      linear-gradient(rgba(212,175,55,.04) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(212,175,55,.04) 1px, transparent 1px);\r\n    background-size: 64px 64px;\r\n  }\r\n  .sr-hero-glow {\r\n    position: absolute; top: 50%; left: 50%;\r\n    transform: translate(-50%,-50%);\r\n    width: 800px; height: 340px;\r\n    background: radial-gradient(ellipse, rgba(212,175,55,.09) 0%, transparent 70%);\r\n    pointer-events: none;\r\n    animation: glowPulse 6s ease-in-out infinite;\r\n  }\r\n  @keyframes glowPulse {\r\n    0%,100% { opacity: .6; transform: translate(-50%,-50%) scale(1); }\r\n    50%     { opacity: 1;  transform: translate(-50%,-50%) scale(1.12); }\r\n  }\r\n  .sr-hero-inner { position: relative; z-index: 2; max-width: 800px; width: 100%; }\r\n  .sr-hero h1 {\r\n    font-family: var(--serif);\r\n    font-size: clamp(40px, 7vw, 84px);\r\n    font-weight: 300; line-height: 1.08;\r\n    color: var(--white); margin-bottom: 22px;\r\n    letter-spacing: -.01em;\r\n  }\r\n  .sr-hero h1 em { font-style: italic; color: var(--gold); }\r\n  .sr-hero-sub {\r\n    font-size: clamp(14px, 1.8vw, 16px); font-weight: 300;\r\n    color: var(--muted); line-height: 1.75; letter-spacing: .04em;\r\n    max-width: 540px; margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2550\u2550 TWO-COL \u2550\u2550 *\/\r\n  .sr-cols {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 72px; align-items: center;\r\n  }\r\n\r\n  \/* \u2550\u2550 TEXT BLOCK \u2550\u2550 *\/\r\n  .sr-text h2 {\r\n    font-family: var(--serif);\r\n    font-size: clamp(28px, 4vw, 50px);\r\n    font-weight: 300; line-height: 1.15; color: var(--white);\r\n    margin-bottom: 24px;\r\n  }\r\n  .sr-text h2 em { font-style: italic; color: var(--gold); }\r\n  .sr-text p {\r\n    font-size: clamp(14px, 1.5vw, 15px); font-weight: 300;\r\n    line-height: 1.9; color: var(--muted); margin-bottom: 18px;\r\n  }\r\n  .sr-text p:last-child { margin-bottom: 0; }\r\n\r\n  \/* \u2550\u2550 FOUNDER \u2550\u2550 *\/\r\n  .sr-founder-title-label {\r\n    font-family: var(--raj); font-size: 11px; font-weight: 600;\r\n    letter-spacing: .32em; color: var(--gold); text-transform: uppercase;\r\n    margin-bottom: 4px;\r\n  }\r\n  .sr-founder-name {\r\n    font-family: var(--serif);\r\n    font-size: clamp(32px, 4vw, 52px);\r\n    font-weight: 300; color: var(--white); line-height: 1.15;\r\n  }\r\n  .sr-founder-name em { font-style: italic; color: var(--gold); }\r\n  .sr-founder-companies { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }\r\n  .sr-founder-bio {\r\n    font-size: clamp(14px, 1.5vw, 15px); font-weight: 300;\r\n    line-height: 1.9; color: var(--muted);\r\n    padding-top: 16px;\r\n    border-top: 1px solid rgba(255,255,255,.06);\r\n  }\r\n  .sr-founder-bio p { margin-bottom: 14px; }\r\n  .sr-founder-bio p:last-child { margin-bottom: 0; }\r\n\r\n  \/* \u2550\u2550 CARDS SECTION \u2550\u2550 *\/\r\n  .cards-header { text-align: center; margin-bottom: 60px; }\r\n  .cards-header h2 {\r\n    font-family: var(--serif);\r\n    font-size: clamp(26px, 4vw, 50px);\r\n    font-weight: 300; color: var(--white);\r\n    margin-top: 8px; margin-bottom: 16px; line-height: 1.15;\r\n  }\r\n  .cards-header h2 em { font-style: italic; color: var(--gold); }\r\n  .cards-header p {\r\n    font-size: 15px; font-weight: 300; color: var(--muted);\r\n    max-width: 480px; margin: 0 auto; line-height: 1.7;\r\n  }\r\n  .cards-grid-4 {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  \/* \u2550\u2550 CTA SECTION \u2550\u2550 *\/\r\n  .sr-cta { overflow: hidden; }\r\n  .sr-cta-glow {\r\n    position: absolute; top: 50%; left: 50%;\r\n    transform: translate(-50%,-50%);\r\n    width: 700px; height: 300px;\r\n    background: radial-gradient(ellipse, rgba(212,175,55,.07) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n  .sr-cta-inner {\r\n    position: relative; z-index: 1;\r\n    max-width: 680px; margin: 0 auto; text-align: center;\r\n  }\r\n  .sr-cta h2 {\r\n    font-family: var(--serif);\r\n    font-size: clamp(32px, 5vw, 64px);\r\n    font-weight: 300; color: var(--white); line-height: 1.1;\r\n    margin-bottom: 28px;\r\n  }\r\n  .sr-cta h2 em { font-style: italic; color: var(--gold); }\r\n  .sr-cta-closing {\r\n    font-family: var(--serif);\r\n    font-size: clamp(18px, 2.5vw, 26px);\r\n    font-weight: 300; font-style: italic;\r\n    color: var(--gold); margin-top: 36px; display: block;\r\n  }\r\n  .sr-cta-bar {\r\n    display: flex; align-items: center; justify-content: center;\r\n    gap: 12px; margin-top: 44px;\r\n  }\r\n  .sr-cta-bar::before, .sr-cta-bar::after {\r\n    content: ''; flex: 0 0 80px; height: 1px;\r\n    background: var(--gold-border);\r\n  }\r\n  .sr-cta-diamond {\r\n    width: 8px; height: 8px;\r\n    border: 1px solid var(--gold);\r\n    transform: rotate(45deg); background: var(--gold-dim);\r\n  }\r\n\r\n  \/* \u2550\u2550 MARQUEE \u2550\u2550 *\/\r\n  .sr-marquee {\r\n    overflow: hidden;\r\n    border-top: 1px solid var(--line);\r\n    border-bottom: 1px solid var(--line);\r\n    padding: .9rem 0; background: var(--bg2);\r\n  }\r\n  .sr-marquee-track {\r\n    display: flex; gap: 0; white-space: nowrap;\r\n    animation: srScrollLeft 22s linear infinite;\r\n  }\r\n  .sr-marquee-track:hover { animation-play-state: paused; }\r\n  .sr-m-item {\r\n    flex-shrink: 0; padding: 0 2rem;\r\n    font-size: .65rem; letter-spacing: .22em;\r\n    text-transform: uppercase; color: rgba(184,150,90,.45);\r\n  }\r\n  .sr-m-dot { color: var(--gold); margin: 0 .25rem; font-size: .5rem; vertical-align: middle; }\r\n  @keyframes srScrollLeft {\r\n    from { transform: translateX(0); }\r\n    to   { transform: translateX(-50%); }\r\n  }\r\n\r\n  \/* \u2550\u2550 SHIMMER LINE \u2550\u2550 *\/\r\n  .gold-shimmer-line {\r\n    width: 100%; height: 1px;\r\n    background: linear-gradient(90deg, transparent 0%, var(--gold) 30%, var(--gold2) 50%, var(--gold) 70%, transparent 100%);\r\n    opacity: .4;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     RESPONSIVE\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 1024px) {\r\n    .sr-wrap { padding: 0 32px; }\r\n    .sr-cols { gap: 48px; }\r\n    .cards-grid-4 { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .sr-section { padding: 64px 0; }\r\n    .sr-wrap { padding: 0 20px; }\r\n    .sr-cols { grid-template-columns: 1fr !important; gap: 36px; }\r\n    .sr-cols .img-frame { order: 2; }\r\n    .sr-cols .sr-text, .sr-cols .sr-founder-content { order: 1; }\r\n    .img-frame img { min-height: 260px; max-height: 340px; }\r\n    .sr-hero { padding: 90px 20px; min-height: auto; }\r\n    .eyebrow-bar::before, .eyebrow-bar::after { width: 0 !important; }\r\n    .eyebrow-bar.bar-open::before, .eyebrow-bar.bar-open::after { width: 20px !important; }\r\n    .cards-grid-4 { grid-template-columns: repeat(2, 1fr); gap: 14px; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .sr-section { padding: 52px 0; }\r\n    .sr-wrap { padding: 0 16px; }\r\n    .cards-grid-4 { grid-template-columns: 1fr; gap: 12px; }\r\n    .about-card { padding: 26px 20px; }\r\n    .img-frame img { min-height: 220px; max-height: 280px; }\r\n    .sr-cta-bar::before, .sr-cta-bar::after { flex: 0 0 36px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2550\u2550 CURSOR \u2550\u2550 -->\r\n<div id=\"sr-cursor-dot\"><\/div>\r\n<div id=\"sr-cursor-ring\"><\/div>\r\n<!-- \u2550\u2550 SCROLL BAR \u2550\u2550 -->\r\n<div id=\"sr-scroll-bar\"><\/div>\r\n\r\n<div class=\"sr-breakout\">\r\n<div class=\"sr-grain\"><\/div>\r\n<div class=\"sr-page\" id=\"sr-page\">\r\n\r\n  <!-- \u2550\u2550 S1: HERO \u2550\u2550 -->\r\n  <section class=\"sr-hero\">\r\n    <div class=\"sr-hero-grid\"><\/div>\r\n    <div class=\"sr-hero-glow\"><\/div>\r\n    <div class=\"sr-hero-inner\">\r\n      <div class=\"eyebrow-bar\" id=\"sr-hero-eyebrow\"><span>Est. Premium Bath Systems<\/span><\/div>\r\n      <h1 class=\"h-reveal\" id=\"sr-hero-h1\">\r\n        <span class=\"h-line\"><span class=\"h-line-inner\">About <em>Signature<\/em><\/span><\/span>\r\n        <span class=\"h-line\"><span class=\"h-line-inner\">Reflections<\/span><\/span>\r\n      <\/h1>\r\n      <p class=\"sr-hero-sub sr-sr d2\">Premium bath systems engineered for durability, efficiency, and modern design.<\/p>\r\n      <div class=\"pulse-dots sr-sr d3\"><span><\/span><span><\/span><span><\/span><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550 MARQUEE \u2550\u2550 -->\r\n  <div class=\"sr-marquee\">\r\n    <div class=\"sr-marquee-track\">\r\n      <span class=\"sr-m-item\">Premium Bath Systems<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Signature Reflections<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Showcase Remodels<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Contractor Focused<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Built for Reliability<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Modern Design<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Durable Materials<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Sam DeMaio<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Premium Bath Systems<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Signature Reflections<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Showcase Remodels<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Contractor Focused<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Built for Reliability<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Modern Design<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Durable Materials<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Sam DeMaio<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"gold-shimmer-line\"><\/div>\r\n\r\n  <!-- \u2550\u2550 S2: STORY \u2550\u2550 -->\r\n  <section class=\"sr-section alt\" style=\"position:relative;\">\r\n    <span class=\"sec-ghost\">02<\/span>\r\n    <div class=\"sr-wrap\">\r\n      <div class=\"sr-cols\">\r\n\r\n        <div class=\"sr-text anim-left\">\r\n          <div class=\"ov-extend\"><span class=\"ov-extend-text\">Our Story<\/span><\/div>\r\n          <div class=\"rule-draw\"><\/div>\r\n          <h2 class=\"h-reveal\">\r\n            <span class=\"h-line\"><span class=\"h-line-inner\">Built on a<\/span><\/span>\r\n            <span class=\"h-line\"><span class=\"h-line-inner\"><em>Better Standard<\/em><\/span><\/span>\r\n          <\/h2>\r\n          <div class=\"body-reveal sr-sr d2\">\r\n            <span class=\"br-line\">Signature Reflections was founded with a simple belief: contractors deserve better \u2014 better products, better systems, and better support. In an industry where common frustrations include inconsistent quality, premature product failures, delayed replacement parts, and difficult warranty processes, we set out to build a company that raises the standard.<\/span>\r\n            <span class=\"br-line\">We provide premium bath systems, shower bases, wall surrounds, safety features, and functional accessories designed for durability, efficiency, and modern style. Our products are engineered to perform in real-world installation conditions, helping reduce callbacks, avoid unnecessary job-site issues, and deliver a finished result homeowners are proud of.<\/span>\r\n            <span class=\"br-line\">We focus on strong materials, consistent manufacturing, and finishes built to last \u2014 because reliability protects both the contractor's reputation and the homeowner's investment.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"img-frame anim-right\">\r\n          <div class=\"if-curtain\"><\/div>\r\n          <div class=\"if-bl\"><\/div>\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552321554-5fefe8c9ef14?w=800&q=80\" alt=\"Premium bathroom interior\" loading=\"lazy\"\/>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550 S3: HIGHLIGHTS \u2550\u2550 -->\r\n  <section class=\"sr-section\" style=\"position:relative;\">\r\n    <span class=\"sec-ghost\">03<\/span>\r\n    <div class=\"sr-wrap\">\r\n      <div class=\"sr-cols\">\r\n\r\n        <div class=\"sr-text anim-left\">\r\n          <div class=\"ov-extend\"><span class=\"ov-extend-text\">What Sets Us Apart<\/span><\/div>\r\n          <div class=\"rule-draw\"><\/div>\r\n          <h2 class=\"h-reveal\">\r\n            <span class=\"h-line\"><span class=\"h-line-inner\">Core<\/span><\/span>\r\n            <span class=\"h-line\"><span class=\"h-line-inner\"><em>Strengths<\/em><\/span><\/span>\r\n          <\/h2>\r\n          <ul class=\"diamond-list sr-sr d2\" id=\"sr-dl\">\r\n            <li>Premium Bathroom Systems <span class=\"dl-num\">01<\/span><\/li>\r\n            <li>Consistent Manufacturing Quality <span class=\"dl-num\">02<\/span><\/li>\r\n            <li>Contractor-Focused Design <span class=\"dl-num\">03<\/span><\/li>\r\n            <li>Built for Long-Term Reliability <span class=\"dl-num\">04<\/span><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"img-frame anim-right\">\r\n          <div class=\"if-curtain\"><\/div>\r\n          <div class=\"if-bl\"><\/div>\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?w=800&q=80\" alt=\"Modern bathroom design\" loading=\"lazy\"\/>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550 S4: FOUNDER \u2550\u2550 -->\r\n  <section class=\"sr-section alt\" style=\"position:relative;\">\r\n    <span class=\"sec-ghost\">04<\/span>\r\n    <div class=\"sr-wrap\">\r\n      <div class=\"sr-cols\">\r\n\r\n        <div class=\"img-frame anim-left\">\r\n          <div class=\"if-curtain\"><\/div>\r\n          <div class=\"if-bl\"><\/div>\r\n          <img decoding=\"async\" src=\"https:\/\/showcaseremodels.com\/wp-content\/uploads\/2025\/03\/sam-1.webp\" alt=\"Sam DeMaio\" style=\"object-position:top center;\"\/>\r\n        <\/div>\r\n\r\n        <div class=\"sr-founder-content anim-right\">\r\n          <div>\r\n            <div class=\"ov-extend\"><span class=\"ov-extend-text\">Leadership<\/span><\/div>\r\n            <div class=\"rule-draw\"><\/div>\r\n            <p class=\"sr-founder-title-label sr-sr\">Founder &amp; CEO<\/p>\r\n            <h2 class=\"sr-founder-name h-reveal\">\r\n              <span class=\"h-line\"><span class=\"h-line-inner\">Sam <em>DeMaio<\/em><\/span><\/span>\r\n            <\/h2>\r\n            <div class=\"sr-founder-companies sr-sr d1\">\r\n              <span class=\"badge-chip\">Showcase Remodels<\/span>\r\n              <span class=\"badge-chip\">Signature Reflections<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"sr-founder-bio body-reveal sr-sr d2\">\r\n            <p class=\"br-line\">Sam DeMaio is the founder of Showcase Remodels and Signature Reflections, two companies built around a shared mission: helping homeowners achieve high-quality bathroom transformations while giving contractors the products, systems, and support they need to succeed.<\/p>\r\n            <p class=\"br-line\">With years of experience in the remodeling industry, Sam recognized the challenges contractors often face \u2014 unreliable products, inefficient processes, and limited operational support. Through Showcase Remodels, he has focused on delivering exceptional bathroom remodeling services and creating spaces homeowners truly value.<\/p>\r\n            <p class=\"br-line\">Signature Reflections was founded to address those same industry challenges at a larger scale. The company focuses on premium bath systems, durable materials, and contractor-focused solutions designed to improve installation efficiency and long-term product reliability.<\/p>\r\n            <p class=\"br-line\">Sam's leadership is driven by a commitment to quality, innovation, and long-term partnerships. His vision is to help contractors operate more efficiently, deliver better results for homeowners, and raise the overall standard of bathroom remodeling across the industry.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550 S5: CARDS \u2550\u2550 -->\r\n  <section class=\"sr-section\" style=\"position:relative;\">\r\n    <span class=\"sec-ghost\">05<\/span>\r\n    <div class=\"sr-wrap\">\r\n      <div class=\"cards-header\">\r\n        <div class=\"ov-extend\" style=\"justify-content:center;\"><span class=\"ov-extend-text\">The Advantage<\/span><\/div>\r\n        <div class=\"rule-draw center\"><\/div>\r\n        <h2 class=\"h-reveal\">\r\n          <span class=\"h-line\"><span class=\"h-line-inner\">Why Contractors Choose<\/span><\/span>\r\n          <span class=\"h-line\"><span class=\"h-line-inner\"><em>Signature Reflections<\/em><\/span><\/span>\r\n        <\/h2>\r\n        <p class=\"sr-sr d2\">Performance-driven products built for contractors who demand reliability on every project.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cards-grid-4\" id=\"sr-cards\">\r\n\r\n        <div class=\"about-card\">\r\n          <span class=\"ac-ghost\">01<\/span>\r\n          <div class=\"ac-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"ac-title\">Premium Bath Systems<\/p>\r\n          <p class=\"ac-body\">High-quality shower bases, wall surrounds, and accessories built for modern bathroom remodeling projects.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"about-card\">\r\n          <span class=\"ac-ghost\">02<\/span>\r\n          <div class=\"ac-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"ac-title\">Durable Materials<\/p>\r\n          <p class=\"ac-body\">Engineered materials and finishes designed to withstand real-world installation conditions and last long-term.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"about-card\">\r\n          <span class=\"ac-ghost\">03<\/span>\r\n          <div class=\"ac-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"ac-title\">Installation Efficiency<\/p>\r\n          <p class=\"ac-body\">Products designed to simplify installation, reduce job-site issues, and help contractors work faster.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"about-card\">\r\n          <span class=\"ac-ghost\">04<\/span>\r\n          <div class=\"ac-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"ac-title\">Long-Term Reliability<\/p>\r\n          <p class=\"ac-body\">Consistent quality and dependable performance that protects contractor reputation and homeowner investment.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550 MARQUEE 2 (reverse) \u2550\u2550 -->\r\n  <div class=\"sr-marquee\">\r\n    <div class=\"sr-marquee-track\" style=\"animation-direction:reverse;\">\r\n      <span class=\"sr-m-item\">Built to Last<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Trusted by Contractors<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Quality First<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Signature Reflections<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Shower Bases<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Wall Surrounds<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Safety Features<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Premium Accessories<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Built to Last<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Trusted by Contractors<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Quality First<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Signature Reflections<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Shower Bases<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Wall Surrounds<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Safety Features<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n      <span class=\"sr-m-item\">Premium Accessories<\/span><span class=\"sr-m-dot\">\u2726<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"gold-shimmer-line\"><\/div>\r\n\r\n  <!-- \u2550\u2550 S6: CTA \u2550\u2550 -->\r\n  <section class=\"sr-section alt sr-cta\" style=\"position:relative;\">\r\n    <div class=\"sr-cta-glow\"><\/div>\r\n    <div class=\"sr-wrap\">\r\n      <div class=\"sr-cta-inner\">\r\n        <div class=\"ov-extend\" style=\"justify-content:center;\"><span class=\"ov-extend-text\">Signature Reflections<\/span><\/div>\r\n        <div class=\"rule-draw center\"><\/div>\r\n        <h2 class=\"h-reveal\">\r\n          <span class=\"h-line\"><span class=\"h-line-inner\">Built to Raise<\/span><\/span>\r\n          <span class=\"h-line\"><span class=\"h-line-inner\">the <em>Standard<\/em><\/span><\/span>\r\n        <\/h2>\r\n        <div class=\"body-reveal sr-sr d2\">\r\n          <span class=\"br-line\">At Signature Reflections, everything we build \u2014 every product, every system, every partnership \u2014 is designed with one goal in mind: helping contractors deliver exceptional results and helping homeowners love the spaces they live in.<\/span>\r\n        <\/div>\r\n        <span class=\"sr-cta-closing shimmer-text sr-sr d3\">Quality, confidence, and professionalism \u2014 from start to finish.<\/span>\r\n        <div class=\"sr-cta-bar sr-sr d4\">\r\n          <div class=\"sr-cta-diamond\"><\/div>\r\n          <div class=\"sr-cta-diamond\"><\/div>\r\n          <div class=\"sr-cta-diamond\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div><!-- \/.sr-page -->\r\n<\/div><!-- \/.sr-breakout -->\r\n\r\n<script>\r\n(function(){\r\n  \/* \u2500\u2500 SCROLL PROGRESS BAR \u2500\u2500 *\/\r\n  const bar = document.getElementById('sr-scroll-bar');\r\n  if(bar){\r\n    window.addEventListener('scroll', function(){\r\n      const pct = window.scrollY \/ (document.body.scrollHeight - window.innerHeight) * 100;\r\n      bar.style.width = Math.min(pct,100) + '%';\r\n    },{passive:true});\r\n  }\r\n\r\n  \/* \u2500\u2500 CUSTOM CURSOR \u2500\u2500 *\/\r\n  const dot  = document.getElementById('sr-cursor-dot');\r\n  const ring = document.getElementById('sr-cursor-ring');\r\n  const page = document.getElementById('sr-page');\r\n  if(dot && ring && !window.matchMedia('(hover:none)').matches){\r\n    let mx=-200, my=-200, rx=-200, ry=-200;\r\n    document.addEventListener('mousemove', function(e){\r\n      mx = e.clientX; my = e.clientY;\r\n      dot.style.left = mx+'px'; dot.style.top = my+'px';\r\n    });\r\n    (function loop(){\r\n      rx += (mx-rx) * .14; ry += (my-ry) * .14;\r\n      ring.style.left = rx+'px'; ring.style.top = ry+'px';\r\n      requestAnimationFrame(loop);\r\n    })();\r\n    document.querySelectorAll(\r\n      '.sr-breakout a, .sr-breakout button, .about-card, .img-frame, .badge-chip, .diamond-list li'\r\n    ).forEach(function(el){\r\n      el.addEventListener('mouseenter', function(){ page.classList.add('cur-hover'); });\r\n      el.addEventListener('mouseleave', function(){ page.classList.remove('cur-hover'); });\r\n    });\r\n    document.addEventListener('mousedown', function(){ page.classList.add('cur-click'); });\r\n    document.addEventListener('mouseup',   function(){ page.classList.remove('cur-click'); });\r\n    document.addEventListener('mouseleave',function(){ dot.style.opacity = ring.style.opacity = '0'; });\r\n    document.addEventListener('mouseenter',function(){ dot.style.opacity = ring.style.opacity = '1'; });\r\n  } else if(dot && ring) {\r\n    dot.style.display = ring.style.display = 'none';\r\n  }\r\n\r\n  \/* \u2500\u2500 HERO IMMEDIATE TRIGGERS \u2500\u2500 *\/\r\n  setTimeout(function(){\r\n    const eb = document.getElementById('sr-hero-eyebrow');\r\n    if(eb) eb.classList.add('bar-open');\r\n    const h1 = document.getElementById('sr-hero-h1');\r\n    if(h1) setTimeout(function(){ h1.classList.add('hr-on'); }, 300);\r\n  }, 150);\r\n\r\n  \/* \u2500\u2500 MASTER INTERSECTION OBSERVER \u2500\u2500 *\/\r\n  const io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(!e.isIntersecting) return;\r\n      const el = e.target;\r\n      if(el.classList.contains('ov-extend'))   el.classList.add('oe-on');\r\n      if(el.classList.contains('rule-draw'))   el.classList.add('rd-on');\r\n      if(el.classList.contains('h-reveal'))    el.classList.add('hr-on');\r\n      if(el.classList.contains('img-frame'))   el.classList.add('frm-on');\r\n      if(el.classList.contains('sr-sr'))       el.classList.add('up');\r\n      if(el.classList.contains('anim-left'))   el.classList.add('revealed');\r\n      if(el.classList.contains('anim-right'))  el.classList.add('revealed');\r\n      if(el.classList.contains('body-reveal')) el.classList.add('br-on');\r\n      io.unobserve(el);\r\n    });\r\n  },{threshold: 0.12, rootMargin: '0px 0px -30px 0px'});\r\n\r\n  document.querySelectorAll(\r\n    '.ov-extend, .rule-draw, .h-reveal, .img-frame, .sr-sr, .anim-left, .anim-right, .body-reveal'\r\n  ).forEach(function(el){ io.observe(el); });\r\n\r\n  \/* \u2500\u2500 DIAMOND LIST STAGGER \u2500\u2500 *\/\r\n  const dlWrap = document.getElementById('sr-dl');\r\n  if(dlWrap){\r\n    new IntersectionObserver(function(entries){\r\n      entries.forEach(function(e){\r\n        if(e.isIntersecting){\r\n          dlWrap.querySelectorAll('li').forEach(function(li, i){\r\n            setTimeout(function(){ li.classList.add('dl-on'); }, 200 + i*110);\r\n          });\r\n        }\r\n      });\r\n    },{threshold:0.12}).observe(dlWrap);\r\n  }\r\n\r\n  \/* \u2500\u2500 CARD STAGGER \u2500\u2500 *\/\r\n  const cardWrap = document.getElementById('sr-cards');\r\n  if(cardWrap){\r\n    new IntersectionObserver(function(entries){\r\n      entries.forEach(function(e){\r\n        if(e.isIntersecting){\r\n          cardWrap.querySelectorAll('.about-card').forEach(function(card, i){\r\n            setTimeout(function(){ card.classList.add('ac-on'); }, 150 + i*100);\r\n          });\r\n        }\r\n      });\r\n    },{threshold:0.1}).observe(cardWrap);\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Est. Premium Bath Systems About Signature Reflections Premium bath systems engineered for durability, efficiency, and modern design. Premium Bath Systems\u2726 Signature Reflections\u2726 Showcase Remodels\u2726 Contractor Focused\u2726 Built for Reliability\u2726 Modern Design\u2726 Durable Materials\u2726 Sam DeMaio\u2726 Premium Bath Systems\u2726 Signature Reflections\u2726 Showcase Remodels\u2726 Contractor Focused\u2726 Built for Reliability\u2726 Modern Design\u2726 Durable Materials\u2726 Sam DeMaio\u2726 02 Our [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-110","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/signaturereflectionsbath.com\/index.php\/wp-json\/wp\/v2\/pages\/110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/signaturereflectionsbath.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/signaturereflectionsbath.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/signaturereflectionsbath.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/signaturereflectionsbath.com\/index.php\/wp-json\/wp\/v2\/comments?post=110"}],"version-history":[{"count":13,"href":"https:\/\/signaturereflectionsbath.com\/index.php\/wp-json\/wp\/v2\/pages\/110\/revisions"}],"predecessor-version":[{"id":1511,"href":"https:\/\/signaturereflectionsbath.com\/index.php\/wp-json\/wp\/v2\/pages\/110\/revisions\/1511"}],"wp:attachment":[{"href":"https:\/\/signaturereflectionsbath.com\/index.php\/wp-json\/wp\/v2\/media?parent=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}