/* The Sidney Renovation Shop design system, srs- prefix. Sidney family palette: navy #2B5672, slate #496283, logo ink #162846, brass accent. Playfair Display + Roboto. */
:root{
  --srs-navy:#2B5672; --srs-navy-dk:#1F4058; --srs-navy-lt:#E8EEF3;
  --srs-slate:#496283; --srs-ink:#162846; --srs-text:#2A3340; --srs-muted:#5C6675;
  --srs-brass:#C4A470; --srs-brass-dk:#8A6A3A; --srs-cream:#F5F0E8; --srs-cream-2:#EFE7DA;
  --srs-line:#E3E6EA; --srs-radius:4px;
}
body .srs-page{ color:var(--srs-text); font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-size:17px; line-height:1.7; background:#fff; }
body .srs-page *{ box-sizing:border-box; }
body .srs-page h1,body .srs-page h2,body .srs-page h3,body .srs-page h4{ font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--srs-ink); letter-spacing:0; margin:0; text-transform:none; }
body .srs-page h2{ font-size:clamp(1.8rem,3.3vw,2.6rem); font-weight:600; line-height:1.15; margin:0 0 .55em; }
body .srs-page h3{ font-size:1.28rem; font-weight:600; line-height:1.3; }
body .srs-page p{ margin:0 0 1em; }
body .srs-page a{ color:var(--srs-navy); }
body .srs-page .lead{ font-size:1.16rem; line-height:1.65; color:#3A4452; }
body .srs-page ul,body .srs-page ol{ padding-left:1.2em; margin:0 0 1em; }
body .srs-page li{ margin:.3em 0; }

/* release YOOtheme's 1200 container, srs-wrap carries the measure */
body main.tm-main.uk-section{ padding-top:0; padding-bottom:0; }
body .tm-main > .uk-container{ max-width:none; padding-left:0; padding-right:0; }

.srs-wrap{ max-width:1200px; margin:0 auto; padding:0 24px; }
.srs-narrow{ max-width:780px; }
.srs-sec{ padding:84px 0; }
@media (max-width:640px){ .srs-sec{ padding:56px 0; } }
.srs-alt{ background:var(--srs-cream); }

/* eyebrow: solid brass bar */
.srs-label{ display:inline-flex; align-items:center; gap:12px; font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.2em; font-size:.74rem; color:var(--srs-brass-dk); margin-bottom:14px; }
.srs-label::before{ content:""; width:28px; height:3px; background:var(--srs-brass); flex-shrink:0; }
body .srs-page .srs-label.on-dark,.srs-label.on-dark{ color:var(--srs-brass); }

/* buttons */
.srs-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:54px; padding:0 28px; border-radius:var(--srs-radius); font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:700; font-size:.98rem; letter-spacing:.03em; text-decoration:none!important; transition:transform .15s,background .2s,box-shadow .2s,color .2s; border:2px solid transparent; cursor:pointer; }
body .srs-page .srs-btn-navy,.srs-btn-navy{ background:var(--srs-navy); color:#fff!important; }
.srs-btn-navy:hover,.srs-btn-navy:focus{ background:var(--srs-navy-dk); transform:translateY(-2px); box-shadow:0 10px 24px rgba(22,40,70,.22); }
body .srs-page .srs-btn-light,.srs-btn-light{ background:var(--srs-cream); color:var(--srs-ink)!important; }
.srs-btn-light:hover,.srs-btn-light:focus{ background:#fff; transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.2); }
body .srs-page .srs-btn-ghost,.srs-btn-ghost{ background:transparent; color:#fff!important; border-color:rgba(245,240,232,.6); }
.srs-btn-ghost:hover,.srs-btn-ghost:focus{ background:#fff; color:var(--srs-ink)!important; border-color:#fff; transform:translateY(-2px); }
body .srs-page .srs-btn-outline,.srs-btn-outline{ background:transparent; color:var(--srs-navy)!important; border-color:var(--srs-navy); }
.srs-btn-outline:hover,.srs-btn-outline:focus{ background:var(--srs-navy); color:#fff!important; }
.srs-actions{ display:flex; gap:14px; flex-wrap:wrap; margin-top:2em; }

/* hero */
.srs-hero{ position:relative; overflow:hidden; background:var(--srs-ink); background-image:linear-gradient(120deg,#122240 0%,var(--srs-ink) 40%,var(--srs-navy) 100%); color:#fff; }
.srs-hero .srs-wrap{ position:relative; z-index:1; }
body .srs-page .srs-hero h1,body .srs-page .srs-hero h1 .l1{ color:#fff; }
.srs-hero h1{ margin:0; line-height:1.08; }
.srs-hero h1 .l1{ display:block; font-weight:600; font-size:clamp(2.3rem,5vw,3.9rem); }
body .srs-page .srs-hero h1 .l2{ display:block; font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:400; font-size:clamp(1.05rem,2.2vw,1.4rem); color:var(--srs-brass); margin-top:.7em; letter-spacing:.01em; line-height:1.4; }
body .srs-page .srs-hero p{ color:#DCE3EC; max-width:620px; margin:1.4em 0 0; font-size:1.12rem; line-height:1.65; }
body .srs-page .srs-hero p a,body .srs-page .srs-hero a.srs-tel{ color:#fff; text-decoration:underline; text-underline-offset:3px; }
.srs-hero.home{ padding:96px 0 0; }
.srs-hero-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:56px; align-items:center; }
.srs-hero .photo .srs-fig{ margin:0; position:relative; }
.srs-hero .photo .srs-fig::before{ content:""; position:absolute; inset:18px -18px -18px 18px; border:2px solid var(--srs-brass); border-radius:var(--srs-radius); }
.srs-hero .photo img{ position:relative; display:block; width:100%; height:auto; max-height:560px; object-fit:cover; border-radius:var(--srs-radius); box-shadow:0 24px 60px rgba(0,0,0,.35); }
.srs-hero-badge{ display:none; }
.srs-ticker{ margin-top:72px; border-top:1px solid rgba(255,255,255,.16); display:flex; flex-wrap:wrap; gap:10px 30px; padding:22px 0 30px; }
body .srs-page .srs-ticker a{ color:#DCE3EC; font-weight:600; text-transform:uppercase; letter-spacing:.14em; font-size:.74rem; display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.srs-ticker a::before{ content:""; width:6px; height:6px; background:var(--srs-brass); transform:rotate(45deg); }
body .srs-page .srs-ticker a:hover{ color:#fff; }
.srs-hero.sm{ padding:84px 0 70px; }
.srs-hero.sm h1 .l1{ font-size:clamp(2rem,4.4vw,3.2rem); }
.srs-hero.compact{ padding:64px 0 48px; }
.srs-crumb{ display:flex; gap:8px; flex-wrap:wrap; font-size:.82rem; color:#B8C4D3; margin-bottom:18px; }
body .srs-page .srs-crumb a{ color:#B8C4D3; text-decoration:none; }
body .srs-page .srs-crumb a:hover{ color:#fff; }
.srs-crumb span::before{ content:"/"; margin-right:8px; color:var(--srs-brass); }

/* promise band */
.srs-band{ background:var(--srs-navy); color:#fff; }
.srs-band .row{ display:grid; grid-template-columns:repeat(3,1fr); }
.srs-band .cell{ padding:32px 28px; border-left:1px solid rgba(255,255,255,.14); }
.srs-band .cell:first-child{ border-left:0; }
body .srs-page .srs-band .k{ font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:600; font-size:1.2rem; color:#fff; }
.srs-band .d{ color:#D5DEE8; margin-top:.4em; font-size:.95rem; }
@media (max-width:760px){ .srs-band .row{ grid-template-columns:1fr; } .srs-band .cell{ border-left:0; border-top:1px solid rgba(255,255,255,.14); padding:22px 24px; } .srs-band .cell:first-child{ border-top:0; } }

/* two column */
.srs-two{ display:grid; grid-template-columns:1.25fr 1fr; gap:56px; align-items:start; }
.srs-two.form{ grid-template-columns:1.1fr 1fr; gap:48px; }
@media (max-width:900px){ .srs-two,.srs-two.form{ grid-template-columns:1fr; gap:32px; } }
.srs-card{ background:#fff; border:1px solid var(--srs-line); border-radius:var(--srs-radius); padding:30px 28px; }
.srs-card a{ font-weight:700; text-decoration:none; }
.srs-card a::after{ content:" \2192"; color:var(--srs-brass-dk); }
.srs-phone{ display:inline-block; font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:700; font-size:1.6rem; color:var(--srs-ink); text-decoration:none!important; line-height:1.1; margin:.2em 0 .5em; }

/* figures */
.srs-fig{ margin:0; }
.srs-fig img{ display:block; width:100%; height:auto; border-radius:var(--srs-radius); }
.srs-two > .srs-fig img{ max-height:620px; object-fit:cover; }
.srs-fig figcaption{ font-size:.86rem; color:var(--srs-muted); margin-top:10px; line-height:1.45; }
.srs-stack{ display:grid; gap:22px; }
.srs-stack .srs-fig img{ max-height:420px; object-fit:cover; }
.srs-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:34px; }
.srs-gallery.n2{ grid-template-columns:repeat(2,1fr); }
.srs-gallery .srs-fig img{ aspect-ratio:4/5; object-fit:cover; }
.srs-gallery.n2 .srs-fig img{ aspect-ratio:4/3; }
@media (max-width:760px){ .srs-gallery,.srs-gallery.n2{ grid-template-columns:1fr; } .srs-gallery .srs-fig img,.srs-gallery.n2 .srs-fig img{ aspect-ratio:4/3; } }

/* check list */
.srs-checks{ list-style:none; padding:0; margin:18px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:12px 28px; }
body .srs-page ul.srs-checks{ padding-left:0; }
.srs-checks li{ position:relative; padding-left:30px; margin:0; }
.srs-checks li::before{ content:""; position:absolute; left:0; top:7px; width:14px; height:14px; border:2px solid var(--srs-brass); transform:rotate(45deg); }
@media (max-width:640px){ .srs-checks{ grid-template-columns:1fr; } }

/* showroom cards */
.srs-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:36px; }
body .srs-page .srs-cards a{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--srs-line); border-radius:var(--srs-radius); text-decoration:none!important; color:var(--srs-text); overflow:hidden; transition:transform .18s,box-shadow .2s; }
.srs-cards a:hover{ transform:translateY(-4px); box-shadow:0 18px 36px rgba(22,40,70,.12); }
.srs-cards .im{ display:block; aspect-ratio:4/3; overflow:hidden; background:var(--srs-cream-2); }
.srs-cards .im img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.srs-cards a:hover .im img{ transform:scale(1.04); }
.srs-cards .tx{ display:flex; flex-direction:column; gap:8px; padding:22px 22px 24px; flex:1; }
body .srs-page .srs-cards h3{ font-size:1.2rem; color:var(--srs-ink); }
.srs-cards .desc{ color:var(--srs-muted); font-size:.95rem; line-height:1.5; }
body .srs-page .srs-cards .arw{ margin-top:auto; padding-top:6px; color:var(--srs-brass-dk); font-weight:700; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; }
@media (max-width:1000px){ .srs-cards{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .srs-cards{ grid-template-columns:1fr; } }

/* who it is for */
.srs-who{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:34px; }
@media (max-width:860px){ .srs-who{ grid-template-columns:1fr; } }

/* why, dark */
.srs-why{ background:var(--srs-ink); color:#D5DEE8; }
body .srs-page .srs-why h2,body .srs-page .srs-why h3{ color:#fff; }
.srs-why .grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:30px 44px; margin-top:36px; }
.srs-why .item{ display:grid; grid-template-columns:44px 1fr; gap:16px; }
.srs-why .tick{ width:44px; height:44px; border:1px solid var(--srs-brass); display:flex; align-items:center; justify-content:center; color:var(--srs-brass); font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:700; font-size:1.1rem; }
body .srs-page .srs-why p{ color:#C3CEDB; margin:.4em 0 0; }
@media (max-width:760px){ .srs-why .grid{ grid-template-columns:1fr; } }

/* steps */
.srs-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:36px; counter-reset:step; }
.srs-steps .st{ background:#fff; border:1px solid var(--srs-line); border-radius:var(--srs-radius); padding:30px 26px; }
.srs-steps .st::before{ counter-increment:step; content:"0" counter(step); display:block; font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:700; font-size:2rem; color:var(--srs-brass-dk); line-height:1; margin-bottom:14px; }
@media (max-width:800px){ .srs-steps{ grid-template-columns:1fr; } }

/* towns, centered, two up on phones */
body .srs-page .srs-areas-sec,body .srs-page .srs-sec:has(.srs-areas){ text-align:center; }
body .srs-page .srs-sec:has(.srs-areas) .srs-label{ justify-content:center; }
body .srs-page .srs-sec:has(.srs-areas) .lead{ margin-left:auto; margin-right:auto; }
.srs-areas{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:28px; }
.srs-areas span{ display:inline-flex; align-items:center; gap:10px; padding:12px 20px; border-radius:999px; background:#fff; border:1px solid var(--srs-line); color:var(--srs-ink); font-weight:600; }
.srs-areas span::before{ content:""; width:6px; height:6px; background:var(--srs-brass); transform:rotate(45deg); }
.srs-more{ margin-top:24px; }
body .srs-page .srs-more a{ font-weight:700; }
.srs-map{ max-width:960px; margin:34px auto 0; border:1px solid var(--srs-line); border-radius:var(--srs-radius); overflow:hidden; background:var(--srs-cream); }
.srs-map iframe{ display:block; width:100%; height:420px; border:0; }
.srs-info .srs-map{ margin:26px 0 0; }
.srs-info .srs-map iframe{ height:300px; }
@media (max-width:640px){ .srs-map iframe{ height:320px; } }

/* FAQ, restyled UIkit accordion */
.srs-faq .uk-accordion{ margin-top:28px; border-top:1px solid var(--srs-line); }
.srs-faq .uk-accordion > li{ margin:0; border-bottom:1px solid var(--srs-line); }
body .srs-page .srs-faq .uk-accordion-title{ font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:600; font-size:1.12rem; color:var(--srs-ink); padding:20px 44px 20px 0; position:relative; text-decoration:none; display:block; }
.srs-faq .uk-accordion-title::before{ content:""; position:absolute; right:0; top:50%; width:22px; height:22px; margin-top:-11px; border-radius:50%; background-color:var(--srs-navy-lt); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%232B5672' stroke-width='2.2' stroke-linecap='round' d='M10 5v10M5 10h10'/%3E%3C/svg%3E"); background-position:center; background-size:12px; background-repeat:no-repeat; }
.srs-faq .uk-open > .uk-accordion-title::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%232B5672' stroke-width='2.2' stroke-linecap='round' d='M5 10h10'/%3E%3C/svg%3E"); }
.srs-faq .uk-accordion-content{ margin:0; padding:0 0 22px; color:var(--srs-text); }

/* CTA band, flat navy, no stripes */
.srs-cta{ background:var(--srs-navy); color:#fff; text-align:center; }
body .srs-page .srs-cta h2{ color:#fff; font-size:clamp(1.8rem,3.6vw,2.7rem); }
body .srs-page .srs-cta p{ color:#DCE3EC; font-size:1.12rem; max-width:640px; margin:0 auto; }
.srs-cta .srs-actions{ justify-content:center; }

/* visit: form + info */
.srs-formwrap{ background:#fff; border:1px solid var(--srs-line); border-radius:var(--srs-radius); padding:18px; }
.srs-formwrap iframe{ min-height:540px; display:block; }
.srs-info h3{ margin-bottom:.4em; }
.srs-info .row{ display:grid; gap:18px; margin-top:20px; }
.srs-info .it{ display:grid; grid-template-columns:42px 1fr; gap:14px; align-items:start; }
.srs-info .it .ic{ width:42px; height:42px; border-radius:50%; background:var(--srs-navy-lt); color:var(--srs-navy); display:flex; align-items:center; justify-content:center; }
.srs-info .it .ic svg{ width:20px; height:20px; }
.srs-info .it b{ display:block; color:var(--srs-ink); font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-size:1.05rem; }
body .srs-page .srs-info .it p{ margin:0; color:var(--srs-muted); font-size:.95rem; }
.srs-visit{ background:var(--srs-cream); }

/* prose */
body .srs-page .srs-prose h2{ margin-top:1.4em; }
body .srs-page .srs-prose h2:first-child,body .srs-page .srs-prose .srs-label + h2{ margin-top:0; }
body .srs-page .srs-prose h3{ margin:1.4em 0 .5em; }
body .srs-page .srs-prose .srs-label{ margin-top:1.2em; }
body .srs-page .srs-prose .srs-label:first-child{ margin-top:0; }

/* service area cards */
.srs-town{ background:#fff; border:1px solid var(--srs-line); border-radius:var(--srs-radius); padding:20px; }

/* reviews band */
.srs-reviews{ background:#fff; }
.srs-reviews-slot{ margin-top:10px; }

/* header chrome */
body .tm-toolbar.tm-toolbar-default{ background:var(--srs-ink)!important; background-image:none!important; color:#fff; }
body .tm-toolbar .uk-container{ max-width:none; padding-left:40px; padding-right:40px; }
.srs-tb{ display:flex; align-items:center; gap:22px; font-size:.86rem; color:#D5DEE8; font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; }
.srs-tb a{ color:#fff; text-decoration:none; font-weight:700; }
.srs-tb a:hover{ color:var(--srs-brass); }
.srs-tb .srs-btn{ min-height:36px; padding:0 16px; font-size:.8rem; background:var(--srs-brass); color:var(--srs-ink)!important; }
.srs-tb .srs-btn:hover{ background:#fff; color:var(--srs-ink)!important; }
.srs-tb .dot::before{ content:""; display:inline-block; width:6px; height:6px; background:var(--srs-brass); transform:rotate(45deg); margin-right:10px; vertical-align:middle; }
body .tm-header .uk-navbar-container{ background:#fff; }
body .uk-logo img{ max-height:64px; width:auto; }
body .uk-logo{ flex-shrink:0; }

/* phone: mobile header is its own YOOtheme header */
body .tm-header-mobile .uk-navbar-container{ background:#fff!important; border-bottom:1px solid var(--srs-line); }
body .tm-header-mobile .uk-container{ padding-left:24px!important; padding-right:24px!important; }
body .tm-header-mobile .uk-logo img{ max-height:48px; }
body .tm-header-mobile .uk-navbar-toggle{ color:var(--srs-ink); }

/* fixed call bar (HFCM Mobile Buttons) */
body .mobile-buttons{ display:none; }
@media (max-width:1099px){
  html,body{ background:#fff!important; }
  html{ padding-top:0!important; margin-top:0!important; }
  body{ margin-top:0!important; padding-top:0!important; }
  body .tm-page{ padding-top:56px!important; margin-top:0!important; }
  body .mobile-buttons{ display:flex!important; position:fixed; top:0; left:0; right:0; z-index:1000!important; width:100%; }
  body .mobile-buttons ul{ display:grid!important; grid-template-columns:1fr 1fr; width:100%; margin:0; padding:0; list-style:none; }
  body .mobile-buttons li{ margin:0; }
  body .mobile-buttons a{ box-sizing:border-box; border:0!important; display:flex; align-items:center; justify-content:center; height:56px; font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:700; font-size:.92rem; text-decoration:none; letter-spacing:.01em; }
  body .mobile-buttons a.button-left{ background:var(--srs-navy)!important; color:#fff!important; }
  body .mobile-buttons a.button-right{ background:var(--srs-ink)!important; color:#fff!important; }
}

/* phones */
@media (max-width:760px){
  .srs-hero.home{ padding-top:48px; }
  .srs-hero-grid{ grid-template-columns:1fr; gap:36px; }
  .srs-hero .photo .srs-fig::before{ inset:12px -10px -12px 10px; }
  .srs-hero .photo img{ max-height:380px; }
  .srs-hero-badge{ display:block; width:72px; height:72px; margin:0 0 18px; }
  .srs-hero.sm{ padding:48px 0 44px; }
  .srs-hero.compact{ padding:36px 0 32px; }
  .srs-hero h1 .l1{ font-size:2.2rem; }
  .srs-hero.sm h1 .l1{ font-size:2rem; }
  body .srs-page .srs-hero p{ font-size:1.02rem; }
  .srs-label{ letter-spacing:.14em; font-size:.7rem; }
  .srs-ticker{ margin-top:40px; gap:8px 18px; }
  .srs-actions{ gap:10px; }
  .srs-actions .srs-btn{ width:100%; }
  .srs-visit.first{ padding-top:36px; }
}
@media (max-width:640px){
  .srs-areas{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .srs-areas span{ padding:11px 10px; font-size:.86rem; justify-content:center; white-space:nowrap; gap:8px; }
  .srs-formwrap{ padding:10px; }
  .srs-cta{ text-align:left; }
  body .srs-page .srs-cta p{ margin:0; }
  .srs-cta .srs-actions{ justify-content:flex-start; }
}

/* footer, edge to edge, badge plus HTML wordmark */
body footer.tm-footer,body .tm-footer .uk-section-default{ background:var(--srs-ink); }
body .tm-footer .uk-container.uk-container-expand,body footer .uk-container{ padding-left:0!important; padding-right:0!important; max-width:none!important; }
body footer .uk-grid.tm-grid-expand{ margin-left:0!important; }
body footer .uk-grid.tm-grid-expand > *{ padding-left:0!important; }
body footer .uk-section{ padding:0; }
.srs-footer,.srs-footer *{ box-sizing:border-box; }
.srs-footer{ background:var(--srs-ink); color:#B8C4D3; font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-size:.95rem; }
.srs-footer .srs-wrap{ max-width:1200px; margin:0 auto; padding:0 24px; }
.srs-footer .top{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding:64px 0 48px; }
.srs-footer h4,.srs-footer .srs-fh{ color:#fff; font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:700; font-size:.8rem; letter-spacing:.18em; text-transform:uppercase; margin:0 0 16px; }
.srs-footer ul{ list-style:none; padding:0; margin:0; }
.srs-footer li{ margin:0 0 9px; }
.srs-footer a{ color:#D5DEE8; text-decoration:none; }
.srs-footer a:hover{ color:var(--srs-brass); }
.srs-footer .mark{ display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.srs-footer .mark img{ width:64px; height:64px; display:block; }
.srs-footer .mark b{ display:block; color:#fff; font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:700; font-size:1.3rem; line-height:1.1; }
.srs-footer .mark span{ display:block; color:var(--srs-brass); font-weight:700; font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; margin-top:5px; }
.srs-footer .brand p{ max-width:340px; margin:0 0 14px; }
.srs-footer .srs-phone{ color:#fff; font-size:1.4rem; }
.srs-footer .bottom{ border-top:1px solid rgba(255,255,255,.1); padding:22px 0; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:.85rem; color:#8E9BAE; }
@media (max-width:900px){ .srs-footer .top{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){
  .srs-footer .top{ grid-template-columns:1fr 1fr; gap:28px 16px; text-align:center; padding:44px 0 28px; }
  .srs-footer .brand{ grid-column:1 / -1; display:flex; flex-direction:column; align-items:center; }
  .srs-footer .mark{ flex-direction:column; gap:10px; text-align:center; }
  .srs-footer .brand p{ max-width:320px; margin:0 auto 12px; }
  .srs-footer .top > div:last-child{ grid-column:1 / -1; }
  .srs-footer .bottom{ justify-content:center; text-align:center; flex-direction:column; gap:6px; }
}

@media (prefers-reduced-motion:reduce){ .srs-page *{ transition:none!important; } }

/* ===================== v3 DARK SKIN (2026-09-28) =====================
   Matches the look of their current site: charcoal page #1E272F, grey header #41494F,
   slate buttons #496283, tan footer #DCD2CA, condensed headings, Playfair body, thin rules.
   Everything above is the v2 system, this block only recolours and simplifies it. */
:root{
  --srs-bg:#1E272F; --srs-bg-2:#26313B; --srs-head:#41494F; --srs-tan:#DCD2CA; --srs-rule:rgba(255,255,255,.22);
  --srs-navy:#496283; --srs-navy-dk:#5A7699; --srs-navy-lt:rgba(255,255,255,.1);
  --srs-ink:#FFFFFF; --srs-text:#E6EAEE; --srs-muted:#B4BEC8;
  --srs-brass:#DCD2CA; --srs-brass-dk:#DCD2CA; --srs-cream:#1E272F; --srs-cream-2:#26313B;
  --srs-line:rgba(255,255,255,.18); --srs-radius:0px;
}
html,body,body .tm-page,body main.tm-main{ background:var(--srs-bg)!important; }
body .srs-page{ background:var(--srs-bg); color:var(--srs-text); font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:400; font-size:17px; line-height:1.75; }
body .srs-page h1,body .srs-page h2,body .srs-page h3,body .srs-page h4{ font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:500; letter-spacing:.01em; color:#fff; }
body .srs-page h2{ font-size:clamp(1.8rem,3vw,2.4rem); line-height:1.2; }
body .srs-page h3{ font-size:1.4rem; }
body .srs-page .lead{ color:var(--srs-text); font-size:1.08rem; }
body .srs-page a{ color:var(--srs-tan); text-underline-offset:3px; }
body .srs-page a:hover{ color:#fff; }

/* sections: one dark page, thin rule between blocks, less air */
.srs-sec{ padding:64px 0; position:relative; }
@media (max-width:640px){ .srs-sec{ padding:44px 0; } }
.srs-sec + .srs-sec::before,.srs-hero + .srs-sec::before,.srs-band + .srs-sec::before{ content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:min(1152px,calc(100% - 48px)); height:1px; background:var(--srs-rule); }
.srs-alt,.srs-visit,.srs-reviews{ background:var(--srs-bg); }
.srs-label{ color:var(--srs-tan); letter-spacing:.18em; }
.srs-label::before{ height:1px; background:var(--srs-tan); }

/* buttons: flat slate, like their Book Now */
.srs-btn{ min-height:48px; padding:0 26px; font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:400; font-size:1rem; letter-spacing:.02em; border-width:1px; }
body .srs-page .srs-btn-navy,.srs-btn-navy{ background:var(--srs-navy); color:#fff!important; }
.srs-btn-navy:hover,.srs-btn-navy:focus{ background:var(--srs-navy-dk); box-shadow:none; transform:none; }
body .srs-page .srs-btn-light,.srs-btn-light{ background:var(--srs-navy); color:#fff!important; }
.srs-btn-light:hover,.srs-btn-light:focus{ background:var(--srs-navy-dk); box-shadow:none; transform:none; }
body .srs-page .srs-btn-ghost,.srs-btn-ghost,body .srs-page .srs-btn-outline,.srs-btn-outline{ background:transparent; color:#fff!important; border-color:rgba(255,255,255,.55); }
.srs-btn-ghost:hover,.srs-btn-ghost:focus,.srs-btn-outline:hover,.srs-btn-outline:focus{ background:#fff; color:#1E272F!important; border-color:#fff; transform:none; }

/* hero: flat charcoal, no gradient, no frame */
.srs-hero{ background:var(--srs-bg); background-image:none; }
.srs-hero h1 .l1{ font-weight:500; font-size:clamp(2.2rem,4.4vw,3.4rem); line-height:1.1; }
body .srs-page .srs-hero h1 .l2{ font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--srs-tan); }
body .srs-page .srs-hero p{ color:var(--srs-text); font-size:1.06rem; }
.srs-hero.home{ padding:72px 0 0; }
.srs-hero.sm{ padding:64px 0 52px; }
.srs-hero.compact{ padding:52px 0 40px; }
.srs-hero .photo .srs-fig::before{ display:none; }
.srs-hero .photo img{ box-shadow:none; max-height:480px; }
.srs-ticker{ margin-top:56px; border-top:1px solid var(--srs-rule); padding:20px 0 26px; }
body .srs-page .srs-ticker a{ color:var(--srs-text); font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; }
.srs-crumb span::before{ color:var(--srs-muted); }

/* bands and cards sit one shade up from the page */
.srs-band{ background:var(--srs-bg-2); border-top:1px solid var(--srs-line); border-bottom:1px solid var(--srs-line); }
body .srs-page .srs-band .k{ font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:500; font-size:1.35rem; }
.srs-band .d{ color:var(--srs-muted); }
.srs-card,.srs-steps .st,.srs-town,body .srs-page .srs-cards a{ background:var(--srs-bg-2); border-color:var(--srs-line); color:var(--srs-text); }
.srs-cards a:hover{ transform:none; box-shadow:none; border-color:rgba(255,255,255,.45); }
body .srs-page .srs-cards h3{ color:#fff; }
.srs-card a::after{ color:var(--srs-tan); }
.srs-phone,.srs-info .it b{ font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:500; color:#fff; }
.srs-info .it b{ font-size:1.2rem; }
.srs-info .it .ic{ background:var(--srs-navy-lt); color:var(--srs-tan); }
.srs-why{ background:var(--srs-bg-2); color:var(--srs-text); }
body .srs-page .srs-why p{ color:var(--srs-muted); }
.srs-why .tick{ font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; border-color:var(--srs-rule); color:var(--srs-tan); }
.srs-steps .st::before{ font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:500; color:var(--srs-tan); }
.srs-areas span{ background:transparent; border-color:var(--srs-line); color:#fff; border-radius:0; font-weight:400; }
.srs-map{ background:var(--srs-bg-2); }
.srs-checks li::before{ border-width:1px; }

/* FAQ */
body .srs-page .srs-faq .uk-accordion-title{ font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:500; font-size:1.3rem; color:#fff; }
.srs-faq .uk-accordion-title::before{ background-color:var(--srs-navy-lt); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' d='M10 5v10M5 10h10'/%3E%3C/svg%3E"); }
.srs-faq .uk-open > .uk-accordion-title::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' d='M5 10h10'/%3E%3C/svg%3E"); }

/* CTA band in the header grey */
.srs-cta{ background:var(--srs-head); }
body .srs-page .srs-cta p{ color:var(--srs-text); }

/* form card stays light so the form reads */
.srs-formwrap{ background:#fff; border-color:#fff; }

/* header: grey bar, white logo, white caps menu */
body .tm-toolbar.tm-toolbar-default{ background:var(--srs-bg)!important; border-bottom:1px solid var(--srs-line); }
.srs-tb{ color:var(--srs-muted); }
.srs-tb .srs-btn{ background:var(--srs-navy); color:#fff!important; font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:500; }
.srs-tb .srs-btn:hover{ background:var(--srs-navy-dk); color:#fff!important; }
body .tm-header .uk-navbar-container,body .tm-header-mobile .uk-navbar-container{ background:var(--srs-head)!important; border-bottom:0!important; }
body .tm-header .uk-navbar-nav>li>a{ font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif!important; font-weight:500; font-size:1.05rem; letter-spacing:.06em; text-transform:uppercase; color:#fff!important; min-height:80px; }
body .tm-header .uk-navbar-nav>li:hover>a,body .tm-header .uk-navbar-nav>li.uk-active>a,body .tm-header .uk-navbar-nav>li>a[aria-expanded="true"]{ color:var(--srs-tan)!important; }
body .tm-header .uk-navbar-nav>li>a::before{ background-color:var(--srs-tan)!important; }
body .uk-navbar-dropdown{ background:var(--srs-head); border-radius:0; border-top:1px solid var(--srs-tan); box-shadow:0 18px 40px rgba(0,0,0,.35); }
body .uk-navbar-dropdown-nav>li>a{ color:#fff; font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:400; }
body .uk-navbar-dropdown-nav>li>a:hover,body .uk-navbar-dropdown-nav>li.uk-active>a{ color:var(--srs-tan); }
body .uk-logo img{ filter:brightness(0) invert(1); }
body .tm-header-mobile .uk-navbar-toggle,body .uk-navbar-toggle{ color:#fff; }
body .uk-offcanvas-bar{ background:var(--srs-bg); }
body .uk-offcanvas-bar .uk-nav>li>a{ font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:500; font-size:1.3rem; letter-spacing:.04em; text-transform:uppercase; }
body .uk-offcanvas-bar .uk-nav-sub a:hover{ color:var(--srs-tan); }
@media (max-width:1099px){
  html,body{ background:var(--srs-bg)!important; }
  body .mobile-buttons a.button-left{ background:var(--srs-navy)!important; color:#fff!important; }
  body .mobile-buttons a.button-right{ background:#141B21!important; color:#fff!important; }
}

/* footer: tan, dark type, like theirs */
body footer.tm-footer,body .tm-footer .uk-section-default,.srs-footer{ background:var(--srs-tan); }
.srs-footer{ color:#3A4148; font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; }
.srs-footer h4,.srs-footer .srs-fh{ color:#1E272F; font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:700; letter-spacing:.08em; font-size:.86rem; }
.srs-footer a{ color:#1E272F; text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(30,39,47,.35); }
.srs-footer a:hover{ color:var(--srs-navy); }
.srs-footer .mark img{ display:none; }
.srs-footer .mark b{ color:#1E272F; font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:600; font-size:1.5rem; letter-spacing:.04em; text-transform:uppercase; }
.srs-footer .mark span{ color:var(--srs-navy); font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; }
.srs-footer .srs-phone{ color:#1E272F; text-decoration:none; }
.srs-footer .bottom{ border-top:1px solid rgba(30,39,47,.18); color:#5A6169; }

/* ===== LK FONT LAYER 2026-10-07, match the logo. Archivo: headings + labels wide and heavy, body normal ===== */
html body,body .srs-page,body .srs-page p,body .srs-page li,body .srs-page td,body .srs-page input,body .srs-page textarea,
body .srs-footer,body .srs-tb,body .tm-page{font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif!important;font-stretch:100%;}
body .srs-page{font-weight:400;}
body .srs-page p,body .srs-page li{font-weight:400;}

/* headings, the SIDNEY line */
body h1,body h2,body h3,body h4,body .uk-h1,body .uk-h2,body .uk-h3,body .uk-h4,
body .srs-page h1,body .srs-page h2,body .srs-page h3,body .srs-page h4{
  font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif!important;font-stretch:125%!important;font-weight:800!important;letter-spacing:-.012em!important;line-height:1.08;}
body .srs-page h1{font-size:clamp(2rem,4.2vw,3.1rem);}
body .srs-page h2{font-size:clamp(1.55rem,3vw,2.3rem);}
body .srs-page h3{font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.2;}
body .srs-page h4{font-size:1.05rem;line-height:1.25;}
/* hero h1 first line is a span with its own weight and size */
body .srs-page h1 .l1{font-stretch:125%!important;font-weight:800!important;letter-spacing:-.012em!important;font-size:clamp(2.1rem,4.4vw,3.4rem)!important;line-height:1.06!important;}
/* the second line inside the hero h1 is a sub line, keep it body weight */
body .srs-page h1 .l2{font-stretch:100%!important;font-weight:400!important;letter-spacing:0!important;font-size:clamp(1.05rem,2vw,1.3rem)!important;line-height:1.45;}

/* display bits that used the serif: numbers, phone, accordion titles, card titles */
body .srs-phone,body .srs-steps .st::before,body .srs-why .tick,body .srs-band .k,body .srs-info .it b,
body .srs-footer .mark b,body .srs-page .uk-accordion-title,body .srs-faq .uk-accordion-title{
  font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif!important;font-stretch:118%!important;font-weight:700!important;letter-spacing:0!important;}

/* the RENOVATION SHOP line: labels, menu, buttons, footer titles */
body .srs-label,body .srs-fh,body .srs-footer h4,body .srs-btn,body .uk-button,
body .uk-navbar-nav>li>a,body .uk-navbar-dropdown-nav>li>a,body .uk-nav-default>li>a,body .uk-nav-primary>li>a,
body .mobile-buttons a{
  font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif!important;font-stretch:125%!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.12em!important;}
html body .tm-header .uk-navbar-nav>li>a{font-size:.78rem!important;letter-spacing:.12em!important;font-stretch:125%!important;}
html body .tm-header .uk-navbar-nav{gap:48px!important;}
body .srs-btn,body .uk-button{font-size:.82rem!important;}
body .srs-label{font-size:.72rem!important;letter-spacing:.2em!important;}
@media (max-width:640px){
  html body .mobile-buttons a{font-stretch:100%!important;letter-spacing:.05em!important;font-size:.74rem!important;white-space:nowrap!important;padding:0 6px!important;}
  body .srs-btn,body .uk-button{font-stretch:105%!important;letter-spacing:.08em!important;font-size:.76rem!important;text-align:center!important;justify-content:center!important;}
}
/* ===== END LK FONT LAYER ===== */