
:root{--paper:#f4f1e9;--ink:#252521;--muted:#6d695f;--line:#c8c3b7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Helvetica Neue',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #8a5339;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 4%;border-bottom:1px solid var(--line)}.logo{font-weight:900;font-size:22px;letter-spacing:-1.3px}nav{display:flex;gap:25px;font-size:12px}main{padding:0 4%;max-width:1600px;margin:auto}.breadcrumb{font-size:11px;margin:30px 0 45px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.09em;text-transform:uppercase}.intro{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:end;margin-bottom:35px}h1{font-size:clamp(48px,6vw,90px);line-height:.9;font-weight:600;letter-spacing:-.075em;margin:20px 0 25px}.intro p{font-size:17px;line-height:1.6;max-width:530px}.meta{display:flex;gap:35px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;line-height:1.7;margin-bottom:40px}.meta span{display:block;color:var(--muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px 22px}.project img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#e5dfd2}.project a:hover .picture{filter:brightness(.94)}.project .caption{display:flex;justify-content:space-between;gap:15px;margin-top:14px}.project h2{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:0 0 7px}.project p{font-size:12px;line-height:1.6;color:var(--muted);margin:0;max-width:500px}.external{font-size:25px}.picture{transition:filter .2s}.project .label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.site-card{display:flex;flex-direction:column;justify-content:space-between;min-height:340px;padding:25px;background:#dce0d2}.site-card:nth-child(2){background:#ded4c1}.site-card:nth-child(3){background:#34495b;color:#f4f1e9}.site-card strong{font-size:clamp(35px,5vw,75px);line-height:1;letter-spacing:-.055em;font-weight:500;margin:35px 0}.site-card small{font-size:11px}.site-card .bottom{display:flex;justify-content:space-between;font-size:12px}.site-card:hover{filter:brightness(.95)}.site-card.logo-card{background:#f4ede0;justify-content:center;gap:45px}.logo-card img{width:80%;height:auto;object-fit:contain;align-self:center}.role{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:1px solid var(--line);padding:35px 0;margin-top:50px}.role h2{font-size:12px;letter-spacing:.05em;font-weight:500;text-transform:uppercase}.role p{font-size:16px;line-height:1.65;max-width:800px;margin:0 0 18px}.credit{font-size:11px;line-height:1.6;color:var(--muted);margin:35px 0}.pager{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:25px 0 45px;font-size:13px}.live{border-bottom:1px solid;padding-bottom:4px;display:inline-block;margin-top:12px}.link-context{font-size:12px;line-height:1.6;color:var(--muted);max-width:700px;margin:25px 0}.site-card.adidas{background:#344b62;color:#f4ede0}.site-card.adidas strong{font-weight:800}.site-card.slam strong{font-family:Impact,Arial,sans-serif}.site-card.amp{background:#514a3c;color:#efe6d4}.site-card.amp strong{font-family:Georgia,serif}.site-card.amazon{background:#e7dcc5}.site-card.walmart{background:#cfdddf}@media(max-width:700px){header{padding:18px 5%}.logo{font-size:19px}nav{gap:15px}main{padding:0 5%}.intro{grid-template-columns:1fr;gap:5px}.intro h1{font-size:17vw}.intro p{font-size:16px}.meta{flex-wrap:wrap;gap:20px}.gallery,.link-grid,.role{grid-template-columns:1fr}.role{gap:10px}.site-card{min-height:280px}.site-card strong{font-size:13vw}.breadcrumb{margin-bottom:30px}.pager{font-size:12px}.project h2{font-size:20px}}

.capsule-hero{display:block}.capsule-hero img{display:block;width:100%;height:auto;max-height:780px;object-fit:cover}.capsule-hero>span{display:flex;justify-content:space-between;gap:20px;padding:16px 0;font-size:17px;letter-spacing:-.3px}.capsule-hero b{font-size:12px;font-weight:400;white-space:nowrap}.capsule-caption{display:grid;grid-template-columns:1fr 2fr;gap:35px;margin:20px 0 35px;padding-top:20px;border-top:1px solid var(--line)}.capsule-caption p{font-size:16px;line-height:1.6;margin:0;max-width:650px}.capsule-images{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.capsule-images img{display:block;width:100%;height:auto}.capsule-hero:hover,.capsule-images a:hover{filter:brightness(.95)}@media(max-width:700px){.capsule-hero>span,.capsule-caption{display:flex;flex-direction:column;gap:12px}.capsule-images{grid-template-columns:1fr;gap:20px}.capsule-hero img{max-height:none}}

.role-topic{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.role-topic:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.role-topic h3{font-size:18px;font-weight:500;letter-spacing:-.4px;margin:0 0 12px}.role-topic p{margin:0;line-height:1.7}.role-narrative{max-width:820px}

.magazine-section{margin:55px 0 100px}.magazine-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:35px}.magazine-heading h2,.capsule-title{font-size:clamp(32px,4vw,58px);line-height:1;letter-spacing:-.04em;margin:0}.magazine-heading p{max-width:530px;line-height:1.7;margin:0}.magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.magazine-grid figure{margin:0}.magazine-grid a{display:flex;align-items:center;justify-content:center;background:#e7e2d8;padding:18px;aspect-ratio:3/4}.magazine-grid img{display:block;width:100%;height:100%;object-fit:contain}.magazine-grid h3{font-size:19px;margin:15px 0 5px}.magazine-grid figcaption p{margin:0;font-size:14px}.capsule-title{margin-bottom:30px}.bts-project .picture{position:relative;aspect-ratio:850/792;overflow:hidden}.bts-project .picture img{position:absolute;top:-7.323%;left:0;width:100%;height:auto;aspect-ratio:1}
@media(max-width:700px){.magazine-heading{grid-template-columns:1fr;gap:20px}.magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.magazine-grid a{padding:8px}.magazine-grid h3{font-size:15px}.magazine-grid figcaption p{font-size:12px}}

.adidas-feature{margin:50px 0 60px}.adidas-feature h2{font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.04em;margin:15px 0 30px}.adidas-feature img{display:block;width:100%;height:auto;border:1px solid #d1ccbf}.site-card.confirmed{background:#161616;color:#f5f1e7}.site-card.confirmed strong{font-size:clamp(28px,4vw,58px)}

.yeezy-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:start}.yeezy-feature img{border:0}.yeezy-context{padding-top:25px}.yeezy-context h3{font-size:30px;margin:15px 0 25px}.yeezy-context p{line-height:1.7}.yeezy-context .credit{font-size:12px}@media(max-width:700px){.yeezy-layout{grid-template-columns:1fr;gap:15px}.yeezy-context{padding-top:0}}

.membership-editorial{margin:60px 0 100px;border-top:2px solid #252622;padding-top:18px}.membership-masthead{display:flex;justify-content:space-between;gap:20px}.membership-editorial h2{font-size:clamp(48px,8.8vw,135px);line-height:.86;letter-spacing:-.065em;margin:44px 0 42px;font-weight:900}.membership-editorial h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;color:#8b452c}.membership-spread{display:grid;grid-template-columns:1fr 3fr;gap:28px;align-items:end}.membership-spread aside{padding-bottom:40px}.membership-deck{font-size:clamp(20px,2.2vw,32px);line-height:1.1;letter-spacing:-.035em}.membership-rule{display:block;width:42px;height:3px;background:#8b452c;margin:32px 0}.membership-spread aside>p:last-child{font-size:13px;line-height:1.7}.membership-spread figure{margin:0}.membership-spread img{display:block;width:100%;height:auto}.membership-spread figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:13px 0;border-bottom:1px solid #a7a296}.membership-footer{display:grid;grid-template-columns:1fr 3fr;gap:28px;margin-top:30px}.membership-footer p{max-width:680px;font-size:17px;line-height:1.65;margin:0}@media(max-width:700px){.membership-editorial{margin:40px 0 65px}.membership-editorial h2{font-size:clamp(43px,10.7vw,74px);margin:30px 0}.membership-spread{grid-template-columns:1fr;gap:15px}.membership-spread aside{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.membership-deck{margin:0}.membership-rule{display:none}.membership-spread aside>p:last-child{margin:0}.membership-footer{grid-template-columns:1fr;gap:14px}.membership-masthead .eyebrow{font-size:10px}.membership-spread figcaption{font-size:9px}.membership-footer p{font-size:15px}}

.archive-spread{margin:55px 0 70px;border-top:2px solid #292a26;padding-top:18px}.spread-top{display:flex;justify-content:space-between;gap:20px}.archive-spread h2{font-size:clamp(38px,6.4vw,98px);letter-spacing:-.055em;line-height:.96;margin:40px 0}.archive-spread h2 em{font-family:Georgia,serif;font-weight:400;color:#8b452c}.archive-spread figure{margin:0}.archive-spread img{width:100%;height:auto;display:block}.archive-spread figcaption{font-size:11px;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid #aaa598;padding:14px 0}.amp-lead{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:center}.amp-side img{max-width:220px;margin-bottom:35px}.amp-side>p{font-size:clamp(22px,3vw,40px);line-height:1.12;letter-spacing:-.025em}.amp-side .spread-copy{font-size:17px;line-height:1.7;letter-spacing:0}.amp-pair{display:grid;grid-template-columns:1fr 1fr;gap:5%;margin-top:65px;align-items:start}.amp-pair .lower{margin-top:100px}.amp-details{gap:35px;align-items:center}.sg-spread h2 em{color:#31684d}.sg-banner{width:100%;height:auto}.spread-caption{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin:30px 0 55px}.spread-caption p{font-size:20px;line-height:1.6;margin:0}.sg-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.sg-categories img{aspect-ratio:1;object-fit:contain}.sg-campaign{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:55px}.sf-spread h2 em{color:#486478}.sf-lead,.sf-secondary{display:grid;grid-template-columns:1fr 1.3fr;gap:6%;align-items:center;padding:40px;background:#e5e6df}.sf-lead h3,.sf-secondary h3{font-size:clamp(25px,3vw,44px);line-height:1.05;letter-spacing:-.035em}.sf-lead p,.sf-secondary p{font-size:17px;line-height:1.7}.sf-lead img,.sf-secondary img{min-height:240px;object-fit:contain}.sf-secondary{background:transparent;grid-template-columns:1.2fr 1fr;margin-top:35px;padding:25px 0}@media(max-width:700px){.archive-spread h2{font-size:clamp(33px,8vw,55px);margin:28px 0}.spread-top .eyebrow{font-size:9px}.amp-lead,.sf-lead,.sf-secondary{grid-template-columns:1fr;gap:25px}.amp-side{display:none}.amp-pair{gap:15px;margin-top:30px}.amp-pair .lower{margin-top:45px}.amp-details{grid-template-columns:1fr}.spread-caption{grid-template-columns:1fr;gap:15px;margin:25px 0}.spread-caption p{font-size:17px}.sg-categories{grid-template-columns:repeat(2,1fr);gap:15px}.sg-campaign{grid-template-columns:1fr;margin-top:30px}.sf-lead{padding:22px}.archive-spread figcaption{font-size:9px}}

.sg-banner-frame{position:relative;aspect-ratio:1676/940;overflow:hidden;width:100%;margin-inline:auto}.sg-spread .sg-banner-frame .sg-banner{position:absolute;left:-47.25537%;top:0;width:147.25537%;max-width:none;height:auto}

.confirmed-feature{margin:80px 0 95px;padding:28px 30px 20px;background:#20211e;color:#f1eee4}.confirmed-feature h2{font-size:clamp(38px,6.1vw,92px);letter-spacing:-.06em;line-height:.95;margin:40px 0}.confirmed-feature h2 em{font-family:Georgia,serif;font-weight:400;color:#c4cd9b}.confirmed-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:45px;align-items:start}.confirmed-copy>p{font-size:16px;line-height:1.7}.confirmed-copy .confirmed-deck{font-size:clamp(24px,3vw,40px);line-height:1.05;letter-spacing:-.035em;margin:25px 0}.confirmed-role{border-top:1px solid #737569;margin-top:30px;padding-top:20px}.confirmed-role p{font-size:15px;line-height:1.7}.confirmed-images{display:grid;grid-template-columns:1fr 1fr;gap:16px}.confirmed-images figure{margin:0}.confirmed-images figure:last-child{margin-top:85px}.confirmed-images img{display:block;width:100%;height:auto}.confirmed-images figcaption{font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:15px 0;border-bottom:1px solid #77786f}.confirmed-feature .credit{color:#c6c5bc;font-size:11px;margin-top:30px}.confirmed-feature .live{color:#f1eee4}@media(max-width:700px){.confirmed-feature{padding:22px 16px;margin:45px 0}.confirmed-feature .spread-top .eyebrow{font-size:8px}.confirmed-layout{grid-template-columns:1fr;gap:28px}.confirmed-images figure:last-child{margin-top:40px}.confirmed-feature h2{font-size:clamp(33px,8vw,52px)}.confirmed-images figcaption{font-size:9px}}

.hbcu-story{margin:55px 0 65px;padding:35px 0;border-top:2px solid #292a26;border-bottom:1px solid #aaa598}.hbcu-story-heading h2{font-size:clamp(30px,4.6vw,68px);line-height:1;letter-spacing:-.045em;margin:25px 0 35px}.hbcu-story-heading h2 em{font-family:Georgia,serif;font-weight:400;color:#8b452c}.hbcu-story-body{max-width:850px;margin-left:auto}.hbcu-story-body p{font-size:17px;line-height:1.75}.hbcu-story-body .hbcu-lead{font-size:clamp(21px,2.4vw,31px);line-height:1.4;letter-spacing:-.025em}.hbcu-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:45px 0 25px}.hbcu-pillars>div{border-top:1px solid #aaa598;padding-top:20px}.hbcu-pillars h3{font-size:25px;line-height:1.1;letter-spacing:-.03em}.hbcu-pillars p{font-size:15px;line-height:1.75}@media(max-width:700px){.hbcu-pillars{grid-template-columns:1fr;gap:20px}.hbcu-story-body p{font-size:16px}.hbcu-story-heading h2{font-size:clamp(29px,7vw,45px)}}

.sf-brand{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #aaa598;padding:8px 0 25px;margin-bottom:24px}.sf-logo-window{position:relative;overflow:hidden;width:260px;aspect-ratio:1500/350;background:white}.sf-logo-window img{position:absolute;width:136.54%;max-width:none;left:-18.67%;top:-114.3%;height:auto}.sf-secondary>div{grid-column:2;grid-row:1}.sf-secondary>figure{grid-column:1;grid-row:1}@media(max-width:700px){.sf-brand{display:block}.sf-logo-window{width:220px;margin-bottom:18px}.sf-secondary>div,.sf-secondary>figure{grid-column:auto;grid-row:auto}.sf-secondary{gap:25px}.sf-secondary>figure{margin-top:5px}.sf-secondary img{min-height:0}}

header nav{align-items:center}header nav a{display:inline-flex;align-items:center;gap:5px;line-height:1.2;white-space:nowrap}.nav-arrow{display:block;width:12px;height:12px;flex:none}

.plain-arrow{display:inline-block;width:.85em;height:.85em;vertical-align:-.03em;flex:none}.cover-arrow{display:inline-flex;align-items:center;justify-content:center}.cover-arrow .plain-arrow{width:55%;height:55%}
