/* Compact landscape recordings and an original-aspect photo gallery. */
#field-collection .field-heading {align-items:end;gap:clamp(24px,4vw,56px);margin-bottom:32px;}
#field-collection .field-heading h2 {max-width:19ch;text-wrap:balance;}
:lang(zh) #field-collection .field-heading h2 {max-width:12em;}
#field-collection .field-heading > p {font-size:17px;line-height:1.7;color:var(--vi-n92);}
#field-collection .field-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;}
#field-collection .field-film {margin:0;min-width:0;}
#field-collection .field-film > video,#field-collection .field-film > img {display:block;position:static;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--lp-r-media,8px);background:var(--vi-n11);}
#field-collection .field-film > figcaption {margin-top:10px;}
#field-collection .field-film h3 {font-size:18px;line-height:1.4;margin:0 0 4px;}
#field-collection .field-film figcaption p {font-size:14px;line-height:1.5;margin:0;color:var(--vi-n92);}
#field-collection .field-gallery {--photo-height:clamp(240px,23vw,300px);margin-top:40px;min-width:0;}
#field-collection .field-gallery-head {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;}
#field-collection .field-gallery-head h3 {font-size:20px;line-height:1.4;margin:0 0 6px;}
#field-collection .field-gallery-head p {font-size:14px;line-height:1.6;color:var(--vi-n92);margin:0;}
#field-collection .field-gallery-controls {display:flex;gap:8px;flex-shrink:0;}
#field-collection .field-gallery-controls button,.field-dialog-close {display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--vi-n217);border-radius:50%;background:#fff;color:var(--vi-n11);font:inherit;font-size:24px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s;}
#field-collection .field-gallery-controls button:hover:not(:disabled),.field-dialog-close:hover {background:var(--vi-brand);border-color:var(--vi-brand);}
#field-collection .field-gallery-controls button:disabled {opacity:.3;cursor:default;}
#field-collection .field-photo-track {display:flex;align-items:start;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:2px;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 2px 12px;margin-inline:-2px;cursor:grab;}
#field-collection .field-photo-track::-webkit-scrollbar {display:none;}
#field-collection .field-photo-track.is-dragging,#field-collection .field-photo-track.is-dragging button {cursor:grabbing;}
#field-collection .field-photo-card {flex:0 0 calc(var(--photo-height) * var(--photo-ratio));width:calc(var(--photo-height) * var(--photo-ratio));min-width:0;margin:0;scroll-snap-align:start;}
#field-collection .field-photo-card button {display:block;width:100%;height:var(--photo-height);padding:0;overflow:hidden;border:0;border-radius:var(--lp-r-media,8px);background:var(--vi-n11);cursor:grab;}
#field-collection .field-photo-card img {display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:inherit;user-select:none;-webkit-user-drag:none;}
#field-collection .field-photo-card figcaption {font-size:15px;font-weight:600;line-height:1.5;margin-top:10px;color:var(--vi-n11);}
#field-collection .field-gallery-progress {display:block;width:100%;height:24px;padding:0;margin:8px 0 0;background:transparent;accent-color:var(--vi-brand);cursor:ew-resize;-webkit-appearance:none;appearance:none;}
#field-collection .field-gallery-progress::-webkit-slider-runnable-track {height:3px;background:var(--vi-n217);border-radius:4px;}
#field-collection .field-gallery-progress::-webkit-slider-thumb {appearance:none;-webkit-appearance:none;width:64px;height:7px;margin-top:-2px;border:0;border-radius:8px;background:var(--vi-brand);}
#field-collection .field-gallery-progress::-moz-range-track {height:3px;background:var(--vi-n217);border-radius:4px;}
#field-collection .field-gallery-progress::-moz-range-thumb {width:64px;height:7px;border:0;border-radius:8px;background:var(--vi-brand);}
#field-collection .field-gallery :focus-visible,.field-dialog-close:focus-visible {outline:2px solid var(--vi-n11);outline-offset:3px;}
.field-dialog {max-width:min(94vw,1440px);max-height:94dvh;width:fit-content;padding:56px 20px 18px;border:0;border-radius:16px;background:#fff;color:var(--vi-n11);overflow:auto;}
.field-dialog::backdrop {background:rgba(0,0,0,.78);}
.field-dialog-close {position:absolute;top:10px;right:12px;width:36px;height:36px;font-size:28px;}
.field-dialog figure {margin:0;}
.field-dialog img {display:block;width:auto;height:auto;max-width:min(calc(94vw - 40px),1400px);max-height:calc(94dvh - 130px);object-fit:contain;margin:auto;border-radius:6px;}
.field-dialog figcaption {margin-top:12px;text-align:center;font-size:15px;line-height:1.5;}
body:has(.field-dialog[open]) {overflow:hidden;}
#field-collection .field-note {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:20px;border-top:1px solid var(--vi-n217);color:var(--vi-n92);font-size:14px;line-height:1.6;}
#field-collection .field-note p {margin:0;}
#field-collection .field-note a {flex-shrink:0;font-weight:600;color:var(--vi-n11);}
#robot-scenes h2 {text-wrap:balance;}
#robot-scenes .grid-4 {margin-top:40px !important;}
@media(max-width:900px){#field-collection .field-heading {grid-template-columns:1fr;gap:16px;}#field-collection .field-heading h2 {max-width:none;}#field-collection .field-grid {gap:16px;}}
@media(max-width:600px){#field-collection .field-heading > p {font-size:16px;}#field-collection .field-grid {grid-template-columns:minmax(0,1fr);gap:24px;}#field-collection .field-gallery {--photo-height:240px;margin-top:32px;}#field-collection .field-gallery-head {align-items:start;gap:12px;}#field-collection .field-gallery-head h3 {font-size:18px;}#field-collection .field-gallery-head p {font-size:13px;max-width:24ch;}#field-collection .field-gallery-controls {gap:6px;}#field-collection .field-gallery-controls button {width:36px;height:36px;font-size:21px;}#field-collection .field-photo-track {gap:14px;}#field-collection .field-note {align-items:start;flex-direction:column;gap:12px;}}