/* Standalone campaign components. Shared LeagueMade tokens and buttons load first. */
*{box-sizing:border-box}
html{color-scheme:light}
body.lm-launch{margin:0;background:var(--ui-canvas,#f7f5f0);color:var(--ui-ink,#172c43);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.lm-launch a{color:inherit;text-underline-offset:5px}
.lm-launch a:focus-visible{outline:3px solid var(--brand-blue,#1769a0);outline-offset:5px}
.lm-skip{position:absolute;top:8px;left:12px;transform:translateY(-180%);z-index:5;padding:12px 18px;background:white;border-radius:8px}
.lm-skip:focus{transform:none}
.lm-topline{background:var(--ui-ink);color:white;text-align:center;padding:12px 20px;font-size:.75rem;font-weight:700;letter-spacing:.16em;line-height:1.5}
.lm-page{width:min(1300px,calc(100% - 96px));margin:auto}
.lm-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:31px 0 27px;border-bottom:1px solid var(--ui-border)}
.lm-brand{display:block;width:258px;height:auto}
.lm-contact{font-size:.875rem;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding:10px 0}
.lm-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center;padding:52px 0 62px}
.lm-copy{animation:lm-enter .65s ease-out both}
.lm-launch-status{display:inline-block;border:1px solid #bdccd5;background:var(--theme-soft,#eaf2f6);border-radius:999px;padding:10px 16px;font-size:.75rem;line-height:1.4;font-weight:700;letter-spacing:.1em}
.lm-copy h1{font-size:clamp(3rem,6.1vw,5.5rem);line-height:1.01;letter-spacing:-.055em;font-weight:900;margin:24px 0;color:var(--ui-ink)}
.lm-copy h1 span{color:var(--brand-blue)}
.lm-description{max-width:390px;font-size:1.125rem;line-height:1.6;margin:0 0 21px}
.lm-opening{color:var(--ui-muted);font-size:1rem;line-height:1.65;margin:0 0 28px}
.lm-launch .lm-button{display:inline-flex;background:var(--brand-blue);color:white;border-color:var(--brand-blue);font-size:1rem;padding:15px 28px;border-radius:10px;min-height:50px;text-decoration:none;transition:background .18s,transform .18s}
.lm-launch .lm-button:hover{background:#125783;border-color:#125783;transform:translateY(-2px)}
.lm-domain{display:block;margin-top:24px;font-size:.75rem;font-weight:700;letter-spacing:.13em;color:var(--ui-muted)}
.lm-visual{position:relative;padding-bottom:72px;min-width:0;animation:lm-enter .75s ease-out both}
.lm-campaign-photo{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#d8d9d7;aspect-ratio:1.32;isolation:isolate}
.lm-campaign-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:100% center}
.lm-campaign-photo:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(10,20,30,.78));z-index:0;pointer-events:none}
.lm-campaign-photo figcaption{position:absolute;bottom:28px;left:28px;right:28px;z-index:1;color:white}
.lm-campaign-photo figcaption span{display:block;font-size:.75rem;letter-spacing:.1em;font-weight:700;margin-bottom:8px;line-height:1.5}
.lm-campaign-photo figcaption strong{font-size:1.5rem;line-height:1.2;letter-spacing:-.02em}
.lm-gear-note{position:absolute;bottom:12px;left:-27px;display:flex;align-items:center;gap:20px;width:366px;max-width:calc(100% + 27px);padding:12px;background:white;border:1px solid var(--ui-border);border-radius:14px;box-shadow:0 12px 30px #172c4310;z-index:2}
.lm-gear-note>img{width:128px;height:128px;flex:0 0 128px;object-fit:cover;border-radius:7px}
.lm-gear-note>div{padding:4px 8px 4px 0}
.lm-small-label{display:block;font-size:.75rem;line-height:1.4;letter-spacing:.06em;font-weight:700;color:var(--brand-blue);margin-bottom:11px}
.lm-gear-note strong{display:block;font-size:1.2rem;line-height:1.25;letter-spacing:-.02em}
.lm-visual-caption{position:absolute;right:0;bottom:-15px;color:var(--ui-muted);font-weight:700;font-size:.75rem;line-height:1.5;letter-spacing:.05em}
.lm-lineup{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 0;border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border)}
.lm-lineup>div{display:flex;align-items:flex-start;gap:16px;padding:0 26px;border-left:1px solid var(--ui-border)}
.lm-lineup>div:first-child{padding-left:0;border:0}
.lm-lineup>div:last-child{padding-right:0}
.lm-lineup-number{font-size:.75rem;line-height:1.7;color:var(--brand-blue);font-weight:700}
.lm-lineup strong{display:block;font-size:1rem;line-height:1.5}
.lm-lineup small{display:block;color:var(--ui-muted);font-size:.875rem;line-height:1.5;margin-top:5px}
.lm-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 30px;color:var(--ui-muted);font-size:.75rem;line-height:1.5}
.lm-footer a{text-decoration:none}
.lm-footer a:hover,.lm-contact:hover{text-decoration:underline}
.lm-library{max-width:1000px;padding:40px 0}
.lm-library h1{font-size:2.5rem;margin:0 0 18px}
.lm-library h2{margin-top:40px}
.lm-library p{font-size:1rem;line-height:1.6}
.lm-library-examples{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.lm-library .lm-campaign-photo{max-width:560px}
.lm-library .lm-gear-note{position:static;margin-top:20px;max-width:100%}
@keyframes lm-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.lm-hero{padding-top:64px;padding-bottom:72px}}
@media(max-width:1100px){.lm-page{width:calc(100% - 64px)}.lm-hero{gap:36px}.lm-copy h1{font-size:clamp(3rem,6.1vw,4.75rem)}.lm-campaign-photo{aspect-ratio:1.32}.lm-gear-note{left:-12px;width:330px;gap:14px}.lm-gear-note>img{width:112px;height:112px;flex-basis:112px}.lm-small-label{font-size:.75rem}.lm-lineup>div{padding:0 18px;gap:12px}}
@media(max-width:800px){.lm-page{width:calc(100% - 40px);max-width:600px}.lm-header{padding:24px 0}.lm-brand{width:218px}.lm-hero{grid-template-columns:1fr;gap:35px;padding:30px 0 40px}.lm-visual{grid-row:1;padding-bottom:61px}.lm-campaign-photo{aspect-ratio:1.32}.lm-campaign-photo>img{object-position:100% center}.lm-campaign-photo figcaption{bottom:38px;left:20px;right:20px}.lm-campaign-photo figcaption strong{font-size:1.25rem}.lm-gear-note{left:12px;bottom:0;width:320px;max-width:calc(100% - 24px);gap:14px;padding:10px}.lm-gear-note>img{width:94px;height:94px;flex-basis:94px}.lm-small-label{margin-bottom:8px}.lm-gear-note strong{font-size:1.125rem}.lm-visual-caption{display:none}.lm-copy h1{font-size:clamp(3rem,9.2vw,4.75rem);margin:21px 0}.lm-description{max-width:440px}.lm-lineup{grid-template-columns:1fr;padding:6px 0}.lm-lineup>div,.lm-lineup>div:first-child,.lm-lineup>div:last-child{padding:20px 0;border-left:0;border-top:1px solid var(--ui-border);gap:18px}.lm-lineup>div:first-child{border:0}.lm-footer{flex-wrap:wrap;gap:10px 20px;padding:24px 0}.lm-footer a{flex-basis:100%}.lm-opening{margin-bottom:24px}.lm-domain{margin-top:22px}}
@media(max-width:380px){.lm-page{width:calc(100% - 32px)}.lm-brand{width:188px}.lm-header{gap:14px}.lm-contact{font-size:.8125rem}.lm-topline{letter-spacing:.1em;font-size:.75rem}.lm-launch-status{font-size:.75rem;padding:9px 12px;letter-spacing:.06em}.lm-copy h1{font-size:2.8rem}.lm-campaign-photo{aspect-ratio:1.32}.lm-gear-note{left:8px;max-width:calc(100% - 16px);gap:10px}.lm-gear-note>img{width:84px;height:84px;flex-basis:84px}.lm-small-label{font-size:.75rem;letter-spacing:0}.lm-gear-note strong{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.lm-copy,.lm-visual{animation:none}.lm-launch .lm-button{transition:none}.lm-launch .lm-button:hover{transform:none}}

.lm-brand svg{display:block;width:100%;height:auto}.lm-campaign-photo--clean:after{display:none}
/* Let enlarged text grow the gear note downward without covering campaign artwork. */
.lm-header{flex-wrap:wrap}.lm-visual{padding-bottom:16px}.lm-gear-note{position:relative;bottom:auto;margin-top:-44px}.lm-gear-note>div{min-width:0;overflow-wrap:break-word}
@media(max-width:800px){.lm-visual{padding-bottom:0}.lm-gear-note{bottom:auto;margin-top:-44px}}

.lm-footer a,.lm-domain{overflow-wrap:anywhere}

.lm-copy{min-width:0}
@media(max-width:800px){.lm-hero{grid-template-columns:minmax(0,1fr)}.lm-copy h1{font-size:clamp(2.7rem,9.2vw,4.75rem)}}
@media(max-width:380px){.lm-copy h1{font-size:2.2rem}}