.brand{min-height:44px}
.direction-stage__controls{height:48px;padding-inline:4px}
.direction-stage__controls{display:none!important}
.direction-stage__controls button,.project-slider__controls button{width:44px;height:44px}
.project-slider__controls{height:48px;padding-inline:4px;gap:8px}
.project-slider__track{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}
.project-slider__track::-webkit-scrollbar{display:none}
.project-slider__slide{scroll-snap-align:start}
[hidden]{display:none!important}
.direction-swipe-hint{height:38px;margin-top:-38px;display:flex;align-items:center;justify-content:flex-end;gap:13px;color:#6f7c80;font:400 11px/1 Bebas,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.direction-swipe-hint i{width:72px;height:2px;position:relative;overflow:hidden;background:#d1d5d2}
.direction-swipe-hint b{width:25px;height:2px;position:absolute;left:0;top:0;background:var(--blue);animation:swipe-cue 2.4s var(--ease) infinite}
.direction-stage.is-portrait-media{background:#d8d4cd}
.direction-stage.is-portrait-media>img{object-fit:contain}
.direction-stage.has-multiple-images{cursor:grab;touch-action:pan-y}
.direction-stage.has-multiple-images.is-dragging{cursor:grabbing}
.scope-step--timing h3{margin-bottom:10px}
.scope-step__lead{max-width:520px;margin:0 0 26px;color:#748083;font-size:14px}
.scope-options--timing button{min-height:142px;padding:20px;align-content:stretch;grid-template-rows:auto 1fr auto}
.scope-options--timing button strong{align-self:end;margin-top:22px;font-size:24px;font-weight:500;line-height:1.08;letter-spacing:-.035em}
.scope-options--timing button small{margin-top:7px;font:400 11px/1.2 Bebas,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
@keyframes swipe-cue{0%,100%{transform:translateX(0)}50%{transform:translateX(47px)}}
@media(min-width:761px){
  .direction-tabs button{height:100px;min-height:100px;padding-top:17px;padding-bottom:15px}
  .direction-tabs button small{margin-top:6px}
}
@media(max-width:820px) and (min-width:761px){
  h2{font-size:64px;line-height:.92}
  .section-head,.section-head--split{display:block}
  .section-head>p:last-child,.section-head--split>p:last-child{margin-top:24px;max-width:520px}
}
@media(max-width:760px){
  .direction-swipe-hint{height:34px;margin:-18px 0 10px;justify-content:flex-start}
  .direction-swipe-hint i{flex:1;max-width:92px}
  .direction-stage{height:auto;min-height:0;aspect-ratio:4/3}
  .direction-stage.is-portrait-media{aspect-ratio:3/4}
  .direction-stage.is-portrait-media>img{object-fit:cover}
  .real-card--wide .project-slider{height:auto;min-height:0;max-height:none;aspect-ratio:4/3}
  .real-card--portrait .project-slider,.real-card--portrait>img{height:auto;min-height:0;max-height:none;aspect-ratio:3/4}
  .real-card--wardrobe .project-slider{aspect-ratio:9/16}
  .real-card--walk-in .project-slider{aspect-ratio:2/3}
  .real-card--entry .project-slider,.real-card--bathroom .project-slider{aspect-ratio:3/4}
  .project-slider__slide picture{height:100%}
  .project-slider__slide img{object-position:center}
  .scope-step--timing h3{margin-bottom:7px}
  .scope-step__lead{margin-bottom:18px;font-size:12px;line-height:1.4}
  .scope-options--timing button{min-height:104px;padding:14px;grid-template-columns:minmax(0,1fr) minmax(96px,auto);grid-template-rows:auto auto;gap:10px 12px;align-items:end}
  .scope-options--timing button strong{justify-self:end;max-width:150px;margin:0;text-align:right;font-size:19px;line-height:1.05}
  .scope-options--timing button small{grid-column:1/-1;margin:0;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.direction-swipe-hint b{animation:none;left:47px}}