/* Cool Shirts: Red, White & You */
:root{--ink:#10284b;--navy:#10284b;--orange:#e12b3b;--cream:#fff;--paper:#fff;--muted:#60718a;--line:#dce2ec;--red:#e12b3b;--blue:#214fbd;--ice:#edf2fa}
::selection{background:var(--red);color:#fff}body{background:#fff}.wrap{width:min(1380px,calc(100% - 96px))}.announcement{background:var(--navy);color:#fff;border-bottom:3px solid var(--red);font-size:9px;padding:10px 48px;letter-spacing:1.5px}.announcement>span:first-child span{font-size:10px;margin-inline:8px;color:#f0a2a8}.announcement a{font-size:9px;letter-spacing:1.8px}.announce-right{color:#b8c9e5;font-size:7px}.masthead{height:96px}.brand{width:252px}.brand img{height:69px;object-fit:contain}.header-left>span{font-size:8px;letter-spacing:1.5px;border-left:3px solid var(--red);padding-left:12px}.header-actions{gap:23px}.header-actions button{transition:color .2s}.header-actions button:hover{color:var(--red)}.nav-inner{height:43px;gap:41px}.nav-inner>a,.nav-inner>button{font-size:9px;letter-spacing:1.1px}.main-nav{border-top:1px solid var(--line)}.nav-new{color:var(--red)}.mega-feature{background:var(--ice)}
.campaign{display:block;isolation:isolate;min-height:660px;background:var(--navy)!important;color:white}.campaign-photos{position:absolute;inset:0 0 0 37%;display:block;padding:0;background:var(--navy)!important;z-index:-3}.campaign-photos>img:not([hidden]){width:100%;height:100%;object-fit:cover;object-position:center 45%}.campaign-secondary[hidden]{display:none}.campaign:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#10284b 0%,#10284b 26%,#10284bea 36%,#10284b70 49%,#10284b00 68%),linear-gradient(0deg,#06152a80,transparent 33%)}.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.45' filter='url(%23n)'/%3E%3C/svg%3E")}.campaign-copy{width:55%;padding:47px 0 56px max(48px,calc((100vw - 1380px)/2));z-index:1}.campaign-copy .eyebrow{font-size:9px;font-weight:700;letter-spacing:2.4px;color:#e3eafa;margin-bottom:21px}.campaign-copy .eyebrow>span{color:#f5636f;letter-spacing:5px;margin-right:12px}.campaign h1{font-size:clamp(100px,9.4vw,150px);line-height:.78;letter-spacing:-1.5px;margin:25px 0 29px;text-shadow:0 2px 20px #10284b10;font-weight:900}.campaign h1 span{color:#ef3d4b}.campaign h1 .outline-word{color:transparent;-webkit-text-stroke:1.5px #fff;letter-spacing:1px}.campaign-copy>p:not(.eyebrow){font-size:12px;line-height:1.85;color:#e3e8f3;max-width:360px;margin-bottom:26px}.campaign .primary{background:var(--red);border-color:var(--red);color:white}.campaign .primary:hover{background:white;border-color:white;color:var(--navy)}.campaign .outline{color:white;border-color:#ffffff80}.campaign .outline:hover{color:var(--navy);background:white;border-color:white}.campaign-actions{gap:12px}.campaign-actions .button{min-height:47px;font-size:9px;padding:15px 22px}.button{font-size:9px;letter-spacing:1.1px;border-radius:0}.campaign-footnote{display:flex;align-items:center;gap:12px;color:#afc0dc;font-size:7px;letter-spacing:1.4px;margin-top:27px}.campaign-footnote i{width:28px;height:1px;background:var(--red)}.campaign-sticker{clip-path:none;background:var(--red);color:white;border:2px solid white;outline:5px solid var(--red);border-radius:50%;left:auto;right:42px;top:auto;bottom:84px;width:116px;height:116px;transform:rotate(13deg);box-shadow:0 2px 15px #0003;font-family:'DM Sans',Arial,sans-serif;font-size:8px;letter-spacing:1px;line-height:1.5}.campaign-sticker b{font-size:45px;font-weight:400;line-height:1.25}.campaign-sticker span{font-size:7px;letter-spacing:1.4px}.photo-tag{writing-mode:horizontal-tb;left:auto;right:40px;bottom:19px;font-size:6px;letter-spacing:1.5px;color:#fff}.hero-side-label{position:absolute;left:17px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:6px;letter-spacing:2px;color:#8eabcf}.campaign-controls{right:45px;bottom:37px;gap:15px}.campaign-controls>button{background:transparent;border:1px solid #ffffff70;color:white;width:29px;height:29px}.campaign-dots{background:transparent;padding:7px 0;gap:9px}.campaign-dots button{background:#fff6;width:5px;height:5px}.campaign-dots button.active{background:#fff;outline:1px solid #fff;outline-offset:3px}.freedom-ribbon{background:var(--red);color:white;overflow:hidden;padding:14px 0;border-block:1px solid var(--red)}.freedom-ribbon>div{display:flex;justify-content:space-around;gap:35px;white-space:nowrap;width:max-content;min-width:100%;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:700;font-size:23px;letter-spacing:1.5px;line-height:1;animation:freedom-scroll 36s linear infinite}.freedom-ribbon span{font-size:18px;align-self:center;margin:0 10px}@keyframes freedom-scroll{to{transform:translateX(-35%)}}.benefits{background:#fff;color:var(--navy);padding:23px 8%;border-bottom:1px solid var(--line)}.benefits>div{font-size:8px;letter-spacing:1px}.benefits>div+div{border-color:var(--line)}.benefits svg{color:var(--red);width:22px;height:22px}.section{padding:64px 0}.section-heading{margin-bottom:33px;align-items:end}h2{font-size:48px;font-weight:800}.section-heading h2:before{content:'';width:30px;height:4px;background:var(--red);display:block;margin-bottom:12px}.section-heading>a{font-size:8px;letter-spacing:1px;border:0}.category-row{gap:20px}.category-circle{background:#f1f4fa!important;border-radius:0;position:relative;border:0;aspect-ratio:1.03;transition:background .2s}.category-circle:after{content:'↗';position:absolute;right:10px;bottom:8px;font-size:18px;color:var(--red)}.category-circle img{width:84%;height:90%}.category-tile{font-size:9px;letter-spacing:1px;text-align:left}.category-tile:hover .category-circle{background:#e3eafa!important}.category-tile>span:last-child{border-bottom:1px solid var(--line);padding-bottom:13px;display:block}.category-tile:hover>span:last-child{border-color:var(--red)}.collection-section{background:var(--ice)}.collection-section .eyebrow{color:var(--blue);font-size:8px;letter-spacing:1.8px}.collection-section .section-heading h2:before{display:none}.filters{gap:27px}.filters button.active{border-color:var(--red);color:var(--red)}.product-image{background:#fff;aspect-ratio:1/1.2;padding:15px}.product-badge{background:var(--blue);font-size:7px;padding:5px 8px;letter-spacing:1px}.product-meta{padding-top:15px}.product-meta h3{font-size:12px;font-weight:800}.product-meta p{font-size:9px}.product-price{font-size:12px}.product-grid{gap:33px 21px}.favorite-button{border:0;box-shadow:0 0 0 1px #10284b0d}.favorite-button[aria-pressed=true]{background:#ffe5e8;color:var(--red)}.favorite-button[aria-pressed=true] svg{fill:var(--red)}.quick-view{background:var(--red)}.catalog-bottom{margin-top:45px}.catalog-bottom .button{background:var(--navy);color:white}.catalog-bottom .button:hover{background:var(--red);border-color:var(--red)}.archive-section{padding:65px 0}.editorial-card{height:510px}.editorial-card:after{background:linear-gradient(0deg,#071b3de8,transparent 75%)}.editorial-card>div{left:35px;bottom:35px}.editorial-card h3{font-size:67px;line-height:.9}.editorial-card .eyebrow{letter-spacing:2px}.beach>img{object-position:center}.game>img{object-position:center 14%}.editorial-card .button{font-size:8px;letter-spacing:1px}.archive-note{background:var(--navy);color:white;padding:60px 0;position:relative;overflow:hidden}.archive-note:before{content:'★';position:absolute;font-size:430px;color:#ffffff05;top:-100px;left:28%;line-height:1}.archive-note>.wrap{grid-template-columns:1.1fr 1.35fr .9fr;gap:65px;position:relative}.archive-mark{font-size:76px;color:white;transform:rotate(-7deg);letter-spacing:-1px}.archive-mark i{color:#ef3d4b;font-size:55px;white-space:nowrap}.star-cluster{display:block;font:17px/1.4 Arial,sans-serif;color:#ef3d4b;letter-spacing:9px;margin-bottom:11px}.archive-note h2{font-size:42px}.archive-note p:not(.eyebrow){color:#b8c7df;font-size:11px;line-height:1.9}.archive-note .text-link{color:white;border-bottom:1px solid #fa6673;padding-bottom:6px;font-size:8px;letter-spacing:1.5px}.archive-note .eyebrow{color:#7da4ec;font-size:8px}.floating-shirts img{mix-blend-mode:normal;box-shadow:0 0 0 10px white;background:white;padding:8px;width:145px;height:205px;top:20px;left:0}.floating-shirts img+img{left:105px;top:43px}.studio{padding:80px 0;gap:100px}.studio-preview{background:#e9effb;border:1px solid #dce5f5;position:relative;overflow:hidden}.studio-preview:before{content:'★';position:absolute;color:#d9e3f5;font-size:330px;right:-90px;top:20px;line-height:1}.studio-preview .eyebrow{position:relative;font-size:8px;letter-spacing:1.5px}.studio-copy h2{font-size:63px}.studio-copy .eyebrow{color:var(--red)}.studio-copy .primary{background:var(--red);border-color:var(--red)}.studio-copy .primary:hover{background:var(--navy);border-color:var(--navy)}.preview-caption{position:relative;color:#506385}.custom-shirt #live-text{color:var(--navy)}.how-strip span{color:var(--red)}.help-section{padding-bottom:65px}.closing{position:relative;overflow:hidden;background:var(--red);padding:58px 20px}.closing:before,.closing:after{content:'★';font-size:240px;line-height:1;position:absolute;top:45px;color:#ffffff12;transform:rotate(-12deg)}.closing:before{left:7%}.closing:after{right:7%;transform:rotate(12deg)}.closing h2{font-size:84px;letter-spacing:-1px;line-height:.88;position:relative}.closing p{letter-spacing:2px;font-size:8px;margin-bottom:20px}.closing .button{position:relative;margin-top:9px}footer{background:#0b1c36;border-top:8px solid white}.footer-wordmark{background:#fff;max-width:230px;padding:7px 10px;transform:rotate(-3deg)}.footer-wordmark img{width:100%;height:auto}.footer-stamp{border-color:#8097bd;letter-spacing:1.7px;font-size:8px}.footer-top>div>a:hover{color:#ff8b95!important}.footer-launch>a{color:#fff!important;border-color:var(--red)}.footer-bottom{color:#859abb}.detail-grid .primary{background:var(--red);border-color:var(--red)}.detail-grid>div:first-child{background:var(--ice)}.small{line-height:1.7}
@media(min-width:1600px){.campaign{min-height:740px}.campaign-copy{padding-top:60px}.campaign h1{font-size:160px}.campaign-photos{left:35%}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.announcement{padding-inline:24px}.brand{width:225px}.nav-inner{gap:26px}.campaign{min-height:630px}.campaign-copy{padding:43px 0 46px 34px;width:60%}.campaign h1{font-size:115px}.campaign-copy .eyebrow{font-size:8px;letter-spacing:1.3px}.campaign-copy .eyebrow>span{margin-right:6px;letter-spacing:3px}.campaign-photos{left:37%}.campaign-sticker{right:28px;width:103px;height:103px}.hero-side-label{left:11px}.archive-mark{font-size:62px}.archive-mark i{font-size:40px}.archive-note>.wrap{gap:36px}.archive-note h2{font-size:36px}.floating-shirts img{width:115px;height:180px}.floating-shirts img+img{left:73px}.studio{gap:55px}.studio-copy h2{font-size:52px}.editorial-card h3{font-size:55px}.editorial-card{height:440px}}
@media(max-width:760px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 32px)}.announcement{padding:8px 10px;border-width:2px;font-size:7px;letter-spacing:2px}.announcement>span:first-child span{margin-inline:10px}.masthead{height:77px;grid-template-columns:.75fr 1.6fr 1fr}.brand{width:170px;max-width:100%}.brand img{height:49px}.header-actions{gap:8px}.header-actions button{gap:2px}.header-actions svg{width:18px;height:18px}.header-actions span{font-size:7px}.header-left{gap:0}.main-nav{border-top:0}.nav-inner{gap:19px}.nav-inner>a,.nav-inner>button{font-size:10px}.campaign{min-height:0;padding:0 0 285px}.campaign-copy{width:100%;padding:29px 24px 28px;min-height:445px}.campaign-copy .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:22px}.campaign-copy .eyebrow>span{font-size:8px;margin-right:7px;letter-spacing:3px}.campaign h1{font-size:106px;line-height:.77;margin:23px 0 24px}.campaign h1 .outline-word{-webkit-text-stroke:1px white}.campaign-copy>p:not(.eyebrow){font-size:10px;margin-bottom:20px;line-height:1.85;max-width:300px}.campaign-actions .button{padding:12px 15px;min-height:42px;font-size:8px;letter-spacing:.7px;gap:17px}.campaign-actions{gap:9px}.campaign-footnote{display:none}.campaign-photos{left:0;right:0;top:auto;bottom:0;height:310px;z-index:-3}.campaign-photos>img:not([hidden]){object-position:center 40%}.campaign:after{background:linear-gradient(180deg,#10284b 0%,#10284b 54%,#10284b00 69%),linear-gradient(0deg,#06152a55,transparent 25%)}.campaign-sticker{width:79px;height:79px;outline-width:3px;border-width:1px;right:19px;bottom:52px}.campaign-sticker b{font-size:31px}.campaign-sticker span{font-size:5px;letter-spacing:1px}.photo-tag{display:block;right:15px;left:auto;bottom:8px;font-size:4px;letter-spacing:1px}.campaign-controls{bottom:24px;left:20px;right:auto;gap:10px}.campaign-controls>button{width:25px;height:25px;font-size:13px}.campaign-dots{gap:8px}.campaign-dots button{width:4px;height:4px}.hero-side-label{display:none}.freedom-ribbon{padding:12px 0}.freedom-ribbon>div{font-size:18px;gap:20px;letter-spacing:1px}.freedom-ribbon span{font-size:12px;margin:0 3px}.benefits{padding:17px 8px}.benefits>div{font-size:5px;letter-spacing:.6px;gap:8px}.benefits svg{width:20px;height:20px}.section{padding:37px 0}.section-heading{margin-bottom:24px;align-items:end}h2{font-size:35px;letter-spacing:-.2px}.section-heading h2:before{width:23px;height:3px;margin-bottom:9px}.section-heading>a{font-size:7px;letter-spacing:.5px}.category-row{gap:12px}.category-tile{width:118px;min-width:118px;font-size:7px;letter-spacing:.5px}.category-circle{margin-bottom:12px}.category-circle img{width:88%;height:93%}.category-circle:after{font-size:14px;right:6px;bottom:4px}.category-tile>span:last-child{padding-bottom:9px}.collection-section .eyebrow{font-size:6px;letter-spacing:1.2px}.collection-section .section-heading{margin-bottom:20px}.collection-section h2{font-size:38px}.filters{gap:17px}.filters button{font-size:7px}.catalog-search .muted{font-size:7px}.product-grid{gap:27px 12px}.product-image{padding:7px;aspect-ratio:1/1.24}.product-badge{font-size:5px;letter-spacing:.6px;top:8px;left:7px;padding:4px 5px}.product-meta h3{font-size:10px}.product-meta p{font-size:8px}.product-price{font-size:11px}.product-meta{padding-top:10px}.catalog-bottom{margin-top:30px}.catalog-bottom>span{font-size:7px}.archive-section{padding:39px 0}.archive-section h2{font-size:34px;max-width:280px}.editorial-card{height:380px}.editorial-card h3{font-size:49px}.editorial-card>div{left:22px;bottom:25px}.editorial-card .eyebrow{font-size:6px;letter-spacing:1.6px}.editorial-card .button{font-size:7px}.archive-note{padding:38px 0}.archive-note>.wrap{grid-template-columns:1fr;gap:35px}.archive-mark{font-size:65px;margin-left:11px;max-width:250px}.archive-mark br{display:initial}.archive-mark i{display:block;font-size:47px;margin-top:6px}.star-cluster{font-size:13px;letter-spacing:10px}.archive-note h2{font-size:39px}.archive-note .eyebrow{font-size:6px}.archive-note p:not(.eyebrow){font-size:11px}.studio{padding:43px 0;gap:30px}.studio-preview .eyebrow{font-size:6px;letter-spacing:1.2px}.studio-preview:before{font-size:270px;right:-70px;top:25px}.studio-copy h2{font-size:51px}.studio-copy .eyebrow{font-size:7px}.studio-controls label{font-size:10px}.how-strip{padding-bottom:20px}.help-section{padding-bottom:42px}.help-section h2{font-size:33px}.closing{padding:40px 15px}.closing h2{font-size:56px;line-height:.9}.closing p{font-size:6px;letter-spacing:1.5px}.closing:before,.closing:after{font-size:130px;top:52px}.closing:before{left:-60px}.closing:after{right:-60px}.closing .button{font-size:8px}.footer-wordmark{width:230px;max-width:100%;padding:9px 12px}.footer-top{padding-top:4px}.footer-top h3{font-size:9px}.footer-about p{margin-top:22px}.footer-bottom{font-size:6px}.detail-grid h2{font-size:36px}.detail-grid .eyebrow{font-size:7px}}
@media(max-width:360px){.brand{width:150px}.header-actions{gap:4px}.campaign h1{font-size:95px}.campaign-copy{padding-inline:19px}.campaign-actions .button{font-size:7px;padding:11px 12px}.campaign-copy .eyebrow{font-size:6px}.header-actions svg{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.freedom-ribbon>div{animation:none}}
