.fokus-situational{--gallery-black: rgb(var(--color-fokus-black));--gallery-cream: rgb(var(--color-fokus-cream));--gallery-orange: rgb(var(--color-fokus-orange));position:relative;overflow:hidden;padding:clamp(70px,7vw,110px) clamp(18px,3vw,48px) clamp(24px,3vw,48px);background:var(--gallery-black);color:var(--gallery-cream);border-top:1px solid rgba(var(--color-fokus-cream),.18)}.fokus-situational__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:end;gap:60px;margin-bottom:clamp(45px,6vw,80px);padding:0 clamp(5px,2vw,30px)}.fokus-situational__eyebrow{margin:0 0 20px;color:var(--gallery-orange);font-family:var(--font-fokus-display);font-size:11px;font-weight:700;line-height:1;letter-spacing:.2em;text-transform:uppercase}.fokus-situational__heading{max-width:990px;margin:0;color:var(--gallery-cream);font-family:var(--font-fokus-display);font-size:clamp(52px,6.7vw,108px);font-weight:800;line-height:.86;letter-spacing:-.055em;text-transform:uppercase}.fokus-situational__header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:26px;padding-bottom:5px;text-align:right}.fokus-situational__intro{max-width:390px;margin:0;color:rgba(var(--color-fokus-cream),.66);font-size:clamp(15px,1.2vw,18px);line-height:1.55}.fokus-situational__count{margin:0;color:rgba(var(--color-fokus-cream),.4);font-family:var(--font-fokus-display);font-size:10px;font-weight:700;line-height:1;letter-spacing:.18em;text-transform:uppercase}.fokus-situational__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:260px;gap:8px;width:100%;margin:0;padding:0;list-style:none}.fokus-situational__tile{position:relative;min-width:0;overflow:hidden;background:#171717;color:var(--gallery-cream);isolation:isolate}.fokus-situational__tile:nth-child(1){grid-column:span 7;grid-row:span 2}.fokus-situational__tile:nth-child(2),.fokus-situational__tile:nth-child(3){grid-column:span 5}.fokus-situational__tile:nth-child(4),.fokus-situational__tile:nth-child(5),.fokus-situational__tile:nth-child(6){grid-column:span 4;grid-row:span 1}.fokus-situational__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3}.fokus-situational__media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.04);transform:scale(1.001);transition:transform .9s cubic-bezier(.16,1,.3,1),filter .7s ease}.fokus-situational__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.32) 0%,transparent 36%,rgba(0,0,0,.78) 100%);transition:background-color .5s ease}.fokus-situational__number{position:absolute;top:22px;right:24px;color:rgba(var(--color-fokus-cream),.55);font-family:var(--font-fokus-display);font-size:12px;font-weight:700;line-height:1;letter-spacing:.14em}.fokus-situational__location{position:absolute;top:22px;left:24px;display:flex;align-items:center;gap:9px;color:var(--gallery-cream);font-family:var(--font-fokus-display);font-size:10px;font-weight:700;line-height:1;letter-spacing:.17em;text-transform:uppercase}.fokus-situational__location-dot{width:7px;height:7px;border-radius:50%;background:var(--gallery-orange)}.fokus-situational__stack{position:absolute;top:50%;left:50%;z-index:2;width:calc(100% - 48px);display:flex;flex-direction:column;color:var(--gallery-cream);font-family:var(--font-fokus-display);font-size:clamp(29px,3.5vw,62px);font-weight:800;line-height:.84;letter-spacing:-.04em;text-align:center;text-transform:uppercase;opacity:0;transform:translate(-50%,-42%);transition:opacity .4s ease,transform .6s cubic-bezier(.16,1,.3,1)}.fokus-situational__tile:nth-child(n+2) .fokus-situational__stack{font-size:clamp(25px,2.7vw,43px)}.fokus-situational__caption{position:absolute;right:24px;bottom:24px;left:24px;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.fokus-situational__line{max-width:520px;margin:0;color:var(--gallery-cream);font-family:var(--font-fokus-display);font-size:clamp(20px,2vw,34px);font-weight:800;line-height:.98;letter-spacing:-.025em;text-transform:uppercase;transition:opacity .3s ease,transform .45s cubic-bezier(.16,1,.3,1)}.fokus-situational__tile:nth-child(n+2) .fokus-situational__line{max-width:360px;font-size:clamp(17px,1.55vw,25px)}.fokus-situational__arrow{flex:0 0 auto;color:var(--gallery-orange);font-size:23px;line-height:1;transition:transform .45s cubic-bezier(.16,1,.3,1)}.fokus-situational__frame{position:absolute;width:18px;height:18px;pointer-events:none}.fokus-situational__frame--top{top:14px;left:14px;border-top:1px solid rgba(var(--color-fokus-cream),.5);border-left:1px solid rgba(var(--color-fokus-cream),.5)}.fokus-situational__frame--bottom{right:14px;bottom:14px;border-right:1px solid rgba(var(--color-fokus-cream),.5);border-bottom:1px solid rgba(var(--color-fokus-cream),.5)}@media(hover:hover)and (pointer:fine){.fokus-situational__tile:hover .fokus-situational__media img{filter:saturate(1) contrast(1.06);transform:scale(1.055)}.fokus-situational__tile:hover .fokus-situational__scrim{background-color:#0003}.fokus-situational__tile:hover .fokus-situational__stack{opacity:1;transform:translate(-50%,-50%)}.fokus-situational__tile:hover .fokus-situational__line{opacity:0;transform:translateY(12px)}.fokus-situational__tile:hover .fokus-situational__arrow{transform:translate(5px,-5px)}}.fokus-situational__mobile-note{display:none}@media screen and (max-width:1050px)and (min-width:750px){.fokus-situational__header{grid-template-columns:minmax(0,1fr) minmax(230px,320px);gap:35px}.fokus-situational__grid{grid-auto-rows:230px}.fokus-situational__tile:nth-child(1){grid-column:span 7}.fokus-situational__tile:nth-child(2),.fokus-situational__tile:nth-child(3){grid-column:span 5}.fokus-situational__tile:nth-child(n+4){grid-column:span 4}}@media screen and (max-width:749px){.fokus-situational{padding:58px 0 0}.fokus-situational__header{display:block;margin-bottom:38px;padding:0 22px}.fokus-situational__heading{max-width:355px;font-size:clamp(48px,14.5vw,66px);line-height:.87}.fokus-situational__header-meta{align-items:flex-start;gap:18px;margin-top:24px;text-align:left}.fokus-situational__intro{max-width:320px;font-size:14px}.fokus-situational__grid{display:flex;width:auto;overflow-x:auto;gap:8px;padding:0 14vw 0 16px;scroll-padding-left:16px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.fokus-situational__grid::-webkit-scrollbar{display:none}.fokus-situational__tile,.fokus-situational__tile:nth-child(1),.fokus-situational__tile:nth-child(2),.fokus-situational__tile:nth-child(3),.fokus-situational__tile:nth-child(4),.fokus-situational__tile:nth-child(5),.fokus-situational__tile:nth-child(6){flex:0 0 82vw;width:82vw;min-height:470px;grid-column:auto;grid-row:auto;scroll-snap-align:start}.fokus-situational__stack{top:48%;width:calc(100% - 44px);font-size:clamp(35px,11vw,48px);opacity:.88;transform:translate(-50%,-50%)}.fokus-situational__caption{right:22px;bottom:23px;left:22px}.fokus-situational__line,.fokus-situational__tile:nth-child(n+2) .fokus-situational__line{max-width:270px;font-size:23px}.fokus-situational__mobile-note{display:flex;align-items:center;justify-content:space-between;margin:0;padding:17px 22px 19px;color:rgba(var(--color-fokus-cream),.55);font-family:var(--font-fokus-display);font-size:10px;font-weight:700;line-height:1;letter-spacing:.17em;text-transform:uppercase}.fokus-situational__mobile-note span{color:var(--gallery-orange);font-size:18px}}@media(prefers-reduced-motion:reduce){.fokus-situational__media img,.fokus-situational__stack,.fokus-situational__line,.fokus-situational__arrow{transition-duration:1ms}}.fokus-situational__location-dot{display:none!important}.fokus-situational__location{gap:0!important}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-fokus-situational-gallery.css.map */