@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&display=swap');
/* Rose and Thorn: premium section upgrades (Nov 2026). Pairs with premium-sections.js. */

/* ---------- 1. projects film reel ---------- */
.project-highlights.ps-reel-on{background-image:radial-gradient(900px 520px at 82% 0,#4a2f16 0,transparent 62%),linear-gradient(#1b120a,#1b120a)!important;color:#fff4e2;padding-top:clamp(56px,7vw,90px);padding-bottom:clamp(48px,6vw,80px)}
.ps-reel-on .project-highlight-grid,.ps-reel-on .project-cta{display:none!important}
.ps-reel-on .project-highlights-head{margin-bottom:30px}
.ps-reel-on .project-highlights-head .eyebrow{color:#f2b764}
.ps-reel-on .project-highlights-head h2{color:#fff4e2}
.ps-reel-on .project-highlights-head p{color:#d9c2a2}
.ps-reel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(16px,calc((100vw - 1240px) / 2)) 8px;scrollbar-width:none;overscroll-behavior-x:contain;outline:none}
.ps-reel::-webkit-scrollbar{display:none}
.ps-reel:focus-visible{box-shadow:inset 0 0 0 2px #f2b764}
.ps-slide{position:relative;flex:0 0 min(1040px,86vw);height:min(680px,74vh);min-height:420px;border-radius:28px;overflow:hidden;scroll-snap-align:center;isolation:isolate;background:#000;
  box-shadow:0 40px 70px -36px rgba(0,0,0,.9),0 0 0 1px rgba(242,183,100,.18)}
.ps-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 2.2s cubic-bezier(.2,.7,.2,1)}
.ps-slide.ps-cur>img:not(.ps-before):not(.ps-after){transform:scale(1.035)}
.ps-slide::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(20,12,5,.35) 0,rgba(20,12,5,0) 20%,rgba(20,12,5,0) 48%,rgba(20,12,5,.86) 100%)}
.ps-txt{position:absolute;left:0;bottom:0;padding:clamp(22px,4vw,46px);max-width:640px}
.ps-kick{margin:0!important;font:700 10.5px/1.3 Arial,sans-serif!important;letter-spacing:2px;text-transform:uppercase;color:#f2b764!important}
.ps-slide h3{margin:8px 0 8px;font:500 clamp(34px,4.6vw,60px)/1 'Cormorant Garamond',Georgia,serif;color:#fff4e2;font-style:normal}
.ps-txt>p:not(.ps-kick){margin:0 0 18px!important;max-width:48ch;color:#f0dcc0!important;font:15px/1.55 Arial,sans-serif!important}
.ps-pill{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;text-decoration:none!important;font:700 13.5px/1 Arial,sans-serif;color:#2a1808!important;border:1px solid rgba(255,230,190,.8)!important;
  background:linear-gradient(180deg,#ffd896,#e19a45);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 18px -8px rgba(232,150,60,.85)}
.ps-pill:active{transform:scale(.97)}
.ps-num{position:absolute;top:22px;right:26px;font:500 italic 22px/1 'Cormorant Garamond',Georgia,serif;color:rgba(255,236,206,.78)}
/* before/after inside the big photo */
.ps-ba .ps-after,.ps-ba .ps-before{transform:none!important}
.ps-ba .ps-before{clip-path:inset(0 calc(100% - var(--split,50%)) 0 0)}
.ps-line{position:absolute;top:0;bottom:0;left:var(--split,50%);width:2px;margin-left:-1px;background:#fff4e2;z-index:1;pointer-events:none;box-shadow:0 0 12px rgba(0,0,0,.4)}
.ps-knob{position:absolute;top:40%;left:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ffd896,#e19a45);color:#2a1808;font:700 20px/1 Arial,sans-serif;box-shadow:0 10px 24px -8px rgba(0,0,0,.6)}
.ps-range{position:absolute;inset:auto;top:40%;left:var(--split,50%);width:60px;height:60px;transform:translate(-50%,-50%);opacity:0;cursor:ew-resize;z-index:4;margin:0;padding:0;touch-action:none}
.ps-range:focus-visible+.ps-num,.ps-ba:focus-within .ps-knob{box-shadow:0 0 0 3px #fff4e2,0 10px 24px -8px rgba(0,0,0,.6)}
.ps-bl{position:absolute;top:22px;z-index:1;padding:6px 12px;border-radius:999px;font:700 10px/1.2 Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#fff4e2;background:rgba(27,18,10,.5);border:1px solid rgba(255,230,190,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}
.ps-bl-b{left:22px}.ps-bl-a{right:110px}
.ps-ba .ps-txt{z-index:3;pointer-events:none}.ps-ba .ps-txt a{pointer-events:auto}
.ps-reel-ctl{display:flex;align-items:center;gap:16px;margin-top:22px}
.ps-arw{width:48px;height:48px;border-radius:50%;border:1px solid rgba(242,183,100,.5);background:rgba(255,236,206,.06);color:#fff4e2;font-size:20px;cursor:pointer;flex:none}
.ps-arw:hover{background:rgba(242,183,100,.18)}
.ps-arw:focus-visible{outline:2px solid #f2b764;outline-offset:3px}
.ps-count{font:500 italic 20px/1 'Cormorant Garamond',Georgia,serif;color:#d9c2a2;min-width:66px}
.ps-bar{flex:1;height:2px;background:rgba(242,183,100,.2);border-radius:2px;overflow:hidden}.ps-bar i{display:block;height:100%;background:#f2b764;transition:width .4s,margin .4s}
.ps-all{color:#f2b764!important;text-decoration:none;font:600 14px/1 Arial,sans-serif;white-space:nowrap}
@media (max-width:700px){
  .ps-slide{height:min(560px,72vh);min-height:400px;border-radius:22px}
  .ps-bl-a{right:22px;top:58px}
  .ps-num{top:26px;font-size:18px}
  .ps-arw{width:40px;height:40px;font-size:17px}
  .ps-all{font-size:13px}
  .ps-reel-ctl{gap:12px}
  .ps-txt>p:not(.ps-kick){font-size:14px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}

/* ---------- 2. how it works timeline ---------- */
#how-it-works .rt-steps.ps-tl{--ps-p:0;position:relative;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0;counter-reset:none;border:0}
#how-it-works .ps-tl::before,#how-it-works .ps-tl .ps-fill{content:"";position:absolute;left:28px;right:28px;top:27px;height:2px;border-radius:2px;background:rgba(196,130,58,.2)}
#how-it-works .ps-tl .ps-fill{right:auto;width:calc((100% - 56px) * var(--ps-p));background:linear-gradient(90deg,#e19a45,#f2b764);box-shadow:0 0 10px rgba(242,183,100,.7);z-index:0}
#how-it-works .ps-tl.ps-done .ps-fill{width:calc(100% - 56px)}
#how-it-works .ps-st{position:relative;margin:0;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;opacity:.38;transform:translateY(14px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}
#how-it-works .ps-st.ps-lit{opacity:1;transform:none}
#how-it-works .ps-st .ps-dot{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;margin:0;padding:0;border-radius:50%;background:#f5efe3;border:2px solid rgba(196,130,58,.35);
  font:500 22px/1 'Cormorant Garamond',Georgia,serif;color:#7a5c3a;letter-spacing:0;transition:background .5s,color .5s,box-shadow .5s,border-color .5s}
#how-it-works .ps-st.ps-lit .ps-dot{background:linear-gradient(180deg,#ffd896,#e19a45);border-color:transparent;color:#2a1808;box-shadow:0 0 0 6px rgba(242,183,100,.18),0 10px 22px -8px rgba(232,150,60,.9)}
#how-it-works .ps-st h3{margin:20px 0 8px;font:500 30px/1.05 'Cormorant Garamond',Georgia,serif;color:#2c1d11}
#how-it-works .ps-st p{margin:0 0 14px;font:14.5px/1.55 Arial,sans-serif;color:#5b4a38}
#how-it-works .ps-st small{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:#fffaf1;border:1px solid #ead7b6;font:700 11.5px/1.2 Arial,sans-serif;color:#8a5a22}
#how-it-works .ps-st small::before{content:"\25F7";font-size:13px}
@media (max-width:760px){
  #how-it-works .rt-steps.ps-tl{--ps-vert:1;grid-template-columns:1fr;gap:0}
  #how-it-works .ps-tl::before,#how-it-works .ps-tl .ps-fill{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto}
  #how-it-works .ps-tl .ps-fill{bottom:auto;height:calc((100% - 56px) * var(--ps-p))}
  #how-it-works .ps-tl.ps-done .ps-fill{height:calc(100% - 56px)}
  #how-it-works .ps-st{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:18px;padding-bottom:28px!important}
  #how-it-works .ps-st .ps-dot{grid-row:1/span 3}
  #how-it-works .ps-st>:not(.ps-dot){grid-column:2}
  #how-it-works .ps-st h3{margin:12px 0 6px;font-size:28px}
  #how-it-works .ps-st small{justify-self:start}
}

/* ---------- 3a. trust bar ---------- */
.proof-strip:has(.ps-trust){border:0!important;padding:18px 0 4px}
.proof-grid.ps-trust{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-radius:22px;overflow:hidden;
  background:rgba(255,250,241,.82);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(226,200,160,.8);box-shadow:0 24px 50px -30px rgba(60,34,10,.55)}
.proof-grid.ps-trust>div,.proof-grid.ps-trust>a{flex-direction:row!important;align-items:center;justify-content:flex-start;gap:12px;min-height:0!important;padding:18px 20px!important;border:0!important;text-decoration:none}
.proof-grid.ps-trust>*+*{border-left:1px solid rgba(196,130,58,.18)!important}
.ps-trust .ps-ico{flex:none;width:30px;height:30px;color:#c4823a}
.ps-trust .ps-tt{display:flex;flex-direction:column;gap:3px;min-width:0}
.ps-trust strong{font:600 14px/1.25 Arial,sans-serif!important;color:#2c1d11!important}
.ps-trust span span,.ps-trust .ps-tt>span{font:12px/1.4 Arial,sans-serif!important;color:#7a5c3a!important}
.ps-trust>a strong{font:500 23px/1 'Cormorant Garamond',Georgia,serif!important;color:#b8722c!important}
@media (max-width:850px){
  .proof-grid.ps-trust{grid-template-columns:1fr 1fr}
  .proof-grid.ps-trust>div,.proof-grid.ps-trust>a{padding:14px!important;gap:10px}
  .proof-grid.ps-trust>:nth-child(3){border-left:0!important}
  .proof-grid.ps-trust>:nth-child(n+3){border-top:1px solid rgba(196,130,58,.18)!important}
  .ps-trust .ps-ico{width:24px;height:24px}
  .ps-trust .ps-tt>span{display:none}
  .ps-trust strong{font-size:13px!important}
  .ps-trust>a strong{font-size:20px!important}
}
/* ---------- 3b. service ticker ---------- */
.service-showcase.ps-tick-on{padding:26px 0 0!important;background:none!important}
.ps-ticker{overflow:hidden;background:#1b120a;padding:20px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.ps-tick-in{display:flex;width:max-content;animation:psTick 60s linear infinite}
.ps-ticker:hover .ps-tick-in,.ps-ticker.ps-hold .ps-tick-in{animation-play-state:paused}
.ps-tick-set{display:flex}
.ps-ticker a{display:inline-flex;align-items:center;gap:26px;padding-right:26px;text-decoration:none;text-transform:none!important;letter-spacing:.2px!important;font:500 italic clamp(25px,3vw,38px)/1.1 'Cormorant Garamond',Georgia,serif;color:#f6dcb1;white-space:nowrap;transition:color .2s}
.ps-ticker a:hover,.ps-ticker a:focus-visible{color:#fff;outline:none;text-decoration:underline;text-decoration-color:#f2b764;text-underline-offset:6px;text-decoration-thickness:1px}
.ps-ticker a::after{content:"\2726";font-style:normal;font-size:14px;color:#f2b764}
@keyframes psTick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ps-tick-in{animation:none}.ps-ticker{overflow-x:auto}}

/* ---------- 4. FAQ ---------- */
#faq .faq-layout>div:first-child{position:sticky;top:96px}
#faq .ps-faq{border-top:1px solid rgba(160,110,50,.22)}
#faq .ps-faq details{border-bottom:1px solid rgba(160,110,50,.22)}
#faq .ps-faq summary{justify-content:flex-start;gap:18px;padding:20px 4px;font:500 clamp(22px,2.2vw,27px)/1.2 'Cormorant Garamond',Georgia,serif;color:#2c1d11}
#faq .ps-faq summary .ps-n{flex:none;width:22px;font:700 11px/1 Arial,sans-serif;color:#c4823a}
#faq .ps-faq summary>span{margin-left:auto;flex:none;width:32px;height:32px;border-radius:50%;border:1px solid rgba(196,130,58,.4);display:grid;place-items:center;font:300 20px/1 Arial,sans-serif;color:#c4823a;transition:transform .4s,background .3s,color .3s}
#faq .ps-faq details[open] summary>span{transform:rotate(45deg);background:linear-gradient(180deg,#ffd896,#e19a45);color:#2a1808;border-color:transparent}
#faq .ps-faq summary:hover{color:#8a5a22}
#faq .ps-ans{overflow:hidden}
#faq .ps-ans p{margin:0;padding:0 50px 22px 44px;max-width:none;color:#5b4a38;font-size:15px;line-height:1.65}
#faq .ps-faq>.story-action{margin-top:20px}
#faq .rt-guide-link.ps-guide{display:flex!important;align-items:center;gap:16px;padding:18px 20px!important;margin:6px 0 18px;border:0!important;border-radius:20px;text-decoration:none;color:#fff4e2!important;
  background:radial-gradient(300px 140px at 90% 0,#5a3a1a,transparent),#1b120a!important;box-shadow:0 22px 40px -24px rgba(40,22,6,.8);max-width:400px}
#faq .ps-guide .ps-book{flex:none;width:52px;height:64px;border-radius:6px;display:grid;place-items:center;background:linear-gradient(160deg,#ffd896,#c4823a);font:600 italic 26px/1 'Cormorant Garamond',Georgia,serif;color:#2a1808;box-shadow:4px 4px 0 rgba(255,236,206,.15)}
#faq .ps-guide b{display:block;font:700 10.5px/1.2 Arial,sans-serif!important;letter-spacing:2px;text-transform:uppercase;color:#f2b764!important}
#faq .ps-guide .ps-gcol{display:flex;flex-direction:column;gap:4px;min-width:0}
#faq .ps-guide .ps-gcol>span{display:block;font:500 21px/1.15 'Cormorant Garamond',Georgia,serif!important;color:#fff4e2!important}
#faq .ps-guide i{margin-left:auto;font-style:normal;color:#f2b764}
@media (max-width:850px){
  #faq .faq-layout>div:first-child{position:static}
  #faq .ps-ans p{padding:0 6px 20px 40px}
  #faq .ps-faq summary{font-size:22px;gap:14px}
}

/* Only the comparison handle captures a drag; the photo retains native scrolling. */
.ps-ba{touch-action:pan-x pan-y pinch-zoom}
.ps-slide>img{-webkit-user-drag:none;user-select:none}
.ps-reel{overflow-anchor:none;-webkit-overflow-scrolling:touch}
.ps-ba.ps-comparing .ps-knob{box-shadow:0 0 0 3px rgba(255,244,226,.75),0 10px 24px -8px rgba(0,0,0,.6)}

/* ---------- 6. hero: "Floors supplied & expertly installed" tag ---------- */
.hero .rt-supply-tag{display:table;white-space:nowrap;margin:26px 0 -6px;padding:8px 17px 8px 14px;border-radius:999px;
  font:700 12.5px/1.2 Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#fff4e2;
  background:rgba(27,18,10,.42);border:1px solid rgba(242,183,100,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:0 10px 26px -14px rgba(0,0,0,.6)}
.hero .rt-supply-tag::before{content:"";display:inline-block;vertical-align:middle;width:7px;height:7px;margin:-2px 10px 0 0;border-radius:50%;background:#f2b764;box-shadow:0 0 10px #f2b764}
.hero .rt-supply-tag i{font:500 italic 17px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:0;text-transform:none;color:#ffd896;margin:0 2px}
@media (max-width:600px){.hero .rt-supply-tag{font-size:10.5px;letter-spacing:1.2px;padding:7px 13px 7px 11px;margin:22px auto -12px}.hero .rt-supply-tag::before{margin-right:8px}}
@media (max-width:350px){.hero .rt-supply-tag{font-size:9.5px;letter-spacing:.8px}}