@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#142b40;--navy:#112d47;--deep:#0b243a;--teal:#1b9b98;--sun:#ffd15c;--paper:#f8f6ef;--cream:#fffdf8;--line:#dedfd7;--muted:#5f7180;--coral:#ff856b;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:500 17px/1.6 'DM Sans',Arial,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Outfit','DM Sans',sans-serif;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(3.1rem,6.7vw,6.7rem);font-weight:800}h2{font-size:clamp(2.1rem,4vw,3.8rem)}h3{font-size:1.65rem}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ffac35;outline-offset:4px}img{max-width:100%;display:block}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:-9999px;top:8px;background:var(--sun);padding:.7rem 1rem;z-index:100}.skip:focus{left:8px}.site-head{background:var(--cream);border-bottom:1px solid #e7e5de;position:relative;z-index:5}.head-inner{width:min(1450px,calc(100% - 48px));min-height:82px;margin:auto;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.28rem/1 'Outfit',sans-serif;letter-spacing:-.035em;white-space:nowrap}.logo-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--sun);border-radius:12px;color:var(--navy);font-size:25px;transform:rotate(-8deg)}.logo em{font-style:normal;color:var(--teal)}.logo small{display:block;font:700 9px/1.5 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7a8c91}.site-head nav{display:flex;gap:19px;margin-left:auto;align-items:center}.site-head nav a{white-space:nowrap;text-decoration:none;font-size:.83rem;font-weight:800}.site-head nav a:hover,.site-head nav a[aria-current]{color:#087e7c}.head-cta{white-space:nowrap;background:var(--sun);border:1px solid #e4b441;border-radius:999px;text-decoration:none;font-size:.77rem;font-weight:800;padding:10px 15px;box-shadow:3px 3px 0 var(--navy)}.head-cta:hover,.button:hover{transform:translateY(-2px)}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;font-weight:800;font-size:.76rem;letter-spacing:.14em;color:#077c79}.eyebrow span{color:#e6a51d}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;text-align:center;padding:15px 22px;border-radius:999px;font-weight:800;font-size:.9rem;text-decoration:none;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease}.button span{font-size:1.2em}.button.primary{background:var(--sun);color:var(--deep);box-shadow:5px 5px 0 #0d3446}.button.dark{background:var(--navy);color:white;box-shadow:5px 5px 0 #55aaa4}.button.light{background:rgba(255,255,255,.94);color:var(--ink)}.button.outline{border:1px solid rgba(255,255,255,.8);color:white}.hero{height:min(690px,67vw);min-height:570px;position:relative;color:white;isolation:isolate;overflow:hidden;background:#347a9c}.hero-image{position:absolute;inset:0;z-index:-2;background:url('/assets/la-bande-et-harry.png') center 43%/cover no-repeat}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,28,46,.84) 0%,rgba(6,35,51,.69) 27%,rgba(7,37,55,.12) 65%,transparent 100%),linear-gradient(0deg,rgba(4,25,36,.25),transparent 42%)}.hero-content{height:100%;display:flex;flex-direction:column;justify-content:center;padding:35px 0}.hero .eyebrow{color:#ffe68e}.hero h1{max-width:670px;margin:15px 0 21px;text-shadow:0 2px 18px rgba(8,24,40,.27)}.hero h1 em{font-style:normal;color:var(--sun)}.hero p{max-width:550px;font-size:1.1rem;font-weight:600;line-height:1.65}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:15px}.hero-note{font-size:.78rem;font-weight:700;margin-top:25px;color:#e5f3f2}.ribbon{background:var(--sun);color:var(--navy);font-weight:800;font-size:.84rem}.ribbon-inner{display:flex;justify-content:space-between;gap:20px;padding:17px 0}.section{padding-block:93px}.section.tight{padding-top:16px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:37px}.section-head h2{margin:12px 0 0}.section-head p{max-width:270px;color:var(--muted);font-weight:600;margin-bottom:3px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:27px;min-height:390px;display:flex;flex-direction:column;box-shadow:0 13px 28px rgba(20,43,64,.045)}.feature>div:last-child{display:flex;flex-direction:column;flex:1}.feature-mission{background:#eaf7f3}.feature-color{background:#fff4dd}.feature-episode{background:#e9edf9}.tag{font-size:.73rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#167f7c}.feature h3{margin:12px 0 12px;font-size:2rem}.feature p{font-size:.91rem;color:#485968}.feature-icon{height:110px;font:800 3.7rem/1 'Outfit',sans-serif;color:var(--navy);display:flex;align-items:start;justify-content:space-between}.feature-icon span{font-size:3.5rem;color:#52ada5}.feature-episode .feature-icon span{color:#a09bed}.feature-art{height:110px;position:relative}.feature-art img{height:150px;width:105px;object-fit:cover;position:absolute;right:10px;top:-43px;transform:rotate(10deg);border:6px solid white;box-shadow:0 8px 13px #a16b4129}.text-link{font-weight:800;text-decoration:none;border-bottom:2px solid currentColor;align-self:start;margin-top:auto;padding-bottom:2px}.text-link:hover{color:#067d79}.dark-section{background:var(--navy);color:white;position:relative;overflow:hidden}.dark-section:before{content:'✷';position:absolute;right:4%;top:-135px;font-size:390px;line-height:1;color:#ffffff0b}.dark-inner{min-height:320px;padding-block:60px;display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:55px;position:relative}.dark-inner .eyebrow{color:var(--sun)}.dark-inner h2{margin:12px 0 0}.dark-inner p{color:#cde1e6}.teacher-callout{display:flex;align-items:center;justify-content:space-between;gap:50px}.teacher-callout>div{max-width:690px}.teacher-callout h2{margin:12px 0}.teacher-callout p{color:var(--muted)}.site-foot{background:#0b243a;color:#c9d9df}.foot-inner{width:min(1200px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding:70px 0}.foot-brand{font:800 1.45rem 'Outfit',sans-serif;color:white;text-decoration:none}.foot-inner p{max-width:320px}.foot-inner strong{color:#fff;display:block;margin:0 0 13px}.foot-inner a:not(.foot-brand){display:block;text-decoration:none;margin:8px 0;font-size:.87rem}.foot-inner a:hover{text-decoration:underline}.foot-bottom{border-top:1px solid #ffffff20;text-align:center;padding:20px;font-size:.76rem}.page-title{padding-top:80px;padding-bottom:54px}.page-title h1{font-size:clamp(3.2rem,6vw,5.8rem);max-width:1030px;margin:19px 0}.lede{max-width:750px;font-size:1.12rem;color:#556c78}.mission-card{background:#e9f3ef;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 12px 32px #12304512}.mission-cover{min-height:500px}.mission-cover img{width:100%;height:100%;object-fit:cover;object-position:62% center}.mission-copy{padding:clamp(32px,5vw,70px);align-self:center}.mission-copy h2{margin:13px 0 18px}.mission-copy p{color:#536a72}.tick-list{list-style:none;padding:0;margin:25px 0 32px;font-size:.9rem}.tick-list li{padding:5px 0}.tick-list li:before{content:'✦';color:var(--teal);margin-right:11px}.next-note{background:#fff9e9;border:1px solid #f2dfaa;padding:27px 35px;border-radius:20px;margin-top:25px}.color-preview{background:#ffefda;border-radius:30px;display:grid;grid-template-columns:1fr 1fr;min-height:490px;overflow:hidden;align-items:center}.color-preview>div:last-child{padding:50px}.preview-stack{height:100%;position:relative;min-height:490px;overflow:hidden}.preview-stack img{position:absolute;width:220px;border:8px solid white;box-shadow:0 15px 30px #432d2533;top:110px;left:17%}.preview-stack img:nth-child(1){transform:rotate(-15deg);left:10%;top:130px}.preview-stack img:nth-child(2){transform:rotate(9deg);left:40%;top:90px}.preview-stack img:nth-child(3){transform:rotate(-2deg);left:25%;top:135px}.download-band{background:var(--navy);color:white;border-radius:26px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:45px}.download-band>div{max-width:680px}.download-band .tag{color:#70dfd5}.download-band h2{font-size:2.5rem;margin:10px 0}.download-band p{color:#d3e4e5;margin:0}.download-band .button{flex:none}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.color-card{border:1px solid var(--line);border-radius:22px;background:white;overflow:hidden}.color-thumb{background:#e3eae7;display:grid;place-items:center;padding:28px;height:310px}.color-thumb img{height:100%;box-shadow:0 5px 16px #193f3b23}.color-card>div:last-child{padding:22px}.color-card h3{font-size:1.48rem;margin:8px 0}.color-card p{font-size:.86rem;color:var(--muted)}.question-box{border-radius:20px;background:#e9f6f2;border-left:6px solid #25a99f;padding:27px 35px;margin-top:34px}.question-box strong{font:800 1.25rem 'Outfit',sans-serif}.question-box p{margin:7px 0 0}.episode-intro{margin-top:-10px;margin-bottom:28px}.trail-card{background:#fff2d7;border:1px solid #e8d8b4;border-radius:22px;padding:24px 32px;display:flex;gap:24px}.trail-icon{font-size:2rem;color:#e2a21f}.trail-card strong{font:800 1.3rem 'Outfit',sans-serif}.trail-card p{font-size:.87rem;color:#596b73;margin:6px 0 0}.episode-layout{display:grid;grid-template-columns:260px 1fr;gap:38px;align-items:start;padding:25px 0 50px}.route-index{position:sticky;top:20px;padding:25px;background:#fff;border:1px solid var(--line);border-radius:22px}.route-index nav{display:flex;flex-direction:column;margin-top:17px}.route-index a{display:flex;align-items:start;gap:12px;border-top:1px solid #e7ecea;padding:13px 0;text-decoration:none;font-size:.79rem;line-height:1.32;font-weight:800}.route-index a:hover{color:#087e7b}.route-index a span{color:#1f9e99;font-weight:900}.route-stages{position:relative;border-left:3px dashed #99cfc9;padding-left:36px}.episode-stage{position:relative;margin-bottom:30px;background:white;border:1px solid var(--line);border-radius:24px;padding:29px;scroll-margin-top:28px;box-shadow:0 6px 25px #132d4310}.episode-stage:before{content:'';position:absolute;left:-46px;top:39px;width:16px;height:16px;border:4px solid white;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px var(--teal)}.stage-title{display:flex;align-items:center;gap:17px;margin-bottom:13px}.stage-glyph{width:57px;height:57px;flex:none;background:#e9f7f3;color:#248e89;border-radius:17px;display:grid;place-items:center;font-size:2rem}.episode-stage:nth-child(2n) .stage-glyph{background:#fff0d6;color:#d99228}.episode-stage:nth-child(3n) .stage-glyph{background:#edecfa;color:#766ec4}.stage-title h2{font-size:1.65rem;margin:4px 0}.episode-stage ol{list-style:none;padding:0;margin:0}.episode-stage li{display:flex;align-items:baseline;gap:12px;border-top:1px solid #edf0eb;padding:12px 0;font-size:.91rem}.episode-stage li:last-child{padding-bottom:0}.episode-no{font:800 .8rem 'Outfit',sans-serif;color:#1d9e98;flex:none}.episode-name{font-weight:700;text-decoration:none;flex:1}.episode-name:hover{text-decoration:underline}.episode-name span{color:#219f99}.suite{font-size:.73rem;color:#566b78;text-decoration:none;white-space:nowrap}.suite:hover{text-decoration:underline}.band-hero{position:relative;height:610px;background:var(--navy);color:#fff;display:flex;align-items:end}.band-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 38%;opacity:.8}.band-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b263ee6,transparent 70%)}.band-caption{z-index:1;position:relative;padding-bottom:52px}.band-caption .eyebrow{color:var(--sun)}.band-caption h1{font-size:clamp(3rem,6vw,5.5rem);margin:10px 0}.band-caption p{max-width:650px;font-weight:700}.band-story{display:grid;grid-template-columns:1fr 1fr;gap:80px}.band-story p{color:#516979}.band-story .button{margin-top:15px}.teacher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:55px}.info-card{background:white;border:1px solid var(--line);border-radius:23px;padding:30px;min-height:300px}.info-n{font:800 3rem 'Outfit',sans-serif;color:#88c5bd}.info-card h2{font-size:1.7rem;margin:15px 0}.info-card p{font-size:.9rem;color:#576d77}.teacher-band{background:#183c53}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.about-quote{font:700 clamp(2.4rem,4vw,4.2rem)/1.15 'Outfit',sans-serif;letter-spacing:-.04em;color:#1b918d}.about-quote span{display:block;font:800 .8rem 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#516a74;margin-top:25px}.about-grid p{color:#516a74}.about-grid .button{margin-top:15px}
@media(max-width:1120px){.head-inner{flex-wrap:wrap;justify-content:space-between;padding:14px 0;gap:12px}.site-head nav{order:3;flex-basis:100%;justify-content:space-between;overflow-x:auto;gap:18px;margin:0}.dark-inner{grid-template-columns:1fr 1fr}.dark-inner .button{justify-self:start}.feature h3{font-size:1.7rem}}
@media(max-width:760px){body{font-size:16px}.container,.head-inner,.foot-inner{width:min(100% - 34px,1200px)}.head-cta{font-size:.7rem}.site-head nav{justify-content:start;padding:7px 0 3px}.site-head nav a{font-size:.77rem}.hero{min-height:690px;height:auto}.hero-image{background-position:59% top;background-size:auto 100%}.hero-shade{background:linear-gradient(0deg,rgba(4,28,46,.97),rgba(4,28,46,.68) 48%,rgba(4,28,46,.05) 100%)}.hero-content{justify-content:end;padding-bottom:35px;padding-top:220px}.hero h1{font-size:clamp(3.1rem,11vw,4.7rem)}.hero p{font-size:1rem}.hero-note{margin-top:18px}.ribbon-inner{overflow-x:auto;white-space:nowrap;font-size:.72rem}.section{padding-block:60px}.section-head{display:block}.feature-grid,.color-grid,.teacher-grid{grid-template-columns:1fr}.feature{min-height:290px}.feature-art{height:100px}.dark-inner,.band-story,.about-grid{display:block;padding-block:50px}.dark-inner p{margin:25px 0}.teacher-callout{display:block}.teacher-callout .button{margin-top:12px}.foot-inner{grid-template-columns:1fr 1fr;gap:26px}.foot-inner>div:first-child{grid-column:1/-1}.page-title{padding-top:57px;padding-bottom:38px}.page-title h1{font-size:clamp(3rem,11vw,4.4rem)}.mission-card,.color-preview{grid-template-columns:1fr}.mission-cover{min-height:280px;height:310px}.mission-copy{padding:30px}.preview-stack{min-height:340px}.preview-stack img{width:160px;top:80px}.preview-stack img:nth-child(1){top:90px}.preview-stack img:nth-child(2){top:55px}.preview-stack img:nth-child(3){top:100px}.color-preview>div:last-child{padding:32px}.download-band{display:block;padding:28px}.download-band .button{margin-top:25px}.color-thumb{height:350px}.color-card{display:grid;grid-template-columns:42% 1fr}.color-thumb{height:240px;padding:14px}.color-card>div:last-child{align-self:center}.episode-layout{display:block}.route-index{position:static;margin-bottom:27px}.route-index nav{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.route-stages{margin-left:9px;padding-left:20px}.episode-stage{padding:21px}.episode-stage:before{left:-30px}.stage-title h2{font-size:1.4rem}.stage-glyph{width:42px;height:42px;font-size:1.5rem}.episode-stage li{flex-wrap:wrap}.suite{margin-left:30px}.band-hero{height:580px}.band-hero>img{object-position:59% center}.band-hero:after{background:linear-gradient(0deg,#0b263eef,transparent 80%)}.band-caption{padding-bottom:28px}.band-caption h1{font-size:3.1rem}.band-story>div:first-child{margin-bottom:25px}.about-quote{margin-bottom:45px}}
@media(max-width:450px){.logo{font-size:1.07rem}.logo-mark{width:32px;height:32px}.logo small{font-size:7px}.head-cta{padding:8px 10px;box-shadow:none}.route-index nav{grid-template-columns:1fr}.color-card{grid-template-columns:40% 1fr}.color-thumb{height:210px}.download-band .button{width:100%}.hero .button{width:100%}.hero-content{padding-top:195px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.egg-teaser{background:#e6eddb;overflow:hidden}.egg-teaser-inner{display:grid;grid-template-columns:360px 1fr;gap:75px;align-items:center;padding-block:65px}.egg-teaser h2{margin:11px 0}.egg-teaser p{max-width:650px;color:#455f54}.egg-teaser .button{margin-top:9px}.egg-symbol{position:relative;width:210px;height:270px;margin:auto;filter:drop-shadow(0 22px 18px #27452b35)}.egg-symbol:before{content:'';position:absolute;inset:0;border-radius:52% 52% 46% 46%/65% 65% 38% 38%;background:radial-gradient(circle at 54% 47%,#ffb354 1%,#ad4b19 26%,#472e24 53%,#f6dfac 70%,#faf1d6 79%);border:10px solid #f4e7c5;box-shadow:inset 0 0 0 5px #ffecbd,0 0 0 17px #d5dfc7}.egg-symbol span{position:absolute;width:76px;height:80px;border-radius:50%;background:#241d18ad;top:46%;left:38%;box-shadow:-35px 15px 16px #251e1c8a}.egg-mission-card{margin-top:28px;background:#e8efdb}.egg-mission-cover{min-height:500px;background:radial-gradient(circle at 50% 42%,#f9dfa3,#abc7ad 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.egg-mission-cover>span{font-size:.7rem;letter-spacing:.18em;font-weight:800;color:#3c5b4b}.egg-mission-cover .egg-symbol{margin:0}@media(max-width:760px){.egg-teaser-inner{display:block;padding-block:50px}.egg-teaser .egg-symbol{width:140px;height:180px;margin:0 auto 45px}.egg-mission-cover{min-height:320px;height:320px}.egg-mission-cover .egg-symbol{width:125px;height:175px}}