/* Separate desktop direction: phone category copy, uninterrupted center film. */
@media (min-width: 701px) {
  .desktop-text-preview .reference-hero {
    min-height: calc(100svh - 68px);
    padding-inline: 3.5%;
  }
  .desktop-text-preview .reference-composition {
    aspect-ratio: auto;
    height: max(600px, calc(100svh - 68px));
    max-height: 1050px;
  }
  .desktop-text-preview .reference-intro {
    top: clamp(104px, 16%, 170px);
    left: 2.5%;
    right: auto;
    width: min(43%, 640px);
    text-align: left;
    translate: none;
  }
  .desktop-text-preview .reference-intro h1 {
    white-space: normal;
    font-size: clamp(30px, 3.1vw, 55px);
    text-wrap: balance;
    line-height: 1.03;
  }
  .desktop-text-preview .reference-intro p {
    font-size: clamp(13px, 1vw, 18px);
    margin-top: 14px;
  }
  .desktop-text-preview .reference-chapters {
    position: absolute;
    inset: clamp(240px, 34%, 330px) auto 8% 2.5%;
    width: min(42%, 620px);
    display: flex;
    flex-direction: column;
    perspective: none;
    transform: none !important;
    translate: none;
    will-change: auto;
    z-index: 3;
  }
  .desktop-text-preview .reference-piece {
    position: relative;
    inset: auto;
    left: auto !important;
    top: auto;
    width: 100%;
    height: 25%;
    min-height: 62px;
    flex: 1 1 0;
    isolation: auto;
    z-index: auto !important;
    outline-offset: 2px !important;
    overflow: hidden;
    transition: flex-grow .14s ease;
  }
  .desktop-text-preview .reference-piece.is-previewed { flex-grow: 1.65; }
  .desktop-text-preview .reference-piece[data-category="architecture"] { order: 2; }
  .desktop-text-preview .reference-piece[data-category="product"] { order: 1; }
  .desktop-text-preview .reference-piece[data-category="motion"] { order: 4; }
  .desktop-text-preview .reference-piece[data-category="furniture"] { order: 3; }
  .desktop-text-preview .reference-piece .reference-art {
    transform: none !important;
    will-change: auto;
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
    color: #101314 !important;
    overflow: hidden;
    isolation: isolate;
  }
  .desktop-text-preview .reference-piece .live-art-canvas,
  .desktop-text-preview .reference-piece .live-art-plate,
  .desktop-text-preview .reference-piece .panel-name {
    display: none !important;
  }
  .desktop-text-preview .reference-piece .modern-panel-image,
  .desktop-text-preview .reference-piece .studio-motion-film {
    position: absolute;
    inset: 0 0 0 auto;
    display: block !important;
    width: 56%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    transition: opacity .14s ease, filter .14s ease;
  }
  .desktop-text-preview .reference-piece.is-previewed .modern-panel-image {
    opacity: 1;
  }
  .desktop-text-preview .reference-piece.is-previewed .reference-art.studio-film-ready > .studio-motion-film {
    opacity: 1;
  }
  .desktop-text-preview .reference-piece[data-category="architecture"] .modern-panel-image {
    object-position: center top;
  }
  .desktop-text-preview .reference-piece[data-category="furniture"] .modern-panel-image {
    object-position: 50% 45%;
  }
  .desktop-text-preview .reference-piece .reference-art::after { display: none; }
  .desktop-text-preview .phone-category-row {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: 27px minmax(0, 1fr) 26px;
    gap: 14px;
    align-items: center;
    text-align: left;
    border-bottom: 1px solid #10131435;
    transition: background .14s ease, padding .14s ease;
    z-index: 3;
  }
  .desktop-text-preview .phone-category-row::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #faf8f3 0%, #faf8f3 42%, #faf8f3e8 53%, #faf8f350 72%, transparent 100%);
    opacity: 0;
    transition: opacity .14s ease;
    pointer-events: none;
  }
  .desktop-text-preview .reference-piece.is-previewed .phone-category-row::before { opacity: 1; }
  .desktop-text-preview .phone-category-row > * { position: relative; z-index: 1; }
  .desktop-text-preview .phone-category-number {
    color: #b84612;
    font: 400 10px Arial, sans-serif;
  }
  .desktop-text-preview .phone-category-copy {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
  }
  .desktop-text-preview .phone-category-name {
    color: #111315;
    font: 400 clamp(23px, 2.5vw, 38px)/1.03 Arial, sans-serif;
    letter-spacing: -.05em;
  }
  .desktop-text-preview .reference-piece[data-category="motion"] .phone-category-name {
    font-size: clamp(20px, 2.15vw, 32px);
  }
  .desktop-text-preview .phone-category-description {
    color: #303336;
    font: 400 clamp(10px, .88vw, 12px)/1.35 Arial, sans-serif;
    letter-spacing: 0;
  }
  .desktop-text-preview .phone-category-arrow {
    color: #b84612;
    font: 400 25px Arial, sans-serif;
    transition: transform .14s ease;
  }
  .desktop-text-preview .reference-piece.is-previewed .phone-category-row {
    background: #faf8f340;
    padding-inline: 10px;
  }
  .desktop-text-preview .reference-piece.is-previewed .phone-category-arrow {
    transform: translate(3px, -3px);
  }
  .desktop-text-preview .landing-film-stage::after {
    background: linear-gradient(#faf8f3 0%, #faf8f3dd 7%, #faf8f399 22%, #faf8f380 88%, #faf8f399);
  }
  .desktop-text-preview .landing-film-poster,
  .desktop-text-preview .landing-product-film { opacity: .75; }
}

@media (min-width: 701px) and (max-height: 720px) {
  .desktop-text-preview .reference-intro { top: 105px; }
  .desktop-text-preview .reference-chapters { top: 250px; bottom: 6%; }
  .desktop-text-preview .phone-category-name { font-size: clamp(21px, 2.1vw, 30px); }
  .desktop-text-preview .phone-category-description { font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .desktop-text-preview .reference-piece,
  .desktop-text-preview .reference-piece .modern-panel-image,
  .desktop-text-preview .reference-piece .studio-motion-film,
  .desktop-text-preview .phone-category-row,
  .desktop-text-preview .phone-category-row::before,
  .desktop-text-preview .phone-category-arrow { transition: none; }
}

.reference-piece[hidden], .collection-links [hidden] { display: none !important; }
a.reference-piece { color: inherit; text-decoration: none; }
@media(max-width:700px) { .desktop-text-preview .reference-chapters { grid-template-rows: repeat(4,minmax(0,1fr)); } }
.floating-contact { position: fixed; right: max(22px, env(safe-area-inset-right)); bottom: max(22px, env(safe-area-inset-bottom)); z-index: 1000; display: flex; align-items: center; gap: 10px; padding: 14px 18px; border: 1px solid #ffffff44; border-radius: 40px; background: #171a1b; color: #faf8f3; box-shadow: 0 4px 24px #0003; font: 14px/1.2 Arial,sans-serif; text-decoration: none; }
.floating-contact svg { width: 23px; height: 23px; stroke: currentColor; stroke-width: 1.5; }
.floating-contact:hover { background: #b84612; }
.floating-contact:focus-visible { outline: 3px solid #eb9b65; outline-offset: 4px; }
@media(max-width:700px) { .floating-contact { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); padding: 13px; } .floating-contact span { display: none; } }
.desktop-text-preview .profile .portrait-frame { aspect-ratio: auto; border-radius: 0; overflow: hidden; transform: none !important; transition: none; box-shadow: none; }
.desktop-text-preview .profile .portrait-frame::after { display: none; }
.desktop-text-preview .profile .portrait-frame img { display: block; width: 100%; height: auto; max-width: 340px; border-radius: 0; filter: none; object-fit: contain; }
.desktop-text-preview .ui-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}