/* Reuse the supplied transparent artwork intact, including its internal lettering. */
body{position:relative;isolation:isolate;min-height:100vh}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.brand .brand-logo{display:block;flex:0 0 68px;width:68px;height:68px;max-width:none;object-fit:contain;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
.brand .brand-wordmark{display:block;min-width:0;color:inherit;line-height:1.5}
.brand>.brand-mark,.brand>i{display:none}
.branding-bar{display:flex;align-items:center;min-height:80px;padding:4px max(20px,calc((100% - 1040px)/2));background:#101010;color:#fff;border-bottom:1px solid #ffffff19}
.branding-bar .brand{font-size:1.2rem;font-weight:800;text-decoration:none}

body::before{
 content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:url('mohtavanegar-logo.png') 4vw 55% / clamp(240px,32vw,460px) auto no-repeat;
 filter:grayscale(1);mix-blend-mode:multiply;opacity:.055;
}

:is(.hero,.bank-hero,.scenario,.scenario-card,.sample-paper){position:relative;isolation:isolate}
:is(.hero,.bank-hero,.scenario,.scenario-card,.sample-paper)::after{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
 background:url('mohtavanegar-logo.png') 6% 28px / min(50%,360px) auto no-repeat;
 filter:grayscale(1);mix-blend-mode:multiply;opacity:.045;
}
.hero::after,.bank-hero::after{mix-blend-mode:normal;opacity:.035}

:is(.text,.spoken-text,.caption,.caption-text,.execution-content,.execution-block,.sample-paper-body,.card-body,.topic-body){position:relative;isolation:isolate}
:is(.text,.spoken-text,.caption,.caption-text,.execution-content,.execution-block,.sample-paper-body,.card-body,.topic-body)::after{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
 background:url('mohtavanegar-logo.png') center / min(65%,290px) auto no-repeat;
 filter:grayscale(1);mix-blend-mode:multiply;opacity:.065;
}
.card-body::after{opacity:.04;background-position:left center;background-size:90px auto}
@media(max-width:680px){
 .brand{gap:7px}
 .brand .brand-logo{width:52px;height:52px;flex-basis:52px}
 .brand .brand-wordmark{font-size:.95rem}
 .brand .brand-wordmark strong{font-size:1.05rem}
 .branding-bar{min-height:65px;padding:4px 16px}
 :is(.text,.spoken-text,.caption,.caption-text,.execution-content,.execution-block,.sample-paper-body,.topic-body)::after{background-size:min(78%,240px) auto}
}
@media print{body::before{position:absolute;opacity:.025}}
