/* Landscape iPads use the desktop visual language, with a reserved left
   column for the intro, film and typing and a right column for the finale.
   The class is limited to the tablet review or coarse-pointer tablet sizes. */
html.tablet-landscape-board { scroll-padding-top: 0; }
html.tablet-landscape-board .work {
  height: 100svh; height: 100dvh; min-height: 0; padding: 38px 4% 24px; overflow: hidden;
}
/* Match the approved desktop's native scroll hold before booking rises. */
html.tablet-landscape-board .portrait-panel-hold {
  display: block; height: 25dvh; pointer-events: none;
}
html.tablet-landscape-board .work .studio-board,
html.tablet-landscape-board .work.board-complete .studio-board {
  position: absolute; inset: 0; width: 100%; height: 100%; margin: 0;
}
html.tablet-landscape-board .work .work-intro { width: 40%; margin: 0; }
html.tablet-landscape-board .work .work-intro h2 { margin-bottom: 20px; font-size: 14px; }
html.tablet-landscape-board .work .statement {
  width: 100%; font-size: clamp(20px, 1.85vw, 25px); line-height: 1.4;
}
html.tablet-landscape-board .work .desktop-break { display: none; }
html.tablet-landscape-board .work .work-topline { margin: 0; padding: 0; min-height: 0; }
html.tablet-landscape-board .work .annotation { width: 26%; }
html.tablet-landscape-board .work .annotation-final { width: 39%; }
html.tablet-landscape-board .work .print {
  width: 21%; padding: 7px 7px 8px; color: #fff;
  background: radial-gradient(ellipse at 0% 0%, rgb(255 255 255 / 15%), transparent 65%),
    linear-gradient(145deg, rgb(255 255 255 / 11%), rgb(255 255 255 / 3%));
  border: 1px solid rgb(255 255 255 / 25%); border-radius: 20px;
  box-shadow: 0 18px 32px rgb(17 21 14 / 27%),
    inset 0 1px 1px rgb(255 255 255 / 50%), inset 0 -1px 1px rgb(255 255 255 / 11%);
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
html.tablet-landscape-board .work .print img,
html.tablet-landscape-board .work .print[data-id="elevated"] img,
html.tablet-landscape-board .work .print[data-id="amenity"] img {
  width: 100%; height: 15.5dvh; border-radius: 10px;
}
html.tablet-landscape-board .work .print[data-id="elevated"] { width: 23%; }
html.tablet-landscape-board .work .print[data-id="amenity"] { width: 21%; }
html.tablet-landscape-board .work .dealer-card { width: 17.8%; }
html.tablet-landscape-board .work .dealer-face { height: 18.5dvh; }
html.tablet-landscape-board .work .dealer-wordmark { font-size: clamp(22px, 2.05vw, 29px); }
html.tablet-landscape-board .work .dealer-label { font-size: 12px; }
html.tablet-landscape-board .work .print .project {
  color: rgb(255 255 255 / 88%); font-size: 10px; font-weight: 400; text-shadow: none;
}
html.tablet-landscape-board .work .print .project::before { content: "Pictured: "; }
html.tablet-landscape-board .work .print h3 {
  color: #fff; font-size: 13px; line-height: 1.2; font-weight: 400;
  letter-spacing: .005em; text-shadow: none;
}
html.tablet-landscape-board .work .number:not(.matched),
html.tablet-landscape-board .work .number.selected {
  color: #ff8a7a; outline-color: #ff8a7a; font-size: 28px; font-weight: 600;
  letter-spacing: -.03em; text-shadow: 0 3px 8px #0003;
}
html.tablet-landscape-board .work .number:not(.matched) small {
  font-size: 10px; font-weight: 600; margin-top: 4px;
}
html.tablet-landscape-board .work .number.matched {
  font-size: 15px; backdrop-filter: none; -webkit-backdrop-filter: none;
}
html.tablet-landscape-board .work .tablet-object { width: 22%; }
html.tablet-landscape-board .work .simplify-line {
  position: absolute; left: 4%; top: auto; bottom: 36px; width: 39%; margin: 0;
  font-size: clamp(66px, 6.15vw, 85px); display: grid;
  grid-template-columns: auto 1fr; justify-items: start; column-gap: .22em; row-gap: .3em;
}
html.tablet-landscape-board .work .simplify-changing,
html.tablet-landscape-board .work .simplify-play { grid-column: 1 / -1; }
html.tablet-landscape-board .work .simplify-caret { width: .03em; height: .78em; opacity: .5; }
html.tablet-landscape-board .work .board-drag-note:not(.board-drag-note-split) { display: none; }
html.tablet-landscape-board .work .board-drag-note-split {
  display: block; overflow: visible; top: auto; left: auto; z-index: 8;
}
html.tablet-landscape-board .work.board-complete .print,
html.tablet-landscape-board .work.board-complete .print[data-id="elevated"],
html.tablet-landscape-board .work.board-complete .print[data-id="amenity"] {
  width: 17.8%; height: 21.5dvh;
}
html.tablet-landscape-board .work.board-complete .print img,
html.tablet-landscape-board .work.board-complete .print[data-id="elevated"] img,
html.tablet-landscape-board .work.board-complete .print[data-id="amenity"] img {
  height: calc(21.5dvh - 65px);
}
html.tablet-landscape-board .work.board-complete .dealer-face { height: 100%; }
html.tablet-landscape-board .work.board-complete .tablet-object {
  width: 24%; transition: left 2400ms cubic-bezier(.45,0,.2,1) 900ms,
    top 2400ms cubic-bezier(.45,0,.2,1) 900ms, transform 1050ms cubic-bezier(.2,.8,.2,1);
}
html.tablet-landscape-board .work.board-complete .tablet-object.dragging,
html.tablet-landscape-board .work.board-complete.film-settled .tablet-object { transition: none; }
html.tablet-landscape-board .work .coffee-invite {
  display: flex; position: absolute; z-index: 3; visibility: hidden; gap: 20px;
  --coffee-art-height: 22dvh;
}
html.tablet-landscape-board .work.board-complete .coffee-invite { visibility: visible; }
html.tablet-landscape-board .work .coffee-prompt { font-size: 38px; min-height: 38px; }
html.tablet-landscape-board .work .coffee-words { gap: 8px; }
html.tablet-landscape-board .work .coffee-arrow { height: 38px; width: 22px; }
@media (prefers-reduced-motion: reduce) {
  html.tablet-landscape-board .work.board-complete .tablet-object { transition: none; }
}