/* WEB VYBZ approved palette: white, black, gray, burnt orange. */
:root{--orange:#9F3F16;--ink:#171717;--cream:#fff;--gray:#666}
html,body{background:#fff;color:#171717}
.nav,.footer,.features,.audience,.home-packages,.how-it-works,.cta,.learning-strip{background:#fff;color:#171717}
.nav{border-bottom:1px solid #ececec;box-shadow:0 3px 15px #0000000a}
.btn{background:#9F3F16;color:#fff!important;box-shadow:0 8px 20px #9F3F1626}
.btn.outline{background:#fff;color:#171717!important;border-color:#9F3F16}
/* Full-bleed editorial hero with a single photographic canvas; no abruptly cropped right-hand panel. */
.hero{position:relative;isolation:isolate;display:flex;align-items:center;max-width:none!important;width:100%;min-height:clamp(570px,55vw,760px);margin:0!important;background:#fff!important;overflow:hidden}
.hero-visual{position:absolute;inset:0;z-index:-2;width:100%;height:100%;min-height:0!important;max-height:none!important;overflow:hidden}
.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 52%}
.hero-visual:after{display:block!important;content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 24%,#fffffff7 36%,#ffffffc9 48%,#ffffff28 70%,#ffffff00 100%)}
.hero-copy{width:min(100% - 64px,1280px);max-width:1280px;margin:0 auto;padding:76px 0!important;position:relative;z-index:1;align-self:center}
.hero-copy>*{max-width:600px}.hero h1{max-width:670px;font-size:clamp(46px,5vw,80px);color:#171717;line-height:1.04}.hero h1 em{color:#9F3F16}.hero p{max-width:520px;color:#333;font-size:clamp(16px,1.3vw,20px)}
.hero .proof{max-width:650px}.hero .eyebrow{color:#B7491D}
.portfolio,.difference{background:#171717!important;color:#fff}.portfolio .sample{background:#303030;border-color:#4b4b4b}.portfolio .section-heading p{color:#ddd}
.tile,.tile .tile-body{background:#242424}.audience-item{border-color:#ddd;box-shadow:0 7px 24px #0000000a}
.audience-art,.audience-item:nth-child(3n+2) .audience-art,.audience-item:nth-child(3n+3) .audience-art{background:linear-gradient(135deg,#f8f8f8,#e9e9e9);color:#9F3F16}
.audience-label{color:#171717}.package-grid article,.steps article{background:#fff;border:1px solid #ddd}.package-price{color:#171717}.difference-side{background:#292929;border-color:#505050}.difference-highlight{background:#fff;color:#171717;border-color:#ddd}.difference-highlight h3,.difference-highlight p,.difference-highlight li{color:#171717}
.learning-strip{border:1px solid #ddd}.footer{border-top:1px solid #ddd}.footer a,.footer .small{color:#333}
.cta{border-top:1px solid #eee}.features{border-color:#e7e7e7}.feature{border-color:#e7e7e7}.section-heading p,.note{color:#555}
@media(max-width:850px){.hero{min-height:660px;align-items:flex-start}.hero-copy{width:calc(100% - 42px);padding:52px 0 230px!important}.hero-copy>*{max-width:580px}.hero-visual img{object-position:70% center}.hero-visual:after{background:linear-gradient(180deg,#fff 0%,#fffffff9 25%,#fffffff2 46%,#ffffffb3 65%,#ffffff00 100%)}}
@media(max-width:480px){.hero{min-height:710px}.hero h1{font-size:clamp(39px,11vw,55px)}.hero-copy{padding-top:38px!important}.hero p{font-size:16px}.hero-visual img{object-position:67% center}}
@media(prefers-reduced-motion:reduce){.hero *{animation:none!important}}