/* This Found Fashion Storefront content refinement 1688.
   Centered larger brand mark, three New & Noted stories, seamless Nordic Summer
   imagery and a compact MAUDE Apps row. Design Lab only. */

/* Center the enlarged logo and balance navigation on both sides. */
.tff-header{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  grid-template-rows:26px 64px!important;
  min-height:90px!important;
}
.tff-announcement{grid-column:1/-1!important;grid-row:1!important}
.tff-nav{
  grid-column:1!important;
  grid-row:2!important;
  justify-content:flex-start!important;
  justify-self:stretch!important;
}
.tff-brand{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:center!important;
  width:240px!important;
}
.tff-header .tff-logo{
  width:240px!important;
  max-height:54px!important;
  object-position:center!important;
}
.tff-header-tools{
  grid-column:3!important;
  grid-row:2!important;
  justify-content:flex-end!important;
  justify-self:stretch!important;
}
.tff-header-note-link{
  position:relative;
  color:inherit;
  font-size:8px;
  font-weight:400;
  letter-spacing:.08em;
  text-decoration:none;
  text-transform:uppercase;
}
.tff-header-note-link::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-8px;
  left:0;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .2s ease;
}
.tff-header-note-link:hover::after{transform:scaleX(1);transform-origin:left}

/* Logo is the visual anchor in the footer as well. */
.tff-footer-main{grid-template-columns:minmax(360px,1.65fr) repeat(3,minmax(150px,.5fr))!important}
.tff-footer-main>section .tff-logo{
  width:280px!important;
  max-height:86px!important;
  object-position:left center!important;
}
.tff-footer-main>section>p{max-width:430px!important;margin-top:34px!important}

/* More fashion-editorial hero crops from the tenant campaign assets. */
.tff-slide img{
  object-fit:cover!important;
  object-position:center 42%!important;
}
.tff-slide[data-editorial-slide="01"] img{object-position:center 36%!important}
.tff-slide[data-editorial-slide="02"] img{object-position:center 30%!important}
.tff-slide[data-editorial-slide="03"] img{object-position:center center!important}

/* Three New & Noted stories always sit side-by-side on desktop. */
.tff-news-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.tff-news-grid>a{
  min-width:0!important;
}
.tff-news-grid figure{
  aspect-ratio:4/5!important;
  margin-bottom:14px!important;
  background:#eeebe5!important;
}
.tff-news-grid figure img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.tff-news-grid>a[data-arrival="christmas"] figure img{object-position:center 46%!important}
.tff-news-grid>a[data-arrival="filters"] figure img{object-position:center center!important}
.tff-news-grid>a[data-arrival="ateliet"] figure img{object-position:center 42%!important}
.tff-news-grid h3{max-width:300px!important}
.tff-news-grid>a>p:not(.tff-eyebrow){max-width:330px!important}

/* Nordic Summer matches the Figma row: one seamless strip, four equal crops. */
.tff-showroom{
  padding-right:0!important;
  padding-left:0!important;
}
.tff-showroom>.tff-section-head{
  margin-right:clamp(22px,7vw,140px)!important;
  margin-left:clamp(22px,7vw,140px)!important;
}
.tff-showroom-grid,
.tff-site[data-concept="gallery-sequence"] .tff-showroom-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  overflow:hidden!important;
  background:#e9e5dd!important;
}
.tff-showroom-grid figure,
.tff-site[data-concept="gallery-sequence"] .tff-showroom-grid figure:nth-child(n){
  width:100%!important;
  min-width:0!important;
  aspect-ratio:4/5!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
  background:#e9e5dd!important;
}
.tff-showroom-grid figure:nth-child(n+5){display:none!important}
.tff-showroom-grid img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:saturate(.88) contrast(.97)!important;
}
.tff-showroom-grid figure:nth-child(2) img{object-position:center 34%!important}
.tff-showroom-grid figure:nth-child(3) img{object-position:center 40%!important}
.tff-showroom-grid figure:nth-child(4) img{object-position:center center!important}
.tff-showroom-grid figcaption{display:none!important}

/* The app row is deliberately half the previous visual height. */
.tff-apps{
  grid-template-columns:minmax(0,.8fr) minmax(300px,1fr) minmax(260px,.68fr)!important;
  min-height:290px!important;
  max-height:360px!important;
  overflow:hidden!important;
}
.tff-apps-image{min-height:290px!important;max-height:360px!important}
.tff-apps-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 42%!important}
.tff-apps-copy{padding:28px 36px!important}
.tff-apps-copy h2{
  max-width:480px!important;
  margin:9px 0 12px!important;
  font-size:clamp(25px,3vw,42px)!important;
}
.tff-apps-copy>p:not(.tff-eyebrow){margin:0 0 12px!important;font-size:8px!important;line-height:1.55!important}
.tff-apps-copy>strong{padding-top:12px!important;font-size:6px!important}
.tff-platforms>a{padding:20px 24px!important}
.tff-platforms>a>span{font-size:20px!important}
.tff-platforms strong{font-size:11px!important}

@media(max-width:1150px){
  .tff-header .tff-logo,.tff-brand{width:200px!important}
  .tff-languages{display:none!important}
  .tff-footer-main>section .tff-logo{width:240px!important}
}
@media(max-width:900px){
  .tff-header{
    grid-template-columns:1fr auto!important;
    grid-template-rows:26px 54px!important;
    min-height:80px!important;
  }
  .tff-brand{grid-column:1!important;grid-row:2!important;justify-self:start!important;width:176px!important}
  .tff-header .tff-logo{width:176px!important;max-height:45px!important;object-position:left center!important}
  .tff-mobile-menu{grid-column:2!important;grid-row:2!important;display:block!important}
  .tff-nav,.tff-header-tools{display:none!important}
  .tff-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .tff-news-grid h3{font-size:10px!important}
  .tff-news-grid>a>p:not(.tff-eyebrow){display:none!important}
  .tff-showroom-grid,.tff-site[data-concept="gallery-sequence"] .tff-showroom-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .tff-apps{grid-template-columns:1fr 1fr!important;max-height:none!important}
  .tff-apps-image{min-height:300px!important}
  .tff-platforms{grid-column:1/3!important;grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){
  .tff-brand,.tff-header .tff-logo{width:158px!important}
  .tff-news-grid{grid-template-columns:1fr!important;gap:34px!important}
  .tff-news-grid figure{aspect-ratio:16/11!important}
  .tff-news-grid>a>p:not(.tff-eyebrow){display:block!important}
  .tff-showroom-grid,.tff-site[data-concept="gallery-sequence"] .tff-showroom-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tff-showroom-grid figure:nth-child(n+5){display:none!important}
  .tff-apps{grid-template-columns:1fr!important;max-height:none!important}
  .tff-apps-image{min-height:240px!important;max-height:240px!important}
  .tff-platforms{grid-column:auto!important;grid-template-columns:1fr 1fr!important}
  .tff-footer-main>section .tff-logo{width:220px!important}
}