New In Teen Girls

New In Teen Boys

Our Edits

Our Editorials

Teen Girls 8-16

Teen Boys 8-16

Shop by Attribute

Teen

HomePage

New In

<div>
    <style type="text/css">
@font-face {
	font-family: 'Basel Grotesk';
  src: url("/images/assetimages/fonts/basel-grotesk/Basel-Grotesk-Book.woff") format("woff"), url("/images/assetimages/fonts/basel-grotesk/Basel-Grotesk-Book.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
    #stylebook-crosssell-kids-home { width: 100%;margin:0 auto 80px;font-family: "Basel Grotesk", Helvetica, Arial, "sans-serif"; text-align: center; font-variant-ligatures: no-common-ligatures; position: relative;  }
    #stylebook-crosssell-kids-home .wrapper{position:relative;}
    #stylebook-crosssell-kids-home h2 {margin: 0; text-align: center; position: absolute; width: 66.5%; bottom:30px; left:30px;z-index:1;}
    #stylebook-crosssell-kids-home h2 img{width:100%;}
    #stylebook-crosssell-kids-home a {text-decoration: none; color:#FFF;display: block;position: relative;}
    #stylebook-crosssell-kids-home ul{width:100%;margin: 2rem 0 0 0;padding:0;list-style: none;display: flex;justify-content: center;}
    #stylebook-crosssell-kids-home ul li{list-style:none; margin:0;padding:0; display: block; }
    #stylebook-crosssell-kids-home ul li a {color: #000; text-decoration: none; text-transform: none;padding-bottom: 2px; border-bottom: 1px solid #000; font-size: 13px; letter-spacing: normal;font-weight: 300;}
    #stylebook-crosssell-kids-home ul li a:hover{ opacity: 0.75; }
    #stylebook-crosssell-kids-home img{width:100%;}
    .listing .item.cross-sell-tile.full-width{margin:0;}
    .listing .item.cross-sell-tile.full-width #stylebook-crosssell-kids-home {margin-top:0;margin-bottom:20px;}
    .blog-page #stylebook-crosssell-kids-home {margin:5rem auto; }
    
    @media (min-width: 768px) {
    #stylebook-crosssell-kids-home ul li a {font-size:16px;}
    #stylebook-crosssell-kids-home h2 { width: 52%;left:3.7%;bottom:8.7%;}
    }

    </style>
  </div>
    <div id="stylebook-crosssell-kids-home">
        <div class="wrapper">
            <a href="/editorials-kids-home-new-now-collection-september-2024/">
                <picture>
                    <source media="(min-width: 768px)" srcset="/images/assetimages/cr-2024/09/stylebook/child-home/desktop-collection-cross-sell-banner.jpg">
                    <img src="/images/assetimages/cr-2024/09/stylebook/child-home/mobile-collection-cross-sell-banner.jpg" alt="">
                </picture>
                <h2><img src="/images/assetimages/cr-2024/09/stylebook/child-home/title-kids-collection.svg" alt="Chapter I - Kids SS24 Collection"></a>
        </div>
        <ul>
            <li><a href="/editorials-kids-home-new-now-collection-september-2024/">View the editorial</a></li>
        </ul>
    </div>

NEW IN - BLOCK 1 Desktop - Teen Girls

<div>
    <style type="text/css">
        @font-face {
            font-family: 'Basel Grotesk';
            src: url("/images/assetimages/fonts/basel-grotesk/Basel-Grotesk-Book.woff") format("woff"), url("/images/assetimages/fonts/basel-grotesk/Basel-Grotesk-Book.woff2") format("woff2");
            font-weight: 500;
            font-style: normal;
            font-display: swap;
        }
        #editorial-duffle-bag { width: 100%;margin:0 auto 80px;font-family: "Basel Grotesk", Helvetica, Arial, "sans-serif"; text-align: center; font-variant-ligatures: no-common-ligatures; position: relative;  }
        #editorial-duffle-bag .wrapper{position:relative;}
        #editorial-duffle-bag h2 {margin: 0; text-align: center; position: absolute; width: 100%; top: 5%; left: 0;font-size:32px;font-weight: 500;color:#FFF;text-transform: uppercase;line-height:1;}
        #editorial-duffle-bag h2.bottom{top:auto;bottom:5%;}
        #editorial-duffle-bag h2 img { width: 100%; height: 100%; margin: auto;}
        #editorial-duffle-bag a {text-decoration: none; color:#FFF;display: block;position: relative;}
        #editorial-duffle-bag ul{width:100%;margin: 2rem 0 0 0;padding:0;list-style: none;display: flex;justify-content: center;}
        #editorial-duffle-bag ul li{list-style:none; margin:0;padding:0; display: block; }
        #editorial-duffle-bag ul li a {color: #000; text-decoration: none; text-transform: none;padding-bottom: 2px; border-bottom: 1px solid #000; font-size: 13px; letter-spacing: normal;font-weight: 300;}
        #editorial-duffle-bag ul li a:hover{ opacity: 0.75; }
        #editorial-duffle-bag img{width:100%;}
        #editorial-duffle-bag .title {position: absolute; z-index: 5; transform: translate(-50%, -50%) ; top: 50%; left: 50%; width: 63%; height: auto;}
        .listing .item.cross-sell-tile.full-width{margin:0;}
        .listing .item.cross-sell-tile.full-width #editorial-duffle-bag {margin-top:0;margin-bottom:20px;}
        .blog-page #editorial-duffle-bag {margin:5rem auto; }
        
        @media (min-width: 768px) {
            #editorial-duffle-bag ul li a {font-size:16px;}
            #editorial-duffle-bag h2 {font-size:36px;top: 7.5%;}
            #editorial-duffle-bag h2.bottom{bottom:7.5%;}
            #editorial-duffle-bag .title {width: 49%;}
        }
        @media (min-width: 1100px) {
            #editorial-duffle-bag h2 {font-size:40px;}
        }
        @media (min-width: 1320px) {
            #editorial-duffle-bag h2 {font-size:48px;}
        }
        
    </style>
</div>
<div id="editorial-duffle-bag">
    <div class="wrapper">
        <a href="/editorials-made-for-generations/">
            <div style="position:relative">
                <picture>
                    <source media="(min-width: 768px)" srcset="/images/assetimages/cr-2024/08/editorial/duffle-bag/cr-duffle-crosssell.jpg">
                    <img src="/images/assetimages/cr-2024/08/editorial/duffle-bag/cr-duffle-crosssell-mb.jpg" alt="">
                </picture>
                <div class="title">
                    <img src="/images/assetimages/cr-2024/08/editorial/duffle-bag/title.svg" alt="">
                </div>
            </div>
        </a>
    </div>
    <ul>
        <li><a href="/editorials-made-for-generations/">View the editorial</a></li>
    </ul>
</div>

NEW IN - BLOCK 2 Desktop - Teen Girls

Teen Girls New In

Filter

Sort

Teen Girls New In

Filter

Sort Chevron down

Sort