@layer thulir-sections{.thulir-hero-gallery-wrapper{font-family:var(--thulir-font-body);background:var(--thulir-cream-light)}.thulir-hero-gallery{position:relative;isolation:isolate;--thulir-hero-imgh: clamp(300px, calc(var(--thulir-vh100, 100svh) - var(--thulir-header-h, 64px) - var(--thulir-announce-h, 0px) - 160px), 720px);width:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;height:min(calc(var(--thulir-vh100, 100svh) - var(--thulir-header-h, 64px) - var(--thulir-announce-h, 0px)),860px);min-height:500px;padding-block:clamp(14px,2.5vh,36px)}.thulir-hero-gallery__grid{justify-self:center;box-sizing:border-box;display:grid;width:calc(100% + 150px);grid-template-columns:100px minmax(0,1fr) 100px;grid-template-rows:minmax(0,1fr) auto;justify-content:space-between;column-gap:15px;row-gap:clamp(16px,3vh,36px);align-items:stretch}.thulir-hero-gallery__block[data-block-index="1"],.thulir-hero-gallery__block[data-block-index="5"]{display:none}.thulir-hero-gallery__block{position:relative;min-width:0;opacity:0;transform:translateY(16px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}.thulir-hero-gallery__block.is-visible{opacity:1;transform:translateY(0)}.thulir-hero-gallery__image{position:relative;width:100%;aspect-ratio:7 / 10;max-height:100%;border-radius:10px;overflow:hidden;background:var(--thulir-cream-soft);cursor:pointer}.thulir-hero-gallery__block[data-block-index="3"] .thulir-hero-gallery__image{aspect-ratio:auto;height:100%}.thulir-hero-gallery__block[data-block-index="2"]{grid-column:1;grid-row:1;align-self:start}.thulir-hero-gallery__block[data-block-index="3"]{grid-column:2;grid-row:1}.thulir-hero-gallery__block[data-block-index="4"]{grid-column:3;grid-row:1;align-self:end}.thulir-hero-gallery__hbb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:var(--z, 1);transition:transform .6s ease-in-out;will-change:transform}.thulir-hero-gallery__hbb img,.thulir-hero-gallery__hbb .thulir-hero-gallery__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.thulir-hero-gallery__hbb .thulir-hero-gallery__placeholder{background:var(--thulir-cream-soft);fill:var(--thulir-line)}.thulir-hero-gallery__hbb-link{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;font-size:0;text-indent:-9999px;overflow:hidden}.thulir-hero-gallery__product{position:absolute;bottom:20px;left:0;right:0;z-index:3;display:flex;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.thulir-hero-gallery__product.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.thulir-hero-gallery__block:not([data-block-index="3"]) .thulir-hero-gallery__product{display:none}.thulir-hero-gallery__product-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 26px;border-radius:4px;background:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px #2a374329;font-size:12px;font-weight:600;letter-spacing:var(--thulir-tracking-wide, .14em);text-transform:uppercase;color:var(--thulir-charcoal);text-decoration:none;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.thulir-hero-gallery__product-link>span{margin-right:calc(var(--thulir-tracking-wide, .14em) * -1)}.thulir-hero-gallery__product-link:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 22px #2a374338}.thulir-hero-gallery__product-arrow{flex:none;transition:transform .2s ease}.thulir-hero-gallery__product-link:hover .thulir-hero-gallery__product-arrow{transform:translate(3px)}.thulir-hero-gallery__intro{display:none;margin-top:50px;width:calc(100% + 160px);position:relative;left:-80px;text-align:center;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.thulir-hero-gallery__intro.is-visible{opacity:1;transform:translateY(0)}.thulir-hero-gallery__heading{font-size:32px;font-weight:600;line-height:1.15;letter-spacing:-.01em;color:var(--thulir-charcoal);margin:0}.thulir-hero-gallery__subtitle{margin:16px 0 0;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:var(--thulir-tracking-base);color:var(--thulir-charcoal-soft)}.thulir-hero-gallery__cta{display:inline-block;margin-top:26px;background:var(--thulir-charcoal);color:var(--thulir-cream);font-size:13px;font-weight:500;letter-spacing:var(--thulir-tracking-xwide);text-transform:uppercase;padding:16px 32px;border-radius:var(--thulir-radius);text-decoration:none;transition:background .25s var(--thulir-ease),transform .25s var(--thulir-ease)}.thulir-hero-gallery__cta:hover{background:var(--thulir-charcoal-deep);transform:translateY(var(--thulir-hover-lift))}.thulir-hero-gallery__nav{grid-column:1 / -1;grid-row:2;justify-self:center;align-self:center;display:flex;align-items:center;justify-content:center}.thulir-hero-gallery__controls{display:flex;flex-direction:column;align-items:center;gap:14px}.thulir-hero-gallery__pagination{display:flex;align-items:center;gap:12px}.thulir-hero-gallery__current,.thulir-hero-gallery__total{font-size:13px;font-weight:600;letter-spacing:var(--thulir-tracking-base);color:var(--thulir-charcoal);font-variant-numeric:tabular-nums;min-width:22px;text-align:center;transition:opacity .3s ease,transform .3s ease}.thulir-hero-gallery__total{color:var(--thulir-charcoal-soft);font-weight:500}.thulir-hero-gallery__progress{position:relative;display:block;width:140px;height:2px;background:var(--thulir-line)}.thulir-hero-gallery__progress-fill{position:absolute;inset:0 auto 0 0;background:var(--thulir-charcoal);width:20%;transition:width .45s cubic-bezier(.22,1,.36,1)}.thulir-hero-gallery__arrows{display:flex;gap:12px;opacity:0;transform:translateY(1rem);transition:opacity .3s ease,transform .3s ease}.thulir-hero-gallery__arrows.is-visible{opacity:1;transform:translateY(0)}.thulir-hero-gallery__arrow{width:40px;height:40px;border-radius:50%;border:2px solid var(--thulir-charcoal);background:transparent;color:var(--thulir-charcoal);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .25s ease,color .25s ease}.thulir-hero-gallery__arrow:hover:not(:disabled){background:var(--thulir-charcoal);color:var(--thulir-cream)}.thulir-hero-gallery__arrow .thulir-icon{width:14px;height:14px}.thulir-hero-gallery__arrow--prev .thulir-icon{transform:scaleX(-1)}@media(max-width:639.98px){.thulir-hero-gallery{height:auto;min-height:0;align-items:start}.thulir-hero-gallery__grid{grid-template-rows:auto auto;align-items:stretch}.thulir-hero-gallery__block[data-block-index="3"] .thulir-hero-gallery__image{aspect-ratio:auto;height:calc(var(--thulir-vh100, 100svh) - var(--thulir-header-h, 64px) - var(--thulir-announce-h, 0px) - 76px)}}@media(min-width:640px){.thulir-hero-gallery__grid{width:calc(100% + 200px);padding-inline:30px;grid-template-columns:200px minmax(0,1fr) 200px;column-gap:30px}.thulir-hero-gallery__nav{grid-column:3;justify-self:center}}@media(min-width:990px){.thulir-hero-gallery__progress{width:160px}.thulir-hero-gallery__arrow{width:44px;height:44px}.thulir-hero-gallery__arrow .thulir-icon{width:16px;height:16px}.thulir-hero-gallery{height:min(calc(var(--thulir-vh100, 100svh) - var(--thulir-header-h, 64px) - var(--thulir-announce-h, 0px)),860px);min-height:500px;align-items:center}.thulir-hero-gallery__grid{width:calc(100% + 500px);padding-inline:50px;column-gap:30px;grid-template-columns:240px 240px 500px 240px 240px;grid-template-rows:auto auto;align-items:start}.thulir-hero-gallery__block[data-block-index="1"],.thulir-hero-gallery__block[data-block-index="5"]{display:block}.thulir-hero-gallery__block[data-block-index="1"]{grid-column:1;grid-row:1;align-self:end}.thulir-hero-gallery__block[data-block-index="2"]{grid-column:2;grid-row:1;align-self:start}.thulir-hero-gallery__block[data-block-index="3"]{grid-column:3;grid-row:1}.thulir-hero-gallery__block[data-block-index="4"]{grid-column:4;grid-row:1;align-self:end}.thulir-hero-gallery__block[data-block-index="5"]{grid-column:5;grid-row:1;align-self:start}.thulir-hero-gallery__nav{grid-column:4;grid-row:2;justify-self:center}}@media(min-width:990px)and (max-width:1599.98px){.thulir-hero-gallery__grid{justify-self:center;width:100%;max-width:1360px;padding-inline:clamp(24px,4vw,64px);column-gap:clamp(24px,4vw,64px);grid-template-columns:minmax(180px,260px) minmax(0,1fr) minmax(180px,260px)}.thulir-hero-gallery__block[data-block-index="1"],.thulir-hero-gallery__block[data-block-index="5"]{display:none}.thulir-hero-gallery__block[data-block-index="2"]{grid-column:1;grid-row:1;align-self:center}.thulir-hero-gallery__block[data-block-index="3"]{grid-column:2;grid-row:1}.thulir-hero-gallery__block[data-block-index="4"]{grid-column:3;grid-row:1;align-self:center}.thulir-hero-gallery__block[data-block-index="3"] .thulir-hero-gallery__image{aspect-ratio:4 / 5;height:var(--thulir-hero-imgh);width:auto;max-width:100%;margin-inline:auto}.thulir-hero-gallery__block[data-block-index="2"] .thulir-hero-gallery__image,.thulir-hero-gallery__block[data-block-index="4"] .thulir-hero-gallery__image{aspect-ratio:7 / 10;height:calc(var(--thulir-hero-imgh) * .72);width:auto;margin-inline:auto}.thulir-hero-gallery__intro{display:none}.thulir-hero-gallery__nav{grid-column:3;grid-row:2;justify-self:center}}@media(min-width:1600px){.thulir-hero-gallery__grid{width:2240px;max-width:none;padding-inline:0;column-gap:20px;grid-template-columns:auto auto auto auto auto;justify-content:space-between}.thulir-hero-gallery__intro{display:block;position:relative;left:0;width:400px;max-width:100%;margin-inline:auto;text-align:center}.thulir-hero-gallery__block[data-block-index="3"] .thulir-hero-gallery__image{aspect-ratio:4 / 5;height:var(--thulir-hero-imgh);width:auto;margin-inline:auto}.thulir-hero-gallery__block[data-block-index="1"] .thulir-hero-gallery__image,.thulir-hero-gallery__block[data-block-index="2"] .thulir-hero-gallery__image,.thulir-hero-gallery__block[data-block-index="4"] .thulir-hero-gallery__image,.thulir-hero-gallery__block[data-block-index="5"] .thulir-hero-gallery__image{aspect-ratio:7 / 10;height:calc(var(--thulir-hero-imgh) * .62);width:auto;margin-inline:auto}}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/thulir-hero-gallery.css.map */