:where([data-specimen-slot]){position:relative}.specimen{position:absolute;width:calc(var(--sp-d) * var(--sp-w));aspect-ratio:var(--sp-ratio);contain:size layout style;pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.specimen__still,.specimen__still img{display:block;width:100%;height:100%}.specimen__shadow{position:absolute;z-index:-1;display:block;max-width:none}.specimen--corner .specimen__shadow{inset:0;width:100%;height:100%}.specimen--corner.specimen--tr .specimen__shadow{clip-path:inset(min(calc(100% * (var(--sp-cy) - .075) / var(--sp-h)),calc(var(--sp-keep) + 100% * var(--sp-by) / var(--sp-h))) calc(100% * (var(--sp-w) - var(--sp-cx) - .25) / var(--sp-w)) 0 0)}.specimen--corner.specimen--tl .specimen__shadow{clip-path:inset(min(calc(100% * (var(--sp-cy) - .075) / var(--sp-h)),calc(var(--sp-keep) + 100% * var(--sp-by) / var(--sp-h))) 0 0 calc(100% * (var(--sp-cx) - .25) / var(--sp-w)))}.specimen--corner.specimen--br .specimen__shadow{clip-path:inset(0 calc(100% * (var(--sp-w) - var(--sp-cx) - .25) / var(--sp-w)) min(calc(100% * (var(--sp-h) - var(--sp-cy) - .075) / var(--sp-h)),calc(var(--sp-keep) + 100% * var(--sp-bb) / var(--sp-h))) 0)}.specimen--corner.specimen--bl .specimen__shadow{clip-path:inset(0 0 min(calc(100% * (var(--sp-h) - var(--sp-cy) - .075) / var(--sp-h)),calc(var(--sp-keep) + 100% * var(--sp-bb) / var(--sp-h))) calc(100% * (var(--sp-cx) - .25) / var(--sp-w)))}.specimen__loop{display:none;position:absolute;inset:0;width:100%;height:100%;filter:grayscale(1)}.specimen--moving .specimen__still{display:none}.specimen--moving .specimen__loop{display:block}html.dark .specimen__tone--light,html:not(.dark) .specimen__tone--dark{display:none}.specimen__hit{position:absolute;pointer-events:auto}.specimen--corner{--sp-size: clamp(96px, 12%, 144px);--sp-k: 1;--sp-d: calc(var(--sp-size) * var(--sp-k));--sp-keep: calc(2.5rem - 18px) }.specimen--size-10{--sp-size: clamp(80px, 10%, 120px)}.specimen--second{--sp-k: .7}.specimen--corner.specimen--tl,.specimen--corner.specimen--tr{top:0;margin-top:max(calc(var(--sp-d) * (.075 - var(--sp-cy))),calc(-1 * var(--sp-keep) - var(--sp-d) * var(--sp-by)))}.specimen--corner.specimen--bl,.specimen--corner.specimen--br{bottom:0;margin-bottom:max(calc(var(--sp-d) * (.075 + var(--sp-cy) - var(--sp-h))),calc(-1 * var(--sp-keep) - var(--sp-d) * var(--sp-bb)))}.specimen--corner.specimen--tl,.specimen--corner.specimen--bl{left:0;margin-left:calc(var(--sp-d) * (.25 - var(--sp-cx)))}.specimen--corner.specimen--tr,.specimen--corner.specimen--br{right:0;margin-right:calc(var(--sp-d) * (var(--sp-cx) + .25 - var(--sp-w)))}.specimen--flank.specimen--right,.specimen--monolith.specimen--right{left:calc(100% + var(--sp-gap, 48px) + var(--sp-edge, 0px) - var(--sp-d) * var(--sp-bx))}.specimen--flank.specimen--left,.specimen--monolith.specimen--left{right:calc(100% + var(--sp-gap, 48px) + var(--sp-edge, 0px) - var(--sp-d) * var(--sp-br))}.specimen--top{top:calc(var(--sp-dy) - var(--sp-d) * var(--sp-by))}.specimen--bottom{bottom:calc(-1 * var(--sp-dy) - var(--sp-d) * var(--sp-bb))}@media(min-width:1280px){.specimen--flank,.specimen--monolith{--sp-d: var(--sp-d-1280)}}@media(min-width:1440px){.specimen--flank,.specimen--monolith{--sp-d: var(--sp-d-1440, var(--sp-d-1280))}}@media(min-width:1920px){.specimen--flank,.specimen--monolith{--sp-d: var(--sp-d-1920, var(--sp-d-1440, var(--sp-d-1280)))}}@media(hover:hover)and (pointer:fine)and (min-width:1024px){.specimen--from-1024[hidden]{display:block}}@media(hover:hover)and (pointer:fine)and (min-width:1280px){.specimen--from-1280[hidden]{display:block}}@media(hover:hover)and (pointer:fine)and (min-width:1440px){.specimen--from-1440[hidden]{display:block}}@media(hover:hover)and (pointer:fine)and (min-width:1920px){.specimen--from-1920[hidden]{display:block}}:has([x-cloak])~[data-specimen-slot]>.specimen[hidden]{display:none}@media print,(forced-colors:active){.specimen[hidden]{display:none}}