@layer components{.feature:not(.feature--first){margin-top:1px}.feature__hero{position:relative;display:grid;height:100svh;min-height:32rem;overflow:hidden;background:var(--color-viewer)}.feature--first .feature__hero{margin-top:calc(var(--header-height) * -1)}.feature__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:transform 1.6s var(--ease)}.feature__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--photo-shade);pointer-events:none}.feature__words{z-index:1;align-self:end;display:grid;gap:var(--space-4);justify-items:start;max-width:38rem;padding:0 var(--gutter) var(--space-7);color:var(--color-on-photo);text-shadow:var(--photo-text-shadow-light)}main:has(.feature){counter-reset:story}.feature{counter-increment:story}.feature__name{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-label);line-height:var(--leading-snug);text-transform:uppercase}.feature__name:before{content:counter(story,decimal-leading-zero);padding-right:2.75rem;background:linear-gradient(currentColor,currentColor) no-repeat right center / 2rem 1px;opacity:.8}.feature__headline{font-family:var(--font-heading);font-size:var(--text-2xl);line-height:var(--leading-tight);text-wrap:balance}.feature__whole{white-space:nowrap}.feature__link,.tile__name{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;text-decoration:none}.feature__link{margin-top:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--photo-rule);font-size:var(--text-xs)}.feature__link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}:is(.feature__link,.tile__name):after{content:"\2192";transition:transform var(--duration) var(--ease)}.feature__hero:hover .feature__link:after,.tile:hover .tile__name:after{transform:translate(4px)}.feature__film .film{margin:0}.feature__pair{display:grid;grid-template-columns:1fr 1fr}.feature__pair-link{display:block;overflow:hidden}.feature__pair-img{width:100%;aspect-ratio:3 / 4;object-fit:cover;background:color-mix(in srgb,var(--color-ink) 4%,var(--color-bg));transition:transform 1.6s var(--ease)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.feature__hero:hover .feature__img,.feature__pair-link:hover .feature__pair-img{transform:scale(1.02)}}.home-block{margin-top:var(--space-8)}.home-block__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-5)}.home-block h2{font-size:var(--text-xl)}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5) var(--space-3);margin:var(--space-5) 0 0;padding:0;list-style:none}.home-block :is(.tiles,.grid){position:relative;grid-auto-flow:column;grid-auto-columns:70%;grid-template-columns:none;gap:var(--space-3);margin:var(--space-5) calc(var(--gutter) * -1) 0;padding:0 var(--gutter) var(--space-2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;list-style:none}.home-block .grid{grid-auto-columns:46%}.home-block :is(.tiles,.grid)>li{scroll-snap-align:start}.tile{display:grid;gap:var(--space-3);text-decoration:none}.tile__frame{display:block;aspect-ratio:4 / 5;overflow:hidden;background:color-mix(in srgb,var(--color-ink) 4%,var(--color-bg))}.tile__img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease)}.tile:hover .tile__img{transform:scale(1.03)}@media(min-width:800px){.feature__words{padding-bottom:var(--space-8)}.tiles,.home-block :is(.tiles,.grid){grid-auto-flow:row;grid-template-columns:repeat(4,1fr);gap:var(--space-7) var(--space-4);margin-inline:0;padding:0;overflow:visible}}}
/*# sourceMappingURL=/cdn/shop/t/161/assets/home.css.map */