/* Reference-led storefront: white utility header, navy navigation and full-width imagery. */
body.wide{background:#fff}.bc-header-main{min-height:72px;padding:8px 28px;gap:30px}.bc-logo{flex-basis:185px}.bc-logo img{height:54px;width:175px}.bc-search{border-color:#183b50;border-radius:12px;height:44px;background:#fff;max-width:650px}.bc-utilities{gap:26px}.bc-nav{background:#002338}.bc-nav-list>li>a,.bc-nav-link>a{min-height:48px;font-size:12px}.bc-utilities a,.bc-utilities button{font-size:10px}.bc-icon{stroke-width:1.4}
.reference-banner{position:relative;background:#e7e0d5;overflow:hidden}.reference-slides{position:relative}.reference-slide{position:relative;min-height:560px;height:min(45vw,660px);isolation:isolate;display:flex;align-items:center}.reference-slide[hidden]{display:none!important}.reference-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 45%;z-index:-2}.reference-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,241,230,.98) 0%,rgba(246,241,230,.94) 26%,rgba(246,241,230,.45) 50%,transparent 72%);z-index:-1}.reference-banner-copy{margin-left:max(6vw,30px);max-width:470px;padding:45px 15px 70px 0}.reference-banner-copy>span{font-size:10px;letter-spacing:3px;color:#765e48}.reference-banner-copy h1{font:normal clamp(36px,3.6vw,54px)/1.15 Georgia,serif!important;text-transform:none!important;letter-spacing:-.6px!important;color:#002b43!important;margin:22px 0}.reference-banner-copy p{font-size:15px;line-height:1.8;color:#385464;margin:0 0 28px}.reference-banner-copy>a{display:inline-flex;align-items:center;gap:35px;min-height:46px;padding:12px 22px;background:#002b43;color:#fff!important;border-radius:2px;font-size:11px;letter-spacing:1px;text-decoration:none}.reference-film-button{display:block;margin:22px 0 0;padding:0 0 4px;border:0;border-bottom:1px solid #637986;background:none;color:#294b5d;font-size:12px}.reference-film-button span{margin-left:12px}.reference-slider-controls{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;border-radius:30px;background:#ffffffdf;padding:5px 10px;box-shadow:0 2px 12px #002b4318}.reference-slider-controls>button{background:none;border:0;width:30px;height:30px;font-size:26px;line-height:1;color:#002b43}.reference-dots{display:flex;gap:8px}.reference-dots button{width:7px;height:7px;min-height:0!important;border:0;padding:0;border-radius:50%;background:#a8b3b9}.reference-dots button[aria-pressed=true]{background:#002b43;width:22px;border-radius:6px}.reference-categories{background:linear-gradient(135deg,#622d2b,#91473f 55%,#602927);padding:44px 6vw 40px}.reference-categories>h2{font:italic 34px/1.3 Georgia,serif!important;text-transform:none!important;text-align:center;color:#fff1df!important;margin:0 0 32px}.reference-category-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.reference-category-grid>a{display:block;border-radius:14px;overflow:hidden;background:#fff;text-decoration:none!important;box-shadow:0 8px 20px #2d090e25}.reference-category-grid img{width:100%;height:230px;object-fit:cover;transition:transform .3s}.reference-category-grid>a:hover img{transform:scale(1.035)}.reference-category-grid>a>div{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:20px 22px;background:#fff7ef;position:relative}.reference-category-grid h3{font:normal 20px/1.4 Georgia,serif!important;color:#2c3e4a!important;margin:0!important;text-transform:none!important}.reference-category-grid>a>div>span{font-size:20px;color:#80604b}.reference-all-link{display:block;width:max-content;margin:28px auto 0;color:#fff1df!important;font-size:10px;letter-spacing:1.8px;padding-bottom:6px;border-bottom:1px solid #ffffff66}
body.wide .blush-training-courses{padding:65px 0!important;background:#fff!important}.blush-courses-intro{margin-bottom:30px!important}.blush-courses-eyebrow{display:none}.blush-courses-intro .section-title{font:italic 36px/1.25 Georgia,serif!important;color:#002b43!important}.blush-courses-intro p{font-size:13px!important}.blush-courses-grid{gap:22px}.blush-course-card{border-radius:10px!important;border-color:#e2e6e8!important}.blush-course-photo{aspect-ratio:5/4!important}.blush-course-heading{min-height:90px!important;padding:18px 20px 0!important}.blush-course-label{display:none}.blush-home .blush-course-heading h3 a{font-size:18px!important}.blush-course-details{padding:10px 20px 20px!important}.blush-course-fee{margin-bottom:14px}.blush-course-fee>span{font-size:10px}.blush-course-fee ins{font-size:22px!important}.blush-course-view{background:#fff!important;border:1px solid #173640;color:#173640!important;border-radius:4px!important;min-height:42px}.blush-course-view:hover{background:#edf3f6!important}.blush-course-actions{margin-top:9px}.blush-course-actions button{min-height:38px;font-size:11px}.atelier-story{background:#f3eee8}.atelier-story-copy h2{font-size:36px!important}.atelier-story-copy .atelier-kicker{color:#876950}.blush-home .blush-training-features{background:#f4f7fa!important}.blush-home .mobile-app-section{background:#002b43!important}.footer1{background:#002338!important}
@media(max-width:1100px){.bc-header-main{gap:16px;padding:10px 20px}.bc-logo{flex:1}.bc-logo img{height:46px;width:142px}.bc-header .bc-nav{background:white}.bc-search{max-width:none}.reference-slide{min-height:460px;height:52vw}.reference-banner-copy{max-width:400px}.reference-banner-copy h1{font-size:40px!important}.reference-category-grid{gap:18px}.reference-category-grid img{height:190px}.reference-category-grid h3{font-size:18px!important}}
@media(max-width:767px){.bc-header-main{padding:8px 14px 12px;gap:10px;min-height:0}.bc-logo img{height:42px;width:120px}.bc-search{border-radius:8px;height:42px}.bc-utilities{gap:14px}.reference-slide{height:600px;min-height:0;align-items:flex-start}.reference-banner-image{object-position:center bottom;height:65%;top:auto}.reference-slide::after{background:linear-gradient(180deg,#f6f1e6 0%,#f6f1e6 25%,rgba(246,241,230,.93) 39%,rgba(246,241,230,.3) 58%,transparent 73%)}.reference-banner-copy{margin:0;padding:30px 24px;max-width:100%;width:100%}.reference-banner-copy>span{font-size:8px;letter-spacing:2px}.reference-banner-copy h1{font-size:34px!important;max-width:330px;margin:16px 0}.reference-banner-copy p{font-size:12px;line-height:1.7;margin-bottom:18px}.reference-banner-copy>a{font-size:10px;min-height:42px;padding:10px 16px;gap:20px}.reference-film-button{margin-top:14px;font-size:11px}.reference-slider-controls{bottom:15px;padding:2px 6px;gap:10px}.reference-categories{padding:30px 18px}.reference-categories>h2{font-size:28px!important;margin-bottom:23px}.reference-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reference-category-grid>a{border-radius:8px}.reference-category-grid img{height:115px}.reference-category-grid>a>div{padding:12px 9px;min-height:87px}.reference-category-grid h3{font-size:13px!important;line-height:1.4!important}.reference-category-grid>a>div>span{display:none}.reference-all-link{font-size:9px;margin-top:22px}body.wide .blush-training-courses{padding:38px 0!important}.blush-courses-intro .section-title{font-size:29px!important}.blush-courses-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none}.blush-course-photo{aspect-ratio:1/1!important}.blush-course-number{width:24px;height:24px;font-size:8px;top:8px;left:8px}.blush-course-heading{padding:13px 12px 0!important;min-height:83px!important}.blush-home .blush-course-heading h3 a{font-size:14px!important}.blush-course-details{padding:8px 12px 14px!important}.blush-course-fee ins{font-size:18px!important}.blush-course-fee del{font-size:10px;display:block;margin-left:0}.blush-course-view{font-size:10px!important;padding:8px 9px!important;gap:5px!important}.blush-course-actions{flex-wrap:wrap;gap:5px}.blush-course-actions button:first-child{flex-basis:100%}.blush-course-actions button:not(:first-child){flex:1;min-width:30px}.atelier-story-copy h2{font-size:30px!important}}
@media(max-width:359px){.reference-banner-copy h1{font-size:30px!important}.reference-slide{height:560px}.reference-category-grid{gap:7px}.reference-category-grid img{height:95px}.reference-category-grid h3{font-size:11px!important}.reference-category-grid>a>div{padding:10px 7px}.blush-home .blush-course-heading h3 a{font-size:12px!important}.blush-course-view{font-size:9px!important}.blush-course-actions button{font-size:10px}}

/* Keep complete academy photographs visible with space for the course copy. */
@media(min-width:768px){
 .reference-slide{min-height:480px;height: min(42vw,600px)}
 .reference-banner-image{left:auto;width:65%;object-position:center center}
 .reference-slide::after{background:linear-gradient(90deg,#f6f1e6 0%,#f6f1e6 33%,rgba(246,241,230,.94) 39%,rgba(246,241,230,.1) 59%,transparent 68%)}
 .reference-banner-copy{max-width:38%;margin-left:5vw}
 .reference-banner-copy h1{font-size:clamp(30px,3.1vw,48px)!important}
}
.reference-category-grid img{display:block;height:auto!important;aspect-ratio:3/2;object-fit:cover}
.blush-course-photo{aspect-ratio:3/2!important}
.blush-course-photo img{object-fit:cover!important;object-position:center}
@media(max-width:767px){
 .reference-slide{height:auto!important;padding-bottom:55px;background:#f6f1e6;display:flex;flex-direction:column}
 .reference-banner-copy{order:0;position:relative;padding:28px 24px 22px}
 .reference-banner-image{position:relative;inset:auto;order:1;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;z-index:0}
 .reference-slide::after{display:none}
 .reference-slider-controls{bottom:11px}
 .reference-category-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:12px}
 .reference-category-grid>a{flex:0 0 84%;scroll-snap-align:start}
 .reference-category-grid>a>div{min-height:66px;padding:16px}
 .reference-category-grid h3{font-size:19px!important}
 .reference-category-grid>a>div>span{display:block}
}

/* Beauty curriculum: distinct illustrative photography for every module. */
.blush-home .blush-beauty-course{padding-top:40px}
.blush-home .blush-beauty-course .beauty-course-title{font:normal 34px/1.3 Georgia,serif;color:#002b43;margin-bottom:32px}
.blush-home .blush-beauty-course .beauty-course-grid{align-items:stretch;gap:22px}
.blush-home .blush-beauty-course .beauty-course-card{border-radius:12px;box-shadow:0 6px 22px #002b430a;border:1px solid #e4ddd8}
.blush-beauty-course .beauty-course-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;background:#eee6df}
.blush-beauty-course .beauty-course-heading{min-height:130px;padding:22px 18px 18px;background:#fff8f1}
.blush-beauty-course .beauty-course-number{position:absolute;right:14px;top:17px;width:26px;height:26px;margin:0;background:#efe4da;color:#785744;font-size:10px}
.blush-beauty-course .beauty-course-label{color:#846954;padding-right:30px;letter-spacing:1.5px;font-size:8px;margin-bottom:12px}
.blush-home .blush-beauty-course .beauty-course-card h4{font:normal 22px/1.25 Georgia,serif;color:#002b43;overflow-wrap:normal}
.blush-beauty-course .beauty-course-line{margin-top:13px;background:#b7997e}
.blush-beauty-course .beauty-course-card ul{padding:22px 18px}
@media(max-width:1100px) and (min-width:768px){.blush-home .blush-beauty-course .beauty-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 .blush-home .blush-training-features .blush-beauty-course .beauty-course-title{font-size:28px}
 .blush-home .blush-beauty-course .beauty-course-grid{grid-template-columns:minmax(0,1fr);max-width:480px;margin:auto;gap:24px}
 .blush-beauty-course .beauty-course-heading{min-height:0;padding:22px}
 .blush-beauty-course .beauty-course-card ul{padding:22px}
}

/* Full-width campaign carousel, with edge arrows and understated pagination. */
.reference-banner{background:#302b25;touch-action:pan-y}
.reference-carousel-ready .reference-slides{display:flex;align-items:stretch;transition:transform .65s cubic-bezier(.22,.68,.25,1);will-change:transform}
.reference-carousel-ready .reference-slide{flex:0 0 100%;min-width:0}
.reference-banner .reference-slide{height:clamp(480px,47vw,700px);min-height:0;padding:0;display:flex;flex-direction:row;align-items:center;background:#302b25;overflow:hidden}
.reference-banner .reference-banner-image{position:absolute;inset:0;order:initial;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 48%;z-index:-2}
.reference-banner .reference-slide::after{display:block;background:linear-gradient(90deg,rgba(11,25,30,.78),rgba(11,25,30,.46) 34%,rgba(11,25,30,.05) 68%),linear-gradient(0deg,rgba(11,25,30,.24),transparent 40%)}
.reference-banner .reference-banner-copy{position:relative;order:initial;width:41%;max-width:560px;margin:0 0 0 7.5%;padding:48px 0 70px;color:white}
.reference-banner-copy>span{color:#f0ddbd;font-size:10px;letter-spacing:2.5px}
.reference-banner .reference-banner-copy h1{font:normal clamp(34px,3.5vw,54px)/1.15 Georgia,serif!important;color:#fff!important;text-shadow:0 2px 14px #0002;max-width:540px;text-wrap:balance;margin:20px 0}
.reference-banner .reference-banner-copy p{color:#f5f0e9;font-size:15px;line-height:1.8;margin-bottom:26px}
.reference-banner .reference-banner-copy>a{background:#fff5e5!important;color:#123448!important;border:1px solid #fff5e5;min-height:48px;letter-spacing:1.4px;padding:14px 24px;border-radius:2px}
.reference-banner .reference-film-button{color:#fff6e7;border-bottom-color:#fff7;margin-top:22px}
.reference-banner .reference-slider-controls{inset:0;transform:none;padding:0;background:none;border-radius:0;box-shadow:none;pointer-events:none;display:block}
.reference-slider-controls button{pointer-events:auto}
.reference-banner .reference-slider-controls>[data-banner-step]{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:66px;background:#ffffffd9;color:#16384a;border-radius:2px;font-size:34px}
.reference-slider-controls>[data-banner-step="-1"]{left:18px}.reference-slider-controls>[data-banner-step="1"]{right:18px}
.reference-banner .reference-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);gap:5px;pointer-events:auto}
.reference-banner .reference-dots button{width:26px;height:26px;position:relative;background:transparent;border-radius:0;min-height:26px!important}
.reference-dots button::after{content:'';position:absolute;inset:9px;border-radius:50%;background:#ffffff70;border:1px solid #fff9;transition:background .2s,transform .2s}
.reference-dots button[aria-pressed=true]::after{background:white;transform:scale(1.25)}
.reference-banner .reference-slider-controls>.reference-autoplay{position:absolute;right:24px;bottom:23px;width:30px;height:30px;min-height:30px!important;background:#10283266;color:white;border:1px solid #fff7;border-radius:50%;font-size:10px;line-height:1}
@media(max-width:767px){
 .reference-banner .reference-slide{height:580px;min-height:0;align-items:flex-end}
 .reference-banner .reference-banner-image{object-position:60% center}
 .reference-banner .reference-slide::after{background:linear-gradient(0deg,rgba(9,23,30,.94),rgba(9,23,30,.76) 32%,rgba(9,23,30,.12) 68%,transparent)}
 .reference-banner .reference-banner-copy{width:100%;max-width:none;margin:0;padding:30px 28px 72px}
 .reference-banner .reference-banner-copy h1{font-size:34px!important;max-width:360px;margin:14px 0}
 .reference-banner-copy>span{font-size:8px;letter-spacing:1.8px}
 .reference-banner .reference-banner-copy p{font-size:13px;margin-bottom:19px}
 .reference-banner .reference-banner-copy>a{min-height:44px;padding:12px 18px;font-size:10px}
 .reference-banner .reference-film-button{margin-top:16px;font-size:11px}
 .reference-banner .reference-slider-controls>[data-banner-step]{top:30%;width:30px;height:46px;font-size:27px;background:#ffffffbf}
 .reference-slider-controls>[data-banner-step="-1"]{left:8px}.reference-slider-controls>[data-banner-step="1"]{right:8px}
 .reference-banner .reference-dots{bottom:16px}.reference-banner .reference-slider-controls>.reference-autoplay{bottom:15px;right:16px}
}
@media(max-width:359px){.reference-banner .reference-slide{height:560px}.reference-banner .reference-banner-copy{padding-left:24px;padding-right:24px}.reference-banner .reference-banner-copy h1{font-size:30px!important}}
@media(prefers-reduced-motion:reduce){.reference-carousel-ready .reference-slides{transition:none}.reference-dots button::after{transition:none}}
@media(max-width:767px){.reference-banner .reference-slide{height:580px!important}} @media(max-width:359px){.reference-banner .reference-slide{height:560px!important}}
