.archives-section{margin:2.75rem 0}.archives-section--inner,.archives-section--grid{display:flex;flex-direction:column;gap:2rem}.archives-section--archive{display:flex;width:100%}.archives-section--grid .archives-section--archive:nth-child(odd){justify-content:flex-end}.archives-section--archive-thumbnail{position:relative;max-width:100%}.archives-section--archive-thumbnail:has(.landscape){height:calc(var(--container-width) / 2)}.archives-section--archive-thumbnail:has(.portrait){width:58%}.archives-section--archive-thumbnail .archives-section--archive-video{position:relative}.archives-section--archive-thumbnail .archives-section--archive-video .btn--play{position:absolute;bottom:.5rem;left:.5rem}.archives-section--archive-thumbnail .archives-section--archive-image figure,.archives-section--archive-thumbnail .archives-section--archive-video figure,.archives-section--archive-thumbnail .video-popup--cta{aspect-ratio:var(--aspect-ratio)}.archives-section--archive-thumbnail:has(.landscape)>div,.archives-section--archive-thumbnail:has(.landscape) figure,.archives-section--archive-thumbnail .video-popup--cta{height:100%;max-width:100%}.archives-section--archive-thumbnail:has(.portrait)>div,.archives-section--archive-thumbnail:has(.portrait) figure,.archives-section--archive-thumbnail .video-popup--cta{width:100%}.archives-section--archive-thumbnail:has(.archives-section--archive-text),.archives-section--archive-thumbnail:has(.archives-section--archive-audio){width:75%}.archives-section--archive-text,.archives-section--archive-audio{display:flex;align-items:center;justify-content:center;width:100%;padding:3.75rem 2rem}.archives-section--archive-text{background-color:var(--color-text);color:var(--color-bg);text-align:center}.archives-section--archive-audio{background-color:var(--color-red)}.archives-section--archive-audio-thumbnail{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1rem}.archives-section--archive-audio audio-player{width:100%}.archives-section--archive-video video{width:100%}.archives-section--archive-toggle{position:absolute;top:0;left:0;width:100%;height:100%}.archives-section--archive-modal{padding-top:var(--header-height)}.archives-section--archive-modal .popup-modal--background{background-color:transparent}.archives-section--archive-modal .popup-modal--modal{display:flex;flex-direction:column;width:100%;height:100%;background:var(--color-bg);border-right:1px solid var(--color-border);opacity:1;transform:translate(-100%);transition:transform var(--transition-duration) var(--transition-ease)}.archives-section--archive-modal.open .popup-modal--modal{transform:translate(0)}.archives-section--archive-modal .popup-modal--close{position:fixed;top:-3.5rem;background:var(--color-bg)}.archives-section--archive-modal .popup-modal--content{position:relative;width:100%;height:100%;min-height:0}.archives-section--archive-modal-inner{display:flex;flex-direction:column-reverse;width:100%;height:100%}.archives-section--archive-info{display:flex;flex-direction:column;gap:var(--container-gutter);padding:var(--container-gutter);border-top:1px solid var(--color-border)}.archives-section--archive-description{display:flex;flex-direction:column;gap:1rem}.archives-section--archive-media{display:flex;flex-direction:column;gap:var(--container-gutter);width:100%;height:100%;padding:0 var(--container-gutter) var(--container-gutter);overflow:auto}@media (min-width: 768px){.archives-section{margin:6rem 0}.archives-section--inner{gap:6rem}.archives-section--grid{flex-direction:row-reverse;flex-wrap:wrap;column-gap:0;row-gap:10rem}.archives-section--archive{width:50%;height:100%}.archives-section--archive.landscape{width:100%}.archives-section--grid .archives-section--archive:nth-of-type(5n+2) .archives-section--archive-thumbnail{margin-top:25%}.archives-section--grid .archives-section--archive:nth-of-type(5n+3){justify-content:flex-start}.archives-section--grid .archives-section--archive:nth-of-type(5n+3) .archives-section--archive-thumbnail{margin-top:-25%}.archives-section--grid .archives-section--archive:nth-of-type(5n+5) .archives-section--archive-thumbnail{margin:-50% 0;padding-right:calc(var(--container-width) * .05)}.archives-section--archive-thumbnail{transition:transform var(--transition-duration) var(--transition-ease)}.archives-section--archive-thumbnail:has(.landscape){height:calc(var(--container-width) * .25)}.archives-section--archive-thumbnail:has(.portrait){width:calc(var(--container-width) * .28)}.archives-section--archive.landscape .archives-section--archive-thumbnail{margin:0 auto}.archives-section--archive-thumbnail:has(.archives-section--archive-text),.archives-section--archive-thumbnail:has(.archives-section--archive-audio){width:calc(var(--container-width) * .4)}.archives-section--archive-text,.archives-section--archive-audio{min-height:calc(var(--container-width) * .25)}.archives-section--archive-modal .popup-modal--close{top:-3rem;height:3rem}body:has(.archives-section--archive-modal.open) section:not(.archives-section),body:has(.archives-section--archive-modal.open) .archives-section--archive-thumbnail,body:has(.archives-section--archive-modal.open) footer{transform:translate(35rem)}.body:has(.archives-section--archive-modal.open) header-bar{border-color:var(--color-border)}}@media (max-width: 1023px){.archives-section--archive-thumbnail .archives-section--archive-audio{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.archives-section{margin:6.5rem 0}.archives-section--inner{gap:11rem}.archives-section--archive-audio-thumbnail{gap:1.3rem;font-size:1.5rem}.archives-section--archive-modal .popup-modal--modal{width:35rem}.archives-section--archive-modal .popup-modal--close{top:0;right:0;background:transparent;height:auto}.archives-section--archive-media{padding-top:var(--container-gutter);padding-right:3.5rem}}@media (min-width: 1920px){.archives-section{margin:14rem 0}.archives-section--inner{gap:14rem}.archives-section--archive-audio-thumbnail{gap:1.75rem;font-size:2rem}.archives-section--archive-audio-thumbnail .btn--play{width:3rem;height:3rem}.archives-section--archive-audio-thumbnail .btn--play:before{-webkit-mask-size:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/archives.css.map */