/* the "Design this room" card, its modal, the sticky pill and the Solutions landing, in the live www look */
.dzs{font-family:Poppins,Helvetica,Arial,sans-serif;color:#1F3540}
.dzs-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.dzs-k{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#FFB48A}
.dzs-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;background:#FF671C;color:#1d0d03!important;font-weight:700;font-size:16px;text-decoration:none!important}
.dzs-btn:hover{background:#ff7d3b}
.dzs-btn.g{background:transparent;color:#fff!important;border:1.5px solid #fff;font-weight:600;font-size:15px}
.dzs-venues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 8px}
.dzs-venue{display:flex;flex-direction:column;gap:6px;border:1.5px solid #DCE6EA;border-radius:16px;padding:18px;background:#fff;color:#003E52!important;text-decoration:none!important;min-height:44px}
.dzs-venue:hover{border-color:#FF671C;box-shadow:0 0 0 4px rgba(255,103,28,.12)}
.dzs-venue b{font-size:16px;font-weight:600}
.dzs-venue span{font-size:13.5px;color:#4F6873}
.dzs-venue em{font-style:normal;font-weight:600;font-size:14px;color:#003E52;margin-top:auto}
.dzs-sec{padding:40px 0}
.dzs-sec h2{color:#003E52;font-size:26px;font-weight:600;margin:0 0 4px}
.dzs-sec p.lead{color:#4F6873;margin:0}
.dzs-sectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.dzs-sector{display:block;border:1px solid #DCE6EA;border-radius:14px;padding:14px 16px;color:#003E52!important;font-weight:600;text-decoration:none!important;min-height:44px}
.dzs-sector small{display:block;font-weight:400;color:#4F6873;font-size:12.5px}
.dzs-sector:hover{border-color:#003E52}
@media (max-width:900px){.dzs-venues,.dzs-sectors{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.dzs-venues,.dzs-sectors{grid-template-columns:1fr}}
/* the card in the hero, where the sector picture was: the venue drawing is its art */
.dzs-card{display:block;text-decoration:none!important;color:inherit!important;cursor:pointer;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.2)}
.dzs-card-art{display:block;line-height:0;border-bottom:1px solid #DCE6EA}
.dzs-card-art img{display:block;width:100%;height:auto;aspect-ratio:8/5}
.dzs-card-b{display:flex;align-items:center;gap:14px;padding:14px 16px;flex-wrap:wrap}
.dzs-card-t{display:block;flex:1 1 180px;min-width:0;line-height:1.35}
.dzs-card:focus-visible{outline:3px solid #FF671C;outline-offset:3px}
.dzs-ck{display:block;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#B23F08}
.dzs-card-t b{display:block;color:#003E52;font-size:16px;font-weight:600}
.dzs-card-t span{display:block;color:#4F6873;font-size:13.5px}
.dzs-card .dzs-btn{flex:none}
/* the modal: a large dialog on a desktop, the whole screen on a phone */
html.dzm-lock{overflow:hidden}
.dzm{width:min(1240px,94vw);height:min(900px,92vh);max-width:none;max-height:none;padding:0;border:0;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,30,40,.4);font-family:Poppins,Helvetica,Arial,sans-serif}
.dzm[open]{display:flex;flex-direction:column}
.dzm::backdrop{background:rgba(0,30,40,.55)}
.dzm-h{display:flex;align-items:center;gap:14px;padding:10px 12px 10px 14px;background:#003E52;color:#fff;border-bottom:3px solid #FF671C;flex:none}
.dzm-art{width:96px;height:60px;border-radius:6px;background:#fff;object-fit:cover;flex:none}
.dzm-t{min-width:0;flex:1}
.dzm-k{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#FFB48A}
.dzm-h h2{margin:0;color:#fff;font-size:19px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dzm-x{flex:none;width:48px;height:48px;border-radius:12px;border:1.5px solid rgba(255,255,255,.5);background:transparent;color:#fff;font-size:20px;cursor:pointer}
.dzm-x:hover{background:rgba(255,255,255,.1)}
.dzm-help{flex:none;min-height:44px;padding:0 6px;border:0;background:none;color:#fff;font:500 14px Poppins,Helvetica,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dzm-help:hover{color:#FFB48A}
.dzm-help:focus-visible{outline:3px solid #FF671C;outline-offset:2px}
.dzm-x:focus-visible,.dzs-btn:focus-visible,.dzs-pill:focus-visible{outline:3px solid #FF671C;outline-offset:2px}
.dzm-f{flex:1;width:100%;border:0;display:block;background:#fff}
@media (max-width:700px){.dzm-h h2{white-space:normal}.dzm{width:100vw;height:100%;max-height:100dvh;border-radius:0;margin:0}.dzm-art{display:none}.dzm-h{gap:8px}.dzm-k{white-space:nowrap}.dzm-h h2{font-size:16px}}
/* the sticky pill, once the hero card has scrolled away */
.dzs-pill{white-space:nowrap;position:fixed;right:20px;bottom:20px;z-index:850;display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 22px;border-radius:999px;background:#FF671C;color:#1d0d03!important;font:700 15.5px Poppins,Helvetica,Arial,sans-serif;text-decoration:none!important;box-shadow:0 10px 26px rgba(0,30,40,.3);visibility:hidden;opacity:0;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility 0s .2s}
.dzs-pill.on{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}
.dzs-pill:hover{background:#ff7d3b}
@media (max-width:700px){.dzs-pill{left:50%;right:auto;bottom:16px;transform:translate(-50%,12px)}.dzs-pill.on{transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){.dzs-pill{transition:none}}
.dzs-card:hover{box-shadow:0 18px 40px rgba(0,0,0,.25),0 0 0 4px rgba(255,103,28,.5)}
/* round 3 hero: the drawing left (~58%), the words and the button right; ~520px tall at 1280 */
.dzh{padding:32px 0 34px}
.dzh-in{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:40px;align-items:center}
.dzh-art{border-radius:14px;background:transparent;box-shadow:none;border:0}
.dzh-art:hover{box-shadow:0 0 0 2px rgba(255,180,138,.55)}
.dzh-art img{display:block;width:100%;height:auto;aspect-ratio:8/5}
.dzh-say h1{margin:6px 0 10px;font-size:40px;line-height:1.15}
.dzh-say p{margin:0 0 22px;font-size:17px;line-height:1.5;color:rgba(255,255,255,.88);max-width:30em}
.dzh-say small{display:block;margin-top:14px;font-size:13px;color:rgba(255,255,255,.7)}
.dzh-say small a{color:#FFB48A;text-decoration:underline;text-underline-offset:3px}
.dzh-say small a:hover{color:#fff}
@media (max-width:820px){
  .dzh{padding:16px 0 22px}
  .dzh-in{grid-template-columns:1fr;gap:16px}
  .dzh-say h1{font-size:28px;margin:4px 0 6px}
  .dzh-say p{font-size:15px;margin-bottom:14px}
  .dzh-say small{margin-top:10px}
}