/* AV keeps the removals page composition while carrying Tendre's orange signal. */
.office-fitout-page[data-meeting-room-av] .of-footer-wrap{
  background:#f7f6f1;
}
.office-fitout-page[data-meeting-room-av]{
  --or-forest:#c85a2b;
  --or-wash:#fbf1eb;
  --or-mint:#f8e9df;
  --or-accent:#f3dfd2;
  --av-orange:#c85a2b;
  --av-orange-deep:#a94420;
  --av-orange-wash:#fbf1eb;
  --av-orange-pale:#f3dfd2;
  --av-ink:#302d2a;
  --av-muted:#716963;
  color:var(--av-ink);
}
.office-fitout-page[data-meeting-room-av] .of-header{
  background:rgba(250,248,244,.97);
  border-bottom-color:#eee5dd;
}
.office-fitout-page[data-meeting-room-av] .of-button{
  background:var(--av-orange)!important;
  border-color:var(--av-orange)!important;
  transition:background .22s ease,transform .22s ease,border-color .22s ease;
}
.office-fitout-page[data-meeting-room-av] .of-button:hover,
.office-fitout-page[data-meeting-room-av] .of-button:focus-visible{
  background:var(--av-orange-deep)!important;
  border-color:var(--av-orange-deep)!important;
  transform:translateY(-2px);
}
.office-fitout-page[data-meeting-room-av] .of-button span{color:#ffe2ce!important}
.office-fitout-page[data-meeting-room-av] .of-kicker{color:var(--av-orange)}
.office-fitout-page[data-meeting-room-av] .of-hero__image{background:#e5b08c}
.office-fitout-page[data-meeting-room-av] .av-hero__image--empty{
  background:linear-gradient(135deg,#bd5128 0%,#d77843 56%,#e8a875 100%);
}
.office-fitout-page[data-meeting-room-av] .av-hero__image::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(44,30,23,.14),transparent 42%),linear-gradient(0deg,rgba(34,26,22,.35),transparent 56%);
}
.office-fitout-page[data-meeting-room-av] .of-hero__copy{animation:av-rise .7s both}
.office-fitout-page[data-meeting-room-av] .of-hero__copy .of-hero__lead{color:#51453f}
.office-fitout-page[data-meeting-room-av] .of-hero__note strong{color:var(--av-orange-deep)}
.office-fitout-page[data-meeting-room-av] .of-hero__credit{
  background:transparent!important;
  color:#fff;
  text-shadow:0 1px 8px rgba(32,24,19,.55);
}
.office-fitout-page[data-meeting-room-av] .of-hero__credit-label{color:#f5bd9b}
.office-fitout-page[data-meeting-room-av] .of-relocation-guide{background:var(--av-orange-wash)}
.office-fitout-page[data-meeting-room-av] .of-relocation-guide .of-step__number{background:var(--av-orange)}
.office-fitout-page[data-meeting-room-av] .of-relocation-guide .of-step:not(:last-child)::after{background:#e5c9b9}
.office-fitout-page[data-meeting-room-av] .of-relocation-example{
  border-color:#eadbd1;
  box-shadow:0 5px 16px rgba(88,54,34,.055);
}
.office-fitout-page[data-meeting-room-av] .of-relocation-example__label{color:#a76b4c}
.office-fitout-page[data-meeting-room-av] .of-relocation-fact-icon{color:#bd6844}
.office-fitout-page[data-meeting-room-av] .of-relocation-priority-chips span,
.office-fitout-page[data-meeting-room-av] .of-relocation-case-chips span{
  background:#f8e9df;
  color:#9e4b2b;
}
.office-fitout-page[data-meeting-room-av] .of-relocation-profile>img{
  display:block;
  width:43px;
  height:28px;
  flex:none;
  border-radius:4px;
  object-fit:cover;
}
.office-fitout-page[data-meeting-room-av] .of-relocation-example--shortlist>a{
  background:var(--av-orange);
  transition:background .2s ease;
}
.office-fitout-page[data-meeting-room-av] .of-relocation-example--shortlist>a:hover{background:var(--av-orange-deep)}
.office-fitout-page[data-meeting-room-av] .of-relocation-example--shortlist li>b{
  background:#f8e9df;
  color:#9e4b2b;
}
.office-fitout-page[data-meeting-room-av] .of-guide__case-label{background:var(--av-orange)}
.office-fitout-page[data-meeting-room-av] .of-guide__case-count{background:rgba(48,45,42,.75)}
.office-fitout-page[data-meeting-room-av] .of-guide__case-badges span{
  background:#faeee7;
  color:#925034;
}
.office-fitout-page[data-meeting-room-av] .of-relocation-planning{background:#fff}
.office-fitout-page[data-meeting-room-av] .of-relocation-workstreams article{border-color:#eadfd7}
.office-fitout-page[data-meeting-room-av] .of-relocation-workstreams article>span{color:var(--av-orange)}
.office-fitout-page[data-meeting-room-av] .of-relocation-services{background:#f8e9df}
.office-fitout-page[data-meeting-room-av] .av-case-studies{background:#eef1f0}
.office-fitout-page[data-meeting-room-av] .av-case-studies .cs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.office-fitout-page[data-meeting-room-av] .av-case-studies .cs-card{transition:transform .24s ease,box-shadow .24s ease}
.office-fitout-page[data-meeting-room-av] .av-case-studies .cs-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(62,43,32,.12)}
.office-fitout-page[data-meeting-room-av] .av-case-note{margin:20px 0 0;color:#756a63;font-size:12px}
.office-fitout-page[data-meeting-room-av] .of-faq__list summary span{color:var(--av-orange)}
.office-fitout-page[data-meeting-room-av] .of-faq__list details[open] summary{color:var(--av-orange-deep)}
.office-fitout-page[data-meeting-room-av] .of-final{background:#a94722}
.office-fitout-page[data-meeting-room-av] .of-final__copy .of-kicker{color:#f2c5aa}
.office-fitout-page[data-meeting-room-av] .of-final__copy h2 em{color:#f5c7aa!important}
.office-fitout-page[data-meeting-room-av] .of-final__actions .of-button{
  background:#f4d9c7!important;
  border-color:#f4d9c7!important;
  color:#71351d!important;
}
.office-fitout-page[data-meeting-room-av] .of-final__actions .of-button span{color:#71351d!important}
.office-fitout-page[data-meeting-room-av] .of-final__actions .of-button:hover{
  background:#ffeadc!important;
  border-color:#ffeadc!important;
}
.office-fitout-page[data-meeting-room-av] :focus-visible{outline:2px solid #c85a2b;outline-offset:3px}

/* Match the removals section title scale, including its guide and mobile rules. */
.office-fitout-page[data-meeting-room-av] .of-section-title{
  font:600 clamp(36px,4vw,51px)/1.02 var(--of-display);
  letter-spacing:-1.7px;
}
.office-fitout-page[data-meeting-room-av] .of-relocation-guide .of-section-title{
  max-width:900px;
  font-size:clamp(35px,4vw,48px);
  line-height:1.08;
  letter-spacing:-1.8px;
}
.office-fitout-page[data-meeting-room-av] .of-relocation-services .of-section-title{
  max-width:100%;
  white-space:normal;
  letter-spacing:-1.7px;
}
.office-fitout-page[data-meeting-room-av] .of-relocation-planning__intro .of-section-title{
  font:600 clamp(36px,4vw,51px)/1.02 var(--of-display);
  letter-spacing:-1.7px;
}
@media(min-width:1000px){
  .office-fitout-page[data-meeting-room-av] .of-relocation-services .of-section-title{
    font-size:clamp(36px,3.55vw,51px);
  }
}
.office-fitout-page[data-meeting-room-av] .of-relocation-guide{
  padding:61px max(calc((100vw - 1200px)/2),36px) 68px;
}
.office-fitout-page[data-meeting-room-av] .of-relocation-planning{
  padding:74px max(calc((100vw - 1200px)/2),36px);
}
.office-fitout-page[data-meeting-room-av] .of-relocation-services{
  padding:79px max(calc((100vw - 1200px)/2),36px);
}
.office-fitout-page[data-meeting-room-av] .of-relocation-services .of-kicker{margin-bottom:20px}
.office-fitout-page[data-meeting-room-av] .of-relocation-services__intro{margin:22px 0 36px}
.office-fitout-page[data-meeting-room-av] .of-relocation-services__grid{row-gap:32px}
.office-fitout-page[data-meeting-room-av] .of-relocation-services__grid h3{margin:18px 0 10px}
.office-fitout-page[data-meeting-room-av] .of-relocation-guide .of-how__inner,
.office-fitout-page[data-meeting-room-av] .of-relocation-planning__inner,
.office-fitout-page[data-meeting-room-av] .of-relocation-services__inner,
.office-fitout-page[data-meeting-room-av] .av-case-studies__inner,
.office-fitout-page[data-meeting-room-av] .of-final__inner{
  width:100%;
  max-width:1200px;
  margin-inline:auto;
}
.office-fitout-page[data-meeting-room-av] .av-case-studies{
  padding:79px max(calc((100vw - 1200px)/2),36px);
}
.office-fitout-page[data-meeting-room-av] .av-case-studies .of-section-title{
  font:600 clamp(36px,4vw,51px)/1.02 var(--of-display);
  letter-spacing:-1.7px;
}
.office-fitout-page[data-meeting-room-av] .of-faq{
  position:relative;
  isolation:isolate;
  background:#fff;
  width:calc(100% - 72px);
  max-width:1200px;
  margin-inline:auto;
  padding:79px 0;
}
.office-fitout-page[data-meeting-room-av] .of-faq::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset-block:0;
  left:calc((100% - 100vw)/2);
  width:100vw;
  background:inherit;
  pointer-events:none;
}
.office-fitout-page[data-meeting-room-av] .of-final{padding:65px max(calc((100vw - 1200px)/2),36px)}
.office-fitout-page[data-meeting-room-av] .of-final__copy h2{
  font:600 clamp(38px,4.5vw,57px)/1.06 var(--of-display);
  letter-spacing:-1.7px;
}
.office-fitout-page[data-meeting-room-av] .of-header__inner{width:min(1200px,calc(100% - 72px));max-width:1200px}
.office-fitout-page[data-meeting-room-av] .of-brand__tend{color:#374151!important}
.office-fitout-page[data-meeting-room-av] .of-brand__re{color:#ffc002!important}
.office-fitout-page[data-meeting-room-av] .of-hero{padding-inline:max(calc((100vw - 1200px)/2),36px)}
.office-fitout-page[data-meeting-room-av] .of-hero__copy{width:100%;max-width:570px}
@media(min-width:1000px){
  .office-fitout-page[data-meeting-room-av] .av-hero-title-line{
    display:block;
    white-space:nowrap;
  }
}
.office-fitout-page[data-meeting-room-av] .of-relocation-guide,
.office-fitout-page[data-meeting-room-av] .of-relocation-planning,
.office-fitout-page[data-meeting-room-av] .of-relocation-services,
.office-fitout-page[data-meeting-room-av] .of-final{
  padding-inline:max(calc((100vw - 1200px)/2),36px);
}
.office-fitout-page[data-meeting-room-av] .av-case-studies{padding-inline:max(calc((100vw - 1200px)/2),36px)}
.office-fitout-page[data-meeting-room-av] .of-faq .of-section-title{
  font:600 clamp(36px,4vw,51px)/1.02 var(--of-display);
  letter-spacing:-1.7px;
}
.office-fitout-page[data-meeting-room-av] .of-final__inner{max-width:1200px}
.office-fitout-page[data-meeting-room-av] .of-footer-wrap .homepage-footer{
  width:min(1200px,calc(100% - 72px));
  margin-inline:auto;
}
.office-fitout-page[data-meeting-room-av] .of-header--collapsed .of-header__inner{width:auto;max-width:none}
.office-fitout-page[data-meeting-room-av] .of-header .of-button{white-space:nowrap}

/* Practical project directory: editorial two-up feature list, then three independent option columns. */
.office-fitout-page[data-meeting-room-av] .av-project-types{
  padding:79px max(calc((100vw - 1200px)/2),36px);
  background:#faf7f0;
  border-top:1px solid #eee5dd;
}
.office-fitout-page[data-meeting-room-av] .av-project-types__inner,
.office-fitout-page[data-meeting-room-av] .av-more-project-types__inner{
  width:100%;
  max-width:1200px;
  margin-inline:auto;
}
.office-fitout-page[data-meeting-room-av] .av-project-types__heading{
  max-width:800px;
  margin-bottom:35px;
}
.office-fitout-page[data-meeting-room-av] .av-project-types__heading .of-kicker,
.office-fitout-page[data-meeting-room-av] .av-more-project-types__heading .of-kicker{margin-bottom:20px}
.office-fitout-page[data-meeting-room-av] .av-project-types__heading .of-section-title,
.office-fitout-page[data-meeting-room-av] .av-more-project-types__heading .of-section-title{
  max-width:850px;
  margin:0;
}
.office-fitout-page[data-meeting-room-av] .av-project-types__heading>p:last-child,
.office-fitout-page[data-meeting-room-av] .av-more-project-types__heading>p:last-child{
  max-width:700px;
  margin:18px 0 0;
  color:var(--av-muted);
  font-size:16px;
  line-height:1.65;
}
.office-fitout-page[data-meeting-room-av] .av-project-types__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:54px;
  row-gap:0;
}
.office-fitout-page[data-meeting-room-av] .av-project-type{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:16px;
  padding:25px 0 27px;
  border-top:1px solid #eadfd7;
}
.office-fitout-page[data-meeting-room-av] .av-project-type__number{
  padding-top:3px;
  color:var(--av-orange);
  font:500 13px/1.3 var(--of-display);
  letter-spacing:.08em;
}
.office-fitout-page[data-meeting-room-av] .av-project-type h3{
  margin:0 0 9px;
  color:var(--av-ink);
  font:600 20px/1.25 var(--of-display);
  letter-spacing:-.35px;
}
.office-fitout-page[data-meeting-room-av] .av-project-type p{
  margin:0;
  color:var(--av-muted);
  font-size:14px;
  line-height:1.65;
}
.office-fitout-page[data-meeting-room-av] .av-project-types__more{
  display:inline-flex;
  align-items:center;
  gap:13px;
  margin-top:25px;
  padding:13px 18px;
  border:1px solid #d9b09b;
  border-radius:3px;
  color:var(--av-orange-deep);
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.office-fitout-page[data-meeting-room-av] .av-project-types__more span{
  color:var(--av-orange);
  transition:transform .2s ease;
}
.office-fitout-page[data-meeting-room-av] .av-project-types__more:hover{
  transform:translateY(-2px);
  background:var(--av-orange-wash);
  border-color:var(--av-orange);
}
.office-fitout-page[data-meeting-room-av] .av-project-types__more:hover span{transform:translateY(2px)}
.office-fitout-page[data-meeting-room-av] .av-more-project-types{
  padding:79px max(calc((100vw - 1200px)/2),36px);
  background:#f5e5d9;
  border-top:1px solid #eadfd7;
  scroll-margin-top:96px;
}
.office-fitout-page[data-meeting-room-av] .av-more-project-types__heading{
  max-width:820px;
  margin-bottom:36px;
}
.office-fitout-page[data-meeting-room-av] .av-more-project-types__columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:28px;
}
.office-fitout-page[data-meeting-room-av] .av-more-project-types__column{
  min-width:0;
  border-top:1px solid #e2cfc2;
}
.office-fitout-page[data-meeting-room-av] .av-more-project-types__column details{
  border-bottom:1px solid #e2cfc2;
}
.office-fitout-page[data-meeting-room-av] .av-more-project-types__column summary{
  position:relative;
  display:block;
  padding:18px 34px 18px 0;
  color:var(--av-ink);
  cursor:pointer;
  font:600 16px/1.4 var(--of-display);
  list-style:none;
  transition:color .18s ease;
}
.office-fitout-page[data-meeting-room-av] .av-more-project-types__column summary::-webkit-details-marker{display:none}
.office-fitout-page[data-meeting-room-av] .av-more-project-types__column summary::after{
  content:"+";
  position:absolute;
  top:17px;
  right:2px;
  color:var(--av-orange);
  font:400 21px/1 var(--of-display);
  transition:transform .18s ease,color .18s ease;
}
.office-fitout-page[data-meeting-room-av] .av-more-project-types__column details[open] summary{
  color:var(--av-orange-deep);
}
.office-fitout-page[data-meeting-room-av] .av-more-project-types__column details[open] summary::after{
  content:"−";
  transform:rotate(180deg);
}
.office-fitout-page[data-meeting-room-av] .av-more-project-types__column summary:hover{color:var(--av-orange-deep)}
.office-fitout-page[data-meeting-room-av] .av-more-project-types__column details p{
  margin:0;
  padding:0 15px 19px 0;
  color:#625a54;
  font-size:14px;
  line-height:1.65;
  animation:av-detail-in .2s ease both;
}
.office-fitout-page[data-meeting-room-av] .av-more-project-types__column summary:focus-visible,
.office-fitout-page[data-meeting-room-av] .av-project-types__more:focus-visible{
  outline:2px solid var(--av-orange-deep);
  outline-offset:4px;
  border-radius:2px;
}

@media(max-width:950px){
  .office-fitout-page[data-meeting-room-av] .of-relocation-guide{padding-inline:24px}
}
@media(max-width:900px){
  .office-fitout-page[data-meeting-room-av] .av-case-studies .cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .office-fitout-page[data-meeting-room-av] .of-relocation-profile>img{width:42px}
  .office-fitout-page[data-meeting-room-av] .av-more-project-types__columns{gap:20px}
}
@media(max-width:700px){
  .office-fitout-page[data-meeting-room-av] .of-section-title{font-size:39px;letter-spacing:-1.2px}
  .office-fitout-page[data-meeting-room-av] .of-relocation-planning__intro .of-section-title,
  .office-fitout-page[data-meeting-room-av] .of-relocation-services .of-section-title,
  .office-fitout-page[data-meeting-room-av] .av-case-studies .of-section-title,
  .office-fitout-page[data-meeting-room-av] .of-faq .of-section-title{font-size:39px;letter-spacing:-1.2px}
  .office-fitout-page[data-meeting-room-av] .of-relocation-guide .of-section-title{
    font-size:36px;
    letter-spacing:-1.3px;
  }
  .office-fitout-page[data-meeting-room-av] .of-relocation-guide{padding:48px 20px 52px}
  .office-fitout-page[data-meeting-room-av] .of-relocation-planning{padding:55px 20px}
  .office-fitout-page[data-meeting-room-av] .of-relocation-services{padding:57px 20px}
  .office-fitout-page[data-meeting-room-av] .av-case-studies{padding:57px 20px}
  .office-fitout-page[data-meeting-room-av] .av-project-types,
  .office-fitout-page[data-meeting-room-av] .av-more-project-types{padding:57px 20px}
  .office-fitout-page[data-meeting-room-av] .of-faq{width:calc(100% - 40px);padding:57px 0}
  .office-fitout-page[data-meeting-room-av] .of-final{padding:51px 20px}
  .office-fitout-page[data-meeting-room-av] .of-final__copy h2{font-size:43px;letter-spacing:-1px}
  .office-fitout-page[data-meeting-room-av] .of-header__inner,
  .office-fitout-page[data-meeting-room-av] .of-footer-wrap .homepage-footer{width:calc(100% - 40px)}
  .office-fitout-page[data-meeting-room-av] .of-hero{padding-inline:20px}
  .office-fitout-page[data-meeting-room-av] .of-relocation-guide,
  .office-fitout-page[data-meeting-room-av] .of-relocation-planning,
  .office-fitout-page[data-meeting-room-av] .of-relocation-services,
  .office-fitout-page[data-meeting-room-av] .av-case-studies,
  .office-fitout-page[data-meeting-room-av] .of-final{padding-inline:20px}
  .office-fitout-page[data-meeting-room-av] .av-case-studies .cs-grid{grid-template-columns:1fr}
  .office-fitout-page[data-meeting-room-av] .av-project-types__grid{grid-template-columns:1fr}
  .office-fitout-page[data-meeting-room-av] .av-more-project-types__columns{grid-template-columns:1fr;gap:0}
  .office-fitout-page[data-meeting-room-av] .av-project-types__heading .of-section-title,
  .office-fitout-page[data-meeting-room-av] .av-more-project-types__heading .of-section-title{font-size:39px;letter-spacing:-1.2px}
  .office-fitout-page[data-meeting-room-av] .av-project-type{grid-template-columns:35px minmax(0,1fr);gap:12px}
  .office-fitout-page[data-meeting-room-av] .av-more-project-types{scroll-margin-top:78px}
  .office-fitout-page[data-meeting-room-av] .of-relocation-profile>img{width:54px;height:34px}
  .office-fitout-page[data-meeting-room-av] .of-relocation-example--shortlist li{grid-template-columns:48px minmax(0,1fr) 14px;min-height:43px}
  .office-fitout-page[data-meeting-room-av] .of-relocation-example--shortlist li>img{width:48px;height:30px}
  .office-fitout-page[data-meeting-room-av] .of-relocation-priority-chips span,
  .office-fitout-page[data-meeting-room-av] .of-relocation-case-chips span{font-size:11px}
}
@media(max-width:390px){
  .office-fitout-page[data-meeting-room-av] .of-relocation-guide{padding-inline:15px}
  .office-fitout-page[data-meeting-room-av] .of-relocation-guide .of-section-title{font-size:32px}
  .office-fitout-page[data-meeting-room-av] .of-hero{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){
  .office-fitout-page[data-meeting-room-av] *,
  .office-fitout-page[data-meeting-room-av] *::before,
  .office-fitout-page[data-meeting-room-av] *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}
@keyframes av-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes av-detail-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
