.portrait-home .portrait-banner{position:relative;height:330px;overflow:hidden;margin-top:20px;background:#0d1116;isolation:isolate}
.portrait-home .portrait-banner>img{position:absolute;right:0;top:0;width:83%;height:100%;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent 15%,#000 52%);z-index:-2}
.portrait-home .portrait-banner::after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#0c1016 3%,#0c1016ed 24%,#0c1016a8 43%,#0c101624 63%,#0c10160a 78%,#0c101635);z-index:-1}
.portrait-home .banner-copy{position:absolute;left:5%;top:50%;transform:translateY(-50%)}
.portrait-home .banner-copy .eyebrow{font-size:9px;color:#b2c1d5;letter-spacing:.23em;text-transform:uppercase;margin:0 0 15px}
.portrait-home .banner-copy h1{font:760 clamp(45px,6.6vw,100px)/1 Raleway,Arial,sans-serif;letter-spacing:-.06em;margin:0;white-space:nowrap}
.portrait-home .banner-copy .role{color:#c2c8d1;font-size:13px;margin:20px 0 0;letter-spacing:.02em}
.portrait-home .fine-rule{width:44px;height:1px;background:#a8bdd9;margin-top:25px}
.portrait-home .promotions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.portrait-home .promo{position:relative;overflow:hidden;isolation:isolate;height:132px;padding:23px 28px;display:flex;flex-direction:column;justify-content:center;background:#141e2d}
.portrait-home .promo>img{position:absolute;z-index:-2;right:0;top:0;width:66%;height:100%;object-fit:cover;opacity:.7}
.portrait-home .promo::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101925 32%,#10192599 63%,#10192500)}
.portrait-home .promo .eyebrow{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#b9cce5}
.portrait-home .promo h2{font-size:24px;line-height:1.1;letter-spacing:-.04em;font-weight:500;margin:8px 0}
.portrait-home .promo p{font-size:10px;color:#aebdcc;margin:0}
.portrait-home .promo .arrow{position:absolute;right:21px;bottom:20px;color:#d6e4f9;font-size:20px}
.portrait-home .promo.book{background:#151b16}
.portrait-home .promo.book::after{background:linear-gradient(90deg,#131a13 30%,#131a1370 68%,transparent)}
.portrait-home .promo.book>img{height:175px;top:-15px;right:12px;width:150px;object-fit:contain;opacity:1;transform:rotate(7deg)}
.portrait-home .promo.book .eyebrow{color:#abd38d}
.portrait-home .portrait-banner.alternative>img{width:49%;object-position:50% 25%}
.portrait-home .portrait-banner.alternative::after{background:linear-gradient(90deg,#0c1016 31%,#0c1016e6 48%,#0c101644 67%,#0c101600)}
@media(max-width:760px){.portrait-home .portrait-banner{height:300px;margin-top:14px}
.portrait-home .portrait-banner>img{width:100%;object-position:70% center}
.portrait-home .portrait-banner::after{background:linear-gradient(90deg,#0c1016ed,#0c101675 55%,#0c101610)}
.portrait-home .banner-copy{left:7%;top:auto;bottom:32px;transform:none}
.portrait-home .banner-copy .eyebrow{font-size:7px}
.portrait-home .banner-copy h1{font-size:45px}
.portrait-home .banner-copy .role{font-size:10px;margin-top:14px}
.portrait-home .fine-rule{margin-top:19px}
.portrait-home .promotions{grid-template-columns:1fr;margin-top:15px;gap:12px}
.portrait-home .promo{height:114px;padding:20px}
.portrait-home .promo h2{font-size:23px}
.portrait-home .portrait-banner.alternative>img{width:80%}}
.portrait-home .portrait-banner>img{width:auto;max-width:none;mask-image:linear-gradient(90deg,transparent,#000 42%)}
.portrait-home .portrait-banner.alternative>img{width:auto;height:190%;top:-21%}
@media(max-width:760px){.portrait-home .portrait-banner>img{width:auto;right:-120px}
.portrait-home .portrait-banner.alternative>img{right:-10px}}
@media(max-width:760px){.portrait-home .portrait-banner{height:330px}
.portrait-home .portrait-banner>img{height:240px;right:-65px}
.portrait-home .banner-copy{bottom:23px}
.portrait-home .banner-copy .eyebrow{display:none}
.portrait-home .banner-copy h1{font-size:39px}
.portrait-home .portrait-banner::after{background:linear-gradient(0deg,#0c1016 0%,#0c101600 65%),linear-gradient(90deg,#0c101640,transparent)}
.portrait-home .portrait-banner.alternative>img{height:145%;top:-12%;right:-30px}}
.portrait-home .promo.halo-franchise>img{width:74%;object-position:50% 59%;opacity:.95}
.portrait-home .promo.halo-franchise::after{background:linear-gradient(90deg,#101925 15%,#101925ed 40%,#10192580 64%,#10192500)}
.portrait-home .promo.halo-franchise .eyebrow{color:#c4d5ed}
.portrait-home .promo.halo-franchise .arrow{color:#ffe2a0}
@media(max-width:760px){.portrait-home .promo.halo-franchise>img{width:74%;object-position:50% 59%}
.portrait-home .promo.halo-franchise::after{background:linear-gradient(90deg,#101925 10%,#101925e0 40%,#10192560 66%,#10192500)}}
.portrait-home .portrait-banner{height:300px}
.portrait-home .featured-section{margin-top:30px}
.portrait-home .featured-heading{margin-bottom:14px}
.portrait-home .featured-heading h2{font-size:23px;line-height:1.15;letter-spacing:-.035em;font-weight:500;margin:0}
.portrait-home .promotions{margin-top:0;gap:20px}
.portrait-home .promo{height:205px;padding:24px 28px;justify-content:start;border-radius:3px}
.portrait-home .promo h3{font-size:28px;font-weight:500;line-height:1.06;letter-spacing:-.04em;margin:11px 0 10px;position:relative;z-index:1}
.portrait-home .promo p{font-size:10px;line-height:1.5;max-width:235px;position:relative;z-index:1}
.portrait-home .promo .eyebrow{font-size:8px;letter-spacing:.12em;position:relative;z-index:1}
.portrait-home .feature-cta{font-size:10px;display:inline-flex;align-items:center;gap:17px;margin-top:auto;padding-top:14px;position:relative;z-index:1;color:#d8e7fd}
.portrait-home .feature-cta>span{font-size:17px;line-height:1}
.portrait-home .promo.book{background:#171d16}
.portrait-home .promo.book>img{height:226px;top:-4px;right:-8px;width:166px;transform:rotate(5deg)}
.portrait-home .promo.book h3{font-size:29px;margin-top:18px}
.portrait-home .promo.book .feature-cta{color:#d1e6bd}
.portrait-home .promo.halo-franchise>img{width:72%;object-position:50% 55%;opacity:.9}
.portrait-home .promo.halo-franchise::after{background:linear-gradient(90deg,#101925 10%,#101925ed 36%,#10192570 65%,#10192500)}
@media(min-width:1200px){.portrait-home .promo{height:210px;padding:27px 30px}
.portrait-home .promo h3{font-size:31px}
.portrait-home .promo p{font-size:11px}
.portrait-home .promo.book>img{width:190px;height:248px;right:7px;top:-10px}
.portrait-home .promo.book h3{font-size:33px}}
@media(max-width:760px){.portrait-home .portrait-banner{height:330px}
.portrait-home .featured-section{margin-top:25px}
.portrait-home .featured-heading{margin-bottom:13px}
.portrait-home .featured-heading h2{font-size:22px}
.portrait-home .promotions{gap:14px}
.portrait-home .promo{height:200px;padding:23px}
.portrait-home .promo h3,.portrait-home .promo.book h3{font-size:29px}
.portrait-home .promo p{font-size:10px;max-width:200px}
.portrait-home .promo .eyebrow{font-size:7px}
.portrait-home .feature-cta{font-size:10px}
.portrait-home .promo.book>img{width:145px;height:211px;top:-1px;right:-4px}}
.portrait-home .promo.halo-franchise>img{height:155%;top:-37%;object-position:center}
@media(max-width:760px){.portrait-home .promo.halo-franchise>img{height:155%;top:-37%;object-position:center}}
.portrait-home .promo .eyebrow{font-size:9px}
.portrait-home .promo p{font-size:11px}
.portrait-home .feature-cta{font-size:11px}
@media(max-width:760px){.portrait-home .promo .eyebrow{font-size:8px}
.portrait-home .promo p{font-size:11px}}

.portrait-home .dot{color:#afc6e7}
.portrait-home .portrait-banner{margin-top:20px}
.portrait-home .featured-heading h2{margin-top:0}
.portrait-home .collection{margin-top:48px;padding-top:28px;border-top:1px solid #ffffff18}
.portrait-home .collection .section-heading{margin-bottom:24px}
.portrait-home .collection .section-heading h2{font-size:34px;margin-top:0}
.portrait-home .collection .discovery{justify-content:flex-start;margin-bottom:24px}
.portrait-home .collection .search{width:min(100%,400px)}
.portrait-home .learning-section .masterclass-feature{min-height:290px;align-items:flex-start;padding:45px 55px}
.portrait-home .learning-section .masterclass-feature h3 br{display:none}
.portrait-home .learning-section .masterclass-feature h3{font-size:44px;max-width:800px}
.portrait-home .learning-section .masterclass-feature h3 br::after{content:' '}
@media(min-width:961px){.portrait-home .project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){
 .portrait-home .portrait-banner{margin-top:14px}
 .portrait-home .collection{margin-top:32px;padding-top:25px}
 .portrait-home .collection .section-heading{gap:11px}
 .portrait-home .collection .section-heading h2{font-size:30px}
 .portrait-home .learning-section .masterclass-feature{padding:30px 25px;min-height:320px}
 .portrait-home .learning-section .masterclass-feature h3{font-size:35px;line-height:1.12}
}