@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#080808;color:#fff;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{max-width:1500px;margin:auto;padding:26px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #252525}.logo{font-size:25px;font-weight:800;letter-spacing:-1px;display:flex;gap:12px;align-items:center}.logo svg{width:45px;height:25px;fill:white}nav{display:flex;gap:32px;font-size:12px;color:#bbb}nav a:hover{color:white}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;max-width:1500px;margin:auto;padding:65px 5% 80px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.5px;color:#aaa}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;letter-spacing:-1px}h1{font-size:clamp(75px,8.7vw,140px);line-height:.9;margin:28px 0}p{color:#aaa;font-size:15px}.hero-copy>p{margin:25px 0 32px}.button{display:inline-flex;background:white;color:black;align-items:center;gap:45px;font-size:12px;font-weight:700;padding:17px 23px;border:1px solid white}.button:hover{background:#ddd}.ca{display:flex;align-items:center;gap:12px;max-width:100%;margin-top:40px;color:#999;background:transparent;border:1px solid #333;padding:13px 14px;font-size:9px;text-align:left}.ca code{font-size:10px;overflow-wrap:anywhere}.ca>span{color:white}.ca b{font-size:16px;font-weight:400}.ca:hover{border-color:#888}.hero-image{position:relative;background:#fff}.hero-image img{width:100%;display:block;aspect-ratio:1;object-fit:contain}.image-caption{position:absolute;bottom:-25px;left:0;font-size:8px;letter-spacing:1.8px;color:#888}.collection{padding:30px 5% 85px;max-width:1500px;margin:auto}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}h2{font-size:60px;line-height:1;margin:12px 0}.shuffle{color:#ddd;background:none;border:1px solid #444;padding:12px 19px;font-size:11px}.shuffle:hover{background:#222}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 18px}.portrait{aspect-ratio:1;background:#fff;overflow:hidden}.portrait img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .4s}.card:hover img{transform:scale(1.025)}.card-bottom{padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.card h3{font-size:12px;margin:0;font-weight:500}.download{font-size:10px;color:#ccc;border-bottom:1px solid #666;padding:3px 0;white-space:nowrap}.download:hover{color:white;border-color:white}.cause{border-top:1px solid #292929;display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:65px 5% 75px;max-width:1500px;margin:auto}.cause h2{font-size:70px}.cause p{font-size:13px;line-height:1.6}.cause small{color:#777;font-size:10px;display:block}.cause .button{margin-top:25px}.causes{align-self:center}.causes p{color:white;font-size:20px;padding:20px 0;margin:0;border-bottom:1px solid #333;display:flex;gap:25px}.causes span{font-size:10px;color:#777;align-self:center}footer{margin:0 5%;border-top:1px solid #292929;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0}footer p,footer>a:last-child{font-size:10px;color:#777}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:white;color:black;padding:14px 24px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:5px}@media(max-width:900px){.hero{gap:4%;padding-top:45px}h1{font-size:86px}.grid{grid-template-columns:repeat(3,1fr)}.ca code{font-size:9px}.cause{gap:7%}}@media(max-width:600px){header{padding:22px 5%}.logo{font-size:20px}nav{gap:20px;font-size:10px}.hero{grid-template-columns:1fr;gap:35px;padding:45px 5% 65px}h1{font-size:94px}.hero-copy>p{font-size:14px;margin:20px 0 25px}.ca{margin-top:25px;width:100%}.ca code{font-size:9px}.hero-image{max-width:420px;width:100%;margin:auto}.collection{padding-top:20px}.grid{grid-template-columns:repeat(2,1fr);gap:25px 12px}h2{font-size:49px}.card h3{font-size:10px}.download{font-size:9px}.section-top{gap:10px}.eyebrow{font-size:8px}.cause{grid-template-columns:1fr;gap:25px;padding-top:45px}.cause h2{font-size:62px}.causes p{font-size:18px}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portrait img{transition:none}}

.movement{max-width:1500px;margin:auto;padding:65px 5% 70px;border-top:1px solid #292929;display:grid;grid-template-columns:1fr 1fr;gap:12%}.movement h2{font-size:65px;line-height:1.02}.movement-copy p{font-size:14px;line-height:1.85;margin:0 0 18px;color:#b8b8b8}.movement-links{display:flex;gap:28px;margin-top:26px;font-size:12px}.movement-links a{border-bottom:1px solid #777;padding-bottom:5px}.sources{font-size:10px;color:#777;margin-top:25px;line-height:1.8}.sources a{text-decoration:underline}.hero-image img,.portrait img{object-position:center bottom}.card:hover img{transform:none}@media(max-width:600px){.movement{grid-template-columns:1fr;gap:20px;padding-top:40px;padding-bottom:45px}.movement h2{font-size:52px}.logo{font-size:18px;gap:8px}.logo svg{width:30px}nav{gap:14px}.movement-copy p{font-size:13px}}

/* Quiet motion, with portraits kept at their natural proportions. */
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:#fff;transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}.hero-copy{animation:hero-enter .9s cubic-bezier(.2,.7,.2,1) both}.hero-image{animation:hero-enter 1.1s .12s cubic-bezier(.2,.7,.2,1) both}.hero-image:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff14}.button{transition:background .25s,transform .25s}.button:hover{transform:translateY(-2px)}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,3px)}nav a{position:relative}nav a:after{content:"";height:1px;background:#fff;position:absolute;left:0;right:0;bottom:-6px;transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after{transform:scaleX(1)}.portrait-ribbon{max-width:1500px;margin:auto;padding:8px 5% 48px}.ribbon-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.ribbon-heading>a{font-size:10px;color:#aaa}.ribbon-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.ribbon-track{display:flex;width:max-content;gap:14px;animation:portrait-drift 48s linear infinite}.ribbon-group{display:flex;gap:14px;align-items:center}.ribbon-item{width:110px;height:110px;flex:none;background:white;overflow:hidden}.ribbon-item img{width:100%;height:100%;object-fit:contain;display:block}.portrait-ribbon:hover .ribbon-track,.portrait-ribbon:focus-within .ribbon-track{animation-play-state:paused}.card{transition:filter .25s}.card .portrait{transition:box-shadow .25s}.card:hover .portrait{box-shadow:0 0 0 2px #fff,0 8px 30px #ffffff0d}.download{transition:color .2s}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-visible{opacity:1;transform:none}.shuffle{transition:background .2s,border-color .2s}.shuffle:hover{border-color:#aaa}.shuffle.shuffling{background:#fff;color:#080808}@keyframes hero-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes portrait-drift{to{transform:translateX(-50%)}}@media(max-width:600px){.ribbon-item{width:82px;height:82px}.ribbon-track,.ribbon-group{gap:10px}.portrait-ribbon{padding-bottom:30px}.ribbon-heading .eyebrow{letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){.hero-copy,.hero-image,.ribbon-track{animation:none}.reveal-ready{opacity:1;transform:none;transition:none}.button,.button span,nav a:after,.card,.card .portrait{transition:none}.button:hover{transform:none}}
.ribbon-track{gap:0}.ribbon-group{padding-right:14px}@media(max-width:600px){.ribbon-track{gap:0}.ribbon-group{padding-right:10px}}
.ribbon-controls{display:flex;gap:20px;align-items:center;font-size:10px;color:#aaa}.ribbon-controls button{background:none;border:0;padding:4px 0;color:#aaa;font-size:10px}.ribbon-controls button:hover,.ribbon-controls a:hover{color:white}@media(prefers-reduced-motion:reduce){#motion-toggle{display:none}}

.movement{display:block}.movement .mission-lead{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(28px,3.6vw,50px);font-weight:700;line-height:1.22;letter-spacing:-1.4px;max-width:1100px;margin:24px 0 30px;color:#fff}.movement-copy{max-width:820px}.movement-copy p{font-size:16px;color:#c4c4c4}.movement-copy p:first-child{font-weight:600;color:#eee}@media(max-width:600px){.movement .mission-lead{font-size:29px;letter-spacing:-.7px;line-height:1.28}.movement-copy p{font-size:14px}}

/* Documentary photographs from Movember's official community archive. */
.movement-photographed{position:relative;isolation:isolate;overflow:hidden;min-height:660px;padding-top:85px;padding-bottom:34px}.movement-backdrop,.cause-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none;background:#111}.movement-backdrop img,.cause-backdrop img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}.movement-backdrop img{object-position:58% 42%}.movement-photographed:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.81) 45%,rgba(0,0,0,.35) 100%),linear-gradient(0deg,rgba(0,0,0,.8),transparent 38%,rgba(0,0,0,.12))}.movement-content{position:relative;z-index:1}.movement-photographed .mission-lead{max-width:930px;text-shadow:0 2px 25px #0006}.movement-photographed .movement-copy{max-width:680px}.movement-photographed .eyebrow{color:#ddd}.movement-photographed .movement-copy p{color:#ddd}.movement-photographed .sources{color:#bbb}.photo-credit{display:block;font-size:9px;line-height:1.8;color:#bbb;letter-spacing:.25px;margin-top:35px;width:fit-content}.photo-credit:hover{color:#fff;text-decoration:underline}.cause-photographed{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid #292929}.cause-backdrop img{object-position:70% 35%;opacity:.65}.cause-photographed:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.82) 45%,rgba(0,0,0,.54))}.cause-photographed .causes p{border-color:#ffffff40}.cause-photographed p,.cause-photographed small{color:#ccc}.cause-credit{grid-column:1/-1;margin-top:12px}.cause-photographed{row-gap:28px}@media(max-width:600px){.movement-photographed{padding-top:48px;min-height:0;padding-bottom:28px}.movement-photographed:after{background:linear-gradient(90deg,#000d,#000b),linear-gradient(0deg,#0009,transparent)}.movement-backdrop img{object-position:62% center}.movement-photographed .mission-lead{font-size:29px}.cause-backdrop img{object-position:62% center}.photo-credit{font-size:8px;margin-top:28px}.cause-credit{margin-top:0}}