/* Media-driven refinements using the approved Superior Interior artwork uploaded to WordPress. */
.hero-media-reference{position:relative;background:#050505;overflow:hidden;isolation:isolate}
.hero-media-reference .hero-media-canvas{position:absolute;z-index:0;inset:0;display:flex;justify-content:center;pointer-events:none}
.hero-media-reference .hero-media-canvas .hero-artwork{width:100vw;max-width:none;height:100%;object-fit:cover;object-position:center center;display:block;image-rendering:auto}
.hero-media-reference .hero-shell{position:relative;z-index:2;width:100%;margin:0;display:grid;grid-template-columns:48% 52%;min-height:clamp(560px,39vw,680px);background:transparent}
.hero-media-reference .hero-copy{padding:24px 7vw 76px 7vw;background:linear-gradient(90deg,rgba(5,5,5,.995) 0%,rgba(5,5,5,.96) 61%,rgba(5,5,5,.66) 82%,transparent 100%)}
.hero-media-reference .eyebrow{font-size:14px;letter-spacing:.13em;margin-bottom:15px}
.hero-media-reference .hero-copy h1{font-size:clamp(68px,5.5vw,88px);line-height:.98;margin:0 0 18px;letter-spacing:-.025em;max-width:580px}
.hero-media-reference .hero-script-live{font-family:'Allura','Segoe Script',cursive!important;font-size:clamp(58px,4.8vw,72px)!important;font-weight:400!important;line-height:.9!important;color:#c9a34f;margin:0 0 28px -2px;letter-spacing:.006em;transform:rotate(-1.2deg);transform-origin:left center;max-width:520px;text-shadow:0 1px 0 rgba(255,255,255,.02)}
.hero-media-reference .hero-script-live span{display:block;margin-left:42px;margin-top:8px}
.hero-media-reference .hero-intro{max-width:500px;margin:0 0 24px;font-size:16px;line-height:1.7}
.hero-media-reference .hero-actions{margin:0 0 28px;gap:14px}
.hero-media-reference .hero-actions .btn{padding:15px 22px;min-width:190px}
.hero-media-reference .hero-trust{max-width:610px;gap:16px}
.hero-media-reference .hero-photo-spacer{min-height:100%}

.media-services{background:#fbf8f1;padding-top:14px!important;padding-bottom:28px!important}
.media-services .section-script{font-family:'Allura','Segoe Script',cursive;font-weight:400;font-size:48px;line-height:1;margin:0 0 10px}
.media-services .service-grid{border-top:1px solid #e1dacd;border-bottom:1px solid #e1dacd}
.media-services .service-card{background:transparent;border:0;border-right:1px solid #dfd7ca;border-radius:0;box-shadow:none;text-align:center;min-height:190px;padding:14px 16px 16px}
.media-services .service-card:last-child{border-right:0}
.media-services .service-card:hover{transform:none;box-shadow:none}
.media-services .service-icon-media{width:82px;height:72px;margin:0 auto 4px;background-image:var(--si-service-icons);background-repeat:no-repeat;background-size:600% 100%;background-position-y:center}
.media-services .icon-01{background-position-x:0%}
.media-services .icon-02{background-position-x:20%}
.media-services .icon-03{background-position-x:40%}
.media-services .icon-04{background-position-x:60%}
.media-services .icon-05{background-position-x:80%}
.media-services .icon-06{background-position-x:100%}
.media-services .service-card h3{font-size:16px;line-height:1.12;margin:4px 0 7px}
.media-services .service-card p{font-size:11px;line-height:1.45;margin:0 auto;max-width:140px;color:#38342f}

.media-services-page .ref-service-icon.service-icon-media{width:54px;height:54px;border-radius:0;background-color:transparent;background-image:var(--si-service-icons);background-repeat:no-repeat;background-size:600% 100%;background-position-y:center;margin:auto}
.media-services-page .icon-01{background-position-x:0%}.media-services-page .icon-02{background-position-x:20%}.media-services-page .icon-03{background-position-x:40%}.media-services-page .icon-04{background-position-x:60%}.media-services-page .icon-05{background-position-x:80%}.media-services-page .icon-06{background-position-x:100%}

.media-about-grid{position:relative}
.media-about-grid:after{content:'';position:absolute;top:50%;left:66.1%;width:36px;height:170px;transform:translate(-50%,-50%);background-image:var(--si-gold-separator);background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}
.media-about-grid .why{border-left:0!important;padding-left:52px!important}
.media-about-lower{position:relative}
.media-about-lower:after{content:'';position:absolute;top:50%;left:67%;width:30px;height:150px;transform:translate(-50%,-50%);background-image:var(--si-gold-separator);background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}

.media-cta-strip{position:relative;background-color:#f7f1e6!important;background-image:var(--si-footer-brush);background-repeat:no-repeat;background-position:center;background-size:100% 100%;color:#111!important;overflow:hidden}
.media-cta-strip .cta-inner{position:relative;z-index:1}
.media-cta-strip .script{font-family:'Allura','Segoe Script',cursive;font-size:34px;line-height:1;color:#111}
.media-cta-strip small{color:#28231c}

.script,.hero-script,.ref-script-label,.ref-signature,.location-brush .script,.ref-brush-note,.ref-page-cta h2,.ref-portfolio-more h2,.ref-contact-kayley span,.footer-note,.photo-note,.accent-line{font-family:'Allura','Segoe Script','Bradley Hand',cursive!important;font-weight:400!important}

@media(max-width:1050px){
  .hero-media-reference .hero-shell{grid-template-columns:50% 50%;min-height:560px}
  .hero-media-reference .hero-media-canvas .hero-artwork{width:100vw;max-width:none}
  .hero-media-reference .hero-copy{padding:48px 5vw 38px;background:linear-gradient(90deg,rgba(5,5,5,.99),rgba(5,5,5,.9) 76%,rgba(5,5,5,.38))}
  .hero-media-reference .hero-copy h1{font-size:clamp(58px,7vw,72px)}
  .hero-media-reference .hero-script-live{font-size:clamp(50px,6.4vw,62px)!important;max-width:430px}
  .hero-media-reference .hero-intro{font-size:15px;max-width:430px}
  .media-services .service-grid{grid-template-columns:repeat(3,1fr)}
  .media-services .service-card:nth-child(3){border-right:0}
  .media-services .service-card:nth-child(-n+3){border-bottom:1px solid #dfd7ca}
  .media-about-grid:after,.media-about-lower:after{display:none}
  .media-about-grid .why{padding-left:0!important}
}
@media(max-width:760px){
  .hero-media-reference{padding-top:0}
  .hero-media-reference .hero-media-canvas{position:relative;height:auto;order:2}
  .hero-media-reference .hero-media-canvas .hero-artwork{width:100vw;max-width:none;height:auto;object-fit:contain}
  .hero-media-reference .hero-shell{display:block;min-height:0;margin-top:calc(-43.5vw);padding-top:0}
  .hero-media-reference .hero-copy{position:relative;z-index:2;padding:44px 7vw 34px;background:linear-gradient(180deg,#050505 0%,#050505 91%,rgba(5,5,5,.9) 100%)}
  .hero-media-reference .hero-photo-spacer{height:43.5vw;min-height:250px}
  .hero-media-reference .eyebrow{font-size:12px;letter-spacing:.11em;margin-bottom:13px}
  .hero-media-reference .hero-script-live{font-size:49px!important;line-height:.9!important;margin:0 0 22px 0;max-width:360px}
  .hero-media-reference .hero-script-live span{margin-left:24px;margin-top:7px}
  .hero-media-reference .hero-copy h1{font-size:54px;line-height:.98;margin-bottom:15px}
  .hero-media-reference .hero-intro{font-size:15px;line-height:1.65;margin-bottom:22px}
  .hero-media-reference .hero-actions{margin-bottom:24px}
  .media-services .service-grid{grid-template-columns:repeat(2,1fr)}
  .media-services .service-card{border-right:1px solid #dfd7ca;border-bottom:1px solid #dfd7ca}
  .media-services .service-card:nth-child(2n){border-right:0}
  .media-services .service-card:nth-last-child(-n+2){border-bottom:0}
  .media-services .section-script{font-size:42px}
  .media-cta-strip{background-size:auto 100%;background-position:left center}
}

/* Site-wide typography scale aligned with the more generous hero proportions. */
.ref-page h1,
.ref-about-copy h1,
.ref-simple-hero h1,
.ref-project-info h1,
.page-content > h1 {
  font-size:clamp(56px,5vw,78px)!important;
  line-height:.98!important;
  letter-spacing:-.025em;
}

.ref-page h2:not(.script),
.about-reference-home .about-copy h2:not(.script),
.ref-service-copy h2,
.ref-project-caption h2,
.project-copy-card h3 {
  font-size:clamp(30px,2.8vw,44px)!important;
  line-height:1.08!important;
  letter-spacing:-.015em;
}

.script.section-script,
.ref-script-label,
.ref-about-lower h2.script,
.about-reference-home .why h2.script,
.reviews-reference-home h2.script,
.portfolio-reference-home .section-head h2.script,
.ref-page-cta h2.script,
.ref-portfolio-more h2.script {
  font-size:clamp(46px,4vw,64px)!important;
  line-height:.95!important;
}

.ref-signature,
.ref-brush-note,
.ref-contact-kayley span {
  font-size:clamp(34px,3vw,48px)!important;
  line-height:1!important;
}

.ref-page p,
.ref-about-copy p,
.about-reference-home p,
.portfolio-reference-home p,
.reviews-reference-home p,
.ref-service-copy p,
.ref-project-caption p,
.ref-contact-points,
.ref-quote-form,
.ref-tick-list li {
  font-size:clamp(16px,1.15vw,18px)!important;
  line-height:1.7!important;
}

.media-services .service-card h3{font-size:clamp(17px,1.35vw,21px)!important;line-height:1.16!important}
.media-services .service-card p{font-size:clamp(13px,1vw,15px)!important;line-height:1.55!important;max-width:170px}
.media-services .service-card{min-height:220px;padding:18px 16px 20px}

.ref-page .btn,
.about-reference-home .btn,
.portfolio-reference-home a,
.ref-page-cta .btn {
  font-size:14px;
  letter-spacing:.035em;
}

@media(max-width:760px){
  .ref-page h1,.ref-about-copy h1,.ref-simple-hero h1,.ref-project-info h1,.page-content > h1{font-size:clamp(44px,13vw,58px)!important}
  .ref-page h2:not(.script),.about-reference-home .about-copy h2:not(.script),.ref-service-copy h2,.ref-project-caption h2,.project-copy-card h3{font-size:clamp(28px,8vw,36px)!important}
  .script.section-script,.ref-script-label,.ref-about-lower h2.script,.about-reference-home .why h2.script,.reviews-reference-home h2.script,.portfolio-reference-home .section-head h2.script,.ref-page-cta h2.script,.ref-portfolio-more h2.script{font-size:clamp(40px,11vw,52px)!important}
  .ref-page p,.ref-about-copy p,.about-reference-home p,.portfolio-reference-home p,.reviews-reference-home p,.ref-service-copy p,.ref-project-caption p,.ref-contact-points,.ref-quote-form,.ref-tick-list li{font-size:16px!important;line-height:1.65!important}
  .media-services .service-card h3{font-size:18px!important}
  .media-services .service-card p{font-size:14px!important}
}

/* Footer typography scaled to match the more generous site-wide hierarchy. */
.site-footer h4{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-size:22px;line-height:1.15;margin-bottom:16px}
.site-footer p,.site-footer a,.site-footer span{font-size:16px;line-height:1.65}
.site-footer .footer-intro p{max-width:360px}
.site-footer .footer-note,.site-footer .script{font-family:'Allura','Segoe Script','Bradley Hand',cursive!important;font-size:34px!important;line-height:1.05!important;font-weight:400!important}
.site-footer .copyright,.site-footer .copyright span{font-size:13px;line-height:1.45}
.media-cta-strip .script{font-size:clamp(42px,3.6vw,56px)!important;line-height:.95!important}
.media-cta-strip small{font-size:15px;line-height:1.6}
.media-cta-strip .btn{font-size:14px;letter-spacing:.035em}

@media(max-width:760px){
  .site-footer h4{font-size:20px}
  .site-footer p,.site-footer a,.site-footer span{font-size:15px;line-height:1.6}
  .site-footer .footer-note,.site-footer .script{font-size:30px!important}
  .site-footer .copyright,.site-footer .copyright span{font-size:12px}
  .media-cta-strip .script{font-size:40px!important}
  .media-cta-strip small{font-size:14px}
  .nav-actions{margin-left:auto!important;justify-content:flex-end!important;flex:0 0 auto}
  .menu-toggle{margin-left:auto!important;display:block}
}

/* Final typography + spacing pass: preserve the approved design language while using the larger type scale. */
:root{
  --si-serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --si-script:'Allura','Segoe Script','Bradley Hand',cursive;
  --si-sans:'Lato',Arial,Helvetica,sans-serif;
}

body{font-family:var(--si-sans);font-size:17px;line-height:1.7}
.main-nav a,.text-link,.btn,.eyebrow,.section-kicker,.ref-service-copy a,.portfolio-filters span,.ref-quote-form label{font-family:var(--si-sans)}

/* Display / editorial serif text */
h1,h2,h3,.ref-page h1,.ref-page h2,.ref-about-copy h1,.ref-simple-hero h1,.ref-service-copy h2,.ref-project-caption h2,.ref-project-info h1,.ref-contact-left h1,.about-copy h2,.service-card h3,.project-card h3,.site-footer h4{font-family:var(--si-serif)!important;font-weight:400}

/* Handwritten gold accents */
.script,.hero-script,.ref-script-label,.ref-signature,.ref-brush-note,.ref-page-cta h2.script,.ref-portfolio-more h2.script,.ref-contact-kayley span,.footer-note,.photo-note,.accent-line{font-family:var(--si-script)!important;font-weight:400!important;font-style:normal!important}

/* Utility / supporting copy */
p,li,small,cite,input,select,textarea,.ref-contact-points,.ref-quote-form,.site-footer{font-family:var(--si-sans)}

/* Header remains restrained so the large editorial type below still leads. */
.site-header{height:92px}
.nav-wrap{height:92px;gap:36px}
.main-nav ul{gap:34px}
.main-nav a{font-size:12.5px;letter-spacing:.12em}
.text-link{font-size:13px}
.btn{font-size:13px;letter-spacing:.055em;padding:15px 24px}

/* General page rhythm: larger type with more deliberate whitespace. */
.section{padding:92px 0}
.ref-simple-hero{padding:82px 0 42px}
.ref-simple-hero .ref-script-label{margin-bottom:13px}
.ref-simple-hero h1{margin:8px 0 18px;max-width:980px}
.ref-simple-hero>div>p{max-width:780px;margin-top:0;font-size:18px;line-height:1.72}

.ref-page h1,.ref-about-copy h1,.ref-contact-left h1,.ref-project-info h1{font-size:clamp(62px,5.2vw,82px)!important;line-height:.98!important;letter-spacing:-.03em}
.ref-page h2:not(.script),.about-reference-home .about-copy h2:not(.script),.ref-service-copy h2,.ref-project-caption h2{font-size:clamp(32px,2.8vw,46px)!important;line-height:1.08!important;letter-spacing:-.018em}

/* Script headings match the generous hero treatment without becoming oversized. */
.script.section-script,.ref-script-label,.ref-about-lower h2.script,.about-reference-home .why h2.script,.reviews-reference-home h2.script,.portfolio-reference-home .section-head h2.script,.ref-page-cta h2.script,.ref-portfolio-more h2.script{font-size:clamp(52px,4.25vw,68px)!important;line-height:.9!important;letter-spacing:.004em}
.ref-signature,.ref-brush-note,.ref-contact-kayley span{font-size:clamp(38px,3.1vw,50px)!important;line-height:.95!important}

/* Body copy: larger, but constrained to comfortable reading widths. */
.ref-page p,.ref-about-copy p,.about-reference-home p,.portfolio-reference-home p,.reviews-reference-home p,.ref-service-copy p,.ref-project-caption p,.ref-contact-points,.ref-quote-form,.ref-tick-list li{font-size:17px!important;line-height:1.72!important}
.ref-about-copy p,.ref-contact-left>p{max-width:660px}

/* About page */
.ref-about-grid{min-height:650px}
.ref-about-copy{padding:92px 82px 74px 92px}
.ref-about-copy h1{margin:0 0 28px}
.ref-about-copy p{margin:0 0 18px}
.ref-signature{margin-top:27px}
.ref-cred-band{padding:34px 0}
.ref-cred-grid>div{padding:12px 24px}
.ref-cred-grid strong{font-size:15px;line-height:1.35}
.ref-cred-grid small{font-size:12px;line-height:1.45}
.ref-about-lower-grid{gap:68px}
.ref-tick-list li{padding:11px 0}

/* Services */
.ref-services-stack{gap:18px}
.ref-service-row{grid-template-columns:270px 76px 1fr;min-height:154px}
.ref-service-image{min-height:154px}
.ref-service-copy{padding:24px 38px 24px 10px}
.ref-service-copy h2{margin:0 0 9px}
.ref-service-copy p{margin:0 0 11px;max-width:760px}
.ref-service-copy a{font-size:11px;letter-spacing:.075em}
.media-services .service-card{min-height:245px;padding:24px 18px 24px}
.media-services .service-icon-media{width:92px;height:80px;margin-bottom:8px}
.media-services .service-card h3{font-size:clamp(19px,1.45vw,23px)!important;margin:7px 0 10px}
.media-services .service-card p{font-size:15px!important;line-height:1.58!important;max-width:185px}
.media-services .section-script{margin-bottom:18px}

/* Portfolio and reviews */
.portfolio-reference-home .section-head,.reviews-heading{margin-bottom:38px}
.portfolio-reference-home .project-grid,.ref-portfolio-grid{gap:24px}
.project-copy-card{padding:20px 20px 24px}
.project-card h3{font-size:23px;margin-bottom:8px}
.project-card p{font-size:14px;line-height:1.6}
.review-grid{gap:24px}
.review-grid blockquote,.ref-review-card{padding:34px;min-height:230px}
.review-grid blockquote p,.ref-review-card p{font-family:var(--si-serif);font-size:18px;line-height:1.62}
.review-grid cite,.ref-review-card cite{font-family:var(--si-sans);font-size:13px}

/* Contact */
.ref-contact-grid{gap:86px}
.ref-contact-left h1{margin:12px 0 24px}
.ref-contact-points{margin:34px 0}
.ref-contact-points>div{margin:18px 0;gap:16px}
.ref-quote-panel{padding:42px}
.ref-quote-title{font-family:var(--si-serif);font-size:38px;line-height:1.08;margin-bottom:24px}
.ref-quote-form label{font-size:11px;letter-spacing:.075em;margin-bottom:15px}
.ref-quote-form input,.ref-quote-form select,.ref-quote-form textarea{font-size:16px;padding:14px 15px;margin-top:8px}

/* CTA bands and footer */
.ref-page-cta{padding:42px 0}
.ref-page-cta>.wrap,.media-cta-strip .cta-inner{gap:36px}
.ref-page-cta h2.script,.media-cta-strip .script{margin:0 0 8px}
.ref-page-cta p,.media-cta-strip small{font-size:16px;line-height:1.6}
.cta-strip{padding:38px 0}
.footer-grid{padding:64px 0;gap:54px}
.site-footer h4{font-size:22px;line-height:1.15;margin:0 0 18px;color:var(--gold-light);text-transform:none;letter-spacing:0}
.site-footer p,.site-footer a,.site-footer span{font-size:16px;line-height:1.68}
.site-footer a{margin:8px 0}
.site-footer .footer-note,.site-footer .script{font-size:36px!important;line-height:1!important}
.site-footer .copyright,.site-footer .copyright span{font-family:var(--si-sans);font-size:13px;line-height:1.5}

@media(max-width:1050px){
  .site-header{height:88px}.nav-wrap{height:88px}
  .section{padding:76px 0}
  .ref-about-copy{padding:64px 5vw}
  .ref-service-row{grid-template-columns:210px 64px 1fr}
  .ref-contact-grid{gap:54px}
}

@media(max-width:760px){
  body{font-size:16px}
  .site-header{height:74px}.nav-wrap{height:74px}
  .section{padding:62px 0}
  .ref-simple-hero{padding:58px 0 30px}
  .ref-page h1,.ref-about-copy h1,.ref-contact-left h1,.ref-project-info h1{font-size:clamp(46px,13vw,60px)!important}
  .ref-page h2:not(.script),.about-reference-home .about-copy h2:not(.script),.ref-service-copy h2,.ref-project-caption h2{font-size:clamp(29px,8vw,38px)!important}
  .script.section-script,.ref-script-label,.ref-about-lower h2.script,.about-reference-home .why h2.script,.reviews-reference-home h2.script,.portfolio-reference-home .section-head h2.script,.ref-page-cta h2.script,.ref-portfolio-more h2.script{font-size:clamp(42px,12vw,54px)!important}
  .ref-page p,.ref-about-copy p,.about-reference-home p,.portfolio-reference-home p,.reviews-reference-home p,.ref-service-copy p,.ref-project-caption p,.ref-contact-points,.ref-quote-form,.ref-tick-list li{font-size:16px!important;line-height:1.65!important}
  .ref-about-grid{min-height:0}
  .ref-about-copy{padding:48px 5vw 54px}
  .ref-service-row{grid-template-columns:1fr;min-height:0}
  .ref-service-image{min-height:118px}
  .ref-service-copy{padding:24px}
  .media-services .service-card{min-height:220px;padding:20px 14px 22px}
  .media-services .service-card h3{font-size:19px!important}
  .media-services .service-card p{font-size:14px!important}
  .review-grid blockquote,.ref-review-card{padding:26px}
  .review-grid blockquote p,.ref-review-card p{font-size:17px}
  .ref-quote-panel{padding:28px 22px}
  .ref-quote-title{font-size:32px}
  .ref-page-cta{padding:34px 0}
  .cta-strip{padding:32px 0}
  .footer-grid{padding:48px 0;gap:30px}
  .site-footer h4{font-size:20px}
  .site-footer p,.site-footer a,.site-footer span{font-size:15px}
  .site-footer .footer-note,.site-footer .script{font-size:31px!important}
}

/* Four requested refinements: larger homepage trust icons, stronger reviews rating, custom service icons, and right-aligned landscape mobile menu. */
.about-reference-home .why p strong{display:flex;align-items:center;gap:12px}
.about-reference-home .why-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border:1.5px solid #c7a24b;border-radius:50%;color:#a98233;font-size:20px;line-height:1;background:#fffdf8}
@media(max-width:760px){.about-reference-home .why-icon{width:38px;height:38px;flex-basis:38px;font-size:22px}.about-reference-home .why p strong{gap:14px}}

.media-services .service-icon-media,.media-services-page .ref-service-icon.service-icon-media{background:none!important;background-image:none!important;color:#b88d35;display:flex;align-items:center;justify-content:center}
.media-services .service-icon-media{width:96px;height:84px;margin:0 auto 8px}
.media-services-page .ref-service-icon.service-icon-media{width:72px;height:72px;margin:auto}
.media-services .service-icon-media svg{width:76px;height:76px;display:block;overflow:visible}
.media-services-page .ref-service-icon.service-icon-media svg{width:58px;height:58px;display:block;overflow:visible}
.media-services .service-card{padding-top:22px!important}
@media(max-width:760px){.media-services .service-icon-media{width:92px;height:82px}.media-services .service-icon-media svg{width:72px;height:72px}.media-services .service-card{padding:22px 16px 24px!important}}

@media (orientation:landscape) and (max-height:620px) and (max-width:1100px){
  .site-header .nav-wrap{width:100%!important;max-width:none!important;padding:0 28px!important;display:flex!important;align-items:center!important}
  .site-header .brand{margin-right:auto!important;flex:0 0 auto!important}
  .site-header .main-nav{display:none!important}
  .site-header .nav-actions{margin-left:auto!important;flex:0 0 auto!important;display:flex!important;justify-content:flex-end!important;align-items:center!important}
  .site-header .nav-actions .text-link,.site-header .nav-actions .nav-quote{display:none!important}
  .site-header .menu-toggle{display:block!important;margin-left:auto!important;position:static!important;right:auto!important;transform:none!important}
}

/* Reviews hero rating: premium black/gold badge with stronger visual hierarchy. */
.reviews-ref .ref-simple-hero .wrap{position:relative}
.ref-review-score{display:inline-grid;grid-template-columns:auto auto;grid-template-areas:"stars score" "label label";align-items:center;gap:2px 14px;margin-top:28px;padding:18px 24px 16px;background:#090909;border:1px solid rgba(199,162,75,.6);border-radius:4px;box-shadow:0 14px 34px rgba(0,0,0,.14);min-width:280px}
.ref-review-score .stars{grid-area:stars;color:#c7a24b;font-size:22px;letter-spacing:5px;line-height:1;text-shadow:0 0 14px rgba(199,162,75,.18)}
.ref-review-score strong{grid-area:score;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1;font-weight:500}
.ref-review-score small{grid-area:label;color:#d7d1c6;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-top:8px}
.ref-review-score:before{content:"CLIENT RATING";position:absolute;transform:translateY(-37px);color:#a98233;font-size:10px;font-weight:800;letter-spacing:.16em}
@media(max-width:700px){.ref-review-score{width:100%;min-width:0;padding:17px 18px 15px;grid-template-columns:1fr auto}.ref-review-score .stars{font-size:20px;letter-spacing:4px}.ref-review-score strong{font-size:31px}}

/* Services photography: restrained editorial crops to blend with the black, cream and gold visual system. */
.ref-service-photo{position:relative;overflow:hidden;background:#171717;isolation:isolate}
.ref-service-photo img{display:block;width:100%;height:100%;min-height:210px;object-fit:cover;filter:saturate(.72) contrast(1.04) brightness(.91);transition:transform .45s ease,filter .45s ease}
.ref-service-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,7,7,.20),transparent 55%,rgba(199,162,75,.10));pointer-events:none}
.ref-service-photo span{position:absolute;z-index:2;left:16px;bottom:13px;color:#fff;background:rgba(8,8,8,.76);border-left:3px solid #c7a24b;padding:5px 10px;font-size:11px;font-weight:800;letter-spacing:.12em}
.ref-service-row:hover .ref-service-photo img{transform:scale(1.025);filter:saturate(.82) contrast(1.04) brightness(.96)}
@media(max-width:700px){.ref-service-photo img{min-height:190px}}

/* Exact uploaded Flaticon heart artwork, recoloured via CSS mask/currentColor. */
.si-heart{display:none!important}
.si-heart svg{display:none!important}
.si-heart::before{content:"";display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask-image:url("https://superior-interior.co.uk/wp-content/uploads/2026/08/heart.png");mask-image:url("https://superior-interior.co.uk/wp-content/uploads/2026/08/heart.png");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.si-heart-icon{width:36px!important;height:36px!important;margin:0 auto 8px!important;color:#c9a34f}
.si-heart-icon::before{background-color:currentColor}
.ref-cred-grid .si-heart-icon{width:36px!important;height:36px!important}
.script .si-heart,.gold-text .si-heart{color:#c9a34f}
.dark .si-heart,.site-footer .si-heart{color:#c9a34f}

/* Secondary-page Kayley sketch artwork. */
.kayley-sketch-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.ref-about-photo .kayley-sketch-image{object-fit:cover;object-position:center 18%;background:#0a0a0a}
.ref-about-polaroid .kayley-sketch-image{aspect-ratio:4/3;object-fit:cover;object-position:center 15%}
.ref-contact-kayley .kayley-sketch-image{width:170px;height:215px;object-fit:cover;object-position:center 12%;background:#111}
.ref-service-image .service-kayley-sketch{width:100%;height:100%;min-height:165px;object-fit:cover;object-position:center;display:block}
.ref-service-image:has(.service-kayley-sketch){background:#0b0b0b}
.ref-service-image:has(.service-kayley-sketch):before{display:none}
@media(max-width:650px){.ref-contact-kayley .kayley-sketch-image{width:145px;height:185px}.ref-service-image .service-kayley-sketch{min-height:220px;object-position:center 20%}}

/* Footer social icons and legal links. */
.footer-social-icons{display:flex;align-items:center;gap:12px;margin-top:8px}
.footer-social-icon{width:42px;height:42px;border:1px solid #c7a24b;border-radius:50%;display:inline-flex!important;align-items:center;justify-content:center;color:#c7a24b!important;background:transparent;transition:transform .2s ease,background .2s ease,color .2s ease}
.footer-social-icon svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.7}
.footer-social-icon svg rect,.footer-social-icon svg circle{fill:none}
.footer-social-icon svg .social-dot{fill:currentColor;stroke:none}
.footer-social-icon:hover{transform:translateY(-2px);background:#c7a24b;color:#080808!important}
.footer-social-icon.is-disabled{opacity:.72;cursor:default}
.footer-social-icon.is-disabled:hover{transform:none;background:transparent;color:#c7a24b!important}
.site-footer .footer-grid>div:nth-child(2) a:nth-last-child(-n+2){color:#a9a9a9;font-size:12px;margin-top:9px}

/* Contact form submission feedback and spam trap. */
.si-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.ref-form-status{margin:0 0 20px;padding:13px 15px;border-radius:2px;font-family:var(--si-sans);font-size:15px;line-height:1.5}
.ref-form-status.success{background:#17351f;color:#e8f7eb;border:1px solid #2f6c3c}
.ref-form-status.error{background:#3a1717;color:#f9e7e7;border:1px solid #7c3434}

/* Homepage testimonials: editorial black/cream/gold treatment, integrated with the Superior Interior visual language. */
.reviews-reference-home{position:relative;overflow:hidden;padding:54px 0 58px!important;background:#080808!important;color:#fff}
.reviews-reference-home:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 28%,rgba(199,162,75,.08),transparent 31%),linear-gradient(180deg,rgba(255,255,255,.015),transparent 38%);pointer-events:none}
.reviews-reference-home:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(199,162,75,.78),transparent)}
.reviews-reference-home>.wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:42px;align-items:stretch}
.reviews-reference-home .reviews-intro{display:flex;flex-direction:column;justify-content:center;padding:10px 34px 10px 0;border-right:1px solid rgba(199,162,75,.34)}
.reviews-reference-home .reviews-kicker{display:block;margin-bottom:10px;color:#b9923f;font-family:var(--si-sans);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.reviews-reference-home h2{margin:0;color:#d9b45e!important;font-family:var(--si-script)!important;font-size:clamp(42px,4.15vw,58px)!important;line-height:.95!important;font-weight:400!important}
.reviews-reference-home .reviews-rating{margin-top:23px;padding-top:17px;border-top:1px solid rgba(255,255,255,.12)}
.reviews-reference-home .reviews-rating-stars{display:block;color:#c7a24b;font-size:17px;line-height:1;letter-spacing:5px;text-shadow:0 0 18px rgba(199,162,75,.16)}
.reviews-reference-home .reviews-rating-copy{display:block;margin-top:9px;color:#cfc8bd;font-family:var(--si-sans);font-size:12px;line-height:1.45;letter-spacing:.035em}
.reviews-reference-home .review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.reviews-reference-home .review-grid blockquote{position:relative;display:flex;flex-direction:column;min-height:260px;margin:0;padding:30px 28px 25px;overflow:hidden;background:linear-gradient(145deg,#151515 0%,#0e0e0e 72%);border:1px solid rgba(199,162,75,.30);border-radius:2px;box-shadow:0 14px 32px rgba(0,0,0,.22);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.reviews-reference-home .review-grid blockquote:before{content:""";position:absolute;right:18px;top:-18px;color:rgba(199,162,75,.13);font-family:Georgia,'Times New Roman',serif;font-size:112px;line-height:1;font-weight:700;pointer-events:none}
.reviews-reference-home .review-grid blockquote:after{content:"";position:absolute;left:27px;right:27px;top:0;height:2px;background:linear-gradient(90deg,#c7a24b,rgba(199,162,75,.12) 72%,transparent)}
.reviews-reference-home .review-grid blockquote:hover{transform:translateY(-3px);border-color:rgba(199,162,75,.55);box-shadow:0 19px 38px rgba(0,0,0,.30)}
.reviews-reference-home .review-grid .stars{position:relative;z-index:1;margin:0 0 18px;color:#d7ae51;font-size:15px;line-height:1;letter-spacing:4px;text-shadow:0 0 14px rgba(199,162,75,.15)}
.reviews-reference-home .review-grid blockquote p{position:relative;z-index:1;margin:0 0 14px;color:#f1eee8;font-family:var(--si-serif)!important;font-size:17px!important;line-height:1.62!important;font-weight:400}
.reviews-reference-home .review-grid cite{position:relative;z-index:1;display:block;margin-top:auto;padding-top:17px;color:#fff;font-family:var(--si-sans)!important;font-size:12px!important;font-style:normal;font-weight:700;line-height:1.35;letter-spacing:.075em;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.10)}
.reviews-reference-home .review-grid cite:before{content:"";display:inline-block;width:19px;height:1px;margin:0 9px 4px 0;background:#c7a24b;vertical-align:middle}
@media(max-width:1050px){.reviews-reference-home{padding:45px 0 50px!important}.reviews-reference-home>.wrap{grid-template-columns:minmax(0,1fr)!important;gap:28px;min-width:0}.reviews-reference-home .reviews-intro{min-width:0;padding:0 0 24px;border-right:0;border-bottom:1px solid rgba(199,162,75,.28)}.reviews-reference-home .reviews-rating{width:100%;max-width:320px}.reviews-reference-home .review-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0}}
@media(max-width:820px){.reviews-reference-home{overflow:hidden}.reviews-reference-home>.wrap{display:block!important;width:100%;max-width:100%;min-width:0}.reviews-reference-home .reviews-intro{width:100%;max-width:100%;margin:0 0 24px}.reviews-reference-home .review-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%;min-width:0;gap:14px}.reviews-reference-home .review-grid blockquote{width:100%!important;max-width:100%;min-width:0;min-height:0;margin:0!important;box-sizing:border-box}.reviews-reference-home .review-grid blockquote p,.reviews-reference-home .review-grid cite{max-width:100%;overflow-wrap:anywhere;word-break:normal}.reviews-reference-home .review-grid blockquote:hover{transform:none}}
@media(max-width:650px){.reviews-reference-home{padding:34px 0 38px!important}.reviews-reference-home>.wrap{padding-left:20px!important;padding-right:20px!important}.reviews-reference-home .reviews-intro{padding-bottom:18px;margin-bottom:18px}.reviews-reference-home .reviews-kicker{font-size:10px;letter-spacing:.18em}.reviews-reference-home h2{font-size:clamp(34px,11vw,42px)!important;line-height:1!important;max-width:100%}.reviews-reference-home .reviews-rating{width:100%;max-width:none;margin-top:16px;padding-top:13px}.reviews-reference-home .reviews-rating-stars{font-size:15px;letter-spacing:3px;white-space:nowrap}.reviews-reference-home .reviews-rating-copy{font-size:11px}.reviews-reference-home .review-grid{gap:12px}.reviews-reference-home .review-grid blockquote{padding:24px 20px 21px}.reviews-reference-home .review-grid blockquote:before{right:12px;top:-12px;font-size:88px}.reviews-reference-home .review-grid blockquote:after{left:19px;right:19px}.reviews-reference-home .review-grid .stars{margin-bottom:15px;font-size:13px;letter-spacing:3px;white-space:nowrap}.reviews-reference-home .review-grid blockquote p{font-size:16px!important;line-height:1.55!important}.reviews-reference-home .review-grid cite{padding-top:14px;font-size:10px!important;letter-spacing:.06em}}
@media(max-width:390px){.reviews-reference-home>.wrap{padding-left:16px!important;padding-right:16px!important}.reviews-reference-home h2{font-size:34px!important}.reviews-reference-home .review-grid blockquote{padding:22px 17px 19px}.reviews-reference-home .review-grid blockquote p{font-size:15px!important}.reviews-reference-home .reviews-rating-stars{font-size:14px;letter-spacing:2px}}

/* Phone-landscape navigation: keep hamburger on the right and allow the opened menu to override the forced hidden state. */
@media (orientation:landscape) and (max-height:620px) and (max-width:1100px){.site-header .main-nav.open{display:block!important;top:100%!important;left:0!important;right:0!important;width:100%!important}.site-header .menu-toggle{order:99}}
.ref-experience-icon{width:38px;height:38px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;color:#c9a34f}
.ref-experience-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.home-context-link{margin:18px 0 0;text-align:center}.home-context-link a{color:#9a742b;font-family:var(--si-sans);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.home-context-link a:hover{text-decoration:underline}.reviews-reference-home .review-grid .review-empty{grid-column:1/-1;min-height:0;max-width:760px}.reviews-reference-home .review-grid .review-empty cite a{color:#d7ae51;text-decoration:none}.reviews-reference-home .review-grid .review-empty cite a:hover{text-decoration:underline}.ref-review-grid .review-empty{grid-column:1/-1;max-width:760px}

/* Services FAQ: accessible accordion treatment in the existing black/cream/gold design language. */
.ref-faq-section{background:#f5f0e6;padding:72px 0}
.ref-faq-heading{max-width:760px;margin:0 auto 32px;text-align:center}
.ref-faq-heading h2{margin:6px 0 14px;font-size:48px;line-height:1;color:#161616}
.ref-faq-heading p{margin:0;color:#5d574f;font-size:16px;line-height:1.65}
.ref-faq-grid{max-width:900px;margin:0 auto;display:grid;gap:12px}
.ref-faq-grid details{background:#fff;border:1px solid rgba(199,162,75,.35);box-shadow:0 10px 24px rgba(0,0,0,.04)}
.ref-faq-grid summary{position:relative;cursor:pointer;list-style:none;padding:20px 54px 20px 22px;color:#171717;font-family:var(--si-sans);font-size:16px;font-weight:800;line-height:1.35}
.ref-faq-grid summary::-webkit-details-marker{display:none}
.ref-faq-grid summary:after{content:"+";position:absolute;right:21px;top:50%;transform:translateY(-50%);color:#b58a32;font-size:24px;font-weight:400}
.ref-faq-grid details[open] summary:after{content:"–"}
.ref-faq-grid details[open] summary{border-bottom:1px solid rgba(199,162,75,.22)}
.ref-faq-grid details p{margin:0;padding:18px 22px 21px;color:#575149;font-size:15px;line-height:1.7}
@media(max-width:700px){.ref-faq-section{padding:48px 0}.ref-faq-heading{margin-bottom:24px;text-align:left}.ref-faq-heading h2{font-size:38px}.ref-faq-heading p{font-size:15px}.ref-faq-grid summary{padding:18px 48px 18px 18px;font-size:15px}.ref-faq-grid summary:after{right:17px}.ref-faq-grid details p{padding:16px 18px 19px;font-size:14px}}
@media(max-width:650px){.home-context-link{margin-top:14px}.home-context-link a{font-size:10px;line-height:1.5}.reviews-reference-home .review-grid .review-empty{max-width:100%}}