/* 1.9.5: new introduction. Existing banner/board desktop rules are untouched. */
.discover-mesh{padding:64px var(--discover-inset) 0;background:#fff}
.discover-mesh-heading .eyebrow{color:var(--cobalt);margin:0 0 20px}
.discover-mesh-heading h2{max-width:16em;font-size:clamp(36px,4vw,60px);line-height:1.12;margin:0 0 32px}
.discover-mesh-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px)}
.discover-mesh-copy p{min-width:0;max-width:none;font-size:16px;line-height:1.8;color:var(--muted);margin:0;text-align:justify;hyphens:auto;overflow-wrap:break-word}
.discover-mesh-badges{list-style:none;display:flex;flex-wrap:wrap;gap:18px 32px;padding:24px 0 30px;margin:28px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.discover-mesh-badges li{display:flex;align-items:center;gap:10px;max-width:100%;font-size:11px;line-height:1.6;letter-spacing:.08em;font-weight:500;color:#28334b;overflow-wrap:break-word}
.discover-mesh-badges li::before{content:'';width:5px;height:5px;border-radius:50%;background:#a38b57;flex:none}
.discover-mesh-transition{padding:44px 0 0}
.discover-mesh-transition h2{font-size:clamp(30px,3vw,44px);line-height:1.15;margin:0 0 12px}
.discover-mesh-transition p{font-size:18px;color:var(--muted);line-height:1.6;margin:0}

/* Interaction only: phones and tablets dock the ORIGINAL control nodes below.
   Source canvas = 2046 × 768. Cut x=0..581, retain x=582..2046 in one viewport.
   Entire .scene (canvas, fallback and glass hotspot) scales together by 2046/1464.
   Right anchoring leaves no positive horizontal overflow for story scrollTo(). */
@media(max-width:1024px){
 #tj-discover-dialog[open] #discover-board .scene-viewport{position:relative;width:100%;max-width:none;aspect-ratio:1464/768;margin:0;overflow:hidden;overflow:clip}
 #tj-discover-dialog[open] #discover-board .scene{position:absolute;inset:0 0 auto auto;width:139.7540983607%;max-width:none;min-height:0;height:auto;aspect-ratio:2046/768;margin:0;padding:0;transform:none}
 #tj-discover-dialog #discover-board .controls-dock{display:block;background:#e7ded1;padding:40px 16px 18px}
 #tj-discover-dialog #discover-board .controls-dock .wall-controls,#tj-discover-dialog #discover-board .controls-dock .wall-controls.is-expanded{position:relative;inset:auto;width:100%;max-width:560px;aspect-ratio:1048/792;margin:0 auto;opacity:0}
 #tj-discover-dialog #discover-board[data-state=ready] .controls-dock .wall-controls{opacity:1}
 #tj-discover-dialog #discover-board .controls-dock .wall-controls::before{content:none}
 #tj-discover-dialog #discover-board .controls-dock .wall-controls>canvas{filter:drop-shadow(2px 3px 2px #0003)}
 #tj-discover-dialog #discover-board .controls-dock .panel-tools{justify-content:center;top:auto;bottom:calc(100% + 10px)}
 #tj-discover-dialog #discover-board .controls-dock #wall-zoom{display:none}
 #tj-discover-dialog #discover-board .controls-dock .panel-tools output{display:block}
 #tj-discover-dialog #discover-board .controls-dock .hotspot[data-action=music]::before{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
 #tj-discover-dialog #discover-board .tablet-dock{display:flex;justify-content:center;background:#e7ded1}
}

/* Closed preview: ONLY <=768px; full original image including wall and hardware.
   Do not apply any of these banner overrides to tablet or desktop widths. */
@media(max-width:768px){
 .discover-page .discover-banner{grid-template-columns:minmax(0,1fr);gap:22px;padding-left:8px;padding-right:8px;padding-top:32px;padding-bottom:32px}
 .discover-page .discover-preview{width:100%;max-width:100%;justify-self:stretch;aspect-ratio:2046/768}
 .discover-page .discover-preview>img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
 .discover-page .discover-banner-copy{padding-left:8px;padding-right:8px}
 .discover-page .discover-banner h1{font-size:clamp(27px,5.2vw,34px)}
 .discover-page .discover-preview-open{width:38px;height:38px;right:8px;bottom:8px}
 .discover-page .discover-preview-open svg{width:21px;height:21px}
 #tj-discover-dialog{width:100%;height:100dvh;max-width:none;border:0;border-radius:0}
 #tj-discover-dialog .discover-dialog-content{padding:8px}
 #tj-discover-dialog #discover-board .scene-bar{padding:12px 15px;align-items:flex-start;flex-direction:column;gap:3px}
 #tj-discover-dialog #discover-board .scene-bar .instructions{flex:0 1 auto;margin-left:0}
 .discover-mesh{padding-top:36px}
 .discover-mesh-heading h2{font-size:clamp(32px,6.8vw,44px);margin-bottom:24px}
 .discover-mesh-copy{grid-template-columns:minmax(0,1fr);gap:20px}
 .discover-mesh-copy p{text-align:left;hyphens:none;font-size:16px;line-height:1.75}
 .discover-mesh-badges{flex-direction:column;gap:13px;margin-top:24px;padding:21px 0}
 .discover-mesh-transition{padding-top:32px}
 .discover-mesh-transition h2{font-size:30px}
 .discover-mesh-transition p{font-size:17px}
}