main > .plx-section-signup, .section.fragment-carousel-container {margin-block: var(--spacing-l);}
@media (min-width: 600px), (width >= 600px) { h2#you-deserve-the-world-and-a-great-bra { margin-block-end: .8em; } }
.hp-bestsellers {margin-block-start: 2em;} .hp-bestsellers h2 {margin-block-end: .5em;} .target-recos.content-carousel .carousel-slides-wrapper {margin-block-start: 1em;} .target-recos.content-carousel .heading-wrapper {padding-inline: 0;} .content-carousel .heading-wrapper {margin-block-start: 1em;} .target-recos.content-carousel .heading-wrapper h2 {padding-inline: var(--outter-gutter);} @media (width >= 1200px) { .target-recos.content-carousel .heading-wrapper h2 {padding-inline: 0;} .target-recos.content-carousel .carousel-slides-wrapper {padding-inline: 0;} .target-recos.content-carousel {padding-inline: 1em;} .content-carousel .heading-wrapper {padding-inline: 0;} .carousel-slide .slide-copy, .carousel-slide .slide-copy > p {font-size: clamp(1.2rem, .7rem + 0.5vw, 1.8rem);} main > .section > div.content-carousel-wrapper:not(:has(.full-bleed)) ul {padding-inline: 0;}} @media (width <= 599px) { .carousel-fallback-nav button, .content-carousel .carousel-slides-wrapper::scroll-button(left), .content-carousel .carousel-slides-wrapper::scroll-button(right) {background: url('data:image/svg+xml,<svg width="12" height="21" viewBox="0 0 12 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.71484 1.94455L9.94342 10.5001L1.71484 19.0557" stroke="black" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>') 55% 50% / 20% no-repeat, radial-gradient(#fff 40%, black 45%, transparent 48%);border: none;}} .content-carousel .carousel-slides-wrapper::scroll-button(*):disabled {opacity: 0 !important;cursor: not-allowed;}
Get Ready for Sweater Weather
Our balconette & t-shirt bras lay smooth under layers for a polished finish & shapely silhouette.
[{<div>
<a class=button primary href=/bras/shop-by-style/t-shirt-bras >Shop T-Shirt bras</a>
<a class=button primary href=/bras/shop-by-style/balconette-bras >Shop Balconettes</a> </div> <style>
.sweater h1 { font-weight: 300; line-height: 0.8; }
.sweater h1 strong { font-weight: 700;}
.sweater p {margin: 0 13% 39rem;}
.sweater a.button.primary { width: 271px;}
.underline.u-blue .sweater u::after { transform: scale(1, 0.6);
line-height: 0.8; }
@media (min-width:640px) {
.sweater .block-copy { position: absolute; width: 60%; left: 33%; top: 10%;}
.sweater p { margin: 2% 0 0 48%; font-size: 110%; }
.sweater h1 {font-weight: 300;
font-size: clamp(3.2rem, 2.6rem + 3vw, 5.2rem);}
.sweater h1 { font-weight: 300; font-size: clamp(3.2rem, 2.6rem + 3vw, 5.2rem);}
.sweater p { margin: 2% 0 0 37%;}
.sweater a.button.primary { width: inherit;} }
</style>}]
Now Introducing Cozy Sleepwear
Super-soft styles for super-sweet dream
[{<div>
<a class=button secondary href=sleepwear >shop new sleepwear</a>
</div>
<style>
.sleepwear .block-copy {
top: 29%;}
.sleepwear u::after {
transform: scale(1, .5);}
.sleepwear h1 {
font-weight: 300; color: #fff;}
.sleepwear h1 strong { font-weight: 700;
line-height: 0.6;
}
.sleepwear { margin: 2rem 0;}
.sleepwear p {
margin: 10% 29% 44rem; color: #fff;}
.sleepwear a.button.secondary { width: 271px;}
@media (min-width:640px) {
.sleepwear .block-copy { width: 33%; left: 34%; text-align: center;
top: 42%; }
.sleepwear h1 { font-weight: 300; font-size: clamp(3.2rem, 2.6rem + 3vw, 5.2rem);}
.underline.u-yellow .sleepwear u::after { transform: scale(1, 0.3);}
.sleepwear p { margin: 2% 0 0 }
.sleepwear a.button.secondary { width: inherit;}
}
</style>}]
Fall Favorites
Layer up without bulk or bulge in our smoothing minimizer bras.
.new0712 h1 {
font-weight: 300;
font-size:215%;}
.new0712 h1 strong {
font-weight: 800;}
.new0712 h4{
font-weight: 300;}
.new0712 . .copy-wrapper {
padding: 0;}
.backinstock . span.button.primary, . a.button.tertiary{
min-width: 253px;}
.new0712 .button-container span {
display: none;}
.new0712 p.button-container {
margin-top: 100%;}
.new0712 .copy-wrapper p em {
font-weight: 300;
padding: 0 11%;
font-style: normal;
font-size: 142%;
display: block;
line-height: 1.2;
}
@media(min-width:650px){
.new0712 .copy-wrapper {
position: absolute;
top: 21%;
width: 44%;
left: 6%;}
.
.new0712 h1 {
font-weight: 300;
font-size: 250%;
}
.new0712 .copy-wrapper p em {
padding: 0 24%;
font-size: 125%;
}
.new0712 p.button-container {
margin-top: 5%;
}
.new0612 p.button-container {
margin-top: 2%;}}
Value packs of go-to styles.
The essentials you reach for again & again
.packs h2 {
font-weight: 300;
margin: 0;}
.packs h2 strong {
font-weight: 700;}
.packs u::after {
transform: scale(1, 2.5);}
.packs .default-content-wrapper {
text-align: center;}
.packs img {
width: 100%;
}
.packs u::after {
transform: scale(1, 1);
}