@media (min-width:1024px) {
  body.head-area {
    --hp-room-height: max(1212px,56.28vw);
    --hp-room-top: 0px;
    --hp-room-bottom: var(--hp-room-height);
    background-color: #f8f3eb;
    background-image: linear-gradient(to bottom,transparent calc(var(--hp-room-bottom) - 100px),#f8f3eb var(--hp-room-bottom)),var(--hd-background);
    background-size: 100% 100%,auto var(--hp-room-height);
    background-position: 0 0,right var(--hp-room-top);
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .hd-pilot { isolation: isolate; }
  .hd-pilot .hp-wall-art { position:absolute;display:none;z-index:-2;pointer-events:none;opacity:.4;overflow:hidden; }
  .hd-pilot .hp-wall-art img { display:block;width:100%;height:100%;object-fit:cover;object-position:70% top; }
  .hd-pilot.hp-wall-art-ready .hp-wall-art { display:block; }
  .hd-pilot .hd-portrait { overflow:hidden;mask-image:linear-gradient(to bottom,#000 calc(100% - 70px),transparent); }
  .hd-pilot .hd-portrait img { mask-image:linear-gradient(to bottom,#000 88%,transparent); }
  .model-scene-loading :is(.hp-figure,.hd-portrait,.hp-wall-art,.hp-connectors,.hd-connectors,.hp-floor),
  .model-scene-failed :is(.hp-figure,.hd-portrait,.hp-wall-art,.hp-connectors,.hd-connectors,.hp-floor) { visibility:hidden; }
  .large-text .hd-pilot .hp-wall-art { display:none; }
  .large-text .hd-pilot .hd-portrait { height:auto!important; }
}
/* Guard the very first paint, before deferred modules or their config arrive.
   With JavaScript disabled the existing static pair stays visible. */
@media (scripting:enabled) {
  :is(.hp-pilot,.hd-pilot):not(.model-scene-ready) :is(.hp-figure,.hd-portrait,.hp-wall-art,.hp-connectors,.hd-connectors,.hp-floor) { visibility:hidden; }
}
.model-scene-loading :is(.hp-figure,.hd-portrait),
.model-scene-failed :is(.hp-figure,.hd-portrait) { visibility:hidden; }