:root{--maroon:#741a34;--maroon-dark:#48101f;--red:#d6271d;--ink:#171717;--muted:#667085;--soft:#f6f6f7;--line:#e7e7ea;--white:#fff;--radius:20px;--shadow:0 18px 50px rgba(40,20,28,.08);--container:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;z-index:9999;background:#fff;padding:12px 18px}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.site-header{position:relative;z-index:50;background:#fff;transition:.25s}.site-header.is-scrolled{position:sticky;top:0;box-shadow:0 8px 30px rgba(0,0,0,.08)}.topline{background:var(--maroon-dark);color:#fff;font-size:12px}.topline-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between}.topline-links{display:flex;gap:22px}.brand-row{min-height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand-logo img,.custom-logo{max-height:62px;width:auto}.logo-fallback{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--maroon);color:#fff;font-weight:900}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:20px}.brand-copy small{margin-top:6px;color:var(--muted);font-size:12px;letter-spacing:.03em}.primary-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.menu{list-style:none;margin:0;padding:0;display:flex;gap:30px;align-items:center;min-height:54px}.menu a{font-size:14px;font-weight:650}.menu a:hover{color:var(--maroon)}.menu-toggle{display:none;border:0;background:transparent;width:42px;height:42px;padding:8px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:6px 0}
.hero{position:relative;min-height:610px;display:flex;align-items:center;color:#fff;background:linear-gradient(100deg,#551022 0%,#7a1831 46%,#9b3551 100%);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:var(--hero-image);background-size:cover;background-position:center;opacity:.68}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(57,10,25,.9) 0%,rgba(76,17,37,.72) 48%,rgba(76,17,37,.16) 100%)}.hero-inner{position:relative;padding-block:86px;max-width:940px;margin-left:max(32px,calc((100vw - var(--container))/2))}.hero-eyebrow,.eyebrow{margin:0 0 15px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.05;letter-spacing:-.04em;max-width:960px;margin:0}.hero-tagline{font-size:clamp(18px,2vw,25px);margin:28px 0 0;max-width:720px}.hero-actions{display:flex;gap:12px;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;font-weight:750;font-size:14px}.btn-light{background:#fff;color:var(--maroon-dark)}.btn-ghost{border:1px solid rgba(255,255,255,.6);color:#fff;background:rgba(255,255,255,.08)}
.services-section{position:relative;margin-top:-46px;z-index:5;padding-bottom:90px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;min-height:230px;box-shadow:var(--shadow);transition:.25s;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-5px);border-color:#d6b6c0}.service-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#f5e9ed;color:var(--maroon);margin-bottom:22px}.service-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.service-card h3{font-size:20px;margin:0 0 8px}.service-card p{margin:0;color:var(--muted);font-size:14px}.service-link{margin-top:auto;padding-top:24px;font-size:13px;font-weight:800;color:var(--maroon)}
.video-section,.people-section,.gallery-section,.profile-section{padding:96px 0}.section-split-head{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:42px}.section-split-head h2,.section-head h2,.centered-head h2,.updates-section h2,.leader-copy h2{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.035em;margin:0}.section-split-head>p{color:var(--muted);margin:0}.video-frame{aspect-ratio:16/9;border-radius:26px;overflow:hidden;background:#111;box-shadow:var(--shadow)}.video-frame iframe{width:100%;height:100%;border:0}.video-placeholder{height:100%;min-height:520px;display:grid;place-items:center;align-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 50% 20%,#93425b,#3b0c1b);gap:8px}.video-placeholder span{font-size:56px}.video-placeholder strong{font-size:24px}.video-placeholder small{opacity:.75}
.leader-section{padding:100px 0;background:var(--soft)}.leader-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.leader-photo img,.leader-photo .person-placeholder{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:26px}.person-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#ece3e6,#f7f2f4);color:#8e6c76;min-height:280px}.leader-copy blockquote{font-size:22px;line-height:1.6;border-left:3px solid var(--maroon);padding-left:24px;margin:30px 0;color:#383838}.leader-period{color:var(--muted)}.text-link{color:var(--maroon);font-weight:800;font-size:14px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.person-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.person-card img,.person-card .person-placeholder{width:100%;aspect-ratio:4/5;object-fit:cover}.person-card>div,.person-card a>div:last-child{padding:18px}.person-card span{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.1em;color:var(--maroon)}.person-card h3{font-size:19px;line-height:1.25;margin:8px 0}.person-card p{font-size:13px;color:var(--muted);margin:0}
.updates-section{padding:96px 0;background:var(--soft)}.updates-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:70px}.news-list{margin-top:30px}.news-row{border-top:1px solid #ddd}.news-row a{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:22px 0}.news-row img{width:160px;height:108px;object-fit:cover;border-radius:14px}.news-row span{font-size:12px;color:var(--maroon);font-weight:700}.news-row h3{margin:6px 0;font-size:20px;line-height:1.25}.news-row p{margin:0;color:var(--muted);font-size:14px}.announcement-column{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;height:max-content}.announcement-item{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.announcement-item time{font-size:12px;font-weight:800;color:var(--maroon)}.announcement-item span{font-weight:700;line-height:1.35}
.gallery-section{background:#fff}.bento-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:14px}.gallery-item{position:relative;border-radius:20px;overflow:hidden;background:#ddd;min-height:0}.gallery-item-1{grid-row:1/3}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.35s}.gallery-item:hover img{transform:scale(1.03)}.gallery-item span{position:absolute;left:0;right:0;bottom:0;padding:50px 18px 16px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;display:flex;flex-direction:column}.gallery-item small{opacity:.82;margin-top:4px}.gallery-placeholder{background:linear-gradient(135deg,#6e1730,#9d4f66)}.lightbox{position:fixed;inset:0;background:rgba(10,7,8,.94);z-index:999;display:none;align-items:center;justify-content:center;flex-direction:column;padding:40px}.lightbox.is-open{display:flex}.lightbox img{max-width:min(1200px,92vw);max-height:82vh;object-fit:contain}.lightbox p{color:#fff}.lightbox-close{position:absolute;right:25px;top:18px;background:transparent;color:#fff;border:0;font-size:44px;cursor:pointer}
.tridharma-section{padding:110px 0;background:var(--maroon-dark);color:#fff}.centered-head{text-align:center;max-width:860px}.centered-head>p:last-child{color:#dccad0}.tri-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.tri-card{padding:34px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}.tri-icon{font-size:36px;margin-bottom:22px}.tri-card h3{font-size:23px;margin:0 0 12px}.tri-card p{color:#dfd0d5}.tri-card small{font-weight:800;color:#fff}.profile-section{background:var(--soft)}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.profile-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;min-height:240px}.profile-card>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f4e5ea;color:var(--maroon);font-weight:900}.profile-card h3{font-size:22px;margin:32px 0 10px}.profile-card p{margin:0;color:var(--muted)}
.site-footer{background:#260912;color:#fff;padding-top:72px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr 1fr;gap:50px;padding-bottom:56px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:11px}.footer-grid h3{font-size:15px;text-transform:uppercase;letter-spacing:.08em}.footer-grid a,.footer-grid span,.footer-grid p{color:#cdbcc2;font-size:14px}.footer-logo-row{display:flex;align-items:center;gap:15px}.footer-logo-row .custom-logo{max-height:55px}.footer-logo-row div{display:flex;flex-direction:column}.footer-logo-row span{font-size:12px}.footer-brand p{max-width:450px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px 0;color:#ac969d;font-size:12px}.content-area{padding:80px 0}.prose-wrap{max-width:900px}.standard-article h1,.archive-wrap>h1{font-size:clamp(38px,5vw,58px);line-height:1.08;letter-spacing:-.035em}.entry-content{font-size:17px}.entry-content h2{margin-top:42px}.article-image{border-radius:20px;margin:30px 0}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{border:1px solid var(--line);border-radius:20px;overflow:hidden}.news-card img{width:100%;aspect-ratio:3/2;object-fit:cover}.news-card-body{padding:20px}.news-card-body span{color:var(--maroon);font-size:12px}.news-card h2{font-size:21px;line-height:1.3}.news-card p{color:var(--muted)}
@media(max-width:991px){.container{width:min(var(--container),calc(100% - 40px))}.topline{display:none}.brand-row{min-height:76px}.brand-copy strong{font-size:17px}.brand-copy small{font-size:10px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:0;right:0;background:#fff}.primary-nav.is-open{display:block}.menu{display:block;padding:12px 20px 22px}.menu li{border-bottom:1px solid var(--line)}.menu a{display:block;padding:14px 4px}.hero{min-height:560px}.hero-inner{margin-left:0}.services-grid{grid-template-columns:repeat(2,1fr)}.section-split-head,.leader-grid,.updates-grid{grid-template-columns:1fr}.people-grid,.profile-grid{grid-template-columns:repeat(2,1fr)}.tri-grid{grid-template-columns:1fr}.bento-gallery{grid-template-columns:1.4fr 1fr;grid-template-rows:220px 220px 220px}.gallery-item-1{grid-row:1/3}.gallery-item-5{grid-column:1/3}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(var(--container),calc(100% - 28px))}.brand-logo img,.custom-logo{max-height:48px}.hero h1{font-size:40px}.hero-actions{flex-direction:column;align-items:flex-start}.services-section{margin-top:-28px}.services-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.service-card{min-width:78vw;scroll-snap-align:start}.video-section,.people-section,.gallery-section,.profile-section,.updates-section,.leader-section{padding:68px 0}.video-placeholder{min-height:260px}.section-head{align-items:flex-start;flex-direction:column}.people-grid,.profile-grid{display:flex;overflow-x:auto}.person-card,.profile-card{min-width:78vw}.news-row a{grid-template-columns:1fr}.news-row img{width:100%;height:190px}.announcement-column{padding:22px}.bento-gallery{grid-template-columns:1fr 1fr;grid-template-rows:220px 170px 170px}.gallery-item-1{grid-column:1/3;grid-row:auto}.gallery-item-4,.gallery-item-5{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.archive-grid{grid-template-columns:1fr}}

/* v0.1.1 — WordPress menu compatibility + wide-logo header fix */
.brand{min-width:0}.brand-logo{display:flex;align-items:center;flex:0 1 auto}.brand-logo img.custom-logo{display:block;max-height:70px;max-width:min(390px,48vw);width:auto;height:auto}.brand-copy{flex:0 0 auto}
.primary-nav .menu,.primary-nav .menu ul{list-style:none;margin:0;padding:0}.primary-nav .menu>li{position:relative;display:flex;align-items:center;min-height:54px}.primary-nav .menu>li>a{display:flex;align-items:center;gap:7px;padding:16px 0;white-space:nowrap}.primary-nav .menu>.menu-item-has-children>a:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7}.primary-nav .sub-menu{display:none;position:absolute;z-index:120;top:calc(100% - 1px);left:-16px;min-width:260px;max-width:340px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px;box-shadow:0 18px 46px rgba(35,11,20,.13)}.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:block}.primary-nav .sub-menu li{position:relative;display:block;border:0}.primary-nav .sub-menu a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:9px;font-size:13px;font-weight:650;line-height:1.35;white-space:normal}.primary-nav .sub-menu a:hover{background:#f8f3f5;color:var(--maroon)}.primary-nav .sub-menu .menu-item-has-children>a:after{content:"›";font-size:18px;line-height:1;color:#9a7d86}.primary-nav .sub-menu .sub-menu{top:-9px;left:calc(100% + 8px)}
@media(min-width:992px){.primary-nav>.container>.menu{justify-content:flex-start;flex-wrap:nowrap}.primary-nav .menu>li:last-child .sub-menu,.primary-nav .menu>li:nth-last-child(2) .sub-menu{left:auto;right:-16px}.primary-nav .menu>li:last-child .sub-menu .sub-menu,.primary-nav .menu>li:nth-last-child(2) .sub-menu .sub-menu{left:auto;right:calc(100% + 8px)}}
@media(max-width:991px){.brand-row{gap:16px}.brand-logo img.custom-logo{max-width:min(330px,68vw);max-height:58px}.primary-nav .menu>li{display:block;min-height:0}.primary-nav .menu>li>a{padding:14px 4px}.primary-nav .sub-menu,.primary-nav .sub-menu .sub-menu{position:static;display:block;min-width:0;max-width:none;margin:0;padding:0 0 7px 15px;border:0;border-radius:0;box-shadow:none;background:transparent}.primary-nav .sub-menu a{padding:9px 10px;font-size:13px;font-weight:600}.primary-nav .sub-menu .sub-menu{padding-left:16px}.primary-nav .menu>.menu-item-has-children>a:after{margin-left:auto}.primary-nav .sub-menu .menu-item-has-children>a:after{display:none}}

/* v0.1.2 — closer to the current Unsulbar visual language */
body{font-family:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.brand-row{min-height:96px}.brand-logo img.custom-logo{max-height:68px}.primary-nav .menu a{letter-spacing:-.012em}.hero{min-height:600px}.hero h1{font-weight:800;max-width:980px}.hero-tagline{font-weight:500;letter-spacing:-.018em}.service-card h3,.section-split-head h2,.section-head h2,.centered-head h2,.leader-copy h2{font-weight:800}
.updates-heading{margin-bottom:38px}.updates-heading h2{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.035em;margin:0}.updates-grid-unsulbar{grid-template-columns:1.45fr .78fr .95fr;gap:28px;align-items:start}.column-title{margin-bottom:20px}.column-title h3{font-size:24px;line-height:1.2;margin:0 0 5px;letter-spacing:-.025em}.column-title>span{font-size:13px;color:var(--muted)}.updates-grid-unsulbar .news-row a{grid-template-columns:126px 1fr;gap:16px;padding:17px 0}.updates-grid-unsulbar .news-row img{width:126px;height:88px}.updates-grid-unsulbar .news-row h3{font-size:16px;margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.updates-grid-unsulbar .news-row p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.more-link{display:inline-flex;margin-top:20px}.calendar-column,.announcement-column{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 12px 34px rgba(40,20,28,.05)}.announcement-column{height:auto}.announcement-item{display:block;padding:16px 0}.announcement-item>div{display:flex;flex-direction:column;gap:6px}.announcement-item small{font-size:10px;text-transform:none;color:var(--maroon);font-weight:750}.announcement-item span{font-size:13px;line-height:1.45}.mini-calendar{border-top:1px solid var(--line);padding-top:16px}.calendar-month{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:14px}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-weekdays span{text-align:center;font-size:9px;color:var(--muted);font-weight:700;padding:4px 0}.calendar-days span{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:8px;font-size:10px;font-weight:650}.calendar-days span.is-today{background:var(--maroon);color:#fff}.calendar-days span.has-agenda:not(.is-today){background:#f1dde4;color:var(--maroon)}.calendar-days span.has-agenda:after{content:"";position:absolute;bottom:3px;width:3px;height:3px;border-radius:50%;background:currentColor}.calendar-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.calendar-legend span{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.today-dot{background:var(--maroon)}.agenda-dot{background:#d6a7b6}
.gallery-section{padding:100px 0}.gallery-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}.gallery-card{min-width:0}.gallery-card-image{display:block;aspect-ratio:1.25/1;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#6e1730,#9d4f66)}.gallery-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.gallery-card:hover .gallery-card-image img{transform:scale(1.035)}.gallery-card-copy{padding:13px 2px 0}.gallery-card-copy h3{font-size:15px;line-height:1.42;letter-spacing:-.015em;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-card-copy>div{display:flex;gap:10px;align-items:center;font-size:10px;color:var(--muted);font-weight:650}.gallery-card-copy>div span+span:before{content:"•";margin-right:10px;color:#bbb}.gallery-card-placeholder .gallery-card-image{min-height:180px}
@media(max-width:1180px){.updates-grid-unsulbar{grid-template-columns:1.25fr .75fr}.announcement-column{grid-column:1/-1}.gallery-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.updates-grid-unsulbar{grid-template-columns:1fr}.announcement-column{grid-column:auto}.gallery-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.gallery-card-copy h3{font-size:13px}.hero{min-height:560px}.hero h1{font-size:clamp(38px,11vw,52px)}}

/* v0.1.3 — stronger Unsulbar-like proportions and a more distinctive math hero */
:root{--container:1320px}
.topline-inner{min-height:38px}.topline{font-size:11px}.brand-row{min-height:112px}.brand-logo img.custom-logo{max-height:82px;max-width:min(450px,52vw)}.primary-nav .menu{min-height:58px;gap:34px}.primary-nav .menu>li{min-height:58px}.primary-nav .menu>li>a{padding:18px 0;font-size:13px}.primary-nav{background:#fff}
.hero{min-height:650px;background:linear-gradient(102deg,#4b0b1d 0%,#70142e 48%,#8f2948 100%)}.hero:after{content:"";position:absolute;right:-40px;top:15px;width:min(62vw,960px);height:92%;background:url('../images/math-hero-pattern.svg') center/contain no-repeat;opacity:.45;pointer-events:none}.hero[style*="--hero-image"]:after{opacity:.20}.hero-overlay{background:linear-gradient(90deg,rgba(55,7,22,.94) 0%,rgba(71,13,31,.82) 46%,rgba(73,15,34,.26) 100%)}.hero-inner{padding-block:96px 138px;max-width:860px}.hero-eyebrow{font-size:11px;letter-spacing:.19em;margin-bottom:18px}.hero h1{font-size:clamp(46px,4.65vw,68px);line-height:1.055;max-width:860px}.hero-tagline{font-size:clamp(17px,1.55vw,23px);margin-top:26px}.hero-actions{margin-top:32px}.btn{padding:13px 22px}
.services-section{margin-top:-72px;padding-bottom:72px}.services-grid{gap:14px}.service-card{min-height:214px;padding:22px 22px 20px;border-radius:16px;box-shadow:0 14px 38px rgba(40,20,28,.09)}.service-icon{width:42px;height:42px;border-radius:12px;margin-bottom:18px}.service-card h3{font-size:17px}.service-card p{font-size:12px;line-height:1.55}.service-link{font-size:11px;padding-top:18px}
.video-section{padding-top:80px;padding-bottom:100px}.section-split-head{align-items:center;margin-bottom:36px}.section-split-head h2{max-width:760px}.video-frame{border-radius:22px}
.updates-section{padding-top:92px}.gallery-section{padding-top:92px}
@media(max-width:991px){.brand-row{min-height:88px}.brand-logo img.custom-logo{max-height:64px}.hero{min-height:590px}.hero:after{width:75vw;right:-180px;opacity:.24}.hero-inner{padding-block:78px 122px}.services-section{margin-top:-58px}}
@media(max-width:640px){.brand-row{min-height:76px}.brand-logo img.custom-logo{max-height:54px;max-width:72vw}.hero{min-height:590px}.hero:after{right:-260px;width:920px;opacity:.18}.hero-inner{padding-block:72px 104px}.hero h1{font-size:clamp(38px,11vw,49px);max-width:95%}.hero-tagline{font-size:16px}.services-section{margin-top:-42px;padding-bottom:52px}.service-card{min-height:200px}.video-section{padding-top:56px}}


/* v0.1.4 — functional content fields + typography correction */
body{font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.person-card{display:flex;flex-direction:column}.person-card>a{display:block;flex:1}.person-links{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 18px!important}.person-links a{font-size:10px;font-weight:800;color:var(--maroon);padding:6px 9px;border:1px solid #ead8de;border-radius:999px;background:#fff}.person-links a:hover{background:#f7edf0}.footer-social{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.footer-social a{font-weight:750;color:#fff!important}

/* v0.1.5 — one-row Unsulbar-style header + looping Sandeq ornament */
.site-header-unsulbar{background:#fff;border-top:1px solid rgba(35,17,17,.22)}
.site-header-unsulbar.is-scrolled{position:sticky;top:0;box-shadow:0 10px 34px rgba(36,9,18,.10)}
.header-main{background:#fff}
.header-shell{position:relative;min-height:100px;display:grid;grid-template-columns:minmax(335px,auto) minmax(120px,1fr) auto;align-items:center;gap:22px}
.brand-inline{min-width:0;align-self:stretch;display:flex;align-items:center}
.brand-inline .brand-logo{display:flex;align-items:center;min-width:0}
.brand-inline .brand-logo img.custom-logo{display:block;max-height:72px;max-width:390px;width:auto;height:auto;object-fit:contain}
.brand-inline .brand-copy{line-height:1.03}
.brand-inline .brand-copy strong{font-size:24px;color:#721016;letter-spacing:-.025em}
.brand-inline .brand-copy small{font-size:12px;color:#85899a;font-weight:700;letter-spacing:.04em;margin-top:7px}

.sandeq-lane{position:relative;height:84px;min-width:120px;overflow:hidden;color:#8c4b55;opacity:.38;pointer-events:none;align-self:center}
.sandeq-drift{position:absolute;left:0;top:0;width:92px;height:84px;animation:sandeq-route 8.5s ease-in-out infinite alternate}
.sandeq-boat{width:92px;height:82px;display:block;transform-origin:50% 78%;animation:sandeq-bob 2.7s ease-in-out infinite}
@keyframes sandeq-route{0%{left:0}100%{left:calc(100% - 92px)}}
@keyframes sandeq-bob{0%,100%{transform:translateY(2px) rotate(-1.2deg)}50%{transform:translateY(-3px) rotate(1.2deg)}}

.primary-nav-inline{border:0;background:transparent;min-width:0}
.primary-nav-inline .menu{min-height:0;gap:8px;justify-content:flex-end;flex-wrap:nowrap}
.primary-nav-inline .menu>li{min-height:0;position:relative}
.primary-nav-inline .menu>li>a{padding:13px 14px;border-radius:10px;font-size:14px;font-weight:650;line-height:1;color:#374151;white-space:nowrap;transition:background-color .18s,color .18s,box-shadow .18s}
.primary-nav-inline .menu>li>a:hover{background:#f7f2f3;color:#720000}
.primary-nav-inline .menu>.current-menu-item>a,
.primary-nav-inline .menu>.current_page_item>a,
.primary-nav-inline .menu>.current-menu-ancestor>a,
.primary-nav-inline .menu>.current_page_ancestor>a{background:#770000;color:#fff;box-shadow:0 5px 12px rgba(92,0,0,.15);padding-inline:20px}
.primary-nav-inline .menu>.menu-item-has-children>a:after{display:none}
.primary-nav-inline .sub-menu{top:calc(100% + 12px);left:0;border-radius:12px}
.primary-nav-inline .menu>li:last-child .sub-menu,
.primary-nav-inline .menu>li:nth-last-child(2) .sub-menu{left:auto;right:0}

.header-maroon-strip{height:24px;background-color:#3a0a0d;background-image:linear-gradient(120deg,transparent 0 28%,rgba(255,255,255,.035) 28.2% 28.5%,transparent 28.7% 55%,rgba(255,255,255,.03) 55.2% 55.45%,transparent 55.7%),radial-gradient(circle at 42% 50%,rgba(244,213,165,.32) 0 2px,transparent 2.8px),radial-gradient(circle at 68% 70%,rgba(244,213,165,.16) 0 1.5px,transparent 2.3px),linear-gradient(180deg,#39090c,#260506)}

/* keep the hero flush with the decorative strip, like the main Unsulbar site */
.site-header-unsulbar + main .hero,.site-header-unsulbar + .hero{margin-top:0}

@media(max-width:1500px){
  .header-shell{grid-template-columns:minmax(290px,auto) minmax(80px,.65fr) auto;gap:12px}
  .brand-inline .brand-logo img.custom-logo{max-width:330px;max-height:66px}
  .primary-nav-inline .menu{gap:3px}
  .primary-nav-inline .menu>li>a{padding-inline:10px;font-size:13px}
  .primary-nav-inline .menu>.current-menu-item>a,.primary-nav-inline .menu>.current_page_item>a,.primary-nav-inline .menu>.current-menu-ancestor>a,.primary-nav-inline .menu>.current_page_ancestor>a{padding-inline:16px}
}
@media(max-width:1220px){
  .header-shell{grid-template-columns:minmax(260px,auto) 1fr auto;min-height:92px}
  .sandeq-lane{display:none}
  .primary-nav-inline .menu{gap:1px}
  .primary-nav-inline .menu>li>a{font-size:12px;padding:12px 8px}
}
@media(max-width:1050px){
  .header-shell{display:flex;min-height:84px;justify-content:space-between;gap:16px}
  .brand-inline .brand-logo img.custom-logo{max-height:60px;max-width:min(360px,68vw)}
  .menu-toggle{display:block;margin-left:auto}
  .primary-nav-inline{display:none;position:absolute;left:0;right:0;top:100%;z-index:160;background:#fff;border-top:1px solid var(--line);box-shadow:0 18px 35px rgba(28,10,16,.10);padding:12px 20px 20px}
  .primary-nav-inline.is-open{display:block}
  .primary-nav-inline .menu{display:block}
  .primary-nav-inline .menu>li{display:block}
  .primary-nav-inline .menu>li>a{display:flex;padding:13px 12px;font-size:14px;border-radius:9px}
  .primary-nav-inline .menu>.current-menu-item>a,.primary-nav-inline .menu>.current_page_item>a,.primary-nav-inline .menu>.current-menu-ancestor>a,.primary-nav-inline .menu>.current_page_ancestor>a{padding-inline:14px}
  .primary-nav-inline .sub-menu,.primary-nav-inline .sub-menu .sub-menu{position:static;display:block;min-width:0;max-width:none;margin:0;padding:2px 0 6px 14px;border:0;border-radius:0;box-shadow:none;background:transparent}
  .header-maroon-strip{height:18px}
}
@media(max-width:640px){
  .header-shell{min-height:76px}
  .brand-inline .brand-logo img.custom-logo{max-height:54px;max-width:72vw}
  .header-maroon-strip{height:15px}
}
@media(prefers-reduced-motion:reduce){.sandeq-drift,.sandeq-boat{animation:none!important}}

/* v0.1.6 — header + looping Sandeq + animated hero matched to Unsulbar reference video */
.site-header-unsulbar{background:#fff;border:0;box-shadow:none}
.site-header-unsulbar.is-scrolled{position:sticky;top:0;box-shadow:0 8px 28px rgba(45,10,18,.10)}
.header-main{position:relative;overflow:hidden;background:#fbf9fa}
.header-shell{position:relative;z-index:4;width:calc(100% - 40px);max-width:1880px;min-height:103px;margin-inline:auto;display:flex;align-items:center;gap:26px}
.brand-inline{flex:0 0 auto;min-width:0;display:flex;align-items:center;align-self:stretch}
.brand-inline .brand-logo{display:flex;align-items:center}
.brand-inline .brand-logo img.custom-logo{display:block;max-height:72px;max-width:410px;width:auto;height:auto;object-fit:contain}
.brand-inline .brand-copy strong{font-size:26px;color:#771016;letter-spacing:-.035em;line-height:1.02}
.brand-inline .brand-copy small{font-size:12px;color:#858b9a;font-weight:700;letter-spacing:.04em;margin-top:6px}

.header-wave-track{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none;opacity:.95}
.header-wave{position:absolute;left:-190px;width:138px;height:auto;will-change:left,transform,opacity;animation-name:math-wave-drift,math-wave-float;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-fill-mode:both,both}
.header-wave.wave-a{top:13px;opacity:.72;animation-duration:64s,7.5s;animation-delay:-8s,-1.2s;transform:scale(.9)}
.header-wave.wave-b{top:37px;opacity:.52;animation-duration:82s,9s;animation-delay:-39s,-4.8s;transform:scale(1.08)}
.header-wave.wave-c{top:24px;opacity:.42;animation-duration:72s,8.2s;animation-delay:-61s,-2.9s;transform:scale(.82)}
@keyframes math-wave-drift{0%{left:-190px}100%{left:calc(100% + 190px)}}
@keyframes math-wave-float{0%,100%{translate:0 0}50%{translate:0 -2px}}

.primary-nav-inline{margin-left:auto;min-width:0;border:0;background:transparent;position:relative;z-index:5}
.primary-nav-inline .menu{min-height:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap}
.primary-nav-inline .menu>li{min-height:0;position:relative;display:flex;align-items:center}
.primary-nav-inline .menu>li>a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:10px;font-size:15px;font-weight:650;line-height:1;color:#3e4657;white-space:nowrap;letter-spacing:-.015em;transition:background-color .18s,color .18s,transform .18s,box-shadow .18s}
.primary-nav-inline .menu>li>a:hover{background:rgba(119,0,0,.055);color:#770000;transform:translateY(-1px)}
.primary-nav-inline .menu>.current-menu-item>a,
.primary-nav-inline .menu>.current_page_item>a,
.primary-nav-inline .menu>.current-menu-ancestor>a,
.primary-nav-inline .menu>.current_page_ancestor>a{background:#790000;color:#fff;box-shadow:0 7px 16px rgba(92,0,0,.17);padding-inline:22px}
.primary-nav-inline .menu>.menu-item-has-children>a:after{display:none!important}
.primary-nav-inline .sub-menu{top:calc(100% + 10px);left:0;border:1px solid #ece4e6;border-radius:13px;padding:9px;background:#fff;box-shadow:0 20px 46px rgba(37,10,18,.13)}
.primary-nav-inline .sub-menu a{min-height:0!important;padding:10px 12px!important;border-radius:8px!important;font-size:13px!important;justify-content:flex-start!important;color:#343b49!important;background:transparent!important;box-shadow:none!important}
.primary-nav-inline .sub-menu a:hover{background:#f8f2f4!important;color:#770000!important;transform:none!important}

/* animated hero: color cycle + network motif + foreground portrait */
.hero.hero-unsulbar{position:relative;min-height:472px;display:block;overflow:hidden;color:#fff;background:#650018}
.hero.hero-unsulbar:before{content:"";position:absolute;z-index:1;inset:0;background-image:var(--hero-image);background-size:cover;background-position:center;opacity:.16;mix-blend-mode:soft-light;pointer-events:none}
.hero.hero-unsulbar:after{display:none}
.hero-color-flow{position:absolute;z-index:0;inset:-14%;background:linear-gradient(118deg,#4a081b 0%,#641026 18%,#7b1830 37%,#8a273f 55%,#742451 72%,#5a102f 88%,#4a081b 100%);background-size:300% 300%;animation:math-hero-color 58s ease-in-out infinite;transform:scale(1.09);filter:saturate(.96)}
@keyframes math-hero-color{0%,100%{background-position:0% 50%}25%{background-position:35% 46%}50%{background-position:72% 54%}75%{background-position:100% 48%}}
.hero-network{position:absolute;z-index:2;inset:0;background:url('../images/hero-network.svg') center/cover no-repeat;opacity:.55;animation:math-network-drift 12s ease-in-out infinite alternate;pointer-events:none}
@keyframes math-network-drift{from{transform:translate3d(-8px,4px,0) scale(1.015);opacity:.43}to{transform:translate3d(8px,-4px,0) scale(1.03);opacity:.62}}
.hero-soft-particles{position:absolute;z-index:2;inset:0;pointer-events:none}
.hero-soft-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;opacity:.38;box-shadow:0 0 12px rgba(255,255,255,.6);animation:math-particle 5s ease-in-out infinite alternate}
.hero-soft-particles i:nth-child(1){left:8%;top:36%;animation-delay:-1s}.hero-soft-particles i:nth-child(2){left:16%;top:78%;animation-delay:-3s}.hero-soft-particles i:nth-child(3){left:53%;top:20%;animation-delay:-2s}.hero-soft-particles i:nth-child(4){left:71%;top:69%;animation-delay:-4s}.hero-soft-particles i:nth-child(5){left:88%;top:34%;animation-delay:-.5s}.hero-soft-particles i:nth-child(6){left:95%;top:77%;animation-delay:-2.5s}
@keyframes math-particle{from{transform:translateY(0);opacity:.18}to{transform:translateY(-13px);opacity:.56}}
.hero-stage{position:relative;z-index:3;width:min(1480px,calc(100% - 80px));min-height:472px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.58fr) minmax(360px,.72fr);align-items:stretch}
.hero-copy{position:relative;z-index:5;align-self:center;padding:42px 0 54px;max-width:900px}
.hero-pill{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:52px;padding:0 28px;margin:0 0 28px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(255,255,255,.07);backdrop-filter:blur(3px);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#fff}
.hero.hero-unsulbar h1{margin:0;max-width:900px;font-size:clamp(46px,3.35vw,64px);line-height:1.12;letter-spacing:-.042em;font-weight:800;color:#fff;text-wrap:balance}
.hero.hero-unsulbar .hero-tagline{margin:30px 0 0;font-size:clamp(18px,1.45vw,25px);line-height:1.45;font-weight:600;letter-spacing:-.022em;color:rgba(255,255,255,.92)}
.hero-person-wrap{position:relative;z-index:4;align-self:stretch;min-width:0}
.hero-person{position:absolute;right:1%;bottom:-3px;display:block;width:auto;height:min(510px,108%);max-width:none;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 16px 18px rgba(40,0,10,.18))}

/* cards sit closer to the animated hero, matching the institutional portal rhythm */
.services-section{margin-top:-28px;padding-top:0}

@media(max-width:1540px){
  .header-shell{width:calc(100% - 34px);gap:18px}
  .brand-inline .brand-logo img.custom-logo{max-width:350px;max-height:66px}
  .primary-nav-inline .menu{gap:4px}
  .primary-nav-inline .menu>li>a{padding-inline:12px;font-size:13px;min-height:44px}
  .primary-nav-inline .menu>.current-menu-item>a,.primary-nav-inline .menu>.current_page_item>a,.primary-nav-inline .menu>.current-menu-ancestor>a,.primary-nav-inline .menu>.current_page_ancestor>a{padding-inline:18px}
  .header-wave{width:122px}
  .hero-stage{width:min(1380px,calc(100% - 64px));grid-template-columns:minmax(0,1.52fr) minmax(330px,.7fr)}
  .hero-person{height:min(500px,106%);right:0}
}
@media(max-width:1220px){
  .header-shell{min-height:92px}
  .brand-inline .brand-logo img.custom-logo{max-width:310px;max-height:60px}
  .header-wave-track{opacity:.78}
  .primary-nav-inline .menu>li>a{font-size:12px;padding-inline:9px}
  .hero-stage{width:min(1120px,calc(100% - 52px));grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}
  .hero.hero-unsulbar h1{font-size:clamp(42px,4.8vw,58px)}
  .hero-person{height:min(470px,104%);right:-2%}
}
@media(max-width:1050px){
  .header-shell{display:flex;min-height:84px;justify-content:space-between;gap:16px}
  .brand-inline .brand-logo img.custom-logo{max-height:58px;max-width:min(340px,68vw)}
  .header-wave-track{opacity:.45}
  .menu-toggle{display:block;margin-left:auto;position:relative;z-index:7}
  .primary-nav-inline{display:none;position:absolute;left:0;right:0;top:100%;z-index:160;margin:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 18px 35px rgba(28,10,16,.10);padding:12px 20px 20px}
  .primary-nav-inline.is-open{display:block}
  .primary-nav-inline .menu{display:block}
  .primary-nav-inline .menu>li{display:block}
  .primary-nav-inline .menu>li>a{display:flex;justify-content:flex-start;padding:13px 12px;font-size:14px;border-radius:9px}
  .primary-nav-inline .sub-menu,.primary-nav-inline .sub-menu .sub-menu{position:static;display:block;min-width:0;max-width:none;margin:0;padding:2px 0 6px 14px;border:0;border-radius:0;box-shadow:none;background:transparent}
  .hero.hero-unsulbar{min-height:510px}
  .hero-stage{width:calc(100% - 42px);min-height:510px;grid-template-columns:minmax(0,1fr) minmax(270px,.55fr)}
  .hero-copy{padding-block:56px 72px}
  .hero-pill{min-height:46px;padding-inline:22px;margin-bottom:22px}
  .hero.hero-unsulbar h1{font-size:clamp(40px,5.8vw,54px)}
  .hero-person{height:470px;right:-9%}
}
@media(max-width:760px){
  .header-wave-track{display:none}
  .hero.hero-unsulbar{min-height:570px}
  .hero-stage{width:calc(100% - 30px);min-height:570px;display:block}
  .hero-copy{position:relative;z-index:6;padding:60px 0 160px;max-width:95%}
  .hero-pill{min-height:42px;padding-inline:18px;font-size:10px;margin-bottom:20px}
  .hero.hero-unsulbar h1{font-size:clamp(38px,10.5vw,50px);line-height:1.07}
  .hero.hero-unsulbar .hero-tagline{font-size:16px;margin-top:24px;max-width:80%}
  .hero-person-wrap{position:absolute;inset:0;z-index:4;pointer-events:none}
  .hero-person{height:350px;right:-46px;bottom:-18px;opacity:.68}
  .hero-network{opacity:.32}
  .services-section{margin-top:-22px}
}
@media(max-width:480px){
  .header-shell{width:calc(100% - 24px);min-height:76px}
  .brand-inline .brand-logo img.custom-logo{max-height:52px;max-width:70vw}
  .hero.hero-unsulbar{min-height:555px}
  .hero-copy{padding-top:54px}
  .hero.hero-unsulbar h1{font-size:clamp(36px,11vw,46px)}
  .hero-person{height:320px;right:-70px;opacity:.62}
}
@media(prefers-reduced-motion:reduce){.header-wave,.hero-color-flow,.hero-network,.hero-soft-particles i{animation:none!important}}
@media(min-width:783px){.admin-bar .site-header-unsulbar.is-scrolled{top:32px}}
@media(max-width:782px){.admin-bar .site-header-unsulbar.is-scrolled{top:46px}}

/* v0.1.7 — dropdown layering fix + cursor-responsive hero parallax */
.site-header{z-index:1200}
.site-header-unsulbar{position:relative;z-index:1200;overflow:visible}
.header-main{overflow:visible!important;position:relative;z-index:1200}
.header-wave-track{overflow:hidden}
.header-shell{z-index:1210}
.primary-nav-inline{z-index:1230}
.primary-nav-inline .menu>li{z-index:1231}
.primary-nav-inline .sub-menu{z-index:1300!important;overflow:visible}
.primary-nav-inline .sub-menu .sub-menu{z-index:1310!important}
.hero.hero-unsulbar{z-index:1;--hero-bg-x:0px;--hero-bg-y:0px;--hero-net-x:0px;--hero-net-y:0px;--hero-particle-x:0px;--hero-particle-y:0px;--hero-person-x:0px;--hero-person-y:0px;--hero-person-rx:0deg;--hero-person-ry:0deg}
.hero.hero-unsulbar:before{inset:-3%;transform:translate3d(var(--hero-bg-x),var(--hero-bg-y),0) scale(1.06);transition:transform .18s cubic-bezier(.2,.7,.2,1);will-change:transform}
.hero-color-flow{transform:translate3d(calc(var(--hero-bg-x) * .22),calc(var(--hero-bg-y) * .22),0) scale(1.10);will-change:transform,background-position}
.hero-network{animation:math-network-breathe 8s ease-in-out infinite alternate;transform:translate3d(var(--hero-net-x),var(--hero-net-y),0) scale(1.045);transition:transform .16s cubic-bezier(.2,.75,.2,1);will-change:transform,opacity}
@keyframes math-network-breathe{from{opacity:.43}to{opacity:.62}}
.hero-soft-particles{transform:translate3d(var(--hero-particle-x),var(--hero-particle-y),0);transition:transform .2s cubic-bezier(.2,.75,.2,1);will-change:transform}
.hero-person-wrap{perspective:1000px;overflow:visible}
.hero-person{transform:translate3d(var(--hero-person-x),var(--hero-person-y),0) rotateX(var(--hero-person-rx)) rotateY(var(--hero-person-ry));transform-origin:54% 60%;transition:transform .16s cubic-bezier(.2,.75,.2,1),filter .2s ease;will-change:transform}
.hero-person-wrap:hover .hero-person{filter:drop-shadow(0 18px 22px rgba(40,0,10,.22))}
.hero.hero-unsulbar.is-pointer-active .hero-network{transition-duration:.08s}
.hero.hero-unsulbar.is-pointer-active .hero-person{transition-duration:.08s}
@media(max-width:1050px){.site-header-unsulbar,.header-main{overflow:visible!important}.primary-nav-inline{z-index:1400}.primary-nav-inline.is-open{z-index:1400}}
@media(pointer:coarse),(max-width:760px){.hero.hero-unsulbar:before,.hero-color-flow,.hero-network,.hero-soft-particles,.hero-person{transform:none!important}}
@media(prefers-reduced-motion:reduce){.hero.hero-unsulbar:before,.hero-network,.hero-soft-particles,.hero-person{transition:none!important;transform:none!important}}

/* v0.1.8 — Unsulbar-style living particle network + cursor repulsion */
.hero.hero-unsulbar{
  --hero-person-x:0px;
  --hero-person-y:0px;
  --hero-person-scale:1;
  isolation:isolate;
  background:#6b001d;
}
.hero-color-flow{
  inset:-8%;
  transform:scale(1.06);
  background:#6c001d;
  animation:math-hero-palette 24s ease-in-out infinite;
  will-change:background,filter;
}
@keyframes math-hero-palette{
  0%{background:linear-gradient(112deg,#5a0019 0%,#8b1e0d 48%,#a44a0b 100%);filter:saturate(1.02) brightness(.98)}
  20%{background:linear-gradient(112deg,#651018 0%,#9a3710 44%,#8c163c 100%);filter:saturate(1.04) brightness(1)}
  42%{background:linear-gradient(112deg,#4f001a 0%,#82002f 48%,#9b075f 100%);filter:saturate(1.08) brightness(.98)}
  64%{background:linear-gradient(112deg,#4e001d 0%,#76003a 45%,#940066 100%);filter:saturate(1.1) brightness(.96)}
  82%{background:linear-gradient(112deg,#570019 0%,#7e002a 50%,#8c1024 100%);filter:saturate(1.06) brightness(.97)}
  100%{background:linear-gradient(112deg,#5a0019 0%,#8b1e0d 48%,#a44a0b 100%);filter:saturate(1.02) brightness(.98)}
}
/* Static SVG remains as a very faint texture/fallback; live network is rendered on canvas. */
.hero-network{
  z-index:1;
  opacity:.10;
  animation:math-network-ambient 18s ease-in-out infinite alternate;
  transform:scale(1.06);
  transition:none;
}
@keyframes math-network-ambient{
  from{transform:translate3d(-8px,5px,0) scale(1.055);opacity:.07}
  to{transform:translate3d(10px,-6px,0) scale(1.075);opacity:.14}
}
.hero-particle-canvas{
  position:absolute;
  z-index:2;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  pointer-events:none;
  opacity:.96;
}
.hero-soft-particles{z-index:2;opacity:.45}
.hero-soft-particles i{animation-duration:7.5s}
.hero-stage{z-index:4}
.hero-copy{z-index:6}
.hero-person-wrap{z-index:6;perspective:none;overflow:visible}
.hero-person{
  transform:translate3d(var(--hero-person-x),var(--hero-person-y),0) scale(var(--hero-person-scale));
  transform-origin:55% 68%;
  transition:transform .18s cubic-bezier(.22,.75,.2,1),filter .24s ease;
  will-change:transform;
}
.hero-person-wrap.is-person-hover .hero-person{filter:drop-shadow(0 20px 25px rgba(35,0,8,.24))}
.hero.hero-unsulbar.is-pointer-active .hero-person{transition-duration:.11s}

@media(pointer:coarse),(max-width:760px){
  .hero-particle-canvas{opacity:.72}
  .hero-person{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-color-flow,.hero-network{animation:none!important}
  .hero-particle-canvas{display:none}
  .hero-person{transform:none!important;transition:none!important}
}

/* v0.2.1 — wave icon closer to reference + jumping fish + calmer denser hero */
.header-wave-track{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none;opacity:.30}
.header-wave{position:absolute;left:-240px;width:148px;height:auto;will-change:left,transform,opacity;animation-name:math-wave-drift-21,math-wave-float-21;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-fill-mode:both,both;filter:drop-shadow(0 1px 0 rgba(16,168,187,.05))}
.header-wave.wave-a{top:6px;animation-duration:88s,7.8s;animation-delay:-8s,-1.5s;opacity:.28;transform:scale(.76)}
.header-wave.wave-b{top:26px;animation-duration:71s,6.8s;animation-delay:-29s,-3.4s;opacity:.33;transform:scale(.88)}
.header-wave.wave-c{top:12px;animation-duration:96s,8.6s;animation-delay:-56s,-5.2s;opacity:.24;transform:scale(.72)}
@keyframes math-wave-drift-21{0%{left:-240px}100%{left:calc(100% + 220px)}}
@keyframes math-wave-float-21{0%,100%{translate:0 0}50%{translate:0 -2px}}
.header-fish{position:absolute;left:-220px;top:32px;width:84px;height:auto;opacity:.46;will-change:left,transform,opacity;filter:drop-shadow(0 2px 3px rgba(20,30,45,.08));animation-name:math-fish-travel,math-fish-jump;animation-timing-function:linear,cubic-bezier(.2,.75,.3,1);animation-iteration-count:infinite,infinite;animation-fill-mode:both,both}
.header-fish.fish-a{animation-duration:74s,5.8s;animation-delay:-20s,-1.2s;transform:scale(.72)}
.header-fish.fish-b{animation-duration:93s,7.2s;animation-delay:-53s,-4.1s;transform:scale(.60) scaleX(-1)}
@keyframes math-fish-travel{0%{left:-220px}100%{left:calc(100% + 140px)}}
@keyframes math-fish-jump{
  0%,12%,100%{translate:0 0;opacity:.0}
  16%{translate:0 -18px;opacity:.34}
  22%{translate:0 -52px;opacity:.46}
  28%{translate:0 -79px rotate(-6deg);opacity:.50}
  34%{translate:0 -46px rotate(-2deg);opacity:.44}
  40%{translate:0 -12px rotate(4deg);opacity:.20}
  45%,99%{translate:0 0;opacity:0}
}
.hero-color-flow{inset:-12%;background:linear-gradient(120deg,#500816 0%,#5d0e1d 18%,#6c1326 36%,#73162a 54%,#792033 70%,#6e1930 86%,#5c1023 100%)!important;background-size:260% 260%!important;animation:math-hero-palette-21 78s linear infinite!important;filter:saturate(.95)}
@keyframes math-hero-palette-21{0%{background-position:0% 50%}25%{background-position:28% 48%}50%{background-position:56% 52%}75%{background-position:82% 49%}100%{background-position:0% 50%}}
@media(max-width:1220px){.header-wave{width:128px}.header-fish{width:74px}}
@media(max-width:1050px){.header-wave-track{display:none}}
@media(prefers-reduced-motion:reduce){.header-wave,.header-fish{animation:none!important}}

/* v0.2.2 — more waves/fish, faster motion, higher fish jumps, stronger network */
.header-wave-track{opacity:.34}
.header-wave{position:absolute;left:-270px;width:156px;height:auto;will-change:left,transform,opacity;animation-name:math-wave-drift-22,math-wave-float-22;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-fill-mode:both,both;filter:drop-shadow(0 1px 0 rgba(30,162,232,.06))}
.header-wave.wave-a{top:8px;animation-duration:58s,6.2s;animation-delay:-7s,-1.2s;opacity:.28;transform:scale(.72)}
.header-wave.wave-b{top:24px;animation-duration:44s,5.4s;animation-delay:-19s,-3.0s;opacity:.36;transform:scale(.86)}
.header-wave.wave-c{top:11px;animation-duration:64s,7.0s;animation-delay:-33s,-5.2s;opacity:.26;transform:scale(.70)}
.header-wave.wave-d{top:30px;animation-duration:49s,5.8s;animation-delay:-11s,-2.1s;opacity:.31;transform:scale(.80)}
.header-wave.wave-e{top:16px;animation-duration:39s,5.0s;animation-delay:-27s,-4.3s;opacity:.22;transform:scale(.62)}
@keyframes math-wave-drift-22{0%{left:-270px}100%{left:calc(100% + 240px)}}
@keyframes math-wave-float-22{0%,100%{translate:0 0}50%{translate:0 -3px}}
.header-fish{position:absolute;left:-250px;top:34px;width:86px;height:auto;opacity:.50;will-change:left,transform,opacity;filter:drop-shadow(0 3px 4px rgba(20,30,45,.10));animation-name:math-fish-travel-22,math-fish-jump-22;animation-timing-function:linear,cubic-bezier(.2,.72,.25,1);animation-iteration-count:infinite,infinite;animation-fill-mode:both,both}
.header-fish.fish-a{animation-duration:43s,4.6s;animation-delay:-8s,-.8s;transform:scale(.70)}
.header-fish.fish-b{animation-duration:55s,5.2s;animation-delay:-22s,-2.4s;transform:scale(.62) scaleX(-1)}
.header-fish.fish-c{animation-duration:37s,4.2s;animation-delay:-29s,-1.7s;transform:scale(.58)}
.header-fish.fish-d{animation-duration:49s,5.8s;animation-delay:-15s,-3.6s;transform:scale(.76) scaleX(-1)}
@keyframes math-fish-travel-22{0%{left:-250px}100%{left:calc(100% + 160px)}}
@keyframes math-fish-jump-22{
  0%,8%,100%{translate:0 0;opacity:0}
  12%{translate:0 -24px rotate(-3deg);opacity:.34}
  18%{translate:0 -74px rotate(-7deg);opacity:.48}
  24%{translate:0 -118px rotate(-9deg);opacity:.60}
  30%{translate:0 -142px rotate(-6deg);opacity:.64}
  38%{translate:0 -102px rotate(-1deg);opacity:.54}
  46%{translate:0 -48px rotate(5deg);opacity:.34}
  54%{translate:0 -10px rotate(10deg);opacity:.16}
  58%,99%{translate:0 0;opacity:0}
}
.hero-particle-canvas{opacity:.92}
@media(max-width:1220px){.header-wave{width:138px}.header-fish{width:76px}}
@media(max-width:1050px){.header-wave-track{display:none}}
@media(prefers-reduced-motion:reduce){.header-wave,.header-fish{animation:none!important}}


/* v0.2.3 — clearer wave/fish silhouettes and slightly brighter palette */
.header-wave-track{opacity:.40}
.header-wave{filter:drop-shadow(0 1px 0 rgba(83,198,255,.08)) brightness(1.05)}
.header-wave.wave-a{opacity:.34}
.header-wave.wave-b{opacity:.42}
.header-wave.wave-c{opacity:.30}
.header-wave.wave-d{opacity:.36}
.header-wave.wave-e{opacity:.28}
.header-fish{opacity:.60;filter:drop-shadow(0 3px 5px rgba(32,54,74,.12)) brightness(1.06)}
.hero-color-flow{background:linear-gradient(120deg,#5b0e1d 0%,#6b1324 18%,#7b1830 36%,#86223a 54%,#91324a 70%,#7a2037 86%,#651425 100%)!important;filter:saturate(1.02) brightness(1.04)!important}


/* v0.2.4 — execute system with crimson boat asset replacing all header ornaments */
.header-wave-track,.header-fish{display:none!important}
.header-boat-track{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none;opacity:.58}
.header-boat{position:absolute;left:-340px;top:10px;width:168px;height:auto;will-change:left,transform,opacity;filter:brightness(1.18) saturate(1.12) contrast(1.05) drop-shadow(0 3px 6px rgba(88,16,31,.10));animation-name:math-header-boat-sail,math-header-boat-float;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-fill-mode:both,both}
.header-boat.boat-a{top:8px;animation-duration:64s,6.5s;animation-delay:-6s,-1.2s;transform:scale(.44)}
.header-boat.boat-b{top:26px;animation-duration:52s,5.8s;animation-delay:-18s,-2.7s;transform:scale(.50);opacity:.68}
.header-boat.boat-c{top:14px;animation-duration:73s,7.4s;animation-delay:-31s,-3.9s;transform:scale(.40);opacity:.50}
.header-boat.boat-d{top:33px;animation-duration:45s,5.1s;animation-delay:-11s,-1.9s;transform:scale(.56);opacity:.76}
@keyframes math-header-boat-sail{0%{left:-340px}100%{left:calc(100% + 260px)}}
@keyframes math-header-boat-float{0%,100%{translate:0 0;rotate:-.5deg}50%{translate:0 -3px;rotate:.7deg}}
@media(max-width:1220px){.header-boat{width:150px}.header-boat-track{opacity:.52}}
@media(max-width:1050px){.header-boat-track{display:none}}
@media(prefers-reduced-motion:reduce){.header-boat{animation:none!important}}


/* v0.2.5 — replace boats with large bright flying fish */
.header-boat-track,.header-boat{display:none!important}
.header-fish-track{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none;opacity:.82}
.header-fish-live{position:absolute;left:-320px;top:38px;width:136px;height:auto;opacity:.88;will-change:left,transform,opacity;filter:brightness(1.18) saturate(1.22) contrast(1.06) drop-shadow(0 4px 8px rgba(27,56,88,.12));animation-name:math-fish-glide-25,math-fish-arc-25;animation-timing-function:linear,cubic-bezier(.2,.72,.25,1);animation-iteration-count:infinite,infinite;animation-fill-mode:both,both}
.header-fish-live.fish-a{top:42px;animation-duration:26s,3.9s;animation-delay:-3s,-.4s;transform:scale(.98)}
.header-fish-live.fish-b{top:22px;animation-duration:31s,4.5s;animation-delay:-11s,-2.0s;transform:scale(.92) scaleX(-1);opacity:.84}
.header-fish-live.fish-c{top:34px;animation-duration:24s,3.6s;animation-delay:-16s,-1.1s;transform:scale(.84)}
.header-fish-live.fish-d{top:18px;animation-duration:34s,4.9s;animation-delay:-22s,-3.1s;transform:scale(.90) scaleX(-1);opacity:.80}
@keyframes math-fish-glide-25{0%{left:-320px}100%{left:calc(100% + 220px)}}
@keyframes math-fish-arc-25{
  0%,7%,100%{translate:0 0 rotate(8deg);opacity:0}
  12%{translate:0 -34px rotate(2deg);opacity:.55}
  20%{translate:0 -92px rotate(-6deg);opacity:.82}
  28%{translate:0 -146px rotate(-10deg);opacity:.96}
  36%{translate:0 -174px rotate(-7deg);opacity:1}
  48%{translate:0 -126px rotate(-1deg);opacity:.92}
  60%{translate:0 -62px rotate(7deg);opacity:.72}
  72%{translate:0 -16px rotate(12deg);opacity:.28}
  76%,99%{translate:0 0 rotate(10deg);opacity:0}
}
@media(max-width:1220px){.header-fish-live{width:118px}.header-fish-track{opacity:.78}}
@media(max-width:1050px){.header-fish-track{display:none}}
@media(prefers-reduced-motion:reduce){.header-fish-live{animation:none!important}}


/* v0.2.6 — implement generated flying fish image, smaller fish, faster hero palette */
.header-fish-live{width:92px!important;filter:brightness(1.10) saturate(1.16) contrast(1.03) drop-shadow(0 4px 8px rgba(27,56,88,.12))!important}
.header-fish-live.fish-a{animation-duration:24s,3.8s!important;transform:scale(.82)!important}
.header-fish-live.fish-b{animation-duration:29s,4.3s!important;transform:scale(.76) scaleX(-1)!important}
.header-fish-live.fish-c{animation-duration:22s,3.5s!important;transform:scale(.70)!important}
.header-fish-live.fish-d{animation-duration:32s,4.7s!important;transform:scale(.74) scaleX(-1)!important}
.hero-color-flow{animation:math-hero-palette-21 34s linear infinite!important;filter:saturate(1.03) brightness(1.04)!important}
@media(max-width:1220px){.header-fish-live{width:78px!important}}


/* v0.2.7 — fish same direction, mixed up/down motion, maroon-tinted fish, faster palette */
.header-fish-track{opacity:.72!important}
.header-fish-live{
  width:92px!important;
  top:38px;
  opacity:.78!important;
  filter: brightness(.78) sepia(1) saturate(3.2) hue-rotate(300deg) contrast(1.05) drop-shadow(0 4px 8px rgba(80,14,29,.16)) !important;
  animation-name: math-fish-glide-27, math-fish-arc-up-27;
  animation-timing-function: linear, cubic-bezier(.22,.7,.24,1);
}
.header-fish-live.fish-a{top:48px;animation-duration:24s,4.1s!important;animation-delay:-2s,-.2s!important;transform:scale(.80)!important}
.header-fish-live.fish-b{top:8px;animation-duration:29s,4.8s!important;animation-delay:-9s,-1.7s!important;transform:scale(.74)!important;animation-name:math-fish-glide-27,math-fish-arc-down-27!important;opacity:.72!important}
.header-fish-live.fish-c{top:44px;animation-duration:22s,3.7s!important;animation-delay:-15s,-.9s!important;transform:scale(.68)!important}
.header-fish-live.fish-d{top:12px;animation-duration:33s,5.0s!important;animation-delay:-21s,-2.8s!important;transform:scale(.72)!important;animation-name:math-fish-glide-27,math-fish-arc-down-27!important;opacity:.70!important}
@keyframes math-fish-glide-27{0%{left:-320px}100%{left:calc(100% + 220px)}}
@keyframes math-fish-arc-up-27{
  0%,7%,100%{translate:0 0 rotate(7deg);opacity:0}
  12%{translate:0 -28px rotate(2deg);opacity:.45}
  22%{translate:0 -84px rotate(-5deg);opacity:.70}
  32%{translate:0 -138px rotate(-8deg);opacity:.86}
  42%{translate:0 -168px rotate(-6deg);opacity:.92}
  54%{translate:0 -122px rotate(-1deg);opacity:.84}
  66%{translate:0 -58px rotate(6deg);opacity:.62}
  76%{translate:0 -14px rotate(11deg);opacity:.24}
  80%,99%{translate:0 0 rotate(9deg);opacity:0}
}
@keyframes math-fish-arc-down-27{
  0%,7%,100%{translate:0 0 rotate(-6deg);opacity:0}
  12%{translate:0 18px rotate(-2deg);opacity:.40}
  22%{translate:0 54px rotate(3deg);opacity:.62}
  32%{translate:0 98px rotate(7deg);opacity:.80}
  42%{translate:0 132px rotate(10deg);opacity:.88}
  54%{translate:0 96px rotate(5deg);opacity:.80}
  66%{translate:0 48px rotate(0deg);opacity:.58}
  76%{translate:0 14px rotate(-4deg);opacity:.20}
  80%,99%{translate:0 0 rotate(-6deg);opacity:0}
}
.hero-color-flow{animation:math-hero-palette-21 20s linear infinite!important;filter:saturate(1.04) brightness(1.05)!important}
@media(max-width:1220px){.header-fish-live{width:78px!important}}
@media(max-width:1050px){.header-fish-track{display:none}}
@media(prefers-reduced-motion:reduce){.header-fish-live{animation:none!important}}


/* v0.2.8 — fish fade in/out, varied sizes, varied head-up/head-down attitudes */
.header-fish-track{opacity:.74!important}
.header-fish-live{
  width:88px!important;
  opacity:0!important;
  filter: brightness(.80) sepia(1) saturate(3.0) hue-rotate(300deg) contrast(1.04) drop-shadow(0 4px 8px rgba(80,14,29,.16)) !important;
  animation-timing-function: linear, cubic-bezier(.22,.7,.24,1) !important;
  animation-fill-mode: both, both !important;
}
.header-fish-live.fish-a{
  top:50px;
  width:84px!important;
  animation-duration:24s,4.6s!important;
  animation-delay:-2s,-.2s!important;
  transform:scale(.76) rotate(-4deg)!important;
  animation-name:math-fish-glide-27,math-fish-fade-up-28!important;
}
.header-fish-live.fish-b{
  top:6px;
  width:74px!important;
  animation-duration:30s,5.3s!important;
  animation-delay:-10s,-1.7s!important;
  transform:scale(.68) rotate(8deg)!important;
  animation-name:math-fish-glide-27,math-fish-fade-down-28!important;
}
.header-fish-live.fish-c{
  top:44px;
  width:98px!important;
  animation-duration:22s,4.2s!important;
  animation-delay:-15s,-.9s!important;
  transform:scale(.82) rotate(-7deg)!important;
  animation-name:math-fish-glide-27,math-fish-fade-up-28!important;
}
.header-fish-live.fish-d{
  top:14px;
  width:80px!important;
  animation-duration:34s,5.8s!important;
  animation-delay:-21s,-2.8s!important;
  transform:scale(.72) rotate(10deg)!important;
  animation-name:math-fish-glide-27,math-fish-fade-down-28!important;
}
@keyframes math-fish-fade-up-28{
  0%,6%,100%{translate:0 0 rotate(10deg);opacity:0}
  12%{translate:0 -20px rotate(5deg);opacity:.20}
  20%{translate:0 -72px rotate(-2deg);opacity:.56}
  30%{translate:0 -132px rotate(-8deg);opacity:.88}
  40%{translate:0 -168px rotate(-10deg);opacity:.98}
  52%{translate:0 -126px rotate(-5deg);opacity:.78}
  64%{translate:0 -60px rotate(2deg);opacity:.44}
  74%{translate:0 -18px rotate(8deg);opacity:.16}
  80%,99%{translate:0 0 rotate(10deg);opacity:0}
}
@keyframes math-fish-fade-down-28{
  0%,6%,100%{translate:0 0 rotate(-12deg);opacity:0}
  12%{translate:0 16px rotate(-7deg);opacity:.18}
  20%{translate:0 52px rotate(-2deg);opacity:.48}
  30%{translate:0 96px rotate(4deg);opacity:.78}
  40%{translate:0 138px rotate(9deg);opacity:.96}
  52%{translate:0 100px rotate(5deg);opacity:.74}
  64%{translate:0 54px rotate(0deg);opacity:.40}
  74%{translate:0 16px rotate(-6deg);opacity:.14}
  80%,99%{translate:0 0 rotate(-12deg);opacity:0}
}
@media(max-width:1220px){.header-fish-live.fish-a{width:72px!important}.header-fish-live.fish-b{width:64px!important}.header-fish-live.fish-c{width:84px!important}.header-fish-live.fish-d{width:68px!important}}


/* v0.3.0 — blue Zoom-like palette + animated mathematical sine waves */
:root{--maroon:#2563ff;--maroon-dark:#081b66;--red:#5b8cff;--soft:#f5f8ff;--line:#dfe7ff;--shadow:0 18px 50px rgba(18,40,120,.10)}
body{background:#fff;color:#1d2742}
a:hover{color:#2563ff}
.topline{background:#081b66;color:#eaf1ff}
.topline-links a:hover{color:#b7cfff}
.logo-fallback{background:#2563ff}
.brand-inline .brand-copy strong{color:#0d1b67}
.brand-inline .brand-copy small{color:#7e8fb4}
.primary-nav-inline .menu>li>a{color:#3a4a6f}
.primary-nav-inline .menu>li>a:hover{background:rgba(37,99,255,.07);color:#0d1b67}
.primary-nav-inline .menu>.current-menu-item>a,
.primary-nav-inline .menu>.current_page_item>a,
.primary-nav-inline .menu>.current-menu-ancestor>a,
.primary-nav-inline .menu>.current_page_ancestor>a{background:#2563ff;color:#fff;box-shadow:0 10px 20px rgba(37,99,255,.22)}
.primary-nav-inline .sub-menu a:hover{background:#eef4ff!important;color:#0d1b67!important}
.site-header-unsulbar .header-main{background:#fbfcff}
.header-sine-track{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none;opacity:.62}
.header-sine{position:absolute;left:-48%;top:8px;width:56%;height:auto;will-change:transform,opacity;filter:drop-shadow(0 1px 2px rgba(88,130,255,.10));animation-name:math-sine-slide,math-sine-pulse;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-fill-mode:both,both}
.header-sine.sine-a{top:6px;animation-duration:18s,4.2s;animation-delay:-1s,-.5s;opacity:.62;transform:scale(.95)}
.header-sine.sine-b{top:26px;animation-duration:24s,5.4s;animation-delay:-7s,-1.8s;opacity:.48;transform:scale(.84)}
.header-sine.sine-c{top:14px;animation-duration:20s,4.8s;animation-delay:-11s,-2.7s;opacity:.36;transform:scale(.74)}
.header-sine.sine-d{top:34px;animation-duration:28s,6.2s;animation-delay:-16s,-3.2s;opacity:.30;transform:scale(.68)}
@keyframes math-sine-slide{0%{margin-left:-4%}100%{margin-left:160%}}
@keyframes math-sine-pulse{0%,100%{opacity:.24}50%{opacity:.72}}
.hero.hero-unsulbar{background:#0d1b67}
.hero-color-flow{background:linear-gradient(118deg,#081b66 0%,#132a86 20%,#1d389d 40%,#2d4eb6 60%,#4464d6 78%,#6e82ea 92%,#4f67de 100%)!important;background-size:240% 240%!important;animation:math-hero-palette-blue 12s ease-in-out infinite!important;filter:saturate(1.06) brightness(1.03)!important}
@keyframes math-hero-palette-blue{0%{background-position:0% 50%}25%{background-position:35% 48%}50%{background-position:68% 52%}75%{background-position:100% 50%}100%{background-position:0% 50%}}
.hero-overlay{background:linear-gradient(90deg,rgba(7,20,84,.82) 0%,rgba(18,41,126,.60) 48%,rgba(18,41,126,.16) 100%)}
.hero-network{opacity:.68}
.hero-soft-particles i{background:#dfe8ff;box-shadow:0 0 12px rgba(223,232,255,.8)}
.btn-light{background:#fff;color:#0d1b67}
.btn-ghost{border:1px solid rgba(255,255,255,.62);background:rgba(255,255,255,.08)}
.service-card:hover{border-color:#b9cbff;box-shadow:0 22px 48px rgba(25,64,177,.12)}
.service-icon{background:#edf3ff;color:#2563ff}
.service-link,.text-link,.news-row span,.announcement-item time,.person-card span{color:#2563ff}
.video-placeholder{background:radial-gradient(circle at 50% 20%,#5f7ef0,#0d1b67)}
.leader-section,.updates-section,.profile-section{background:#f5f8ff}
.leader-copy blockquote{border-left:3px solid #2563ff}
.gallery-placeholder{background:linear-gradient(135deg,#1a3798,#6781eb)}
.tridharma-section{background:#081b66;color:#fff}
.tri-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.profile-card>span{background:#edf3ff;color:#2563ff}
.site-footer{background:#07154f}
.footer-grid a:hover,.footer-contact a:hover{color:#b7cfff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12)}
.header-fish-track,.header-fish-live,.header-wave-track,.header-wave,.header-boat-track,.header-boat{display:none!important}
@media(max-width:1050px){.header-sine-track{display:none}}
@media(prefers-reduced-motion:reduce){.header-sine,.hero-color-flow,.hero-network,.hero-soft-particles i{animation:none!important}}

/* v0.3.1 — continuous mathematical waves, 3-color header transition, profile page templates */
.site-header-unsulbar .header-main{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.93));isolation:isolate}
.site-header-unsulbar .header-main::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(115deg,rgba(37,99,255,.18) 0%,rgba(236,71,71,.10) 48%,rgba(248,206,74,.18) 100%);background-size:220% 220%;animation:math-header-spectrum 9s ease-in-out infinite;pointer-events:none}
@keyframes math-header-spectrum{0%{background-position:0% 50%}33%{background-position:48% 52%}66%{background-position:100% 48%}100%{background-position:0% 50%}}
.header-shell{position:relative;z-index:3}
.header-sine-track{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none;opacity:.72}
.header-sine{position:absolute;left:-55%;right:-55%;height:74px;background-image:var(--sine-image);background-repeat:repeat-x;background-position:0 50%;background-size:auto 100%;will-change:background-position,transform,opacity;animation-name:math-sine-flow,math-sine-fade;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-fill-mode:both,both}
.header-sine.sine-a{top:8px;height:72px;animation-duration:16s,4.6s;animation-delay:0s,-1s;opacity:.72}
.header-sine.sine-b{top:28px;height:54px;animation-duration:22s,5.8s;animation-delay:-3s,-1.8s;opacity:.54}
.header-sine.sine-c{top:20px;height:42px;animation-duration:28s,6.6s;animation-delay:-7s,-2.4s;opacity:.36}
@keyframes math-sine-flow{from{background-position:0 50%}to{background-position:1200px 50%}}
@keyframes math-sine-fade{0%,100%{opacity:.28}50%{opacity:.84}}
.hero-color-flow{background:linear-gradient(118deg,#0b1f86 0%,#2048c8 26%,#c93a43 56%,#ffd34f 82%,#2b58d4 100%)!important;background-size:280% 280%!important;animation:math-hero-palette-trio 10s ease-in-out infinite!important}
@keyframes math-hero-palette-trio{0%{background-position:0% 50%}33%{background-position:42% 48%}66%{background-position:100% 52%}100%{background-position:0% 50%}}

.content-area-page{padding:0 0 96px}
.internal-hero{position:relative;overflow:hidden;padding:84px 0 42px;background:#0d1b67;color:#fff}
.internal-hero-bg{position:absolute;inset:0;background:linear-gradient(118deg,#0b1f86 0%,#2048c8 28%,#c93a43 58%,#ffd34f 84%,#2b58d4 100%);background-size:280% 280%;animation:math-hero-palette-trio 10s ease-in-out infinite;opacity:1}
.internal-hero::after{content:"";position:absolute;inset:auto -10% 0 -10%;height:120px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.24),transparent 45%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.18),transparent 42%);pointer-events:none}
.internal-hero-inner{position:relative;z-index:2}
.internal-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.08;letter-spacing:-.04em;margin:0 0 16px;max-width:940px}
.internal-hero-lead{max-width:860px;font-size:18px;line-height:1.7;margin:0;color:rgba(255,255,255,.92)}
.profile-local-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.profile-local-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);font-weight:700;color:#fff;transition:.2s}
.profile-local-nav a:hover,.profile-local-nav a.is-active{background:#fff;color:#0d1b67;box-shadow:0 12px 24px rgba(9,24,95,.18)}
.page-shell{padding-top:38px}
.page-shell-inner{display:flex;flex-direction:column;gap:28px}
.profile-highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.profile-highlight-card{background:#fff;border:1px solid #dfe7ff;border-radius:22px;padding:24px;box-shadow:0 18px 50px rgba(18,40,120,.08)}
.profile-highlight-card span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef4ff;color:#2563ff;font-weight:800}
.profile-highlight-card h3{margin:18px 0 0;font-size:18px;line-height:1.4;color:#1d2742}
.page-content-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.page-content-grid.has-aside{grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);align-items:start}
.page-article-card{background:#fff;border:1px solid #dfe7ff;border-radius:28px;padding:34px 38px;box-shadow:0 24px 60px rgba(18,40,120,.08)}
.page-article-card .entry-content{font-size:17px;line-height:1.85;color:#32405f}
.page-article-card .entry-content h2,.page-article-card .entry-content h3{color:#0d1b67;letter-spacing:-.02em}
.page-article-card .entry-content h2{font-size:30px;margin-top:40px}
.page-article-card .entry-content h3{font-size:22px;margin-top:32px}
.page-article-card .entry-content ul li::marker{color:#2563ff}
.page-aside-card{display:flex;flex-direction:column;gap:18px}
.aside-panel{background:#0d1b67;color:#fff;border-radius:24px;padding:28px 26px;box-shadow:0 18px 50px rgba(18,40,120,.12)}
.aside-panel h3{margin:6px 0 12px;font-size:24px;line-height:1.2}
.aside-panel p{margin:0;color:rgba(255,255,255,.92)}
.aside-panel-soft{background:#f5f8ff;color:#1d2742;border:1px solid #dfe7ff}
.aside-panel-soft p,.aside-panel-soft .eyebrow{color:#576887}
.aside-links{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.aside-links a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;border-radius:14px;background:#fff;color:#0d1b67;font-weight:700;border:1px solid #dfe7ff}
.profile-empty-state{margin-top:8px;padding:24px;border-radius:22px;background:#f5f8ff;border:1px dashed #b9cbff}
.profile-empty-state h2{margin-top:0;color:#0d1b67}
.profile-empty-state ul{margin-bottom:0}
@media(max-width:980px){.profile-highlight-grid{grid-template-columns:1fr}.page-content-grid.has-aside{grid-template-columns:1fr}.page-article-card{padding:28px 24px}}
@media(max-width:760px){.internal-hero{padding:70px 0 34px}.internal-hero-lead{font-size:16px}.profile-local-nav a{min-height:40px;padding:0 15px;font-size:14px}.header-sine-track{display:none}}
@media(prefers-reduced-motion:reduce){.site-header-unsulbar .header-main::before,.header-sine,.internal-hero-bg{animation:none!important}}

/* v0.3.2 — guaranteed visible 3-color crossfade + continuous gradient sine wave */
.site-header-unsulbar .header-main{background:#fff!important;isolation:isolate}
.site-header-unsulbar .header-main::before{display:none!important}
.header-color-cycle{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.header-color-cycle i{position:absolute;inset:-18%;opacity:0;filter:blur(16px);transform:scale(1.08);animation:headerColorFade 9s ease-in-out infinite}
.header-color-cycle .hc-blue{background:radial-gradient(circle at 22% 50%,rgba(47,107,255,.34),transparent 42%),linear-gradient(90deg,rgba(47,107,255,.15),rgba(47,107,255,.05));animation-delay:0s}
.header-color-cycle .hc-red{background:radial-gradient(circle at 55% 50%,rgba(240,68,68,.30),transparent 44%),linear-gradient(90deg,rgba(240,68,68,.08),rgba(240,68,68,.14));animation-delay:-6s}
.header-color-cycle .hc-yellow{background:radial-gradient(circle at 82% 45%,rgba(255,210,63,.38),transparent 42%),linear-gradient(90deg,rgba(255,210,63,.06),rgba(255,210,63,.18));animation-delay:-3s}
@keyframes headerColorFade{0%,100%{opacity:.05}16%{opacity:.95}34%{opacity:.20}50%{opacity:.04}}

.header-sine-track{position:absolute!important;z-index:2!important;inset:0!important;overflow:hidden!important;pointer-events:none!important;opacity:.82!important}
.header-sine{position:absolute!important;left:-30%!important;right:-30%!important;display:block!important;height:78px!important;background-image:var(--sine-image)!important;background-repeat:repeat-x!important;background-size:600px 120px!important;background-position:0 50%!important;filter:drop-shadow(0 2px 3px rgba(46,80,160,.10));animation:continuousSine 10s linear infinite, sineGlow 4.5s ease-in-out infinite!important}
.header-sine.sine-a{top:5px!important;opacity:.68!important}
.header-sine.sine-b{top:32px!important;height:58px!important;opacity:.48!important;animation-duration:14s,5.3s!important}
.header-sine.sine-c{top:20px!important;height:44px!important;opacity:.34!important;animation-duration:18s,6.1s!important}
@keyframes continuousSine{from{background-position-x:0}to{background-position-x:600px}}
@keyframes sineGlow{0%,100%{filter:drop-shadow(0 2px 3px rgba(46,80,160,.08)) brightness(.95)}50%{filter:drop-shadow(0 3px 7px rgba(46,80,160,.18)) brightness(1.12)}}
.header-shell{z-index:5!important}

.hero-color-flow{position:absolute!important;z-index:0!important;inset:0!important;overflow:hidden!important;background:none!important;animation:none!important;filter:none!important;transform:none!important}
.hero-color-flow i,.internal-hero-bg i{position:absolute;inset:-8%;opacity:0;transform:scale(1.08);animation:heroColorFade 9s ease-in-out infinite}
.hero-color-flow .hero-blue,.internal-hero-bg .hero-blue{background:linear-gradient(118deg,#081b66 0%,#1743c7 55%,#5978ee 100%);animation-delay:0s}
.hero-color-flow .hero-red,.internal-hero-bg .hero-red{background:linear-gradient(118deg,#650a1a 0%,#c83b45 56%,#f06a62 100%);animation-delay:-6s}
.hero-color-flow .hero-yellow,.internal-hero-bg .hero-yellow{background:linear-gradient(118deg,#9b6500 0%,#e5aa17 55%,#ffd84b 100%);animation-delay:-3s}
@keyframes heroColorFade{0%,100%{opacity:.04}16%{opacity:1}34%{opacity:.35}50%{opacity:.04}}
.hero.hero-unsulbar{background:#081b66!important}
.internal-hero-bg{position:absolute;inset:0;overflow:hidden;background:#081b66!important;animation:none!important}

/* keep network above color cycle and clearly visible */
.hero-network{z-index:2!important;opacity:.72!important}
.hero-particle-canvas{z-index:2!important;opacity:.94!important}
.hero-soft-particles{z-index:2!important}
.hero-stage{z-index:4!important}

@media(prefers-reduced-motion:reduce){
  .header-color-cycle i,.hero-color-flow i,.internal-hero-bg i{animation-duration:18s!important}
  .header-sine{animation-duration:20s,8s!important}
}

/* v0.3.3 — profile hero without lead + timed color holds + random-feel particle pulse */
.internal-hero-profile .internal-hero-inner{padding-bottom:8px}
.internal-hero-profile h1{margin-bottom:0}

/* Homepage color cycle: hold each color, then cross-fade. Total cycle 15s. */
.hero-color-flow i,.internal-hero-bg i{animation-duration:15s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important}
.hero-color-flow .hero-blue,.internal-hero-bg .hero-blue{animation-name:heroBlueHold!important;animation-delay:0s!important}
.hero-color-flow .hero-red,.internal-hero-bg .hero-red{animation-name:heroRedHold!important;animation-delay:0s!important}
.hero-color-flow .hero-yellow,.internal-hero-bg .hero-yellow{animation-name:heroYellowHold!important;animation-delay:0s!important}
@keyframes heroBlueHold{
  0%,22%{opacity:1}
  30%,86%{opacity:0}
  94%,100%{opacity:1}
}
@keyframes heroRedHold{
  0%,22%{opacity:0}
  30%,52%{opacity:1}
  60%,100%{opacity:0}
}
@keyframes heroYellowHold{
  0%,52%{opacity:0}
  60%,82%{opacity:1}
  90%,100%{opacity:0}
}

/* Header color cycle follows the same hold/fade rhythm. */
.header-color-cycle i{animation-duration:15s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important}
.header-color-cycle .hc-blue{animation-name:headerBlueHold!important;animation-delay:0s!important}
.header-color-cycle .hc-red{animation-name:headerRedHold!important;animation-delay:0s!important}
.header-color-cycle .hc-yellow{animation-name:headerYellowHold!important;animation-delay:0s!important}
@keyframes headerBlueHold{0%,22%{opacity:1}30%,86%{opacity:0}94%,100%{opacity:1}}
@keyframes headerRedHold{0%,22%{opacity:0}30%,52%{opacity:1}60%,100%{opacity:0}}
@keyframes headerYellowHold{0%,52%{opacity:0}60%,82%{opacity:1}90%,100%{opacity:0}}

/* Slightly random-looking ambient points layered over the canvas. */
.hero-soft-particles i:nth-child(1){animation-duration:3.7s!important;animation-delay:-.8s!important}
.hero-soft-particles i:nth-child(2){animation-duration:5.1s!important;animation-delay:-2.6s!important}
.hero-soft-particles i:nth-child(3){animation-duration:4.3s!important;animation-delay:-1.4s!important}
.hero-soft-particles i:nth-child(4){animation-duration:6.2s!important;animation-delay:-4.1s!important}
.hero-soft-particles i:nth-child(5){animation-duration:3.2s!important;animation-delay:-.3s!important}
.hero-soft-particles i:nth-child(6){animation-duration:5.7s!important;animation-delay:-3.3s!important}

/* v0.3.4 — profile pages: title only, no transparent pill / local nav / generated content */
.profile-title-only-page{padding-bottom:0!important}
.profile-title-only{padding:86px 0 72px!important;min-height:210px;display:flex;align-items:center}
.profile-title-only .internal-hero-inner{padding:0!important}
.profile-title-only h1{margin:0!important;max-width:1000px}
.profile-title-only .hero-pill,
.profile-title-only .internal-hero-lead,
.profile-title-only .profile-local-nav{display:none!important}
.profile-title-only-page .page-shell,
.profile-title-only-page .profile-highlight-grid,
.profile-title-only-page .page-content-grid,
.profile-title-only-page .page-aside-card,
.profile-title-only-page .profile-empty-state{display:none!important}
@media(max-width:760px){.profile-title-only{padding:68px 0 58px!important;min-height:170px}}


/* v0.3.6 — Zoom-inspired blue system, preserving v0.3.4 title-only Profile pages */
:root{
  --maroon:#2f67f6;
  --maroon-dark:#08163f;
  --red:#5a82f6;
  --ink:#17213d;
  --muted:#66759b;
  --soft:#f4f7ff;
  --line:#dde6ff;
  --white:#fff;
  --shadow:0 18px 50px rgba(21,48,133,.10);
}
body{color:var(--ink);background:#fff}
.site-header-unsulbar .header-main{background:#fbfcff!important}
.site-header-unsulbar .header-main::before{display:none!important}
.header-color-cycle{display:none!important}
.brand-inline .brand-copy strong{color:#0b1a54!important}
.brand-inline .brand-copy small{color:#7d8eb7!important}
.logo-fallback{background:#2f67f6!important}
.primary-nav-inline .menu>li>a{color:#344466!important}
.primary-nav-inline .menu>li>a:hover{background:rgba(47,103,246,.08)!important;color:#0b1a54!important}
.primary-nav-inline .menu>.current-menu-item>a,
.primary-nav-inline .menu>.current_page_item>a,
.primary-nav-inline .menu>.current-menu-ancestor>a,
.primary-nav-inline .menu>.current_page_ancestor>a{background:#2f67f6!important;color:#fff!important;box-shadow:0 10px 24px rgba(47,103,246,.25)!important}
.primary-nav-inline .sub-menu{border-color:#dfe7ff!important;box-shadow:0 20px 46px rgba(20,42,112,.14)!important}
.primary-nav-inline .sub-menu a:hover{background:#eef3ff!important;color:#0b1a54!important}

.header-sine-track{display:block!important;position:absolute!important;z-index:2!important;inset:0!important;overflow:hidden!important;pointer-events:none!important;opacity:.62!important}
.header-sine{position:absolute!important;left:-35%!important;right:-35%!important;height:72px!important;background-image:var(--sine-image)!important;background-repeat:repeat-x!important;background-size:600px 120px!important;background-position:0 50%!important;animation:zoomSineFlow 14s linear infinite,zoomSineGlow 5s ease-in-out infinite!important;filter:drop-shadow(0 2px 4px rgba(70,115,255,.10))!important}
.header-sine.sine-a{top:4px!important;opacity:.58!important}
.header-sine.sine-b{top:28px!important;height:54px!important;opacity:.40!important;animation-duration:18s,6s!important}
.header-sine.sine-c{top:18px!important;height:42px!important;opacity:.28!important;animation-duration:23s,7s!important}
@keyframes zoomSineFlow{from{background-position-x:0}to{background-position-x:600px}}
@keyframes zoomSineGlow{0%,100%{filter:brightness(.95)}50%{filter:brightness(1.16)}}
.header-shell{z-index:5!important}

.hero.hero-unsulbar{background:#08163f!important}
.hero-color-flow{position:absolute!important;inset:-8%!important;z-index:0!important;background:linear-gradient(180deg,#071238 0%,#0c1c58 18%,#16357f 38%,#2d5fd2 60%,#6e94ed 80%,#b8cff9 100%)!important;background-size:120% 180%!important;animation:zoomHeroShift 14s ease-in-out infinite!important;filter:saturate(1.03) brightness(1.02)!important;transform:scale(1.08)!important}
.hero-color-flow>i{display:none!important}
@keyframes zoomHeroShift{0%,100%{background-position:50% 0%}50%{background-position:50% 100%}}
.hero.hero-unsulbar:before{opacity:.10!important;mix-blend-mode:screen!important}
.hero-network{opacity:.62!important}
.hero-particle-canvas{opacity:.88!important}
.hero-soft-particles i{background:#dce8ff!important;box-shadow:0 0 12px rgba(220,232,255,.75)!important}
.hero-pill{border-color:rgba(255,255,255,.34)!important;background:rgba(255,255,255,.08)!important}

.service-card:hover{border-color:#b8caff!important;box-shadow:0 22px 48px rgba(25,64,177,.12)!important}
.service-icon{background:#edf3ff!important;color:#2f67f6!important}
.service-link,.text-link,.news-row span,.announcement-item time,.person-card span{color:#2f67f6!important}
.video-placeholder{background:radial-gradient(circle at 50% 20%,#6389f0,#08163f)!important}
.leader-section,.updates-section,.profile-section{background:#f4f7ff!important}
.leader-copy blockquote{border-left-color:#2f67f6!important}
.gallery-placeholder{background:linear-gradient(135deg,#173c9f,#6e94ed)!important}
.tridharma-section{background:#08163f!important}
.profile-card>span{background:#edf3ff!important;color:#2f67f6!important}
.site-footer{background:#071238!important}
.footer-grid a:hover,.footer-contact a:hover{color:#aac2ff!important}

/* Internal/profile hero uses the same Zoom-like blue gradient */
.internal-hero{background:#08163f!important}
.internal-hero-bg{background:linear-gradient(180deg,#071238 0%,#0d1e5f 24%,#244daf 56%,#6e94ed 80%,#b8cff9 100%)!important;background-size:120% 180%!important;animation:zoomInternalShift 14s ease-in-out infinite!important}
.internal-hero-bg>i{display:none!important}
@keyframes zoomInternalShift{0%,100%{background-position:50% 0%}50%{background-position:50% 100%}}

/* Keep Profile + submenu pages exactly minimal as requested */
.profile-title-only-page{padding-bottom:0!important}
.profile-title-only{padding:86px 0 72px!important;min-height:210px;display:flex;align-items:center}
.profile-title-only .internal-hero-inner{padding:0!important}
.profile-title-only h1{margin:0!important;max-width:1000px;color:#fff!important}
.profile-title-only .hero-pill,
.profile-title-only .internal-hero-lead,
.profile-title-only .profile-local-nav{display:none!important}
.profile-title-only-page .page-shell,
.profile-title-only-page .profile-highlight-grid,
.profile-title-only-page .page-content-grid,
.profile-title-only-page .page-aside-card,
.profile-title-only-page .profile-empty-state{display:none!important}
@media(max-width:1050px){.header-sine-track{display:none!important}}
@media(max-width:760px){.profile-title-only{padding:68px 0 58px!important;min-height:170px}}
@media(prefers-reduced-motion:reduce){.header-sine,.hero-color-flow,.internal-hero-bg{animation:none!important}}

/* v0.3.7 — precision pass: remove sine motif, tighten header, Unsulbar-like news/calendar layout */
.header-sine-track,.header-sine{display:none!important}

:root{--container:1460px}
.site-header-unsulbar .header-main{background:#fbfcff!important;min-height:88px!important}
.header-shell{width:min(1460px,calc(100% - 48px))!important;max-width:1460px!important;min-height:88px!important;gap:24px!important}
.brand-inline .brand-logo img.custom-logo{max-height:62px!important;max-width:320px!important}
.primary-nav-inline .menu{gap:5px!important}
.primary-nav-inline .menu>li>a{min-height:38px!important;padding:0 14px!important;border-radius:9px!important;font-size:14px!important;font-weight:650!important}
.primary-nav-inline .menu>.current-menu-item>a,
.primary-nav-inline .menu>.current_page_item>a,
.primary-nav-inline .menu>.current-menu-ancestor>a,
.primary-nav-inline .menu>.current_page_ancestor>a{padding-inline:18px!important;border-radius:9px!important;box-shadow:0 8px 18px rgba(47,103,246,.22)!important}

.updates-reference{padding:62px 0 74px!important;background:#eef3ff!important}
.updates-reference .container{width:min(1460px,calc(100% - 64px))!important}
.updates-reference-title{margin-bottom:30px}
.updates-reference-title h2{margin:0 0 4px;font-size:30px!important;line-height:1.18;letter-spacing:-.025em;color:#17213d}
.updates-reference-title p{margin:0;color:#7280a2;font-size:15px}
.updates-reference-grid{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(390px,.98fr);gap:30px;align-items:start}
.news-reference-card,.calendar-reference-card{background:#fff;border:1px solid #dfe7ff;border-radius:14px;box-shadow:0 2px 7px rgba(20,42,112,.025);overflow:hidden}
.news-reference-list{display:block}
.news-reference-row{border-bottom:1px solid #e8edfa}
.news-reference-row:last-child{border-bottom:0}
.news-reference-row>a{display:grid;grid-template-columns:144px minmax(0,1fr);gap:18px;align-items:center;padding:16px}
.news-reference-thumb{width:144px;height:96px;border-radius:7px;overflow:hidden;background:#eef3ff}
.news-reference-thumb img{width:100%;height:100%;object-fit:cover}
.news-reference-noimage{width:100%;height:100%;display:grid;place-items:center;color:#6b79a1;font-size:12px;font-weight:700}
.news-reference-copy{min-width:0}
.news-reference-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;color:#6d7893;line-height:1}
.news-reference-badge{display:inline-flex;align-items:center;min-height:21px;padding:0 8px;border-radius:3px;background:#e8efff;color:#2457d8;font-size:10px;font-weight:750;letter-spacing:.02em}
.news-reference-meta i{font-style:normal;color:#8b96ad}
.news-reference-copy h3{margin:0 0 5px;font-size:16px;line-height:1.35;font-weight:750;color:#17213d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-reference-copy p{margin:0;color:#77839e;font-size:12.5px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-reference-row>a:hover{background:#f9fbff}
.news-reference-more{min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #e8edfa;background:#fbfcff;color:#2457d8;font-size:13px;font-weight:750}
.news-reference-more span{font-size:24px;line-height:1;transform:translateY(-1px)}

.calendar-reference-card{padding:26px 24px 22px}
.calendar-reference-heading{display:flex;align-items:center;gap:10px;margin-bottom:24px}
.calendar-reference-heading h3{margin:0;font-size:21px;line-height:1.2;color:#17213d;letter-spacing:-.02em}
.calendar-reference-icon{width:22px;height:22px;color:#2457d8;display:grid;place-items:center}
.calendar-reference-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mini-calendar-reference{border-top:0!important;padding-top:0!important}
.calendar-month-reference{display:grid!important;grid-template-columns:34px 1fr 34px;align-items:center;margin-bottom:22px!important;font-size:16px!important}
.calendar-month-reference strong{text-align:center;color:#17213d;font-weight:750}
.calendar-nav{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:#4f5d7c;font-size:26px;font-weight:400;line-height:1}
.calendar-nav:hover{background:#eef3ff;color:#2457d8}
.calendar-reference-card .calendar-weekdays,.calendar-reference-card .calendar-days{gap:8px!important}
.calendar-reference-card .calendar-weekdays span{font-size:10px!important;color:#7b86a0!important;font-weight:700!important;padding:4px 0 7px!important}
.calendar-reference-card .calendar-days span{aspect-ratio:auto!important;height:34px!important;border-radius:8px!important;font-size:11px!important;font-weight:650!important;color:#33415f}
.calendar-reference-card .calendar-days span.is-today{background:#2f67f6!important;color:#fff!important;box-shadow:0 6px 12px rgba(47,103,246,.22)}
.calendar-reference-card .calendar-days span.has-agenda:not(.is-today){background:#e5edff!important;color:#2457d8!important}
.calendar-reference-card .calendar-days span.has-agenda:after{bottom:4px!important;width:4px!important;height:4px!important}
.calendar-legend-reference{display:grid!important;grid-template-columns:1fr 1fr;gap:8px 14px!important;margin-top:20px!important;padding-top:14px!important;border-top:1px solid #e2e8f7!important}
.calendar-legend-reference span{font-size:9.5px!important;color:#7885a2!important;gap:7px!important}
.calendar-legend-reference .dot{width:8px!important;height:8px!important}
.calendar-legend-reference .today-dot{background:#2f67f6!important}
.calendar-legend-reference .agenda-dot{background:#b8caff!important}

@media(max-width:1180px){
  .updates-reference-grid{grid-template-columns:minmax(0,1.55fr) minmax(340px,.8fr)}
  .brand-inline .brand-logo img.custom-logo{max-width:290px!important}
  .primary-nav-inline .menu>li>a{padding-inline:10px!important;font-size:13px!important}
}
@media(max-width:920px){
  .updates-reference-grid{grid-template-columns:1fr}
  .calendar-reference-card{max-width:560px}
  .header-shell{min-height:80px!important}
}
@media(max-width:640px){
  .updates-reference{padding:48px 0 58px!important}
  .updates-reference .container{width:calc(100% - 28px)!important}
  .news-reference-row>a{grid-template-columns:108px minmax(0,1fr);gap:13px;padding:13px}
  .news-reference-thumb{width:108px;height:78px}
  .news-reference-copy h3{font-size:14px}
  .news-reference-copy p{display:none}
  .calendar-reference-card{padding:22px 18px}
}

/* v0.3.8 — refine gallery section to match smaller, cleaner reference */
.gallery-section{padding:82px 0 88px!important;background:#fff}
.gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}
.gallery-head-copy{max-width:760px}
.gallery-head .eyebrow{margin-bottom:14px;color:#11214f;letter-spacing:.18em}
.gallery-head h2{margin:0;font-size:clamp(28px,4.1vw,44px)!important;line-height:1.06!important;letter-spacing:-.04em!important;color:#182754;max-width:760px}
.gallery-head-link{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:15px;font-weight:800;color:#2563ff;align-self:center;margin-bottom:8px}
.gallery-head-link span{display:inline-block;transform:translateY(1px)}
.gallery-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 22px}
.gallery-card{min-width:0;display:flex;flex-direction:column}
.gallery-card-image{display:block;aspect-ratio:1.16/1;border-radius:22px;overflow:hidden;background:#eef3ff;box-shadow:0 8px 18px rgba(15,32,90,.06)}
.gallery-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.gallery-card:hover .gallery-card-image img{transform:scale(1.03)}
.gallery-card-copy{padding:14px 2px 0}
.gallery-card-copy h3{font-size:17px;line-height:1.35;letter-spacing:-.02em;margin:0 0 10px;color:#15224a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.gallery-card-copy>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:#617095;font-weight:700}
.gallery-card-copy>div span+span:before{content:"•";margin-right:10px;color:#a4afc7}
.gallery-card-placeholder .gallery-card-image{min-height:190px}

@media(max-width:1240px){
  .gallery-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .gallery-card-copy h3{font-size:16px}
}
@media(max-width:1080px){
  .gallery-head{align-items:flex-start;flex-direction:column}
  .gallery-head-link{margin-bottom:0}
  .gallery-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:780px){
  .gallery-section{padding:68px 0 72px!important}
  .gallery-head h2{font-size:clamp(26px,8vw,36px)!important;max-width:none}
  .gallery-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 14px}
  .gallery-card-image{aspect-ratio:1.05/1;border-radius:18px}
  .gallery-card-copy h3{font-size:14px;min-height:auto}
  .gallery-card-copy>div{font-size:11px}
}
@media(max-width:540px){
  .gallery-cards{grid-template-columns:1fr!important}
  .gallery-card-image{aspect-ratio:1.22/1}
}

/* v0.3.9 — compact gallery matching reference: 5 columns + in-image captions */
.gallery-compact-section{padding:72px 0 78px!important;background:#fff}
.gallery-compact-head{text-align:center;margin-bottom:26px}
.gallery-compact-head h2{margin:0;color:#15224a;font-size:clamp(30px,3vw,42px);line-height:1.1;letter-spacing:-.035em}
.gallery-compact-head p{margin:10px 0 0;color:#617095;font-size:15px}
.gallery-compact-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.gallery-compact-card{min-width:0}
.gallery-compact-image{position:relative;display:block;aspect-ratio:1.37/1;border-radius:15px;overflow:hidden;background:#eaf0ff;box-shadow:0 7px 18px rgba(18,40,120,.08)}
.gallery-compact-image>img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.gallery-compact-card:hover .gallery-compact-image>img{transform:scale(1.035);filter:saturate(1.03)}
.gallery-compact-badge{position:absolute;z-index:3;left:12px;top:12px;display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border-radius:999px;background:#2563ff;color:#fff;font-size:10px;font-weight:800;box-shadow:0 4px 10px rgba(37,99,255,.24)}
.gallery-compact-expand{position:absolute;z-index:3;right:11px;top:11px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.84);color:#1a327d;font-size:14px;font-weight:800;backdrop-filter:blur(6px)}
.gallery-compact-overlay{position:absolute;z-index:2;left:10px;right:10px;bottom:10px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,rgba(9,20,62,.88),rgba(17,34,92,.72));color:#fff;backdrop-filter:blur(5px);box-shadow:0 5px 16px rgba(6,17,55,.18)}
.gallery-compact-overlay strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.3;font-weight:750}
.gallery-compact-overlay small{display:block;margin-top:5px;color:rgba(255,255,255,.76);font-size:9px;font-weight:600}
.gallery-compact-placeholder .gallery-compact-image{background:linear-gradient(135deg,#dbe6ff,#a8bfff)}
.gallery-compact-footer{display:flex;justify-content:flex-end;margin-top:24px}
.gallery-compact-footer .text-link{font-size:13px}
@media(max-width:1260px){.gallery-compact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
@media(max-width:980px){.gallery-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.gallery-compact-section{padding:58px 0 64px!important}.gallery-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-compact-image{aspect-ratio:1.25/1}.gallery-compact-overlay strong{font-size:10px}.gallery-compact-badge{left:9px;top:9px}.gallery-compact-expand{right:9px;top:9px}}
@media(max-width:440px){.gallery-compact-grid{grid-template-columns:1fr}.gallery-compact-image{aspect-ratio:1.45/1}}


/* v0.4.0 — latest-first news + true hover menus on desktop */
@media (min-width: 1051px){
  .primary-nav-inline .menu > li.menu-item-has-children{position:relative}
  .primary-nav-inline .menu > li.menu-item-has-children::after{
    content:"";
    position:absolute;
    left:-8px;
    right:-8px;
    top:100%;
    height:12px;
    background:transparent;
    pointer-events:auto;
  }
  .primary-nav-inline .menu > li > .sub-menu{
    display:block!important;
    top:100%!important;
    margin-top:0!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(7px);
    transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;
  }
  .primary-nav-inline .menu > li:hover > .sub-menu,
  .primary-nav-inline .menu > li:focus-within > .sub-menu,
  .primary-nav-inline .menu > li > .sub-menu:hover{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
    transition-delay:0s;
  }
  .primary-nav-inline .sub-menu .menu-item-has-children > .sub-menu{
    display:block!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(7px);
    transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;
  }
  .primary-nav-inline .sub-menu .menu-item-has-children:hover > .sub-menu,
  .primary-nav-inline .sub-menu .menu-item-has-children:focus-within > .sub-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(0);
    transition-delay:0s;
  }
}

/* v0.4.1 — remove transparent half-box overlays on all internal page titles */
.internal-hero::before,
.internal-hero::after{
  content:none !important;
  display:none !important;
}
.internal-hero{
  isolation:isolate;
  overflow:hidden;
}
.internal-hero-bg{
  background:linear-gradient(180deg,#071238 0%,#0d1e5f 26%,#244daf 60%,#6e94ed 100%) !important;
  animation:none !important;
  opacity:1 !important;
}
.internal-hero-bg > i,
.internal-hero-bg .hero-blue,
.internal-hero-bg .hero-red,
.internal-hero-bg .hero-yellow{
  display:none !important;
  animation:none !important;
  opacity:0 !important;
}
.internal-hero .internal-hero-inner,
.profile-title-only .internal-hero-inner{
  position:relative;
  z-index:2;
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
}
.internal-hero h1,
.profile-title-only h1{
  position:relative;
  z-index:2;
  background:transparent !important;
  box-shadow:none !important;
}

/* v0.4.2 — subtle animated numeric data stream in top navigation header */
.header-main{position:relative;overflow:hidden}
.header-number-stream{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;mix-blend-mode:multiply}
.header-number-particle{position:absolute;left:var(--x);top:var(--y);font-size:12px;font-weight:700;line-height:1;color:#2f67f6;opacity:0;transform:translate3d(0,0,0) scale(var(--scale));will-change:transform,opacity;animation:headerNumberFloat var(--duration) ease-in-out var(--delay) infinite}
@keyframes headerNumberFloat{
  0%,100%{opacity:0;transform:translate3d(0,8px,0) scale(calc(var(--scale) * .88))}
  14%{opacity:var(--alpha)}
  48%{opacity:calc(var(--alpha) * .78);transform:translate3d(var(--drift),var(--rise),0) scale(var(--scale))}
  78%{opacity:calc(var(--alpha) * .42)}
  92%{opacity:0;transform:translate3d(calc(var(--drift) * 1.35),calc(var(--rise) * 1.45),0) scale(calc(var(--scale) * 1.04))}
}
.header-shell{position:relative;z-index:5}
@media(max-width:899px){.header-number-stream{display:none}}
@media(prefers-reduced-motion:reduce){.header-number-stream{display:none!important}}

/* v0.4.3 — editable page header fields from Pages → Edit */
.editable-page-template{padding-bottom:0!important}
.editable-internal-hero{padding:78px 0 64px!important;min-height:220px;display:flex;align-items:center}
.editable-internal-hero::before,.editable-internal-hero::after{display:none!important;content:none!important}
.editable-internal-hero .internal-hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,#071238 0%,#0d1e5f 28%,#244daf 62%,#6e94ed 100%)!important;opacity:1!important;animation:none!important}
.editable-internal-hero .internal-hero-inner{position:relative;z-index:2;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.internal-page-eyebrow{margin:0 0 12px;font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.editable-internal-hero h1{margin:0!important;max-width:1000px;font-size:clamp(40px,5vw,60px);line-height:1.06;letter-spacing:-.04em;color:#fff!important;background:transparent!important}
.editable-internal-hero .internal-hero-lead{margin:18px 0 0;max-width:850px;font-size:17px;line-height:1.7;color:rgba(255,255,255,.87)}
.editable-page-shell{padding:46px 0 88px!important}
.editable-page-shell .page-content-grid{grid-template-columns:minmax(0,1fr)!important}
.editable-page-shell .page-article-card{max-width:1040px;width:100%;margin-inline:auto}
@media(max-width:760px){.editable-internal-hero{padding:62px 0 52px!important;min-height:180px}.editable-internal-hero .internal-hero-lead{font-size:15px}.editable-page-shell{padding:34px 0 68px!important}}

/* v0.4.7 — dedicated Vision & Mission page */
.vision-mission-page{background:#f5f8ff}
.vm-internal-hero{min-height:205px!important;padding:70px 0 56px!important}
.vm-content-shell{position:relative;padding:54px 0 96px;background:linear-gradient(180deg,#f5f8ff 0%,#fff 44%,#f7f9ff 100%);overflow:hidden}
.vm-content-shell::before{content:"";position:absolute;width:430px;height:430px;right:-170px;top:120px;border-radius:50%;background:radial-gradient(circle,rgba(47,103,246,.10),rgba(47,103,246,0) 68%);pointer-events:none}
.vm-content-container{position:relative;z-index:1}
.vm-section-label{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1;font-weight:900;letter-spacing:.18em;color:rgba(255,255,255,.76)}
.vm-section-label>span{display:block;width:28px;height:2px;border-radius:2px;background:#8fb2ff}
.vm-section-label-dark{color:#34507f}
.vm-section-label-dark>span{background:#2f67f6}

.vm-vision-card{position:relative;isolation:isolate;min-height:300px;display:flex;align-items:center;padding:52px 58px;border-radius:30px;overflow:hidden;color:#fff;background:linear-gradient(125deg,#07143f 0%,#0d2a7e 45%,#3168e9 100%);box-shadow:0 30px 70px rgba(18,48,136,.20)}
.vm-vision-card::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 78% 35%,rgba(149,188,255,.33),transparent 34%),linear-gradient(115deg,transparent 0 58%,rgba(255,255,255,.06) 58% 59%,transparent 59% 100%)}
.vm-vision-card::after{content:"0 1 1 0 0 1 0 1";position:absolute;right:36px;bottom:26px;max-width:210px;font:700 11px/2.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.7em;color:rgba(255,255,255,.10);word-break:break-all;pointer-events:none}
.vm-vision-body{position:relative;z-index:2;max-width:900px}
.vm-vision-body blockquote{margin:26px 0 0;padding:0;border:0;font-size:clamp(25px,3vw,38px);line-height:1.35;letter-spacing:-.032em;font-weight:700;color:#fff}
.vm-vision-decoration{position:absolute;right:54px;top:28px;font-size:120px;line-height:1;font-weight:700;color:rgba(255,255,255,.075);transform:rotate(-8deg);pointer-events:none}

.vm-mission-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:58px 0 24px}
.vm-mission-head h2{margin:13px 0 0;font-size:clamp(30px,3.6vw,44px);line-height:1.08;letter-spacing:-.04em;color:#142450}
.vm-mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vm-mission-card{position:relative;min-height:175px;padding:26px 72px 26px 28px;border-radius:22px;border:1px solid #dfe7fb;background:rgba(255,255,255,.94);box-shadow:0 16px 42px rgba(24,52,125,.07);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.vm-mission-card:hover{transform:translateY(-3px);border-color:#b9cbff;box-shadow:0 22px 48px rgba(24,52,125,.11)}
.vm-mission-number{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:31px;padding:0 11px;border-radius:999px;background:#edf3ff;color:#2f67f6;font-size:12px;font-weight:900;letter-spacing:.08em}
.vm-mission-card p{margin:18px 0 0;font-size:16px;line-height:1.7;color:#354362;font-weight:560}
.vm-mission-symbol{position:absolute;right:22px;top:18px;font-size:55px;line-height:1;font-weight:600;color:#e8efff;pointer-events:none}

.vm-editor-fallback{max-width:1040px;margin:0 auto;padding:36px 40px;border:1px solid #dfe7fb;border-radius:28px;background:#fff;box-shadow:0 20px 55px rgba(24,52,125,.08)}
.vm-editor-fallback .entry-content{font-size:17px;line-height:1.85;color:#34415f}
.vm-editor-fallback .entry-content h2{margin:36px 0 16px;color:#142450;font-size:30px;letter-spacing:-.025em}
.vm-editor-fallback .entry-content h2:first-child{margin-top:0}
.vm-editor-fallback .entry-content ol,.vm-editor-fallback .entry-content ul{padding-left:22px}
.vm-editor-fallback .entry-content li{margin:10px 0}
.vm-editor-fallback .entry-content li::marker{color:#2f67f6;font-weight:800}

@media(max-width:900px){
  .vm-vision-card{padding:44px 38px;min-height:270px}
  .vm-vision-decoration{right:30px;font-size:100px}
  .vm-mission-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .vm-content-shell{padding:38px 0 70px}
  .vm-vision-card{padding:34px 26px;min-height:250px;border-radius:24px}
  .vm-vision-body blockquote{font-size:23px;line-height:1.45}
  .vm-vision-decoration{right:18px;top:18px;font-size:78px}
  .vm-mission-head{margin-top:42px}
  .vm-mission-card{min-height:0;padding:23px 58px 23px 23px;border-radius:19px}
  .vm-mission-card p{font-size:15px}
  .vm-mission-symbol{right:16px;font-size:46px}
  .vm-editor-fallback{padding:26px 22px;border-radius:22px}
}


/* v0.4.8 — dedicated Sejarah and Profil Lulusan pages */
.history-page,
.graduate-profile-page{background:#f5f8ff}
.history-internal-hero,
.graduate-internal-hero{min-height:205px!important;padding:70px 0 56px!important}

/* Sejarah */
.history-content-shell{position:relative;padding:54px 0 100px;background:linear-gradient(180deg,#f5f8ff 0%,#fff 42%,#f7f9ff 100%);overflow:hidden}
.history-content-shell::before{content:"";position:absolute;width:520px;height:520px;left:-250px;top:190px;border-radius:50%;background:radial-gradient(circle,rgba(47,103,246,.09),rgba(47,103,246,0) 68%);pointer-events:none}
.history-content-container{position:relative;z-index:1}
.history-section-label{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1;font-weight:900;letter-spacing:.18em;color:rgba(255,255,255,.76)}
.history-section-label>span{width:28px;height:2px;border-radius:2px;background:#9bbaff}
.history-section-label-dark{color:#3d5482}
.history-section-label-dark>span{background:#2f67f6}
.history-intro-card{position:relative;isolation:isolate;overflow:hidden;padding:48px 54px;border-radius:30px;background:linear-gradient(125deg,#07143f 0%,#102e83 52%,#3269e8 100%);color:#fff;box-shadow:0 28px 68px rgba(18,48,136,.18)}
.history-intro-card::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 82% 28%,rgba(160,197,255,.28),transparent 32%),linear-gradient(118deg,transparent 0 62%,rgba(255,255,255,.055) 62% 63%,transparent 63% 100%)}
.history-intro-card h2{margin:18px 0 18px;font-size:clamp(31px,4vw,46px);line-height:1.08;letter-spacing:-.04em;color:#fff}
.history-intro-card p{max-width:930px;margin:0;font-size:17px;line-height:1.85;color:rgba(255,255,255,.88)}
.history-intro-mark{position:absolute;right:46px;top:18px;font-size:120px;line-height:1;font-weight:700;color:rgba(255,255,255,.07);pointer-events:none}
.history-timeline-head{margin:60px 0 28px}
.history-timeline-head h2{margin:13px 0 0;font-size:clamp(30px,3.6vw,44px);line-height:1.08;letter-spacing:-.04em;color:#142450}
.history-timeline{position:relative;max-width:1080px}
.history-timeline::before{content:"";position:absolute;left:108px;top:17px;bottom:17px;width:2px;background:linear-gradient(180deg,#2f67f6,#bad0ff)}
.history-timeline-item{position:relative;display:grid;grid-template-columns:82px 28px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:18px}
.history-timeline-axis{position:relative;display:flex;justify-content:center;padding-top:19px;height:100%}
.history-timeline-axis i{position:relative;z-index:2;display:block;width:14px;height:14px;border:4px solid #dce8ff;border-radius:50%;background:#2f67f6;box-shadow:0 0 0 5px #fff}
.history-year{padding-top:13px;text-align:right;font-size:15px;font-weight:900;color:#2f67f6;letter-spacing:.02em}
.history-timeline-card{padding:22px 25px;border-radius:20px;border:1px solid #dfe7fb;background:#fff;box-shadow:0 13px 34px rgba(24,52,125,.06)}
.history-timeline-card h3{margin:0 0 8px;font-size:20px;line-height:1.3;color:#162652;letter-spacing:-.02em}
.history-timeline-card p{margin:0;font-size:15px;line-height:1.72;color:#5a6785}
.history-editor-fallback,
.graduate-editor-fallback{max-width:1040px;margin:0 auto;padding:36px 40px;border:1px solid #dfe7fb;border-radius:28px;background:#fff;box-shadow:0 20px 55px rgba(24,52,125,.08)}
.history-editor-fallback .entry-content,
.graduate-editor-fallback .entry-content{font-size:17px;line-height:1.85;color:#34415f}

/* Profil Lulusan */
.graduate-content-shell{position:relative;padding:54px 0 100px;background:linear-gradient(180deg,#f5f8ff 0%,#fff 46%,#f7f9ff 100%);overflow:hidden}
.graduate-content-shell::after{content:"";position:absolute;width:480px;height:480px;right:-220px;top:310px;border-radius:50%;background:radial-gradient(circle,rgba(47,103,246,.10),rgba(47,103,246,0) 70%);pointer-events:none}
.graduate-content-container{position:relative;z-index:1}
.graduate-section-label{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1;font-weight:900;letter-spacing:.18em;color:rgba(255,255,255,.76)}
.graduate-section-label>span{width:28px;height:2px;border-radius:2px;background:#9bbaff}
.graduate-section-label-dark{color:#3d5482}
.graduate-section-label-dark>span{background:#2f67f6}
.graduate-intro-card{position:relative;isolation:isolate;overflow:hidden;padding:48px 54px;border-radius:30px;background:linear-gradient(125deg,#07143f 0%,#0d2a7e 45%,#3168e9 100%);color:#fff;box-shadow:0 28px 68px rgba(18,48,136,.18)}
.graduate-intro-card::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 76% 36%,rgba(163,200,255,.30),transparent 34%),linear-gradient(120deg,transparent 0 64%,rgba(255,255,255,.055) 64% 65%,transparent 65% 100%)}
.graduate-intro-card h2{margin:18px 0;font-size:clamp(31px,4vw,46px);line-height:1.08;letter-spacing:-.04em;color:#fff}
.graduate-intro-card p{max-width:930px;margin:0;font-size:17px;line-height:1.85;color:rgba(255,255,255,.88)}
.graduate-intro-symbol{position:absolute;right:50px;top:18px;font-size:112px;line-height:1;font-weight:700;color:rgba(255,255,255,.07)}
.graduate-profile-head{margin:58px 0 25px}
.graduate-profile-head h2{margin:13px 0 0;font-size:clamp(30px,3.6vw,44px);line-height:1.08;letter-spacing:-.04em;color:#142450}
.graduate-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.graduate-profile-card{position:relative;min-height:190px;padding:27px 76px 28px 28px;border-radius:22px;border:1px solid #dfe7fb;background:#fff;box-shadow:0 16px 42px rgba(24,52,125,.07);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.graduate-profile-card:hover{transform:translateY(-3px);border-color:#bacdff;box-shadow:0 22px 48px rgba(24,52,125,.11)}
.graduate-profile-number{display:inline-flex;align-items:center;justify-content:center;height:31px;min-width:42px;padding:0 11px;border-radius:999px;background:#edf3ff;color:#2f67f6;font-size:12px;font-weight:900;letter-spacing:.08em}
.graduate-profile-card h3{margin:17px 0 9px;font-size:21px;line-height:1.3;letter-spacing:-.025em;color:#172753}
.graduate-profile-card p{margin:0;font-size:15px;line-height:1.72;color:#596781}
.graduate-profile-symbol{position:absolute;right:21px;top:18px;font-size:54px;line-height:1;color:#e8efff;font-weight:700}
.graduate-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.graduate-detail-card{position:relative;padding:30px 30px 30px 84px;border-radius:24px;border:1px solid #dfe7fb;background:#fff;box-shadow:0 15px 38px rgba(24,52,125,.065)}
.graduate-detail-card-blue{background:#f1f5ff}
.graduate-detail-icon{position:absolute;left:28px;top:29px;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#2f67f6;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em}
.graduate-detail-card h3{margin:0 0 15px;font-size:21px;color:#172753;letter-spacing:-.02em}
.graduate-detail-card ul{margin:0;padding:0;list-style:none}
.graduate-detail-card li{position:relative;margin:10px 0;padding-left:20px;font-size:14px;line-height:1.6;color:#596781}
.graduate-detail-card li::before{content:"";position:absolute;left:0;top:.67em;width:7px;height:7px;border-radius:50%;background:#2f67f6}

@media(max-width:900px){
  .history-intro-card,.graduate-intro-card{padding:42px 36px}
  .history-intro-mark,.graduate-intro-symbol{right:25px;font-size:92px}
  .graduate-profile-grid,.graduate-detail-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .history-content-shell,.graduate-content-shell{padding:38px 0 72px}
  .history-intro-card,.graduate-intro-card{padding:32px 25px;border-radius:24px}
  .history-intro-card p,.graduate-intro-card p{font-size:15px;line-height:1.75}
  .history-timeline::before{left:20px}
  .history-timeline-item{grid-template-columns:40px minmax(0,1fr);gap:12px}
  .history-timeline-axis{grid-column:1;grid-row:1/3;padding-top:15px}
  .history-year{grid-column:2;text-align:left;padding-top:0;font-size:13px}
  .history-timeline-card{grid-column:2;padding:19px 20px;border-radius:18px}
  .history-timeline-card h3{font-size:18px}
  .graduate-profile-card{min-height:0;padding:24px 58px 24px 23px;border-radius:19px}
  .graduate-profile-card h3{font-size:19px}
  .graduate-detail-card{padding:25px 23px 25px 72px;border-radius:20px}
  .graduate-detail-icon{left:22px;top:24px}
  .history-editor-fallback,.graduate-editor-fallback{padding:26px 22px;border-radius:22px}
}

/* v0.4.9 — rebalance Visi & Misi typography */
.vm-section-label{
  gap:12px;
  font-size:14px;
  letter-spacing:.20em;
}
.vm-section-label>span{
  width:36px;
  height:3px;
}
.vm-vision-body{
  max-width:980px;
}
.vm-vision-body blockquote{
  margin:24px 0 0;
  font-size:clamp(18px,2.15vw,26px);
  line-height:1.55;
  letter-spacing:-.02em;
  font-weight:650;
}
.vm-mission-head{
  margin:62px 0 26px;
}
.vm-mission-head h2{
  margin:14px 0 0;
  font-size:clamp(36px,4.2vw,54px);
  line-height:1.04;
  letter-spacing:-.045em;
}
.vm-mission-grid{
  gap:20px;
}
.vm-mission-card{
  min-height:190px;
  padding:30px 78px 30px 30px;
}
.vm-mission-number{
  min-width:46px;
  height:34px;
  padding:0 12px;
  font-size:13px;
}
.vm-mission-card p{
  margin:20px 0 0;
  font-size:18px;
  line-height:1.78;
  font-weight:600;
}
.vm-mission-symbol{
  right:24px;
  top:16px;
  font-size:62px;
}
@media(max-width:900px){
  .vm-section-label{font-size:13px}
  .vm-vision-body blockquote{font-size:clamp(18px,3vw,23px);line-height:1.58}
  .vm-mission-head h2{font-size:clamp(32px,5vw,44px)}
  .vm-mission-card p{font-size:17px;line-height:1.74}
}
@media(max-width:640px){
  .vm-section-label{font-size:12px;gap:10px}
  .vm-section-label>span{width:28px;height:2px}
  .vm-vision-body blockquote{font-size:20px;line-height:1.5}
  .vm-mission-head h2{font-size:30px;line-height:1.08}
  .vm-mission-card{padding:24px 56px 24px 22px}
  .vm-mission-card p{font-size:16px;line-height:1.7}
  .vm-mission-symbol{font-size:50px;right:16px}
}

/* v0.5.0 — smaller, structured Visi paragraphs */
.vm-vision-card{
  min-height:260px;
  padding:42px 48px;
}
.vm-vision-decoration{
  right:38px;
  top:18px;
  font-size:96px;
  color:rgba(255,255,255,.065);
}
.vm-vision-body{
  max-width:920px;
}
.vm-vision-body blockquote{
  margin:22px 0 0;
  padding:0;
  border:0;
  font-size:inherit;
}
.vm-vision-body blockquote p{
  margin:0 0 18px;
  font-size:clamp(16px,1.75vw,22px);
  line-height:1.68;
  letter-spacing:-.012em;
  font-weight:620;
  color:#fff;
}
.vm-vision-body blockquote p:last-child{
  margin-bottom:0;
}
@media(max-width:900px){
  .vm-vision-card{padding:38px 34px;min-height:0}
  .vm-vision-decoration{font-size:82px;right:24px}
  .vm-vision-body blockquote p{font-size:clamp(16px,2.6vw,20px);line-height:1.65}
}
@media(max-width:640px){
  .vm-vision-card{padding:30px 22px;border-radius:22px}
  .vm-vision-decoration{font-size:68px;right:16px;top:14px}
  .vm-vision-body blockquote{margin-top:18px}
  .vm-vision-body blockquote p{font-size:17px;line-height:1.62;margin-bottom:16px}
}


/* v0.5.0-grid — square grid background + lighter network */
.hero.hero-unsulbar{overflow:hidden;}
.hero-grid-boxes{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.26;background-image:linear-gradient(rgba(255,255,255,.11) 2px, transparent 2px),linear-gradient(90deg, rgba(255,255,255,.10) 2px, transparent 2px),linear-gradient(rgba(120,180,255,.065) 1px, transparent 1px),linear-gradient(90deg, rgba(120,180,255,.06) 1px, transparent 1px);background-size:56px 56px,56px 56px,140px 140px,140px 140px;background-position:0 0,0 0,0 0,0 0;mask-image:linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.82));-webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.82));animation:heroGridFloat 20s ease-in-out infinite alternate}
.hero-grid-boxes::before,.hero-grid-boxes::after{content:"";position:absolute;inset:0;pointer-events:none}
.hero-grid-boxes::before{background:radial-gradient(circle at 20% 30%, rgba(96,181,255,.10), transparent 22%),radial-gradient(circle at 75% 72%, rgba(96,181,255,.08), transparent 26%);opacity:.65}
.hero-grid-boxes::after{background:linear-gradient(90deg, rgba(6,20,64,.08), rgba(6,20,64,0))}
@keyframes heroGridFloat{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,4px,0)}100%{transform:translate3d(6px,-5px,0)}}
.hero-network{opacity:.20 !important}
.hero-particle-canvas{opacity:.52 !important}
.hero-soft-particles{opacity:.18 !important}
.hero-soft-particles i{box-shadow:0 0 9px rgba(255,255,255,.35) !important}
@media (max-width:760px){.hero-grid-boxes{opacity:.18;background-size:42px 42px,42px 42px,110px 110px,110px 110px}}
@media(prefers-reduced-motion:reduce){.hero-grid-boxes{animation:none !important}}


/* v0.5.0-vision — add Unsulbar building artwork to Visi card */
.vm-vision-card{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(6, 23, 88, 0.97) 0%, rgba(24, 57, 161, 0.92) 52%, rgba(54, 104, 232, 0.92) 100%);
  isolation:isolate;
}
.vm-vision-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(6,23,88,.95) 0%, rgba(6,23,88,.88) 44%, rgba(6,23,88,.46) 68%, rgba(6,23,88,.16) 100%),
    linear-gradient(115deg, transparent 58%, rgba(255,255,255,.08) 58.6%, rgba(255,255,255,.03) 61%, transparent 61.5%);
  z-index:0;
}
.vm-vision-card::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:46%;
  background-image:url('../images/vision-building-gradient.png');
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.9;
  filter:saturate(1.03) brightness(1.02);
  z-index:0;
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 12%, rgba(0,0,0,.9) 34%, rgba(0,0,0,1) 100%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 12%, rgba(0,0,0,.9) 34%, rgba(0,0,0,1) 100%);
}
.vm-vision-body,
.vm-vision-decoration{position:relative;z-index:2}
.vm-vision-body{max-width:66%}
.vm-vision-body blockquote p{text-shadow:0 2px 14px rgba(4,12,45,.18)}
@media(max-width:1100px){
  .vm-vision-body{max-width:62%}
  .vm-vision-card::after{width:50%; opacity:.82}
}
@media(max-width:900px){
  .vm-vision-body{max-width:100%}
  .vm-vision-card::after{opacity:.18; width:100%; background-position:center right}
  .vm-vision-card::before{background:linear-gradient(180deg, rgba(6,23,88,.95) 0%, rgba(24,57,161,.90) 100%)}
}


/* v0.5.0-vision-gridfix — lock Unsulbar building as real Visi layer */
.vm-vision-card::after{display:none!important;content:none!important;}
.vm-vision-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:linear-gradient(90deg,#071b63 0%,#163caa 55%,#3c6ee7 100%)!important;
}
.vm-vision-card::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(6,23,88,.98) 0%,rgba(6,23,88,.95) 42%,rgba(7,30,102,.76) 58%,rgba(19,61,161,.22) 82%,rgba(19,61,161,.04) 100%)!important;
  pointer-events:none!important;
}
.vm-vision-building{
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  bottom:0;
  width:49%;
  overflow:hidden;
  pointer-events:none;
}
.vm-vision-building::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(90deg,rgba(18,54,154,.82) 0%,rgba(18,54,154,.30) 28%,rgba(18,54,154,.06) 62%,rgba(18,54,154,0) 100%);
}
.vm-vision-building img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center right;
  display:block;
  opacity:.96;
  filter:saturate(1.03) brightness(1.02);
}
.vm-vision-body,
.vm-vision-decoration{
  position:relative!important;
  z-index:3!important;
}
.vm-vision-body{max-width:64%!important;}
@media(max-width:1100px){
  .vm-vision-building{width:50%;}
  .vm-vision-body{max-width:62%!important;}
}
@media(max-width:900px){
  .vm-vision-building{width:100%;opacity:.20;}
  .vm-vision-building::before{background:rgba(7,27,92,.62);}
  .vm-vision-body{max-width:100%!important;}
}


/* v0.5.0-headercycle — unified animated header background */
:root{
  --header-cycle-duration:24s;
}

/* Shared grid language */
.hero-grid-boxes,
.header-grid-layer{
  background-image:
    linear-gradient(rgba(255,255,255,.105) 1.5px, transparent 1.5px),
    linear-gradient(90deg, rgba(255,255,255,.095) 1.5px, transparent 1.5px),
    linear-gradient(rgba(155,190,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(155,190,255,.05) 1px, transparent 1px) !important;
  background-size:58px 58px,58px 58px,145px 145px,145px 145px !important;
  background-position:0 0 !important;
}

/* HOMEPAGE HERO: blue → maroon → purple */
.hero.hero-unsulbar{
  background:#08163f !important;
}
.hero-color-flow{
  position:absolute !important;
  inset:-6% !important;
  z-index:0 !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,#06143f 0%,#123c99 52%,#4a78e8 100%) !important;
  transform:scale(1.08) !important;
  animation:none !important;
}
.hero-color-flow>i{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  opacity:0;
  transform:scale(1.02);
  will-change:opacity,transform;
}
.hero-color-flow .hero-blue{
  background:linear-gradient(135deg,#06143f 0%,#123c99 50%,#4e80ee 100%) !important;
  animation:headerCycleBlue var(--header-cycle-duration) ease-in-out infinite !important;
}
.hero-color-flow .hero-red{
  background:linear-gradient(135deg,#25040c 0%,#681126 48%,#b23a55 100%) !important;
  animation:headerCycleMaroon var(--header-cycle-duration) ease-in-out infinite !important;
}
.hero-color-flow .hero-yellow{
  background:linear-gradient(135deg,#17092f 0%,#4c1e79 50%,#8755c9 100%) !important;
  animation:headerCyclePurple var(--header-cycle-duration) ease-in-out infinite !important;
}
.hero-grid-boxes{
  z-index:1 !important;
  opacity:.27 !important;
  animation:headerGridDrift 26s ease-in-out infinite alternate !important;
}

/* INTERNAL PAGE HEADERS */
.internal-hero-bg,
.editable-internal-hero .internal-hero-bg{
  position:absolute !important;
  inset:0 !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,#06143f 0%,#123c99 50%,#4e80ee 100%) !important;
  animation:none !important;
  opacity:1 !important;
}
.internal-hero-bg>i{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  animation-duration:var(--header-cycle-duration) !important;
  animation-timing-function:ease-in-out !important;
  animation-iteration-count:infinite !important;
}
.internal-hero-bg .ih-blue{
  background:linear-gradient(135deg,#06143f 0%,#123c99 50%,#4e80ee 100%);
  animation-name:headerCycleBlue !important;
}
.internal-hero-bg .ih-maroon{
  background:linear-gradient(135deg,#25040c 0%,#681126 48%,#b23a55 100%);
  animation-name:headerCycleMaroon !important;
}
.internal-hero-bg .ih-purple{
  background:linear-gradient(135deg,#17092f 0%,#4c1e79 50%,#8755c9 100%);
  animation-name:headerCyclePurple !important;
}
.header-grid-layer{
  position:absolute;
  inset:-3%;
  z-index:4;
  opacity:.24;
  pointer-events:none;
  animation:headerGridDrift 26s ease-in-out infinite alternate;
}
.internal-hero-inner{z-index:6 !important;}

/* TOP NAVIGATION HEADER — same palette, intentionally pale for readability */
.site-header-unsulbar .header-main{
  background:#fbfcff !important;
  isolation:isolate;
}
.header-color-cycle{
  display:block !important;
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  opacity:1;
}
.header-color-cycle i{
  display:block !important;
  position:absolute !important;
  inset:-10% !important;
  opacity:0;
  filter:none !important;
  transform:none !important;
}
.header-color-cycle .hc-blue{
  background:linear-gradient(110deg,rgba(229,238,255,.88),rgba(248,250,255,.90),rgba(217,231,255,.72)) !important;
  animation:headerCycleBlue var(--header-cycle-duration) ease-in-out infinite !important;
}
.header-color-cycle .hc-red{
  background:linear-gradient(110deg,rgba(255,239,242,.86),rgba(252,248,249,.92),rgba(247,218,225,.66)) !important;
  animation:headerCycleMaroon var(--header-cycle-duration) ease-in-out infinite !important;
}
.header-color-cycle .hc-yellow{
  background:linear-gradient(110deg,rgba(244,238,255,.86),rgba(251,249,255,.92),rgba(230,214,249,.68)) !important;
  animation:headerCyclePurple var(--header-cycle-duration) ease-in-out infinite !important;
}
.site-header-unsulbar .header-main::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.12;
  background-image:
    linear-gradient(rgba(31,72,151,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(31,72,151,.09) 1px,transparent 1px);
  background-size:48px 48px;
}
.header-shell{position:relative;z-index:5 !important;}
.header-number-stream{z-index:3 !important;opacity:.55;}

@keyframes headerCycleBlue{
  0%,24%{opacity:1;transform:scale(1.02)}
  31%,92%{opacity:0;transform:scale(1.055)}
  100%{opacity:1;transform:scale(1.02)}
}
@keyframes headerCycleMaroon{
  0%,24%{opacity:0;transform:scale(1.055)}
  33%,55%{opacity:1;transform:scale(1.02)}
  64%,100%{opacity:0;transform:scale(1.055)}
}
@keyframes headerCyclePurple{
  0%,55%{opacity:0;transform:scale(1.055)}
  65%,88%{opacity:1;transform:scale(1.02)}
  97%,100%{opacity:0;transform:scale(1.055)}
}
@keyframes headerGridDrift{
  0%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-8px,5px,0)}
  100%{transform:translate3d(7px,-5px,0)}
}

/* Keep Visi card artwork independent from header palette */
.vm-vision-card{
  background:linear-gradient(90deg,rgba(6,23,88,.98) 0%,rgba(24,57,161,.94) 52%,rgba(54,104,232,.92) 100%) !important;
}

@media(max-width:760px){
  .hero-grid-boxes,.header-grid-layer{background-size:44px 44px,44px 44px,110px 110px,110px 110px !important;opacity:.18 !important}
  .site-header-unsulbar .header-main::after{background-size:38px 38px;opacity:.08}
}
@media(prefers-reduced-motion:reduce){
  .hero-color-flow>i,.internal-hero-bg>i,.header-color-cycle i,.hero-grid-boxes,.header-grid-layer{animation:none !important}
  .hero-color-flow .hero-blue,.internal-hero-bg .ih-blue,.header-color-cycle .hc-blue{opacity:1 !important}
  .hero-color-flow .hero-red,.hero-color-flow .hero-yellow,.internal-hero-bg .ih-maroon,.internal-hero-bg .ih-purple,.header-color-cycle .hc-red,.header-color-cycle .hc-yellow{opacity:0 !important}
}


/* v0.5.0-modernservices — compact modern service hub */
.services-section.services-modern{
  position:relative;
  margin-top:-30px !important;
  padding:0 0 78px !important;
  z-index:6;
}
.services-modern-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:36px;
  padding:38px 42px 30px;
  margin-bottom:0;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(213,224,249,.92);
  border-bottom:0;
  border-radius:26px 26px 0 0;
  box-shadow:0 18px 48px rgba(31,64,145,.08);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.services-modern-eyebrow{
  margin:0 0 9px;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.18em;
  color:#2f67f6;
}
.services-modern-head h2{
  margin:0;
  font-size:clamp(24px,2.6vw,34px);
  line-height:1.08;
  letter-spacing:-.035em;
  color:#172653;
}
.services-modern-copy{
  max-width:390px;
  margin:0 0 2px;
  font-size:14px;
  line-height:1.65;
  color:#687795;
}
.services-modern .services-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0 !important;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(213,224,249,.92);
  border-radius:0 0 26px 26px;
  box-shadow:0 22px 54px rgba(31,64,145,.09);
}
.services-modern .service-card{
  position:relative;
  min-height:172px !important;
  padding:25px 24px 22px !important;
  border:0 !important;
  border-right:1px solid #e7edfb !important;
  border-top:1px solid #e7edfb !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  overflow:hidden;
  isolation:isolate;
  transition:transform .28s ease,background .28s ease,box-shadow .28s ease;
}
.services-modern .service-card:nth-child(-n+4){border-top:0 !important;}
.services-modern .service-card:nth-child(4n){border-right:0 !important;}
.services-modern .service-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,#2f67f6 0%,#67a1ff 52%,#9ed8ff 100%);
  transform:scaleX(.22);
  transform-origin:left;
  opacity:.18;
  transition:transform .3s ease,opacity .3s ease;
  z-index:-1;
}
.services-modern .service-card::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-60px;
  bottom:-70px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(47,103,246,.10),rgba(47,103,246,0) 70%);
  opacity:0;
  transform:scale(.72);
  transition:opacity .28s ease,transform .28s ease;
  z-index:-1;
}
.services-modern .service-card:hover{
  transform:translateY(-2px) !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8faff 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(104,146,255,.10) !important;
}
.services-modern .service-card:hover::before{transform:scaleX(1);opacity:1;}
.services-modern .service-card:hover::after{opacity:1;transform:scale(1);}
.services-modern .service-icon{
  width:46px !important;
  height:46px !important;
  margin:0 0 18px !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,#eff4ff 0%,#e5edff 100%) !important;
  color:#2f67f6 !important;
  box-shadow:inset 0 0 0 1px rgba(47,103,246,.08);
  transition:transform .28s ease,background .28s ease,color .28s ease;
}
.services-modern .service-icon svg{width:23px;height:23px;stroke-width:1.8;}
.services-modern .service-card:hover .service-icon{
  transform:translateY(-2px) scale(1.04);
  background:linear-gradient(145deg,#2f67f6,#5f8dff) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(47,103,246,.20);
}
.services-modern .service-card h3{
  margin:0 0 7px !important;
  font-size:17px !important;
  line-height:1.22;
  letter-spacing:-.025em;
  color:#182653;
}
.services-modern .service-card p{
  margin:0 !important;
  max-width:95%;
  font-size:12.5px !important;
  line-height:1.58 !important;
  color:#74819d !important;
}
.services-modern .service-link{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:auto !important;
  padding-top:18px !important;
  font-size:11px !important;
  font-weight:850;
  color:#2f67f6 !important;
  letter-spacing:.01em;
}
.services-modern .service-link b{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#edf3ff;
  font-size:13px;
  transition:transform .24s ease,background .24s ease,color .24s ease;
}
.services-modern .service-card:hover .service-link b{
  transform:translateX(3px);
  background:#2f67f6;
  color:#fff;
}
@media(max-width:1100px){
  .services-modern-head{padding:32px 30px 26px}
  .services-modern .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .services-modern .service-card:nth-child(-n+4){border-top:1px solid #e7edfb !important;}
  .services-modern .service-card:nth-child(-n+2){border-top:0 !important;}
  .services-modern .service-card:nth-child(4n){border-right:1px solid #e7edfb !important;}
  .services-modern .service-card:nth-child(2n){border-right:0 !important;}
}
@media(max-width:760px){
  .services-section.services-modern{margin-top:-18px !important;padding-bottom:58px !important;}
  .services-modern-head{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    padding:26px 22px 22px;
    border-radius:22px 22px 0 0;
  }
  .services-modern-head h2{font-size:25px;}
  .services-modern-copy{font-size:13px;max-width:none;}
  .services-modern .services-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    overflow:visible !important;
    border-radius:0 0 22px 22px;
    padding:0 !important;
  }
  .services-modern .service-card{
    min-width:0 !important;
    min-height:150px !important;
    padding:22px 20px 19px !important;
    border-right:0 !important;
    border-top:1px solid #e7edfb !important;
    scroll-snap-align:none !important;
  }
  .services-modern .service-card:first-child{border-top:0 !important;}
  .services-modern .service-icon{width:42px !important;height:42px !important;margin-bottom:14px !important;}
}


/* v0.5.0-bento — distinctive service bento interface */
.services-section.services-modern{
  margin-top:-44px !important;
  padding:0 0 96px !important;
  background:
    radial-gradient(circle at 8% 10%,rgba(66,111,255,.10),transparent 26%),
    radial-gradient(circle at 94% 76%,rgba(117,72,230,.08),transparent 25%),
    linear-gradient(180deg,#f6f8fd 0%,#fbfcff 100%) !important;
  overflow:hidden;
}
.services-modern-head{
  position:relative;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:48px !important;
  margin-bottom:28px !important;
  padding:54px 4px 0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.services-modern-badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:14px;
  padding:8px 12px;
  border:1px solid rgba(47,103,246,.16);
  border-radius:999px;
  background:rgba(255,255,255,.74);
  color:#315fd9;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em;
  box-shadow:0 7px 22px rgba(36,65,139,.07);
}
.services-modern-badge i{
  width:7px;height:7px;border-radius:50%;
  background:#386df7;
  box-shadow:0 0 0 5px rgba(56,109,247,.10);
}
.services-modern-head h2{
  margin:0 !important;
  max-width:720px;
  color:#101d43 !important;
  font-size:clamp(32px,3.7vw,54px) !important;
  line-height:.98 !important;
  letter-spacing:-.052em !important;
  font-weight:850 !important;
}
.services-modern-head h2 span{
  color:#60739e;
  font-weight:650;
}
.services-modern-copy{
  max-width:370px !important;
  margin:0 0 7px !important;
  color:#75819a !important;
  font-size:14px !important;
  line-height:1.7 !important;
}
.services-modern .services-grid{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  grid-auto-rows:162px !important;
  grid-auto-flow:dense;
  gap:16px !important;
  overflow:visible !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.services-modern .service-card{
  position:relative;
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  height:auto !important;
  padding:22px 22px 20px !important;
  border:1px solid rgba(211,220,241,.92) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 12px 30px rgba(35,55,105,.07) !important;
  overflow:hidden;
  isolation:isolate;
  color:#152348 !important;
  transform:translateZ(0);
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease !important;
}
.services-modern .service-card:nth-child(n){border:1px solid rgba(211,220,241,.92) !important;}
.services-modern .service-card::before{
  content:"" !important;
  position:absolute !important;
  width:180px !important;
  height:180px !important;
  left:auto !important;
  right:-84px !important;
  top:-92px !important;
  border-radius:50% !important;
  background:radial-gradient(circle,rgba(75,116,244,.15),rgba(75,116,244,0) 70%) !important;
  opacity:.68 !important;
  transform:none !important;
  z-index:-1 !important;
}
.services-modern .service-card::after{
  content:"" !important;
  position:absolute !important;
  inset:auto -20% -55% 24% !important;
  width:auto !important;
  height:140px !important;
  border-radius:50% !important;
  background:radial-gradient(ellipse,rgba(113,148,255,.12),transparent 68%) !important;
  opacity:.7 !important;
  transform:none !important;
  z-index:-1 !important;
}
.services-modern .service-card:nth-child(1){
  grid-column:span 5;
  grid-row:span 2;
  padding:28px 28px 25px !important;
  border-color:rgba(62,94,205,.72) !important;
  background:
    linear-gradient(145deg,rgba(11,32,92,.98),rgba(39,84,206,.96) 58%,rgba(76,111,225,.94)) !important;
  color:#fff !important;
  box-shadow:0 25px 55px rgba(30,68,179,.22) !important;
}
.services-modern .service-card:nth-child(1)::before{
  width:330px !important;height:330px !important;right:-120px !important;top:-130px !important;
  background:radial-gradient(circle,rgba(126,173,255,.34),rgba(126,173,255,0) 68%) !important;
}
.services-modern .service-card:nth-child(1)::after{
  inset:auto -10% -18% 12% !important;height:210px !important;
  background:radial-gradient(ellipse,rgba(121,80,231,.26),transparent 68%) !important;
}
.services-modern .service-card:nth-child(2){grid-column:span 3;background:linear-gradient(145deg,#f5f1ff,#fff) !important;border-color:#e4dbfb !important;}
.services-modern .service-card:nth-child(3){grid-column:span 4;}
.services-modern .service-card:nth-child(4){grid-column:span 3;background:linear-gradient(145deg,#f0f6ff,#fff) !important;border-color:#dce8fb !important;}
.services-modern .service-card:nth-child(5){grid-column:span 4;}
.services-modern .service-card:nth-child(6),
.services-modern .service-card:nth-child(7),
.services-modern .service-card:nth-child(8){grid-column:span 4;}
.services-modern .service-index{
  position:absolute;
  right:18px;
  top:14px;
  color:rgba(33,52,105,.13);
  font-size:31px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.06em;
  pointer-events:none;
}
.services-modern .service-card:nth-child(1) .service-index{
  right:24px;top:20px;
  color:rgba(255,255,255,.13);
  font-size:56px;
}
.services-modern .service-icon{
  display:grid !important;
  place-items:center !important;
  flex:0 0 auto;
  width:42px !important;
  height:42px !important;
  margin:0 0 14px !important;
  border-radius:13px !important;
  border:1px solid rgba(54,102,232,.10);
  background:rgba(237,243,255,.9) !important;
  color:#3569ea !important;
  box-shadow:none !important;
  transition:transform .3s ease,background .3s ease,color .3s ease !important;
}
.services-modern .service-card:nth-child(1) .service-icon{
  width:58px !important;height:58px !important;border-radius:18px !important;
  margin-bottom:28px !important;
  background:rgba(255,255,255,.13) !important;
  border-color:rgba(255,255,255,.16) !important;
  color:#fff !important;
  backdrop-filter:blur(10px);
}
.services-modern .service-icon svg{width:22px !important;height:22px !important;}
.services-modern .service-card:nth-child(1) .service-icon svg{width:29px !important;height:29px !important;}
.services-modern .service-content{display:block;position:relative;z-index:2;}
.services-modern .service-card h3{
  margin:0 0 6px !important;
  color:#152348 !important;
  font-size:18px !important;
  line-height:1.15 !important;
  letter-spacing:-.033em !important;
  font-weight:800 !important;
}
.services-modern .service-card p{
  margin:0 !important;
  max-width:90%;
  color:#7b87a1 !important;
  font-size:12.5px !important;
  line-height:1.5 !important;
}
.services-modern .service-card:nth-child(1) h3{
  max-width:80%;
  color:#fff !important;
  font-size:32px !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
}
.services-modern .service-card:nth-child(1) p{
  max-width:76%;
  margin-top:10px !important;
  color:rgba(235,241,255,.75) !important;
  font-size:14px !important;
  line-height:1.62 !important;
}
.services-modern .service-link{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-top:auto !important;
  padding-top:10px !important;
  color:#526587 !important;
}
.services-modern .service-link em{
  font-style:normal;
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  opacity:.82;
}
.services-modern .service-link b{
  display:grid !important;
  place-items:center !important;
  flex:0 0 auto;
  width:31px !important;
  height:31px !important;
  border-radius:50% !important;
  background:#eff3fb !important;
  color:#315fdb !important;
  font-size:15px !important;
  font-weight:600 !important;
  transition:transform .28s ease,background .28s ease,color .28s ease !important;
}
.services-modern .service-card:nth-child(1) .service-link{color:rgba(255,255,255,.76) !important;}
.services-modern .service-card:nth-child(1) .service-link b{background:rgba(255,255,255,.14) !important;color:#fff !important;border:1px solid rgba(255,255,255,.16);}
.services-modern .service-card:hover{
  transform:translateY(-7px) !important;
  border-color:rgba(88,119,220,.42) !important;
  box-shadow:0 24px 52px rgba(34,58,119,.14) !important;
}
.services-modern .service-card:nth-child(1):hover{box-shadow:0 31px 68px rgba(30,68,179,.30) !important;}
.services-modern .service-card:hover .service-icon{transform:scale(1.06) rotate(-3deg) !important;}
.services-modern .service-card:hover .service-link b{
  transform:rotate(8deg) scale(1.08) !important;
  background:#315fdb !important;
  color:#fff !important;
}
.services-modern .service-card:nth-child(1):hover .service-link b{background:#fff !important;color:#234fb9 !important;}
@media(max-width:1100px){
  .services-modern .services-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-auto-rows:auto !important;}
  .services-modern .service-card:nth-child(n){grid-column:auto !important;grid-row:auto !important;min-height:180px !important;}
  .services-modern .service-card:nth-child(1){grid-column:1/-1 !important;min-height:280px !important;}
  .services-modern-head h2{font-size:clamp(31px,5vw,46px) !important;}
}
@media(max-width:760px){
  .services-section.services-modern{margin-top:-18px !important;padding-bottom:64px !important;}
  .services-modern-head{padding:36px 0 0 !important;margin-bottom:20px !important;gap:18px !important;}
  .services-modern-head h2{font-size:34px !important;}
  .services-modern .services-grid{grid-template-columns:1fr !important;gap:12px !important;}
  .services-modern .service-card:nth-child(n){grid-column:auto !important;min-height:156px !important;border-radius:20px !important;padding:20px !important;}
  .services-modern .service-card:nth-child(1){min-height:255px !important;padding:24px !important;}
  .services-modern .service-card:nth-child(1) h3{font-size:27px !important;}
  .services-modern .service-card:nth-child(1) p{max-width:90%;}
  .services-modern .service-index{font-size:28px;}
}
@media(prefers-reduced-motion:reduce){
  .services-modern .service-card,.services-modern .service-icon,.services-modern .service-link b{transition:none !important;}
}

/* v0.5.0-compactjakarta — compact modern service cards + Plus Jakarta Sans everywhere */
:root{
  --font-sans:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html,body,button,input,textarea,select,option{
  font-family:var(--font-sans)!important;
}
body, p, li, a, span, strong, em, small, blockquote, h1, h2, h3, h4, h5, h6{
  font-family:var(--font-sans)!important;
}

.services-modern{
  position:relative;
  margin-top:-38px!important;
  padding-bottom:56px!important;
}
.services-modern:before{
  content:"";
  position:absolute;
  inset:24px 0 auto;
  height:220px;
  background:radial-gradient(circle at 15% 30%,rgba(69,118,255,.10),transparent 40%),
             radial-gradient(circle at 88% 8%,rgba(122,89,255,.09),transparent 36%);
  pointer-events:none;
}
.services-modern .container{
  position:relative;
  z-index:1;
}
.services-modern-head{
  display:grid!important;
  grid-template-columns:1.15fr .85fr!important;
  gap:24px!important;
  align-items:end!important;
  padding:32px 34px 20px!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(12px)!important;
  border:1px solid rgba(220,229,248,.95)!important;
  border-bottom:0!important;
  border-radius:28px 28px 0 0!important;
  box-shadow:0 18px 54px rgba(28,51,121,.08)!important;
}
.services-modern-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  font-size:12px!important;
  letter-spacing:.24em!important;
  font-weight:800!important;
  color:#2c63ff!important;
  margin-bottom:14px!important;
}
.services-modern-badge i{
  width:30px!important;height:2px!important;border-radius:999px!important;
  background:linear-gradient(90deg,#2b67ff,#8cc6ff)!important;
  display:block!important;
}
.services-modern-head h2{
  margin:0!important;
  font-size:clamp(32px,3.1vw,48px)!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
  max-width:760px!important;
  color:#172554!important;
}
.services-modern-head h2 span{
  color:#2f5fe9!important;
}
.services-modern-copy{
  margin:0!important;
  font-size:16px!important;
  line-height:1.75!important;
  color:#66789d!important;
  max-width:440px!important;
  justify-self:end!important;
}

.services-modern .services-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  grid-auto-rows:minmax(158px,auto)!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(10px)!important;
  border:1px solid rgba(220,229,248,.95)!important;
  border-top:1px solid rgba(233,239,252,.96)!important;
  border-radius:0 0 28px 28px!important;
  overflow:hidden!important;
  box-shadow:0 24px 64px rgba(28,51,121,.08)!important;
  padding:14px!important;
}
.services-modern .service-card,
.services-modern .service-card:nth-child(n){
  position:relative!important;
  isolation:isolate!important;
  min-height:158px!important;
  border-radius:20px!important;
  border:1px solid rgba(223,232,249,.96)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,250,255,.98) 100%)!important;
  box-shadow:0 8px 24px rgba(47,87,177,.05)!important;
  padding:20px 18px 18px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  grid-column:auto!important;
  grid-row:auto!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease!important;
}
.services-modern .service-card:nth-child(1),
.services-modern .service-card:nth-child(2),
.services-modern .service-card:nth-child(3),
.services-modern .service-card:nth-child(4),
.services-modern .service-card:nth-child(5),
.services-modern .service-card:nth-child(6),
.services-modern .service-card:nth-child(7),
.services-modern .service-card:nth-child(8){
  grid-column:auto!important;
  min-height:158px!important;
}
.services-modern .service-card::before{
  content:""!important;
  position:absolute!important;
  inset:auto -42px -42px auto!important;
  width:126px!important;
  height:126px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(62,103,255,.14) 0%,rgba(62,103,255,0) 70%)!important;
  opacity:.95!important;
  transform:none!important;
}
.services-modern .service-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,0) 48%),
    linear-gradient(180deg,rgba(255,255,255,.26),transparent 28%),
    linear-gradient(90deg,rgba(53,98,255,.035) 1px,transparent 1px),
    linear-gradient(0deg,rgba(53,98,255,.03) 1px,transparent 1px);
  background-size:auto,auto,22px 22px,22px 22px!important;
  opacity:.55!important;
  pointer-events:none!important;
  transform:none!important;
}
.services-modern .service-card:hover{
  transform:translateY(-6px)!important;
  border-color:#c5d7ff!important;
  box-shadow:0 22px 44px rgba(38,86,198,.13)!important;
  background:linear-gradient(180deg,#ffffff 0%,#f2f7ff 100%)!important;
}
.services-modern .service-card:nth-child(2n){
  background:linear-gradient(180deg,rgba(250,251,255,.98) 0%,rgba(244,248,255,.98) 100%)!important;
}
.services-modern .service-card:nth-child(3n){
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,246,255,.98) 100%)!important;
}
.services-modern .service-index{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:42px!important;
  height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  font-weight:800!important;
  color:#6b84c6!important;
  background:rgba(237,243,255,.9)!important;
  border:1px solid rgba(213,225,255,.95)!important;
  box-shadow:none!important;
}
.services-modern .service-icon{
  position:relative!important;
  z-index:2!important;
  width:52px!important;
  height:52px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:18px!important;
  color:#2e63f6!important;
  background:linear-gradient(180deg,#eff4ff 0%,#dfe9ff 100%)!important;
  border:1px solid rgba(209,223,255,.95)!important;
  box-shadow:0 12px 26px rgba(43,98,255,.10)!important;
  transform:none!important;
}
.services-modern .service-icon svg{
  width:24px!important;
  height:24px!important;
  stroke-width:1.9!important;
}
.services-modern .service-content{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}
.services-modern .service-card h3{
  margin:0!important;
  font-size:18px!important;
  line-height:1.14!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
  color:#162550!important;
}
.services-modern .service-card p{
  margin:0!important;
  font-size:13px!important;
  line-height:1.58!important;
  color:#6d7f9f!important;
  max-width:92%!important;
}
.services-modern .service-link{
  position:relative!important;
  z-index:2!important;
  margin-top:auto!important;
  padding-top:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  color:#2c63ff!important;
}
.services-modern .service-link em{
  font-style:normal!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  color:#2e63f6!important;
}
.services-modern .service-link b{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  font-size:14px!important;
  font-weight:800!important;
  color:#275cf3!important;
  background:#eef4ff!important;
  border:1px solid rgba(210,223,255,.96)!important;
  transition:transform .18s ease, background .18s ease, color .18s ease!important;
}
.services-modern .service-card:hover .service-link b{
  transform:translateX(2px)!important;
  background:#2e63f6!important;
  color:#fff!important;
}

@media(max-width:1100px){
  .services-modern-head{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:28px 24px 16px!important;
  }
  .services-modern-copy{justify-self:start!important;max-width:unset!important;font-size:15px!important;line-height:1.65!important;}
  .services-modern .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  .services-modern{margin-top:-26px!important;padding-bottom:42px!important;}
  .services-modern-head{padding:24px 18px 14px!important;border-radius:24px 24px 0 0!important;}
  .services-modern-head h2{font-size:31px!important;line-height:1.02!important;}
  .services-modern .services-grid{grid-template-columns:1fr!important;padding:12px!important;border-radius:0 0 24px 24px!important;gap:12px!important;}
  .services-modern .service-card{min-height:146px!important;padding:18px 16px!important;border-radius:18px!important;}
  .services-modern .service-card h3{font-size:17px!important;}
  .services-modern .service-card p{font-size:12.5px!important;max-width:100%!important;}
  .services-modern .service-index{top:14px!important;right:14px!important;min-width:38px!important;height:26px!important;font-size:10px!important;}
  .services-modern .service-icon{width:48px!important;height:48px!important;margin-bottom:14px!important;}
}