.material-object{position:relative;display:block;width:100%;aspect-ratio:var(--support-aspect,1.5);background:#fff;isolation:isolate}
.material-support{display:block;width:100%!important;height:100%!important;object-fit:contain}
.material-adaptive .material-support{object-fit:fill}
.material-tape{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:fill;pointer-events:none}
.material-tape-clear .material-tape{mix-blend-mode:multiply}
.material-vacuum{background:transparent;transform-origin:50% 94%}
.material-vacuum>.material-support{position:absolute;inset:0;z-index:2;opacity:.45;pointer-events:none}
.material-vacuum>.material-glaze{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:fill;mix-blend-mode:soft-light;opacity:.65;pointer-events:none}
.material-vacuum .material-face{overflow:visible;background:transparent}
.material-vacuum .material-face>img{width:100%;height:100%;object-fit:contain}
.material-vacuum .material-insert{position:absolute}
.material-vacuum[data-material="1000ppm-diploma"]{transform:rotate(-1.3deg)}
.material-vacuum[data-material="1000ppm-shoes"]{transform:rotate(1.1deg)}
.material-vacuum[data-material="1000ppm-tube"]{transform:rotate(-.6deg)}
.material-gallery-print{background:transparent;transform-origin:50% 80%;filter:drop-shadow(1px 2px 1.5px #0002)}
.material-gallery-print>.material-support{visibility:hidden}
.material-gallery-print .material-face>img{width:100%;height:100%;object-fit:contain}
.material-gallery-print[data-material="1000ppm-diploma"]{transform:translateY(-3%) rotate(-2.3deg)}
.material-gallery-print[data-material="1000ppm-shoes"]{transform:translateY(-19%) rotate(2.8deg)}
.material-gallery-print[data-material="1000ppm-tube"]{transform:translateY(-7%) rotate(-1.1deg)}
.material-face{position:absolute;overflow:hidden;background:#fff;border-radius:var(--face-radius,0)}
.material-face>img{width:100%;height:auto;max-width:none;display:block}
.material-billboard .material-face>img{width:100%;height:100%;object-fit:cover;object-position:center}
.material-metal .material-face>img,.material-swiss .material-face>img,.material-paper .material-face>img,.material-sleeve .material-face>img,.material-exhibition .material-face>img{width:100%;height:100%;object-fit:contain}
.material-swiss .material-face>img{object-fit:cover}
.material-aluminium .material-face>img,.material-plexi .material-face>img,.material-exhibition-wide .material-face>img,.material-postcard .material-face>img,.material-object[class*="material-tape-"] .material-face>img{width:100%;height:100%;object-fit:contain}
.material-paper .material-face{background:transparent;mix-blend-mode:multiply}
.material-postcard .material-face{mix-blend-mode:multiply}
img[src*="lucy-set-v1-white"]{filter:brightness(1.012)}
.towel-print{display:block;width:100%;height:100%}
.towel-print>img{width:100%;height:100%;object-fit:fill}
.material-sleeve .material-face::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 1px 0 5px #ffffff80,inset -1px 0 4px #ffffff60}
.material-face>iframe{position:absolute;inset:0 auto auto 0;border:0;max-width:none;transform-origin:0 0;pointer-events:none;opacity:0;background:white}
.material-object.is-ready iframe{opacity:1}
.material-controls{display:flex;justify-content:flex-end;gap:18px;font-size:.75rem;color:#686868;margin-top:6px}
.material-controls button{width:auto!important;min-height:44px;display:inline-flex!important;align-items:center}
.paper-sheet{display:block;width:100%;aspect-ratio:210/297;background:#fff;box-shadow:1px 1px 1px #00000012,4px 5px 15px #00000009;outline:1px solid #e8e8e8;outline-offset:-1px}
.paper-sheet>img{width:100%;height:100%;object-fit:contain}
.photographic-print{display:block;position:relative;isolation:isolate;width:100%;height:100%;padding:2%;background:#fafaf8;box-shadow:-1px 1px 1px #00000019,0 2px 3px #0000000c}
.photographic-print>img{width:100%;height:100%;object-fit:contain}
.photographic-print::after{content:"";position:absolute;inset:0;background:url('/assets/motion/materials/paper-cotton-v1.webp') center/150% 150%;opacity:.16;mix-blend-mode:multiply;pointer-events:none}
.project-image>button>.material-object,.project-image>button>.paper-sheet{max-height:100%;max-width:100%;height:auto}
.project-image>button>.material-object{width:min(100%,calc(100% * var(--media-aspect) / var(--cell-aspect)));max-height:none}
.project-image:has(.paper-sheet)>button{aspect-ratio:210/297}
.viewer-content>.material-object{width:min(100%,calc((100dvh - 180px)*var(--support-aspect,1.5)));max-height:100%}
.viewer-content>.paper-sheet{width:min(100%,calc((100dvh - 180px)*.70707));max-height:100%}
.viewer-caption .material-controls{justify-content:center}
.index-contact{--index-stage-height:175px}
.index-contact .material-object{width:min(100%,calc(var(--index-stage-height)*var(--support-aspect)));flex-shrink:0}
.camera-rail.rail{display:block;padding:0;scroll-padding:0;max-height:none}
.camera-scroll-space{position:absolute;left:0;top:0;height:1px;pointer-events:none}
.camera-viewport{position:sticky;left:0;top:0;width:100%;height:100%;overflow:hidden}
.camera-world{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;will-change:transform}
.camera-world .sequence,.camera-world .physical-arrangement{display:contents}
.camera-world .gallery-image:nth-child(n){position:absolute;left:var(--world-x);top:calc(-1 * var(--world-height) * var(--object-baseline));width:var(--world-width);height:var(--world-height);max-height:none;min-height:0;padding:0;grid-area:auto;translate:none;overflow:visible}
.camera-world .gallery-image>.material-object,.camera-world .gallery-image>.paper-sheet{width:100%;height:100%;background:transparent}
.camera-world .gallery-image:hover>img,.camera-world .gallery-image:hover>.web-shot,.camera-world .gallery-image:hover>.mockup{transform:none}
.camera-caption{position:absolute;top:0;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:24px;align-items:baseline;z-index:2;background:white;padding:0 0 12px}
.camera-caption .sequence-title{font-size:1rem}
.camera-caption .sequence-scope{font-size:.875rem}
.camera-caption a{display:inline-flex;align-items:center;min-height:44px}
.camera-caption a:hover{text-decoration:underline;text-underline-offset:4px}
.camera-world .gallery-image:focus-visible{outline-offset:5px}
.project-gallery .image-group:has(.paper-sheet){gap:24px;margin-block:32px 48px}
.project-gallery .image-group.group-4:has(.paper-sheet){grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){
 .index-contact{--index-stage-height:145px}
 .camera-caption{display:block;padding-bottom:12px}
 .camera-caption .sequence-scope{margin-top:0;font-size:.8125rem;line-height:1.4}
 .camera-caption .sequence-scope a{min-height:0}
 .project-gallery .image-group:has(.paper-sheet),.project-gallery .image-group.group-4:has(.paper-sheet){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .photographic-print{padding:2%}
}
