/* Banner extras (banner itself is .bespoke_banner in bespoke.css) */
.fitout_overlay{flex-direction:column;gap:clamp(14px,2.4vw,34px)}
.fitout_logo{width:clamp(90px,11vw,170px);height:auto;display:block}
.fitout_overlay h1{text-transform:uppercase}
.fitout-intro{max-width:1200px;margin:clamp(20px,3vw,40px) auto;padding:0 16px;text-align:center}
.fitout-intro__text{font-size:clamp(14px,1.1vw,16px);line-height:1.6}
.fitout-intro__text p{margin:0 0 .8em}
.fitout-intro__text>:last-child{margin-bottom:0}
.fitout-projects .bespoke-slide a{display:block;width:100%;height:100%}

/* Before / after comparison */
.fitout-compare-wrap{padding-top:clamp(24px,4vw,56px)}
.fitout-compare{--pos:50%;position:relative;overflow:hidden;aspect-ratio:16/8;max-height:80vh;width:100%;user-select:none;touch-action:pan-y;cursor:ew-resize;background:#111}
.fitout-compare__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.fitout-compare__before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.fitout-compare.is-hint .fitout-compare__before{transition:clip-path .6s ease}
.fitout-compare__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:1px;background:#fff;transform:translateX(-.5px);pointer-events:none}
.fitout-compare.is-hint .fitout-compare__handle{transition:left .6s ease}
.fitout-compare__handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);border:2px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;letter-spacing:2px;box-shadow:0 0 8px rgba(0,0,0,.25);backdrop-filter:blur(2px)}
.fitout-compare__label{position:absolute;bottom:clamp(14px,3vw,40px);background:#fff;color:#222;font-weight:400;font-size:clamp(12px,1.1vw,15px);letter-spacing:0;padding:clamp(10px,1.4vw,18px) clamp(14px,1.8vw,26px);border-radius:8px;line-height:1;box-shadow:0 2px 10px rgba(0,0,0,.12);pointer-events:none}
.fitout-compare__label--before{left:clamp(14px,2.5vw,32px)}.fitout-compare__label--after{right:clamp(14px,2.5vw,32px)}
.fitout-compare__range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;pointer-events:none}
.fitout-compare__range:focus-visible{opacity:.001;outline:none}
.fitout-compare:focus-within .fitout-compare__handle span{outline:3px solid #fff;outline-offset:3px}

/* Consultation banner */
.fitout-consult{position:relative;border-radius:12px;overflow:hidden;margin:clamp(24px,4vw,56px) 0}
.fitout-consult img{width:100%;aspect-ratio:16/7;object-fit:cover;display:block}
.fitout-consult__text{position:absolute;inset:0;background:rgba(0,0,0,.30);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:12px}
.fitout-consult__text h2{margin:0;color:#fff;font-size:clamp(22px,2.8vw,40px);font-weight:700}
.fitout-consult__text a{color:#fff;font-weight:700;text-decoration:underline;font-size:clamp(15px,1.3vw,19px)}
@media (max-width:767px){
  .fitout-compare{aspect-ratio:4/3}
  .fitout-consult img{aspect-ratio:4/3}
}