/* BRANTSI V1.5 — modular mobile, explicit services, restrained interaction */
.nav{gap:26px}
.nav a,.head-cta{font-size:13px;letter-spacing:.01em}
.nav a.is-active{color:#fff}
.nav a.is-active:after{right:0;background:linear-gradient(90deg,#fff,rgba(var(--br-blue-rgb),.65))}
.ticker{display:none!important}

.services{padding-top:130px;padding-bottom:150px;border-top:1px solid var(--br-hairline);border-bottom:1px solid var(--br-hairline);background:linear-gradient(180deg,#060809,#090b0d)}
.services-head{display:grid;grid-template-columns:.34fr 1.66fr;gap:54px;margin-bottom:52px}
.services-head h2{margin:0;font-size:clamp(48px,6.2vw,96px);line-height:.93;letter-spacing:-.058em;max-width:1100px}
.services-head p:last-child{margin:24px 0 0;color:#999ea2;font-size:17px;line-height:1.55;max-width:700px}
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.service-card{position:relative;border:1px solid rgba(255,255,255,.105);border-radius:18px;background:linear-gradient(145deg,rgba(16,19,22,.94),rgba(7,8,10,.97));overflow:hidden;transition:border-color .35s ease,transform .45s var(--ease),background .35s ease}
.service-card:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;left:calc(var(--mx,50%) - 215px);top:calc(var(--my,50%) - 215px);background:radial-gradient(circle,rgba(var(--br-blue-rgb),.11),transparent 67%);opacity:0;transition:opacity .35s ease;pointer-events:none}
.service-card:hover{border-color:rgba(var(--br-blue-rgb),.28);transform:translateY(-2px)}
.service-card:hover:before,.service-card.open:before{opacity:1}
.service-trigger{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:46px 1fr 32px;gap:18px;align-items:start;text-align:left;color:inherit;background:none;border:0;padding:27px 28px;cursor:pointer}
.service-no{padding-top:5px;color:#58636c;font-size:10px;letter-spacing:.12em}
.service-card h3{margin:0;font-size:clamp(25px,2.1vw,34px);line-height:1.05;letter-spacing:-.035em;font-weight:650}
.service-summary{margin:13px 0 0;color:#8f9599;font-size:13px;line-height:1.55;max-width:590px}
.service-toggle{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#aeb4b8;font-size:18px;line-height:1;transition:transform .35s var(--ease),border-color .35s ease,color .35s ease}
.service-card.open .service-toggle{transform:rotate(45deg);color:#fff;border-color:rgba(var(--br-blue-rgb),.45)}
.service-detail{position:relative;z-index:1;display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease),border-color .35s ease}
.service-detail>div{overflow:hidden}
.service-detail p{margin:0;padding:0 28px 0 92px;color:#b6babd;font-size:13px;line-height:1.65}
.service-card.open .service-detail{grid-template-rows:1fr;border-top:1px solid rgba(var(--br-blue-rgb),.12)}
.service-card.open .service-detail p{padding-top:20px;padding-bottom:26px}

@media(max-width:900px){
  .header.open .nav a{font-size:18px;padding:16px 0}
  .menu{font-size:13px}
  .manifesto,.model,.services,.cap,.ventures,.case,.principle{position:relative;border-top:1px solid rgba(var(--br-blue-rgb),.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
  .manifesto{background:linear-gradient(180deg,#010203,#050607)}
  .model{background:linear-gradient(180deg,#07090b,#030405)}
  .services{background:linear-gradient(180deg,#0a0d10,#050607)}
  .cap{background:linear-gradient(180deg,#030405,#080a0c)}
  .ventures{background:linear-gradient(180deg,#080a0c,#030405)}
  .case{background:linear-gradient(180deg,#030405,#090b0d)}
  .principle{background:linear-gradient(180deg,#090b0d,#020304)}
  .manifesto .eyebrow,.model .eyebrow,.services .eyebrow,.cap .eyebrow,.ventures .eyebrow,.case .eyebrow,.principle .eyebrow{
    display:inline-flex;width:max-content;padding:7px 10px;border:1px solid rgba(var(--br-blue-rgb),.18);border-radius:999px;background:rgba(var(--br-blue-rgb),.035);font-size:11px;color:#aeb7be
  }
  .section-code{font-size:11px;color:#8d989f}
  .section-head{align-items:center;margin-bottom:36px}
  .manifesto-copy,.cap-intro p,.case-top p,.principle-copy p{font-size:17px;line-height:1.65;color:#afb3b5}
  .stage p,.venture-copy,.case-info>div>p{font-size:15px;line-height:1.62;color:#aeb3b5}
  .services{padding-top:96px;padding-bottom:110px}
  .services-head{grid-template-columns:1fr;gap:24px;margin-bottom:34px}
  .services-head h2{font-size:clamp(44px,11vw,74px)}
  .services-head p:last-child{font-size:16px;color:#aeb3b6}
  .services-grid{grid-template-columns:1fr}
  .service-trigger{grid-template-columns:36px 1fr 30px;padding:24px 22px;gap:12px}
  .service-card h3{font-size:27px}
  .service-summary{font-size:15px;line-height:1.58;color:#9fa5a9}
  .service-detail p{padding-left:70px;padding-right:22px;font-size:14px}
  .cap-list{border-top:0}
  .cap-row{grid-template-columns:34px 1fr 28px;gap:12px;margin-bottom:10px;padding:22px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:linear-gradient(145deg,rgba(15,18,21,.94),rgba(6,7,8,.96));min-height:0}
  .cap-row p{grid-column:2/3;font-size:15px;line-height:1.62;color:#a7adb0}
  .cap-row h3{font-size:28px}
  .cap-arr{grid-column:3;grid-row:1/3}
  .stage{border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,#0c0f12,#070809)!important}
  .venture,.case-panel,.loviqo-tile{border-color:rgba(255,255,255,.12)}
}
@media(max-width:520px){
  .services{padding-top:78px;padding-bottom:88px}
  .service-card{border-radius:16px}
  .service-trigger{padding:21px 18px;grid-template-columns:30px 1fr 28px}
  .service-no{font-size:9px}
  .service-card h3{font-size:24px}
  .service-summary{font-size:14px}
  .service-detail p{padding-left:60px;padding-right:18px}
  .cap-row{padding:20px 17px}
  .cap-row h3{font-size:25px}
  .manifesto-copy,.cap-intro p,.case-top p,.principle-copy p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.service-card,.service-detail,.service-toggle{transition:none!important}}