/* MARK: Wrapper */
@import url("https://use.typekit.net/syi2sjo.css");
@import url("https://use.typekit.net/syi2sjo.css");
@media (min-width: 1px) {
  .euOuterWrapper * {
    box-sizing: border-box;
  }
}

@media (min-width: 1px) {
  .euOuterWrapper {
    overflow: hidden;
    color: #454545;
    font-size: 14px;
    line-height: 0;
    font-family: sofia-pro, sans-serif;
  }
  .euOuterWrapper p {
    margin: 0;
    color: inherit;
  }
  .euOuterWrapper a {
    text-decoration: none;
  }
  .euOuterWrapper figure {
    height: 0;
    margin: 0;
    overflow: hidden;
  }
  .euOuterWrapper picture {
    line-height: 0;
  }
  .euOuterWrapper img {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .euOuterWrapper {
    font-size: 14px;
  }
}
@media (min-width: 1921px) {
  .euOuterWrapper {
    font-size: 23px;
  }
}

/* MARK: BEM Blocks */
.euHero,
.euBanner,
.euSection,
.euSub {
  position: relative;
}

/* MARK: euCopybox */
.euCopybox {
  display: inline-block;
  position: absolute;
  text-align: inherit;
  top: 50%;
  left: 50%;
  width: 50%;
  color: inherit;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

/* MARK: euMinFont*/
@media (min-width: 1px) and (max-width: 380px) {
  .euMinFont {
    font-size: 14px !important;
  }
}
@media (min-width: 381px) and (max-width: 767px) {
  .euMinFont {
    font-size: 134% !important;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .euMinFont {
    font-size: 14px !important;
  }
}

/* MARK: euFluid */
@media (min-width: 1px) and (max-width: 767px) {
  .euFluid {
    font-size: 12px;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) and (min-width: 320px) {
  .euFluid {
    font-size: round(down, 12px + 17 * (100vw - 320px) / 447, 1px);
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) and (min-width: 767px) {
  .euFluid {
    font-size: 29px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .euFluid {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1920px) and (min-width: 768px) {
  .euFluid {
    font-size: round(down, 10px + 15 * (100vw - 768px) / 1152, 1px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1920px) and (min-width: 1920px) {
  .euFluid {
    font-size: 25px;
  }
}
@media (min-width: 1921px) and (max-width: 3440px) {
  .euFluid {
    font-size: 23px;
  }
}
@media screen and (min-width: 1921px) and (max-width: 3440px) and (min-width: 1921px) {
  .euFluid {
    font-size: round(down, 23px + 18 * (100vw - 1921px) / 1519, 1px);
  }
}
@media screen and (min-width: 1921px) and (max-width: 3440px) and (min-width: 3440px) {
  .euFluid {
    font-size: 41px;
  }
}

/* MARK: Typekit */
/* MARK: euCtaBox */
@media (min-width: 1px) {
  .euCtaBox {
    margin: 15px 0;
    display: flex;
    justify-content: center;
    row-gap: 15px;
    column-gap: 15px;
    flex-wrap: wrap;
    line-height: 1.2;
    width: 100%;
    padding: 0 15px;
  }
}

/* MARK: euButtons */
@media (min-width: 1px) {
  .euButton {
    line-height: 1;
    padding: 15px 15px 16px 15px;
    font-size: 13px;
    letter-spacing: 0.01em;
    border: 1px solid #454545;
    background: rgb(255, 255, 255);
    transition: 0.2s;
    border-radius: 0;
    font-family: sofia-pro, sans-serif, sans-serif;
    color: #454545;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
  }
  .euButton:hover {
    background: #454545;
    color: #fff;
    transition: 0.2s;
  }
}

@media (min-width: 1px) {
  .euButton--underhover {
    display: inline-block;
    padding: 10px 10px 11px;
    text-decoration: none;
    line-height: 1.2;
    width: auto;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: center;
    margin: 0;
    border: 0;
    border-bottom: 2px solid;
    background: rgba(0, 0, 0, 0);
    transition: 0.3s;
    border-radius: 0;
    padding-bottom: 11px;
    margin-bottom: 0;
    padding-left: 2px;
    padding-right: 2px;
    font-family: sofia-pro, sans-serif, sans-serif;
    color: #454545;
    border-color: #454545;
  }
  .euButton--underhover:hover {
    display: inline-block;
    padding: 10px 10px 11px;
    text-decoration: none;
    line-height: 1.2;
    width: auto;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: center;
    margin: 0;
    background: rgba(0, 0, 0, 0);
    color: #454545;
    transition: 0.3s;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid;
    padding-bottom: 6px;
    margin-bottom: 5px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: sofia-pro, sans-serif, sans-serif;
  }
}

@media (min-width: 1px) {
  .euButton--icy {
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(5px) !important;
    text-shadow: none !important;
    border: 1px solid #fff !important;
    font-family: sofia-pro, sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    padding: 15px !important;
    margin: 0 !important;
    line-height: 1 !important;
    transition: 0.2s;
    color: #fff !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    display: inline-block !important;
  }
}
.euButton--icy:hover {
  text-shadow: none !important;
  padding: 15px !important;
  margin: 0 !important;
  transition: 0.2s;
  background: #fff !important;
  color: #454545 !important;
  font-family: sofia-pro, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

/* MARK: Videos */
@media (min-width: 1px) {
  body:before {
    content: "tiny";
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 361px) {
  body:before {
    content: "smallest";
  }
}
@media (min-width: 481px) {
  body:before {
    content: "small";
  }
}
@media (min-width: 768px) {
  body:before {
    content: "medium";
  }
}
@media (min-width: 1281px) {
  body:before {
    content: "large";
  }
}
@media (min-width: 1921px) {
  body:before {
    content: "xlarge";
  }
}

@media (min-width: 1px) {
  #vid,
  .euVideo {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    object-fit: cover;
  }
  #euVidControl::before,
  .euVidControl::before {
    content: " ";
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    top: -4px;
    left: -4px;
    background: url("/on/demandware.static/-/Sites/default/wbp/ui/le-pause.svg");
    background-size: 36% auto;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    opacity: 0.8;
  }
  #euVidControl.paused::before,
  .euVidControl.paused::before {
    background: url("/on/demandware.static/-/Sites/default/wbp/ui/le-play.svg");
    background-size: 34% auto;
    background-repeat: no-repeat;
    background-position-x: 56%;
    background-position-y: 50%;
  }
  #euVidControl,
  .euVidControl {
    border: 3px solid hsla(0, 0%, 100%, 0.8);
    height: 39px;
    width: 38px;
    position: absolute;
    bottom: 18px;
    left: 15px;
    border-radius: 100%;
    cursor: pointer;
    transition: 0.2s;
  }
  #euVidControl:hover,
  .euVidControl:hover {
    box-shadow: 0 0 3px #fff;
    border-color: #fff;
    background: #fff;
    transition: 0.2s;
  }
  #euVidControl:hover::before,
  .euVidControl:hover::before {
    filter: brightness(0.1) sepia(1) saturate(1);
    transition: 0.2s;
  }
  #euVidControl.paused::before,
  .euVidControl.paused::before {
    background: url("/on/demandware.static/-/Sites/default/wbp/ui/le-play.svg");
    background-size: 34% auto;
    background-repeat: no-repeat;
    background-position-x: 56%;
    background-position-y: 50%;
  }
  #euVidControl,
  .euVidControl {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
  }
  #euVidControl::before,
  .euVidControl::before {
    background: url("/on/demandware.static/-/Sites/default/wbp/ui/le-pause.svg");
    background-size: 36% auto;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
  }
}
/* MARK: Hide & Show */
@media (max-width: 767px) {
  .euOuterWrapper .euHideForLarge--inline-block,
  .euFlexWrapper .euHideForLarge--inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) {
  .euOuterWrapper .euHideForLarge--inline-block,
  .euFlexWrapper .euHideForLarge--inline-block {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .euOuterWrapper .euHideForSmall--inline-block,
  .euFlexWrapper .euHideForSmall--inline-block {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .euOuterWrapper .euHideForSmall--inline-block,
  .euFlexWrapper .euHideForSmall--inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .euOuterWrapper .euHideForLarge--inline,
  .euFlexWrapper .euHideForLarge--inline {
    display: inline !important;
  }
}
@media (min-width: 768px) {
  .euOuterWrapper .euHideForLarge--inline,
  .euFlexWrapper .euHideForLarge--inline {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .euOuterWrapper .euHideForSmall--inline,
  .euFlexWrapper .euHideForSmall--inline {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .euOuterWrapper .euHideForSmall--inline,
  .euFlexWrapper .euHideForSmall--inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .euOuterWrapper .euHideForLarge--grid,
  .euFlexWrapper .euHideForLarge--grid {
    display: grid !important;
  }
}
@media (min-width: 768px) {
  .euOuterWrapper .euHideForLarge--grid,
  .euFlexWrapper .euHideForLarge--grid {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .euOuterWrapper .euHideForSmall--grid,
  .euFlexWrapper .euHideForSmall--grid {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .euOuterWrapper .euHideForSmall--grid,
  .euFlexWrapper .euHideForSmall--grid {
    display: grid !important;
  }
}

@media (max-width: 767px) {
  .euOuterWrapper .euHideForLarge--block,
  .euFlexWrapper .euHideForLarge--block {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .euOuterWrapper .euHideForLarge--block,
  .euFlexWrapper .euHideForLarge--block {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .euOuterWrapper .euHideForSmall--block,
  .euFlexWrapper .euHideForSmall--block {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .euOuterWrapper .euHideForSmall--block,
  .euFlexWrapper .euHideForSmall--block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .euOuterWrapper .euHideForLarge--flex,
  .euFlexWrapper .euHideForLarge--flex {
    display: flex !important;
  }
}
@media (min-width: 768px) {
  .euOuterWrapper .euHideForLarge--flex,
  .euFlexWrapper .euHideForLarge--flex {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .euOuterWrapper .euHideForSmall--flex,
  .euFlexWrapper .euHideForSmall--flex {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .euOuterWrapper .euHideForSmall--flex,
  .euFlexWrapper .euHideForSmall--flex {
    display: flex !important;
  }
}

.hideDesktop {
  display: inline-block;
}
@media (min-width: 1024px) {
  .hideDesktop {
    display: none !important;
  }
}

.showDesktop {
  display: none;
}
@media (min-width: 1024px) {
  .showDesktop {
    display: inline-block !important;
  }
}

body {
  margin: 0;
}

.euOuterWrapper--linen {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.euOuterWrapper--linen figure.euHero__fig {
  height: auto;
}
.euOuterWrapper--linen h2.euHero__sub {
  color: #fff;
  text-align: center;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: big-caslon-fb, serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.euOuterWrapper--linen h1.euHero__main {
  color: #fff;
  font-family: big-caslon-fb, serif;
  font-size: 45px;
  font-style: normal;
  text-align: center;
  font-weight: 400;
  line-height: 100%;
}
.euOuterWrapper--linen p.euHero__desc {
  color: #fff;
  text-align: center;
  font-family: big-caslon-fb, serif;
  font-size: 16px;
  font-style: normal;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-weight: 400;
  line-height: 100%;
  padding: 10px 20px;
}
.euOuterWrapper--linen h1,
.euOuterWrapper--linen h2,
.euOuterWrapper--linen h3,
.euOuterWrapper--linen h4,
.euOuterWrapper--linen h5,
.euOuterWrapper--linen h6 {
  margin: 0;
  width: 100%;
}
.euOuterWrapper--linen .euButton--icy {
  min-width: 130px;
}
.euOuterWrapper--linen .euCard__fig {
  aspect-ratio: 4/5;
  overflow: hidden;
  height: auto;
}
.euOuterWrapper--linen .euCard__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.euOuterWrapper--linen .euSection__title {
  font-family: big-caslon-fb, serif;
}
.euOuterWrapper--linen .euSubText {
  color: #454545;
  text-align: center;
  font-family: big-caslon-fb, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  padding: 10px 20px;
}
.euOuterWrapper--linen .euSubText a {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #454545;
}
.euOuterWrapper--linen .euSubText a:hover {
  text-underline-offset: 1px;
  transition: text-underline-offset 0.3s ease;
}

.euCarousel {
  position: relative;
}
.euCarousel--scroll {
  padding: 0 15px;
}
.euCarousel__header {
  margin: 0 auto 25px;
}
.euCarousel__track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.euCarousel__item {
  scroll-snap-align: start;
}

.euCarousel--scroll .euCarousel__track {
  scroll-behavior: smooth;
}
.euCarousel--scroll .euCarousel__item {
  flex: 0 0 225px;
}

.euCarousel--step {
  margin-bottom: 25px;
}
.euCarousel--step .euCarousel__track {
  overflow: hidden;
}
.euCarousel--step .euCarousel__item {
  flex: 0 0 100%;
}
.euCarousel--step .euCard {
  align-items: center;
}

.euCard {
  display: flex;
  flex-direction: column;
}
.euCard__lnk {
  margin: 0 auto;
}
.euCard__title {
  font-family: big-caslon-fb, serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.euCard__subtitle {
  text-align: center;
  font-family: sofia-pro, serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}
.euCard__pTitle {
  font-family: big-caslon-fb, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 17px */
  letter-spacing: 0.3px;
}
.euCard__copy {
  margin: 20px 0;
}

.euSection {
  font-family: big-caslon-fb, serif;
  font-weight: 400;
  color: #454545;
}
.euSection__sub {
  text-align: center;
  font-size: 15px;
}
.euSection__title {
  text-align: center;
  font-size: clamp(28px, 4vw, 36px);
}

.euSection--Intro .euSubText {
  padding: 0 20px;
}

.euSection--Products {
  max-width: 1630px;
  padding-bottom: clamp(25px, 3vw, 50px);
}
.euSection--Products .euCard__fig {
  aspect-ratio: 63/95;
}

.euSection--TableOfContents {
  background: #f3f1eb;
}
.euSection--TableOfContents .euSection__copy {
  padding: 30px;
}
.euSection--TableOfContents .euSection__copy .euSection__title {
  text-align: left;
  padding: 0px 0 7px;
  font-family: big-caslon-fb, serif;
}
.euSection--TableOfContents .euSection__copy .euToc {
  list-style: none;
  text-align: left;
  padding: 0;
  text-decoration: none;
  margin: 0;
}
.euSection--TableOfContents .euSection__copy .euToc a {
  text-decoration: none;
  line-height: 28px;
  font-size: 16px;
}

.euSection--BannerWoman .euSection__fig {
  height: auto;
  aspect-ratio: 66/79;
}

.euSection--WhatMakesOurLinenDifferent .euSection__fig {
  height: auto;
  aspect-ratio: 760/919;
}
.euSection--WhatMakesOurLinenDifferent .euSection__title {
  padding-top: 0;
  padding-inline: 22px;
}

.euSection--HowToCareForYourLinen .euSection__title {
  padding-top: 0;
}

.euSection--BannerCouple .euSection__fig {
  height: auto;
  aspect-ratio: 192/75;
}

.euSection--FAQs {
  padding: 30px 0;
}
.euSection--FAQs .euSubText {
  font-size: 18px;
  padding: 10px 5px;
}
.euSection--FAQs .euFaq {
  padding: 20px;
}
.euSection--FAQs {
  background-color: #f3f1eb;
}
.euSection--FAQs .euAccordion {
  font-family: big-caslon-fb, serif;
  font-size: 16px;
  background-color: #f3f1eb;
  border: none;
  border-top: 1px solid #454545;
  color: #454545;
  border-radius: 0;
  padding: 15px 0 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.euSection--FAQs .euAccordion__icon {
  width: 16px;
  height: 16px;
  transition: transform 0.3s ease;
}
.euSection--FAQs .euAccordion:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
.euSection--FAQs .euAccordion__panel {
  display: none;
}
.euSection--FAQs .euAccordion__panel .euSection__sub {
  text-align: left;
  padding: 10px 0;
  font-size: 16px;
}
.euSection--FAQs .euAccordion.active .euAccordion__icon {
  transform: rotate(180deg);
}
.euSection--FAQs .euAccordion.active .euAccordion__panel {
  display: block;
  margin-top: 10px;
}

.euSection--BannerCouple2 .euSection__fig {
  height: auto;
  aspect-ratio: 320/380;
}

.euSection--WearIt span {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-underline-offset: 4px;
}
.euSection--WearIt .euSection__title {
  padding: 0 30px;
}
.euSection--WearIt .euSection__container .euSubText--quote {
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0 20px;
}
.euSection--WearIt .euSection__container .euSubText--customer {
  font-family: sofia-pro, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px; /* 178.571% */
  text-transform: uppercase;
}

.euSection--insta .euSection__title {
  padding: 30px 0 20px;
}
.euSection--insta .euSection__fig {
  padding-bottom: 100.5%;
}
.euSection--insta .euSection__bg {
  width: 48%;
  float: left;
  margin: 1%;
}
.euSection--insta .euSection__copy {
  position: relative;
  text-align: center;
  transform: none;
  width: 100%;
  margin: 0;
  left: 0;
  padding: 8vw 4vw 0 4vw;
}
.euSection--insta .euSection__logo {
  width: 12.5%;
  min-width: 40px;
  filter: grayscale(100%);
  opacity: 0.82;
}
.euSection--insta .euSection__main {
  font: 182%/1.2 gt-alpina-thin, serif;
  color: #454545;
  margin: 0;
  padding-top: 1rem;
  padding-bottom: 0.3em;
}
.euSection--insta .euSection__sub {
  font: 109.9436%/1.2 sofiapro, sans-serif;
  font-family: sofiapro !important;
  color: #454545;
  margin: 0;
  padding: 3vw 0 6vw 0;
}

.euHero--linen {
  position: relative;
}

.euHero__fig {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1/1;
}

.euHero__lnk {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .euVidControl {
    top: 12px;
  }
  .euHero .euCopybox {
    width: 98%;
    top: 68%;
  }
}
.euSection--D {
  display: none;
}

@media (min-width: 767px) {
  .euOuterWrapper--linen {
    gap: 35px;
  }
  .euOuterWrapper--linen .euCopybox {
    width: 80%;
  }
  .euOuterWrapper--linen h1.euHero__main {
    font-size: clamp(70px, 7.6vw, 128px);
  }
  .euOuterWrapper--linen h2.euHero__sub {
    font-size: clamp(50px, 6.6vw, 80px);
  }
  .euOuterWrapper--linen p.euHero__desc {
    font-size: clamp(18px, 1.5vw, 24px);
    font-weight: 400;
    letter-spacing: 0.24px;
    padding: 24px 20px;
  }
  .euOuterWrapper--linen .euHero__fig {
    aspect-ratio: 192/75;
  }
  .euOuterWrapper--linen .euSubText {
    font-size: clamp(16px, 1.4vw, 24px);
    line-height: 50px;
  }
  .euOuterWrapper--linen b {
    font-weight: 700;
    font-size: 30px;
    line-height: 50px;
  }
  .euOuterWrapper--linen .euSection--WhatMakesOurLinenDifferent,
  .euOuterWrapper--linen .euSection--Intro,
  .euOuterWrapper--linen .euSection--HowToCareForYourLinen,
  .euOuterWrapper--linen .euSection--FindYourLinenFeel,
  .euOuterWrapper--linen .euSection--FAQs .euSection__copy,
  .euOuterWrapper--linen .euSection--WearIt {
    max-width: 1380px;
    padding: 0 40px;
    margin: 0 auto;
  }
  .euSection__sub {
    font-size: clamp(15px, 2vw, 22px);
  }
  .euSection__title {
    padding: clamp(35px, 6vw, 100px) 0 clamp(15px, 2vw, 60px);
  }
  .euSection .euCarousel__header {
    margin: 0 auto clamp(35px, 5vw, 50px);
  }
  .euSection .euSubText,
  .euSection .euSection__title {
    text-align: left;
    padding-inline: 0;
  }
  .euSection--BannerWoman .euSection__fig,
  .euSection--BannerCouple2 .euSection__fig {
    aspect-ratio: 192/75;
  }
  .euSection--WhatMakesOurLinenDifferent {
    max-width: 1300px;
    margin: 0 auto;
  }
  .euSection--WhatMakesOurLinenDifferent .euSection__copy {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  .euSection--WhatMakesOurLinenDifferent .euSection__copy .euSubText {
    text-align: left;
    padding-right: 20px;
  }
  .euSection--WhatMakesOurLinenDifferent .euSection__copy .euSection__title {
    margin-top: 20px;
    grid-column: 1/-1;
    grid-row: 1/-1;
  }
  .euSection--WhatMakesOurLinenDifferent .euSection__copy .euMobileExpander {
    grid-column: 1/8;
    grid-row: 2/3;
  }
  .euSection--WhatMakesOurLinenDifferent .euSection__copy .euSection__fig {
    aspect-ratio: 515/772;
    grid-column: 8/13;
    grid-row: 2/3;
    max-width: 515px;
    margin: 10px 0 0 30px;
  }
  .euSection--WhatMakesOurLinenDifferent .euSection__copy .euSection__container {
    grid-column: 1/-1;
  }
  .euSection--HowToCareForYourLinen .euSection__title {
    margin-top: 20px;
  }
  .euSection--TableOfContents .euSection__copy .euSection__title {
    font-size: clamp(16px, 1.4vw, 24px);
    font-weight: 700;
    line-height: 50px;
  }
  .euSection--TableOfContents .euSection__copy .euToc a {
    font-size: clamp(16px, 1.4vw, 24px);
    line-height: 50px;
  }
  .euSection--FAQs .euSection__copy .euSection__title,
  .euSection--FAQs .euSection__copy .euSubText {
    text-align: center;
  }
  .euSection--FAQs .euSection__copy .euAccordion__panel .euSection__sub {
    text-align: left;
    font-size: clamp(16px, 1.4vw, 24px);
    line-height: 50px;
  }
  .euSection--FAQs .euSection__copy .euSection__title {
    padding: 30px 0 10px;
  }
  .euSection--FAQs .euAccordion {
    font-size: clamp(16px, 1.4vw, 26px);
    font-weight: 700;
  }
  .euSection--FindYourLinenFeel .euSection__copy {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  .euSection--FindYourLinenFeel .euSection__copy .euSubText {
    text-align: left;
    padding-right: 20px;
  }
  .euSection--FindYourLinenFeel .euSection__copy .euSubText b {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 4%;
    text-underline-offset: 25%;
    text-underline-position: from-font;
  }
  .euSection--FindYourLinenFeel .euSection__copy .euSubText b a {
    text-decoration: none;
  }
  .euSection--FindYourLinenFeel .euSection__copy .euSection__title {
    margin-top: 20px;
    grid-column: 1/-1;
    grid-row: 1/-1;
  }
  .euSection--FindYourLinenFeel .euSection__copy .euSection__fig {
    aspect-ratio: 515/772;
    grid-column: 8/13;
    grid-row: 2/3;
    max-width: 515px;
    margin: 10px 0 0 30px;
    height: auto;
  }
  .euSection--FindYourLinenFeel .euSection__copy .euSection__container {
    grid-column: 1/-1;
  }
  .euSection--FindYourLinenFeel .euSection__copy .euSection__container.euMobileExpander {
    grid-column: 1/8;
    grid-row: 2/3;
  }
  .euSection--WearIt .euSection__title {
    padding: 30px 0 10px;
  }
  .euSection--WearIt .euSection__sub.euSubText--quote {
    font-size: clamp(30px, 3.5vw, 70px);
    font-style: normal;
    font-weight: 700;
    line-height: 100px;
    text-align: left;
    padding: 30px 0;
  }
  .euSection--WearIt .euSection__sub.euSubText--customer {
    font-size: 20px;
    font-style: normal;
  }
  .euSection--insta .euSection--insta .euSection__copy {
    padding: 0;
  }
  .euSection--insta .euSection__title {
    text-align: center;
  }
  .euSection--insta .euSection__logos {
    padding: 20px;
  }
}
@media (min-width: 1024px) {
  .euOuterWrapper--linen {
    gap: clamp(35px, 3vw, 50px);
  }
  .euSection__title {
    font-size: clamp(36px, 4vw, 60px);
  }
  .euCard {
    position: relative;
  }
  .euCard__pTitle {
    font-size: clamp(12px, 1.2vw, 20px);
    font-family: sofia-pro, serif;
  }
  .euCard__copy {
    margin: 20px auto 0;
  }
  .euCard__ctaBox {
    text-align: center;
    padding: 20px 0;
  }
  .euCarousel--scroll .euCarousel__item {
    flex: 0 0 24%;
    max-width: 300px;
  }
  .euSection--Products {
    margin: 0 auto;
  }
  .euSection--TableOfContents {
    width: 800px;
    margin: 0 auto 10px;
  }
}
.euSection__logos {
  display: flex;
  justify-content: center;
  gap: 15px;
}

@media (min-width: 768px) {
  .euSection--insta {
    margin: 0 auto;
    padding-top: 2vw;
    padding-bottom: 2vw;
    background: rgba(0, 0, 0, 0);
  }
  .euSection--insta .euSection__fig {
    padding-bottom: 24.25%;
  }
  .euSection--insta .euSection__bg {
    width: 23%;
    float: left;
    padding: 0;
    margin: 1%;
  }
  .euSection--insta .euSection__copy {
    position: relative;
    text-align: center;
    transform: none;
    width: 100%;
    margin: 0;
    left: 0;
    padding: 0;
  }
  .euSection--insta .euSection__logo {
    width: 3.625%;
    min-width: 58px;
  }
  .euSection--insta .euSection__main {
    font: 182%/1.2 gt-alpina-thin, serif;
    color: #454545;
    margin: 0;
    padding-top: 1rem;
  }
  .euSection--insta .euSection__sub {
    font: 109.9436%/1.2 sofiapro, sans-serif;
    font-family: sofiapro !important;
    color: #454545;
    margin: 0;
    padding: 0.5vw 0 1.8vw 0;
  }
}
@media (min-width: 1px) {
  .euWrapper--home .euSection--insta {
    grid-area: bannerInsta;
  }
}
@media (min-width: 1px) {
  .euWrapper--home .euSection--insta {
    grid-area: bannerInsta;
  }
}
/* expanding mobile text */
@media (max-width: 767px) {
  .euMobileExpander {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    display: grid;
    grid-template: auto 35px/1fr;
    z-index: 1;
    transition: 0.3s;
  }
  .euMobileExpander.is-expanded {
    /* grid-template: auto 35px / 1fr; */
    z-index: 2;
    transition: 0.3s;
  }
  .euMobileExpander.is-expanded p {
    height: auto;
    height: calc-size(auto, size);
    transition: 0.3s;
  }
  .euMobileExpander.is-expanded::after,
  .euMobileExpander.is-expanded p::after {
    opacity: 0;
    transition: 0.3s;
  }
  .euMobileExpander.is-expanded .euMobileExpander__more:before {
    content: "Close";
  }
  .euMobileExpander.is-expanded .euMobileExpander__more:after {
    transform: translate(0, -50%) rotate(-90deg);
    transition: 0.3s;
  }
  .euMobileExpander p {
    height: 220px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
    display: block;
    margin-bottom: 12px;
    padding-bottom: 12px;
    transition: 0.3s;
  }
  .euMobileExpander p::after {
    width: 100vw;
    min-height: 100%;
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(253, 251, 249) 110%);
    z-index: 2;
    display: block;
    content: " ";
    opacity: 1;
    transition: 0.3s;
    top: 0;
  }
  .euMobileExpander p button {
    grid-row: 2/3;
    grid-column: 1/-1;
    display: inline-grid;
    position: relative;
  }
  .euMobileExpander .euMobileExpander__more {
    max-width: 150px;
    max-height: 45px;
    background: transparent;
    border: 0;
    font-family: sofia-pro, sans-serif;
    text-transform: uppercase;
    color: #454545;
    font-weight: 600;
    margin: auto;
    position: relative;
  }
  .euMobileExpander::after {
    width: auto;
    min-height: auto;
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(253, 251, 249) 110%);
    z-index: 2;
    display: block;
    content: "...";
    transform: translate(-50%, -50%);
    left: 50%;
    top: calc(95% - 34px);
    color: #454545;
    opacity: 0.5;
  }
  .euMobileExpander .euMobileExpander__more:after {
    content: " ";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%) rotate(90deg);
    left: 100%;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    transition: 0.3s;
  }
  .euMobileExpander .euMobileExpander__more:before {
    content: "Read more";
  }
}
@media (min-width: 768px) {
  .euMobileExpander__more {
    display: none;
  }
  .euSub__cap.euSub__cap--one {
    top: 19%;
    left: 11%;
  }
}