@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;800&family=Unbounded:wght@600;800&display=swap");:root{--bg:#f5f1e8;--box:rgba(250,247,239,.94);--text:#080808;--muted:rgba(8,8,8,.55);--red:#ef172b;--blue:#159ee4;--line:rgba(8,8,8,.16)}html[data-theme=dark]{--bg:#05080c;--box:rgba(10,15,23,.94);--text:#f5f1e8;--muted:rgba(245,241,232,.58);--line:rgba(255,255,255,.15)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial}.bravo{position:relative;min-height:100svh;overflow:hidden;background:var(--bg)}.bg{position:absolute;inset:0;overflow:hidden}.bg i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.62}.bg i:nth-child(1){width:70vw;height:25vw;left:-12vw;top:-7vw;background:var(--blue)}.bg i:nth-child(2){width:76vw;height:25vw;right:-20vw;bottom:-5vw;background:var(--red)}.bg i:nth-child(3){width:56vw;height:18vw;left:23%;top:39%;background:#fff;opacity:.7}html[data-theme=dark] .bg i{opacity:.28}header{position:relative;z-index:2;padding:25px 5vw;display:grid;grid-template-columns:1fr auto 1fr}.logo{font-family:Unbounded;font-size:clamp(32px,4vw,58px);font-weight:800;letter-spacing:-.09em}header small{padding-top:10px;font-size:8px;letter-spacing:.3em;color:var(--muted)}#theme{justify-self:end;height:34px;padding:0 15px;border:1px solid var(--line);border-radius:30px;background:var(--box);color:var(--text);font-size:8px;font-weight:800}.main{position:relative;z-index:2;padding:4vh 5vw 11vh}.main button{width:100%;min-height:clamp(130px,20vh,215px);display:grid;grid-template-columns:55px 1fr 60px;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer}.main button:last-child{border-bottom:1px solid var(--line)}.main b{font-size:9px;color:var(--muted)}.main strong{font-family:Unbounded;font-size:clamp(58px,9.5vw,172px);line-height:.84;letter-spacing:-.08em}.main i{font-style:normal;font-size:40px;opacity:.3}.main button:hover{padding-left:18px;color:var(--red)}.main button:nth-child(2):hover{color:var(--blue)}footer{position:absolute;z-index:2;left:5vw;right:5vw;bottom:20px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.25em;color:var(--muted)}.scrim{position:fixed;z-index:90;inset:0;background:rgba(0,0,0,.2);opacity:0;visibility:hidden}.scrim.open{opacity:1;visibility:visible}.panel{position:fixed;z-index:100;top:3vh;right:2vw;bottom:3vh;width:min(880px,76vw);padding:clamp(28px,4vw,60px);overflow:auto;background:var(--box);border:1px solid var(--line);border-radius:32px;backdrop-filter:blur(30px);transform:translateX(110%);opacity:0;visibility:hidden;transition:.5s}.panel.open{transform:none;opacity:1;visibility:visible}.projectsPanel{width:min(1200px,90vw)}.close{position:absolute;right:24px;top:22px;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:none;color:var(--text);font-size:30px}.panel>small{font-size:8px;letter-spacing:.3em;color:var(--muted)}.panel>h1{font-family:Unbounded;margin:18px 0 40px;padding-bottom:30px;border-bottom:1px solid var(--line);font-size:clamp(58px,7vw,120px);line-height:.82;letter-spacing:-.075em}.about{display:grid;grid-template-columns:1.15fr 1fr;gap:45px}.about h2{margin:0;font-size:clamp(29px,3.4vw,55px);line-height:1.02}.about p{font-size:14px;line-height:1.7}.cta{display:block;margin-top:45px;padding:24px 28px;background:var(--red);color:#fff;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.15em}.services article{padding:20px 0;border-top:1px solid var(--line);font-family:Unbounded;font-size:clamp(27px,3.8vw,55px);font-weight:800;letter-spacing:-.05em}.services article:last-child{border-bottom:1px solid var(--line)}.posters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.posters article{min-height:430px;padding:22px;display:flex;flex-direction:column;background:#ece7dc;color:#111}.posters .red{background:var(--red);color:#fff}.posters .blue{background:var(--blue);color:#fff}.posters h2{margin:auto 0 0;font-family:Unbounded;font-size:clamp(30px,3.6vw,55px);line-height:.88;letter-spacing:-.06em}@media(max-width:700px){header{padding:20px;grid-template-columns:1fr auto}header small{display:none}.main{padding:7vh 20px 80px}.main button{grid-template-columns:30px 1fr 28px;min-height:150px}.main strong{font-size:clamp(48px,15vw,76px)}footer{left:20px;right:20px}footer>span{display:none}.panel,.projectsPanel{top:12px;right:12px;bottom:12px;width:calc(100vw - 24px);padding:26px 20px;border-radius:23px}.panel>h1{font-size:52px}.about{grid-template-columns:1fr;gap:20px}.posters{grid-template-columns:1fr}.posters article{min-height:65vh}}
/* BRAVO identity scrollbars */
*{scrollbar-width:thin;scrollbar-color:var(--blue) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--blue),var(--red));border:2px solid transparent;border-radius:99px;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--red),var(--blue));background-clip:padding-box}
.bravoVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.34;filter:saturate(.85) contrast(1.08)}
.bravoVideoTone{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(120deg,rgba(21,158,228,.18),rgba(245,241,232,.42) 47%,rgba(239,23,43,.22));mix-blend-mode:color}
html[data-theme=dark] .bravoVideo{opacity:.28;filter:saturate(.9) brightness(.58) contrast(1.18)}
html[data-theme=dark] .bravoVideoTone{background:linear-gradient(120deg,rgba(21,158,228,.24),rgba(5,8,12,.38) 48%,rgba(239,23,43,.25))}
.bg{z-index:1}.bravo>header,.main,.bravo>footer{z-index:3}
.serviceHead{width:100%;display:grid;grid-template-columns:1fr 52px;align-items:center;padding:0;border:0;background:none;color:var(--text);text-align:left;cursor:pointer}
.serviceHead span{font-family:Unbounded;font-size:clamp(27px,3.8vw,55px);font-weight:800;letter-spacing:-.05em}
.serviceHead b{justify-self:end;font-size:27px;font-weight:400;transition:.3s}
.services article{display:block}
.serviceBody{max-height:0;overflow:hidden;opacity:0;padding:0 52px 0 0;color:var(--muted);font-size:14px;line-height:1.7;transition:max-height .4s ease,opacity .3s,padding .4s}
.services article.open .serviceBody{max-height:260px;opacity:1;padding:16px 52px 22px 0}
.services article.open .serviceHead b{transform:rotate(45deg);color:var(--red)}
.projectNav{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 0 16px}
.projectNav button{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:var(--box);color:var(--text);font-size:22px;cursor:pointer}
.projectNav span{font-size:7px;letter-spacing:.18em;color:var(--muted)}
.posters{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding-bottom:8px}
.posters article{flex:0 0 min(420px,37vw);scroll-snap-align:start}
/* project rail: hide physical scrollbar, navigation remains arrows/wheel */
.projectsPanel .posters{scrollbar-width:none}
.projectsPanel .posters::-webkit-scrollbar{display:none}
.bravoTicker{position:fixed;z-index:80;left:50%;bottom:18px;transform:translateX(-50%);width:min(900px,calc(100vw - 32px));min-height:58px;display:grid;grid-template-columns:52px auto 1fr 52px;align-items:center;background:var(--box);border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 50px rgba(0,0,0,.12);backdrop-filter:blur(24px);overflow:hidden}
.tickerArrow{height:58px;border:0;background:transparent;color:var(--text);font-size:20px;cursor:pointer}
.tickerLabel{height:58px;display:flex;align-items:center;padding:0 18px;border-left:1px solid var(--line);border-right:1px solid var(--line);font-size:7px;font-weight:800;letter-spacing:.2em;color:var(--red);white-space:nowrap}
.tickerMain{height:58px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:0 18px;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}
.tickerType,.tickerDate{font-size:7px;letter-spacing:.16em;color:var(--muted)}.tickerTitle{font-size:11px;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){.projectNav span{display:none}.posters article{flex-basis:82vw}.bravoTicker{bottom:10px;grid-template-columns:42px 1fr 42px}.tickerLabel{display:none}.tickerMain{grid-template-columns:1fr auto}.tickerType{display:none}.tickerTitle{font-size:9px}}

.feedPanel{width:min(1120px,88vw)}
.feedIntro{margin:-18px 0 30px;font-size:8px;letter-spacing:.26em;color:var(--muted)}
.feedGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.feedCard{position:relative;min-height:280px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.18);cursor:pointer}
.feedCard.hasImage{color:#fff;background-size:cover;background-position:center}
.feedCard.hasImage:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(0,0,0,.78));z-index:0}
.feedCard>*{position:relative;z-index:1}.feedCard small{font-size:7px;letter-spacing:.17em;opacity:.78}.feedCard h2{margin:10px 0 0;font-family:Unbounded;font-size:clamp(22px,2.6vw,38px);line-height:.95;letter-spacing:-.05em}.feedCard p{font-size:12px;line-height:1.5;margin:12px 0 0;opacity:.8}.feedLoading{padding:40px 0;color:var(--muted);font-size:9px;letter-spacing:.18em}
@media(max-width:700px){.feedPanel{width:calc(100vw - 24px)}.feedGrid{grid-template-columns:1fr}.feedCard{min-height:250px}}
/* accordion text legibility fix */
.services article{height:auto!important;min-height:0!important;overflow:visible!important}
.serviceHead{min-height:82px}
.serviceBody{position:static!important;width:min(680px,calc(100% - 54px));white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;line-height:1.65!important;font-size:14px!important}
.services article.open .serviceBody{display:block!important;max-height:500px!important;margin:0!important}

.headerActions{justify-self:end;display:flex;align-items:center;gap:9px}
.headerActions #theme{justify-self:auto}
.feedButton{height:34px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid var(--line);border-radius:30px;background:var(--box);color:var(--text);font-size:8px;font-weight:800;letter-spacing:.18em;cursor:pointer;transition:.25s}
.feedButton:hover{border-color:var(--red);color:var(--red);transform:translateY(-1px)}
.feedButton b{font-size:14px;font-weight:400}
.feedDot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(239,23,43,.10)}
@media(max-width:700px){.headerActions{gap:6px}.feedButton{padding:0 11px}.feedButton b{display:none}}

.feedCard--focus{outline:3px solid var(--red);outline-offset:-3px;transition:outline .25s}

/* FINAL V4 LIVE OVERRIDES */
.bravoHeroMedia{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bravoHeroMedia img,.bravoHeroMedia video{width:100%;height:100%;object-fit:cover;display:block}.bravoVideoTone{pointer-events:none}
.main button{position:relative;overflow:hidden;transition:padding-left .38s cubic-bezier(.2,.8,.2,1),color .28s ease,background .28s ease,transform .28s ease!important}.main button strong,.main button i,.main button b{position:relative;z-index:2;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .28s ease,color .28s ease}.main button:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(239,23,43,.11),transparent 60%);transform:scaleX(0);transform-origin:left;transition:transform .38s cubic-bezier(.2,.8,.2,1)}.main button:nth-child(2):before{background:linear-gradient(90deg,rgba(21,158,228,.14),transparent 60%)}.main button:hover:before{transform:scaleX(1)}.main button:hover strong{transform:translateX(14px)}.main button:hover i{opacity:1!important;transform:translateX(-8px) rotate(45deg)}.main button:active{transform:scale(.995)}
.feedButton,#theme,.close,.projectNav button,.tickerArrow,.tickerMain{transition:transform .22s ease,border-color .22s ease,color .22s ease,background .22s ease}.feedButton:hover,#theme:hover,.projectNav button:hover,.tickerArrow:hover{transform:translateY(-2px);border-color:var(--red);color:var(--red)}.close:hover{transform:rotate(90deg);border-color:var(--red);color:var(--red)}
.services article{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important}.serviceHead{width:100%!important;min-height:94px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;align-items:center!important;padding:0!important;border:0!important;background:transparent!important;color:var(--text)!important;text-align:left!important;cursor:pointer!important}.serviceBody{display:none!important;position:static!important;width:min(760px,calc(100% - 52px))!important;height:auto!important;max-height:none!important;overflow:visible!important;opacity:1!important;margin:0!important;padding:0 0 30px!important;color:var(--text)!important;font-family:Manrope,Arial,sans-serif!important;font-size:16px!important;line-height:1.68!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}.serviceBody *{white-space:normal!important;line-height:1.68!important}.serviceBody p{margin:0 0 12px!important;font-size:16px!important}.services article.open .serviceBody{display:block!important}.services article.open .serviceHead b{transform:rotate(45deg);color:var(--red)}
.bravoEmpty{flex:0 0 100%;min-height:330px;display:flex;align-items:center;padding:25px 0;font-family:Unbounded,sans-serif;font-size:clamp(34px,5vw,76px);font-weight:800;letter-spacing:-.06em}.posters article.bravoProject{position:relative;background-size:cover;background-position:center;cursor:pointer;overflow:hidden;transition:transform .3s ease}.posters article.bravoProject:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.72));z-index:0}.posters article.bravoProject>*{position:relative;z-index:1}.posters article.bravoProject:hover{transform:translateY(-5px)}.bravoTicker[hidden]{display:none!important}
html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] .panel{box-shadow:0 30px 100px rgba(0,0,0,.42)}html[data-theme=light] .panel{box-shadow:0 30px 100px rgba(18,31,45,.16)}
@media(max-width:700px){.serviceBody{width:100%!important;padding-right:0!important;font-size:15px!important}.serviceBody p{font-size:15px!important}.main button:hover strong{transform:none}}

/* === MEDIA CARDS / BRAVO === */
.feedCard,.bravoProject{position:relative;isolation:isolate;overflow:hidden}
.feedCard:after,.bravoProject:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.30)),linear-gradient(180deg,transparent 20%,rgba(0,0,0,.62) 100%)!important}
.feedCard>* ,.bravoProject>*{position:relative;z-index:2}
.bravoRead{margin-top:16px;min-height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(0,0,0,.22);backdrop-filter:blur(10px);color:#fff;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;font-size:8px;font-weight:800;letter-spacing:.14em;cursor:pointer;transition:.22s}
.bravoRead:hover{background:var(--red);border-color:var(--red);transform:translateY(-1px)}
.bravoProject .bravoRead{margin-top:auto}

/* detail opens inside current BRAVO space, not a new page */
.bravoDetail{position:fixed;z-index:130;top:4vh;right:3vw;bottom:4vh;width:min(760px,86vw);padding:24px;overflow:hidden;background:var(--box);color:var(--text);border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 100px rgba(0,0,0,.28);backdrop-filter:blur(30px);transform:translateX(115%);opacity:0;visibility:hidden;transition:.5s cubic-bezier(.22,.8,.2,1);display:grid;grid-template-rows:minmax(230px,46%) auto auto minmax(0,1fr);gap:12px}
.bravoDetail.open{transform:none;opacity:1;visibility:visible}
.bravoDetail__close{position:absolute;z-index:20;right:14px;top:14px;width:40px;height:40px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(0,0,0,.36);color:#fff;font-size:25px;cursor:pointer;backdrop-filter:blur(10px)}
.bravoDetail__media{position:relative;min-height:0;overflow:hidden;border-radius:18px;background:#080808}
.bravoDetail__slide{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#080808}
.bravoDetail__slide.active{display:flex}
.bravoDetail__slide img,.bravoDetail__slide video{width:100%;height:100%;object-fit:contain;display:block}
.bravoDetail__slide video{background:#050505}
.bravoDetail__mediaNav{position:absolute;z-index:8;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none}
.bravoDetail__mediaNav button{width:42px;height:42px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(0,0,0,.42);color:#fff;pointer-events:auto;cursor:pointer}
.bravoDetail__counter{position:absolute;z-index:8;right:14px;bottom:12px;padding:6px 9px;border-radius:99px;background:rgba(0,0,0,.52);color:#fff;font-size:8px}
.bravoDetail__meta{font-size:8px;letter-spacing:.17em;color:var(--muted);text-transform:uppercase}
.bravoDetail__title{margin:0;font-family:Unbounded,sans-serif;font-size:clamp(28px,4vw,48px);line-height:.95;letter-spacing:-.055em}
.bravoDetail__text{min-height:0;overflow-y:auto;padding:4px 14px 8px 0;font-size:14px;line-height:1.68;scrollbar-width:thin;scrollbar-color:var(--blue) rgba(0,0,0,.05)}
.bravoDetail__text::-webkit-scrollbar{width:5px}.bravoDetail__text::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:99px}.bravoDetail__text::-webkit-scrollbar-thumb{background:linear-gradient(var(--blue),var(--red));border-radius:99px}
.bravoDetail__text p{margin:0 0 12px}
.bravoDetail__emptyMedia{height:100%;display:grid;place-items:center;color:#777;font-size:9px;letter-spacing:.14em}
@media(max-width:700px){.bravoDetail{top:10px;right:10px;bottom:10px;width:calc(100vw - 20px);padding:14px;border-radius:22px;grid-template-rows:minmax(210px,40%) auto auto minmax(0,1fr)}.bravoDetail__title{font-size:28px}.bravoDetail__text{font-size:13px}}

/* SCENA ecosystem link */
.bravoScenaLink{
 position:fixed;z-index:78;right:18px;bottom:18px;
 min-width:178px;height:58px;padding:0 16px;
 display:grid;grid-template-columns:1fr 28px;grid-template-rows:19px 22px;
 align-content:center;column-gap:12px;
 border:1px solid var(--line);border-radius:18px;
 background:var(--box);color:var(--text)!important;text-decoration:none!important;
 box-shadow:0 15px 50px rgba(0,0,0,.11);
 backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
 transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.bravoScenaLink__eyebrow{grid-column:1;align-self:end;font-size:6px;line-height:1;letter-spacing:.18em;color:var(--muted);white-space:nowrap}
.bravoScenaLink strong{grid-column:1;font-family:Unbounded,sans-serif;font-size:14px;line-height:1;font-weight:800;letter-spacing:-.04em}
.bravoScenaLink i{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;font-style:normal;font-size:19px;opacity:.55;transition:.25s}
.bravoScenaLink:hover{transform:translateY(-3px);border-color:var(--red)}
.bravoScenaLink:hover i{opacity:1;color:var(--red);transform:rotate(45deg)}
/* ticker stays centered and never sits under ecosystem link */
@media(min-width:1101px){.bravoTicker{max-width:calc(100vw - 430px)}}
@media(max-width:1100px){
 .bravoScenaLink{right:12px;bottom:82px;min-width:156px;height:52px;border-radius:16px;padding:0 13px}
 .bravoScenaLink__eyebrow{font-size:5.5px}.bravoScenaLink strong{font-size:12px}
}
@media(max-width:700px){
 .bravoScenaLink{right:10px;bottom:76px;min-width:0;width:auto;height:48px;padding:0 12px;grid-template-columns:1fr 22px;grid-template-rows:16px 18px;border-radius:15px}
 .bravoScenaLink__eyebrow{font-size:5px;letter-spacing:.13em}
 .bravoScenaLink strong{font-size:11px}
 .bravoScenaLink i{font-size:15px}
}
@media(max-width:380px){
 .bravoScenaLink__eyebrow{display:none}
 .bravoScenaLink{height:44px;grid-template-rows:1fr;grid-template-columns:1fr 20px;padding:0 10px}
 .bravoScenaLink strong{grid-row:1;align-self:center;font-size:10px}
 .bravoScenaLink i{grid-row:1}
}

.bravoDetail{display:none!important}.bravoOne{overflow:hidden!important;display:flex!important;flex-direction:column!important}.bravoOne:not(.open){visibility:hidden!important}.bravoOne.open{visibility:visible!important}
.bravoHead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-bottom:9px;border-bottom:1px solid var(--line);flex:none}.bravoHead h1{margin:12px 0 0!important;padding:0!important;border:0!important;font-size:clamp(44px,6vw,90px)!important;line-height:.84!important}.bravoRailNav{display:flex;gap:7px;padding:0 50px 1px 0}.bravoRailNav button{width:41px;height:41px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font-size:18px;cursor:pointer}.bravoRailNav button:hover{border-color:var(--red);color:var(--red)}
.bravoRail{flex:1;min-height:0;display:flex!important;flex-wrap:nowrap!important;gap:12px;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none!important;padding:8px 0 0!important}.bravoRail::-webkit-scrollbar{display:none!important}.bravoEmpty{flex:0 0 100%;display:flex;align-items:center;font:800 clamp(30px,5vw,65px)/1 Unbounded,sans-serif}
.serviceCard{flex:0 0 min(500px,72vw);height:100%;min-height:0;scroll-snap-align:start;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.07);display:flex;flex-direction:column;overflow:hidden}.serviceCard h2{margin:0 0 14px;font:800 clamp(27px,3vw,44px)/.95 Unbounded,sans-serif;letter-spacing:-.05em}.serviceText{flex:1;min-height:0;overflow-y:auto;padding-right:7px;font-size:14px;line-height:1.68;scrollbar-width:thin;scrollbar-color:var(--blue) transparent}.serviceText::-webkit-scrollbar{width:4px}.serviceText::-webkit-scrollbar-thumb{background:linear-gradient(var(--blue),var(--red));border-radius:99px}
.mediaCard{position:relative;flex:0 0 min(420px,75vw);height:100%;min-height:0;scroll-snap-align:start;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#07090c;color:#fff;isolation:isolate}.mcStage{position:absolute;z-index:1;inset:0;background:#07090c}.mcSlide{position:absolute;inset:0;display:none;background:#07090c}.mcSlide.active{display:block}.mcSlide img,.mcSlide video{width:100%;height:100%;display:block;object-fit:cover;background:#07090c;opacity:1!important}.mcSlide.video video{object-fit:contain}.mcShade{position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(rgba(0,0,0,.30),rgba(0,0,0,.30)),linear-gradient(180deg,transparent 30%,rgba(0,0,0,.84))}
.mcInfo{position:absolute;z-index:8;left:17px;right:17px;bottom:17px;transition:opacity .15s}.mediaCard.hasAudio .mcInfo{bottom:73px}.mediaCard.browsing .mcInfo{opacity:0;pointer-events:none}.mcMeta{font-size:7px;letter-spacing:.13em;opacity:.72}.mcTitle{margin:7px 0 0;font:800 clamp(23px,2.7vw,36px)/.94 Unbounded,sans-serif;letter-spacing:-.05em}.mcRead{margin-top:11px;height:30px;padding:0 12px;border:1px solid #ffffff70;border-radius:99px;background:#0005;color:#fff;font-size:8px;font-weight:800;letter-spacing:.12em}
.mcArrows{position:absolute;z-index:30;left:9px;right:9px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none}.mcArrows button{width:39px;height:39px;border:1px solid #ffffff70;border-radius:50%;background:#0008;color:#fff;pointer-events:auto;font-size:16px}.mcCount{position:absolute;z-index:30;right:11px;top:11px;padding:5px 7px;border-radius:99px;background:#0009;font-size:7px}
.mcReader{position:absolute;z-index:45;inset:0;display:none;flex-direction:column;padding:48px 16px 15px;background:linear-gradient(#07090cf5,#07090cfe);backdrop-filter:blur(14px)}.mcReader.open{display:flex}.mcReaderClose{position:absolute;right:11px;top:11px;width:29px;height:29px;border:1px solid #ffffff45;border-radius:50%;background:#0006;color:#fff;font-size:17px}.mcReaderText{flex:1;min-height:0;overflow-y:auto;padding-right:7px;font:12px/1.68 Manrope,Arial;scrollbar-width:thin;scrollbar-color:var(--blue) transparent}.mcReaderText::-webkit-scrollbar{width:4px}.mcReaderText::-webkit-scrollbar-thumb{background:linear-gradient(var(--blue),var(--red));border-radius:99px}
.mcVideoBar{position:absolute;z-index:20;left:50px;right:50px;top:9px;height:27px;display:grid;grid-template-columns:22px minmax(50px,1fr) 32px auto 24px;gap:5px;align-items:center;padding:0 6px;border:1px solid #ffffff35;border-radius:99px;background:#0009;backdrop-filter:blur(8px)}.mcVideoBar button{width:20px;height:20px;border:0;border-radius:50%;background:var(--red);color:#fff;font-size:7px}.mcVideoBar input{width:100%;height:2px;accent-color:var(--blue)}.mcVTime{font-size:6px}.mcVVol{display:flex;gap:3px;align-items:center;font-size:5px}.mcVVol input{width:40px}.mcFull{background:transparent!important;border:1px solid #ffffff30!important}
.mcAudio{position:absolute;z-index:35;left:11px;right:11px;bottom:9px;padding:6px 7px;border:1px solid #ffffff28;border-radius:10px;background:#000a;backdrop-filter:blur(9px)}.maMain{display:grid;grid-template-columns:25px minmax(0,1fr) 33px 22px;gap:5px;align-items:center}.maPlay{width:25px;height:25px;border:0;border-radius:50%;background:var(--red);color:#fff}.maName{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.maTime{font-size:6px;opacity:.7}.maMore{width:22px;height:22px;border:1px solid #ffffff35;border-radius:50%;background:none;color:#fff}.maProg{width:100%;height:2px;margin:4px 0 0;appearance:none;background:#ffffff30}.maProg::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border-radius:50%;background:var(--blue)}.maExtra{display:none;margin-top:5px;padding-top:5px;border-top:1px solid #ffffff20}.mcAudio.open .maExtra{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.maExtra>button{width:22px;height:22px;border:1px solid #ffffff30;border-radius:50%;background:none;color:#fff}.maExtra label{margin-left:auto;font-size:6px}.maVol{width:58px;height:2px;accent-color:var(--blue)}.maList{display:none;width:100%;max-height:75px;overflow-y:auto;margin-top:4px}.maList.open{display:block}.maList button{width:100%;padding:4px 2px;border:0;border-bottom:1px solid #ffffff15;background:none;color:#aaa;text-align:left;font-size:7px}.maList button.on{color:#fff}
.mcLightbox{position:fixed;z-index:260;inset:0;display:none;align-items:center;justify-content:center;padding:25px;background:#000e}.mcLightbox.open{display:flex}.mcLightbox img{max-width:95vw;max-height:93vh;object-fit:contain}.mcLightbox button{position:absolute;right:18px;top:18px;width:40px;height:40px;border:1px solid #ffffff55;border-radius:50%;background:#0006;color:#fff;font-size:22px}
@media(max-width:700px){.bravoOne{top:10px!important;right:10px!important;bottom:10px!important;width:calc(100vw - 20px)!important;padding:20px 14px!important}.bravoHead h1{font-size:clamp(38px,11vw,58px)!important}.bravoRailNav{padding-right:38px}.bravoRailNav button{width:37px;height:37px}.serviceCard,.mediaCard{flex-basis:84vw}.mcVideoBar{left:46px;right:46px;grid-template-columns:20px minmax(38px,1fr) 28px auto 22px;gap:3px}.mcVVol span{display:none}.mcVVol input{width:30px}.mcReaderText{font-size:11px}}

/* Fullscreen gallery continues through the entire post media sequence */
.mcLightbox{z-index:300!important}
.mcLightbox .mcLbStage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:45px 75px}
.mcLightbox .mcLbStage img,.mcLightbox .mcLbStage video{max-width:94vw;max-height:90vh;width:auto;height:auto;object-fit:contain;background:#050505}
.mcLbPrev,.mcLbNext{position:absolute!important;z-index:10;top:50%!important;transform:translateY(-50%);width:48px!important;height:48px!important;border-radius:50%!important}
.mcLbPrev{left:18px!important;right:auto!important}.mcLbNext{right:18px!important;left:auto!important}
.mcLbClose{top:18px!important;right:18px!important}
.mcLbCount{position:absolute;z-index:10;left:50%;bottom:17px;transform:translateX(-50%);padding:6px 10px;border-radius:99px;background:#0009;color:#fff;font-size:8px}
.mcLbVideoBar{position:absolute;z-index:12;left:50%;top:18px;transform:translateX(-50%);width:min(650px,calc(100vw - 190px));height:31px;display:grid;grid-template-columns:24px minmax(80px,1fr) 38px auto;gap:7px;align-items:center;padding:0 8px;border:1px solid #ffffff35;border-radius:99px;background:#000a;color:#fff;backdrop-filter:blur(10px)}
.mcLbVideoBar button{width:22px!important;height:22px!important;position:static!important;border:0!important;background:var(--red)!important;font-size:7px!important}
.mcLbVideoBar input{width:100%;height:2px;accent-color:var(--blue)}.mcLbVideoBar span{font-size:6px}.mcLbVideoBar label{display:flex;gap:4px;align-items:center;font-size:5px}.mcLbVideoBar label input{width:52px}
@media(max-width:700px){.mcLightbox .mcLbStage{padding:55px 48px 40px}.mcLbPrev,.mcLbNext{width:38px!important;height:38px!important}.mcLbPrev{left:7px!important}.mcLbNext{right:7px!important}.mcLbVideoBar{width:calc(100vw - 100px);grid-template-columns:22px minmax(45px,1fr) 32px auto;gap:4px}.mcLbVideoBar label span{display:none}.mcLbVideoBar label input{width:35px}}

.serviceCard{display:none!important}
.bravoComponent{position:relative!important;flex:0 0 min(620px,78vw)!important;width:min(620px,78vw)!important;aspect-ratio:16/9!important;height:auto!important;scroll-snap-align:start;overflow:hidden!important;border:1px solid var(--line)!important;border-radius:18px!important;background:#202326!important;color:#fff!important;padding:0!important}
.bcSlide,.bcSlide img,.bcSlide video{position:absolute;inset:0;width:100%;height:100%}.bcSlide{opacity:0;pointer-events:none;z-index:1}.bcSlide.on{opacity:1;pointer-events:auto}.bcSlide img,.bcSlide video{object-fit:cover;background:#111;opacity:1!important}.bcShade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.48),rgba(0,0,0,.12))}
.bcBody{position:relative;z-index:4;height:100%;max-width:75%;padding:25px;display:flex;flex-direction:column}.bcCat{font:700 8px Unbounded,Arial;letter-spacing:.1em}.bcTitle{margin:auto 0 10px;font:600 clamp(22px,2.3vw,38px)/1.03 Unbounded,Arial;text-transform:uppercase}.bcPrice{font-size:24px;font-weight:800;margin-bottom:14px}.bcActions{display:flex;gap:8px}.bcBtn{border:1px solid #ffffff66;background:transparent;color:#fff;border-radius:999px;padding:10px 14px;font:700 8px Unbounded,Arial;cursor:pointer;text-decoration:none}.bcOrder{background:var(--red);border-color:var(--red)}
.bcIn{position:absolute;z-index:12;top:50%;transform:translateY(-50%);width:31px;height:31px;border-radius:50%;border:1px solid #ffffff66;background:#222b;color:#fff;cursor:pointer}.bcIn.prev{left:10px}.bcIn.next{right:10px}.bcCount{position:absolute;z-index:8;right:15px;bottom:13px;font:700 8px Unbounded,Arial}
.bcDetail{display:none;position:absolute;inset:0;z-index:30;background:rgba(20,23,25,.985);padding:23px 0 20px 40px}.bravoComponent.open .bcDetail{display:block}.bcClose{position:absolute;right:13px;top:12px;width:29px;height:29px;border-radius:50%;border:1px solid #ffffff66;background:transparent;color:#fff;cursor:pointer}.bcDtitle{margin:0 56px 12px 0;font:600 25px Unbounded,Arial}.bcScroll{height:calc(100% - 48px);padding:0 34px 12px 0;overflow-y:auto;font-size:13px;line-height:1.6;scrollbar-width:thin;scrollbar-color:var(--red) transparent}.bcScroll::-webkit-scrollbar{width:5px}.bcScroll::-webkit-scrollbar-thumb{background:linear-gradient(var(--blue),var(--red));border-radius:999px}
.bcPlay{position:absolute;z-index:18;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;border:1px solid #aaa;background:#292d30cc;color:#fff;cursor:pointer}.bcPlay:after{content:"▶";font-size:17px}.bcUi{position:absolute;z-index:19;left:50%;top:9px;transform:translateX(-50%);display:none;gap:5px;align-items:center;padding:5px 7px;border:1px solid #ffffff44;border-radius:999px;background:#191c1eee}.bcSlide.playing .bcUi{display:flex}.bcSlide.playing .bcPlay{display:none}.bcUi button{width:24px;height:24px;border-radius:50%;border:1px solid #555;background:transparent;color:#fff}.bcUi input{appearance:none;width:66px;height:3px;background:#666;accent-color:var(--blue)}.bcUi .vol{width:38px}
.bravoComponent.bcVideoActive .bcShade,.bravoComponent.bcVideoActive .bcBody,.bravoComponent.bcVideoActive .bcIn,.bravoComponent.bcVideoActive .bcCount{opacity:0;visibility:hidden;pointer-events:none}.bravoComponent.bcVideoActive .bcSlide.on video{z-index:10;object-fit:contain;background:#000}.bravoComponent.bcVideoActive .bcUi{z-index:50}
.mcLbClose{z-index:999!important;pointer-events:auto!important;cursor:pointer!important}
@media(max-width:700px){.bravoComponent{flex-basis:84vw!important;width:84vw!important}.bcBody{padding:16px;max-width:94%}.bcTitle{font-size:clamp(16px,5vw,23px)}.bcPrice{font-size:16px;margin-bottom:8px}.bcBtn{font-size:6.5px;padding:7px 9px}.bcDetail{padding:18px 0 15px 28px}.bcScroll{padding-right:24px;font-size:12px}.bcUi input{width:38px}.bcUi .vol{width:28px}}

/* ===== MOBILE / HERO POLISH 61 ===== */

/* HERO: stronger veil so giant navigation remains legible over any uploaded photo/video */
.hero:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,8,13,.24),rgba(5,8,13,.18) 38%,rgba(5,8,13,.34)),
    linear-gradient(90deg,rgba(5,8,13,.18),rgba(5,8,13,.04) 52%,rgba(5,8,13,.18))!important;
}
html[data-theme="light"] .hero:after{
  background:
    linear-gradient(180deg,rgba(245,240,231,.22),rgba(5,8,13,.13) 42%,rgba(5,8,13,.26)),
    linear-gradient(90deg,rgba(5,8,13,.14),rgba(255,255,255,.03) 50%,rgba(5,8,13,.14))!important;
}
.heroMedia{opacity:.85!important}
.navWord{
  position:relative;
  z-index:3;
  text-shadow:0 2px 4px rgba(0,0,0,.18),0 10px 34px rgba(0,0,0,.28)!important;
}
html[data-theme="light"] .navWord{
  text-shadow:0 1px 1px rgba(255,255,255,.30),0 8px 28px rgba(0,0,0,.20)!important;
}
.topbar,.mainNav,.ticker,.bravoScenaLink{z-index:5}

/* Panel header: reserve a real close-button zone so arrows never overlap X */
.bravoOne>.close{
  top:14px!important;
  right:14px!important;
  z-index:100!important;
}
.bravoHead{
  padding-right:64px!important;
}
.bravoRailNav{
  padding-right:0!important;
  flex:0 0 auto!important;
}

/* cards must never exceed the actual panel viewport */
.bravoRail{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.mediaCard{max-width:100%!important}
.bravoComponent{max-width:100%!important}

/* MOBILE */
@media(max-width:700px){
  .heroMedia{opacity:.78!important}
  .hero:after{
    background:
      linear-gradient(180deg,rgba(5,8,13,.31),rgba(5,8,13,.20) 38%,rgba(5,8,13,.39)),
      linear-gradient(90deg,rgba(5,8,13,.23),rgba(5,8,13,.07) 50%,rgba(5,8,13,.23))!important;
  }
  html[data-theme="light"] .hero:after{
    background:
      linear-gradient(180deg,rgba(250,246,238,.20),rgba(5,8,13,.17) 42%,rgba(5,8,13,.32)),
      linear-gradient(90deg,rgba(5,8,13,.20),rgba(255,255,255,.02) 50%,rgba(5,8,13,.20))!important;
  }
  .navWord{
    text-shadow:0 2px 3px rgba(0,0,0,.28),0 9px 28px rgba(0,0,0,.34)!important;
  }

  /* one-screen panels fit inside phone viewport */
  .bravoOne{
    box-sizing:border-box!important;
    top:max(10px,env(safe-area-inset-top))!important;
    right:10px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    left:10px!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    padding:20px 14px 14px!important;
    border-radius:24px!important;
  }
  .bravoOne>.close{
    top:14px!important;
    right:14px!important;
    width:40px!important;
    height:40px!important;
  }
  .bravoHead{
    min-width:0!important;
    padding-right:48px!important;
    gap:8px!important;
    align-items:center!important;
  }
  .bravoHead h1{
    min-width:0!important;
    font-size:clamp(36px,11vw,58px)!important;
    line-height:.88!important;
    white-space:nowrap!important;
  }
  .bravoRailNav{
    gap:5px!important;
    margin-left:auto!important;
  }
  .bravoRailNav button{
    width:36px!important;
    height:36px!important;
    font-size:15px!important;
  }
  .bravoRail{
    width:100%!important;
    min-width:0!important;
    padding-top:8px!important;
    gap:10px!important;
  }

  /* one card fits the visible content width, including borders/padding */
  .mediaCard{
    flex:0 0 calc(100% - 2px)!important;
    width:calc(100% - 2px)!important;
    max-width:calc(100% - 2px)!important;
    height:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .bravoComponent{
    flex:0 0 min(100%,560px)!important;
    width:min(100%,560px)!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* internal project navigation stays inside card */
  .mcArrows{left:8px!important;right:8px!important}
  .mcArrows button{width:36px!important;height:36px!important}
  .mcCount{right:9px!important;top:9px!important}
  .mcAudio{left:9px!important;right:9px!important;bottom:8px!important}
  .mcInfo{left:14px!important;right:14px!important}
  .mediaCard.hasAudio .mcInfo{bottom:72px!important}

  /* service cards copied from Mars: responsive 16:9 */
  .bcBody{padding:14px!important;max-width:90%!important}
  .bcTitle{font-size:clamp(17px,5.8vw,25px)!important}
  .bcPrice{font-size:17px!important;margin-bottom:8px!important}
  .bcActions{gap:5px!important}
  .bcBtn{font-size:6px!important;padding:7px 9px!important}
  .bcIn{width:29px!important;height:29px!important}
  .bcDetail{padding:17px 0 13px 25px!important}
  .bcDtitle{font-size:18px!important}
  .bcScroll{font-size:11px!important;padding-right:20px!important}

  /* fullscreen viewer respects safe areas and close remains separate from navigation */
  .mcLightbox{
    padding:
      max(54px,calc(env(safe-area-inset-top) + 44px))
      46px
      max(34px,env(safe-area-inset-bottom))
      46px!important;
  }
  .mcLbClose{
    top:max(10px,env(safe-area-inset-top))!important;
    right:10px!important;
    width:40px!important;
    height:40px!important;
  }
  .mcLbPrev{left:6px!important}
  .mcLbNext{right:6px!important}
}

/* Extra-narrow phones */
@media(max-width:390px){
  .bravoHead h1{font-size:clamp(31px,10.5vw,43px)!important}
  .bravoRailNav button{width:32px!important;height:32px!important}
  .bravoHead{padding-right:44px!important}
  .bravoOne>.close{width:36px!important;height:36px!important}
  .mcVideoBar{left:42px!important;right:42px!important}
  .maVol{width:45px!important}
}

/* ===== RESPONSIVE MAIN NAV: never crop words ===== */

/* Desktop/tablet: size against viewport, not a fixed visual assumption */
.mainNav{
  width:100%!important;
  min-width:0!important;
}
.navItem{
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.navWord{
  display:block!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:visible!important;
  line-height:.88!important;
  letter-spacing:-.065em!important;
}

/* progressively reduce giant typography before it can touch viewport edge */
@media(max-width:1100px){
  .navWord{font-size:clamp(62px,11vw,145px)!important}
}
@media(max-width:820px){
  .mainNav{padding-left:34px!important;padding-right:34px!important}
  .navWord{font-size:clamp(56px,12.6vw,104px)!important}
}

/* Phones: each word is explicitly fitted to the available content width.
   ПРОЕКТЫ is longest, so it receives its own safe size. */
@media(max-width:700px){
  .mainNav{
    left:0!important;
    right:0!important;
    width:100%!important;
    padding-left:34px!important;
    padding-right:34px!important;
    box-sizing:border-box!important;
  }
  .navItem{
    grid-template-columns:42px minmax(0,1fr) 28px!important;
    column-gap:8px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .navWord{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:clamp(54px,13.7vw,96px)!important;
    transform:none!important;
  }
  .navItem:nth-child(3) .navWord{
    font-size:clamp(48px,12.25vw,86px)!important;
    letter-spacing:-.075em!important;
  }
  .navNum{font-size:8px!important}
  .navArrow{
    width:28px!important;
    min-width:28px!important;
    font-size:25px!important;
    justify-self:end!important;
  }
}

/* Samsung / narrow Android / compact iPhone widths */
@media(max-width:430px){
  .mainNav{
    padding-left:26px!important;
    padding-right:26px!important;
  }
  .navItem{
    grid-template-columns:36px minmax(0,1fr) 23px!important;
    column-gap:6px!important;
  }
  .navWord{
    font-size:clamp(48px,13.1vw,64px)!important;
  }
  .navItem:nth-child(3) .navWord{
    font-size:clamp(42px,11.65vw,56px)!important;
    letter-spacing:-.078em!important;
  }
  .navArrow{
    width:23px!important;
    min-width:23px!important;
    font-size:21px!important;
  }
}

/* Very narrow devices */
@media(max-width:370px){
  .mainNav{padding-left:20px!important;padding-right:20px!important}
  .navItem{grid-template-columns:31px minmax(0,1fr) 19px!important;column-gap:4px!important}
  .navWord{font-size:clamp(42px,12.8vw,51px)!important}
  .navItem:nth-child(3) .navWord{font-size:clamp(37px,11.25vw,45px)!important}
  .navArrow{width:19px!important;min-width:19px!important;font-size:18px!important}
}

/* Landscape phones / short viewports: preserve all three rows vertically too */
@media(max-height:650px) and (max-width:950px){
  .mainNav{gap:0!important}
  .navItem{min-height:0!important}
  .navWord{font-size:min(9.5vw,72px)!important;line-height:.82!important}
  .navItem:nth-child(3) .navWord{font-size:min(8.8vw,67px)!important}
}

/* ===== MOBILE NAV HARD FIX ===== */
@media (max-width:700px){
  .mainNav{
    left:16px!important;
    right:16px!important;
    width:auto!important;
    max-width:calc(100vw - 32px)!important;
    padding:0!important;
    margin:0!important;
    gap:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .navItem{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:14px 0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:26px minmax(0,1fr) 18px!important;
    align-items:center!important;
    column-gap:5px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .navItem::before{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    left:26px!important;
    right:0!important;
    top:7px!important;
    bottom:7px!important;
    border-radius:16px!important;
    background:linear-gradient(90deg,rgba(255,250,240,.26),rgba(255,250,240,.12) 62%,rgba(255,250,240,.025))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    -webkit-backdrop-filter:blur(5px)!important;
    backdrop-filter:blur(5px)!important;
    pointer-events:none!important;
  }
  .navNum,.navWord,.navArrow{
    position:relative!important;
    z-index:3!important;
  }
  .navWord{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    overflow:visible!important;
    transform:none!important;
    line-height:.84!important;
    letter-spacing:-.075em!important;
    color:#F5F1E8!important;
    -webkit-text-fill-color:#F5F1E8!important;
    text-shadow:0 2px 3px rgba(0,0,0,.72),0 8px 24px rgba(0,0,0,.58)!important;
  }
  .navNum,.navArrow{
    color:rgba(245,241,232,.78)!important;
    -webkit-text-fill-color:rgba(245,241,232,.78)!important;
  }
  .navArrow{
    width:18px!important;
    min-width:18px!important;
    justify-self:end!important;
    font-size:18px!important;
  }
  /* JS adds these explicit classes, so legacy nth-child/order cannot break sizing. */
  .navWord.bravo-fit-short{font-size:clamp(46px,13vw,66px)!important}
  .navWord.bravo-fit-medium{font-size:clamp(43px,12vw,61px)!important}
  .navWord.bravo-fit-projects{font-size:clamp(36px,9.8vw,50px)!important;letter-spacing:-.085em!important}
}
@media (max-width:430px){
  .mainNav{left:12px!important;right:12px!important;max-width:calc(100vw - 24px)!important}
  .navItem{grid-template-columns:23px minmax(0,1fr) 16px!important;column-gap:4px!important;padding:12px 0!important}
  .navItem::before{left:23px!important;top:6px!important;bottom:6px!important}
  .navWord.bravo-fit-short{font-size:clamp(43px,12.4vw,54px)!important}
  .navWord.bravo-fit-medium{font-size:clamp(40px,11.5vw,50px)!important}
  .navWord.bravo-fit-projects{font-size:clamp(34px,9.35vw,41px)!important}
}
@media (max-width:370px){
  .mainNav{left:9px!important;right:9px!important;max-width:calc(100vw - 18px)!important}
  .navItem{grid-template-columns:21px minmax(0,1fr) 14px!important;column-gap:3px!important}
  .navWord.bravo-fit-short{font-size:41px!important}
  .navWord.bravo-fit-medium{font-size:38px!important}
  .navWord.bravo-fit-projects{font-size:31px!important}
}