.dB,.dB *{box-sizing:border-box}
.dB img{max-width:100%;height:auto;display:block}

.dB-wrap{overflow-x:hidden}
.dB{--seamh:116px;--seamov:18px;background:var(--tk-ink)}

[data-person="mathias"]{--pc:var(--tk-blue);--pcl:var(--tk-blue-hover);--sf1:#23314a;--sf2:#121b2b;--gtl:rgba(53,161,254,.17);--gbr:rgba(250,91,92,.09);--bltl:rgba(53,161,254,.5);--blbr:rgba(250,91,92,.2)}
[data-person="tom"]{--pc:var(--tk-red);--pcl:var(--tk-red-hover);--sf1:#571810;--sf2:#330c07;--gtl:rgba(53,161,254,.07);--gbr:rgba(250,91,92,.17);--bltl:rgba(53,161,254,.16);--blbr:rgba(250,91,92,.44)}

.fld{position:relative;isolation:isolate;overflow:hidden;--sy:0;background:
  radial-gradient(56% 76% at 8% 24%,var(--gtl),transparent 56%),
  radial-gradient(56% 78% at 93% 76%,var(--gbr),transparent 56%),
  radial-gradient(120% 92% at 50% -12%,var(--sf1),var(--sf2) 74%)}
.fx{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.fx__g{position:absolute;width:52vw;height:52vw;border-radius:50%;filter:blur(90px);opacity:.6;will-change:transform}
.fx__g--tl{left:-14%;top:-18%;background:radial-gradient(circle,var(--bltl),transparent 62%);transform:translate3d(0,calc(var(--sy) * 90px),0)}
.fx__g--br{right:-16%;bottom:-20%;background:radial-gradient(circle,var(--blbr),transparent 62%);transform:translate3d(0,calc(var(--sy) * -110px),0)}
.fx__grid{position:absolute;inset:0;opacity:.05;transform:translate3d(0,calc(var(--sy) * 26px),0);background-image:linear-gradient(rgba(159,176,194,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(159,176,194,.6) 1px,transparent 1px);background-size:66px 66px;-webkit-mask:radial-gradient(82% 70% at 50% 4%,#000,transparent 76%);mask:radial-gradient(82% 70% at 50% 4%,#000,transparent 76%)}

.seam{position:relative;z-index:3;height:var(--seamh);margin:calc(var(--seamov) * -1) 0;pointer-events:none;background:linear-gradient(180deg,#121b2b 0%,#151c2a 10%,#191d29 19%,#1e1d27 28%,#231d25 36%,#291d23 44%,#2f1c21 52%,#361c1e 60%,#3d1b1b 68%,#441a18 77%,#4c1915 86%,#521913 93%,#571810 100%)}
.fld--m::after,.fld--t::after{content:"";position:absolute;left:0;right:0;height:calc(var(--seamh) * 1.6);z-index:0;pointer-events:none}
.fld--m::after{bottom:0;background:linear-gradient(180deg,rgba(18,27,43,0) 0%,rgba(18,27,43,.75) 62%,#121b2b 100%)}
.fld--t::after{top:0;background:linear-gradient(0deg,rgba(87,24,16,0) 0%,rgba(87,24,16,.75) 62%,#571810 100%)}

.dB__head{padding:72px clamp(18px,5vw,40px) 42px;position:relative;z-index:1}
.dB .tkh2{text-align:center;margin:0;color:var(--tk-white);font-size:clamp(26px,3.4vw,38px);line-height:1.15;letter-spacing:-.02em;font-weight:800;transform:translate3d(0,calc(var(--sy,0) * -34px),0);transition:transform .1s linear}
.dB .tkh2::after{margin-left:auto !important;margin-right:auto !important}

.dB__p{position:relative;z-index:1;padding:0 clamp(18px,5vw,40px) 28px;color:rgba(235,242,247,.86)}
.fld--t .dB__p{padding-top:24px}
.dB__grid{max-width:var(--tk-container,1120px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:34px;align-items:stretch}
.dB__side{display:contents}
.dB__col{display:flex;flex-direction:column;gap:15px;order:0}

.dB__claim{position:relative;margin:0;font-size:20px;line-height:1.4;font-weight:700;letter-spacing:-.015em;color:var(--tk-white);padding-left:20px}
.dB__claim::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--pc),rgba(255,255,255,.06))}
.dB__t{margin:0;max-width:68ch;font-size:16.5px;line-height:1.72;color:rgba(235,242,247,.86)}

.dB__extras{margin-top:9px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}
.dB__lab{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pcl)}
.dB__exgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.dB__sgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}
.dB__sv{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--tk-white)}
.dB__sl{display:block;margin-top:3px;font-size:13.5px;line-height:1.35;color:rgba(235,242,247,.86)}

.dB__pr{display:flex;gap:11px;align-items:flex-start;min-height:24px}
.dB__pr .ic{flex:none;display:block;width:20px;height:20px;margin-top:2px;line-height:0;color:var(--pc)}
.dB__pr .ic svg,.dB__pr .ic>span{display:block;width:20px;height:20px;stroke:currentColor}
.dB__prt{display:block;font-size:14.5px;font-weight:700;line-height:1.35;color:var(--tk-white)}
.dB__prs{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:rgba(235,242,247,.86)}
a.dB__pr{min-height:44px;align-items:center;text-decoration:none;color:inherit}.dB__skills a.dB__pr{align-items:flex-start}
a.dB__pr:hover .dB__prt{color:var(--pcl)}
a.dB__pr:focus-visible{outline:2px solid var(--tk-white);outline-offset:4px;border-radius:6px}

.dB__id{position:relative;order:-1;width:100%;max-width:520px;margin:0 auto;aspect-ratio:3/2;flex:0 0 auto;min-height:0;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.22);box-shadow:0 3px 6px rgba(0,0,0,.4)}
.dB__id::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 -40px 60px -30px rgba(0,0,0,.6)}
.dB__ava{position:absolute;left:0;right:0;top:-20px;bottom:-20px;transform:translate3d(0,var(--par,0px),0);transform-origin:50% 50%;will-change:transform}
.dB__ava img{width:100%;height:100%;object-fit:cover}
[data-person="mathias"] .dB__id{aspect-ratio:1/1}
[data-person="mathias"] .dB__ava img{object-position:center 18%}
[data-person="tom"] .dB__ava img{object-position:30% 24%}
.dB__idt{position:absolute;left:0;right:0;bottom:0;padding:20px 18px 18px;background:linear-gradient(0deg,rgba(6,9,14,.88) 0%,rgba(6,9,14,.6) 46%,rgba(6,9,14,0) 100%)}
.dB__name{margin:0;font-size:24px;line-height:1.08;letter-spacing:-.025em;font-weight:800;color:var(--tk-white)}
.dB__role{margin:7px 0 0;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pcl)}

.dB__rail{position:relative;order:1;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.18);border-top:3px solid var(--pc);border-radius:16px;padding:18px}
.dB__rail::before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--pc),transparent);opacity:.55;animation:railSweep 7s ease-in-out infinite}
@keyframes railSweep{0%,100%{opacity:.2;transform:scaleX(.6)}50%{opacity:.7;transform:scaleX(1)}}
.dB__sep{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.22) 22%,rgba(255,255,255,.22) 78%,rgba(255,255,255,.02));margin:22px 0}
.dB__skills{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}

.tl{position:relative}
.tl__i{position:relative;padding:0 0 22px 28px}
.tl__i:last-child{padding-bottom:0}
.tl__dot{display:block;width:13px;height:13px;position:absolute;left:0;top:4px;border-radius:50%;border:2px solid var(--pc);background:rgba(0,0,0,.25)}
.tl__i:not(:last-child)::before{content:"";position:absolute;left:6px;top:19px;bottom:2px;width:2px;border-radius:999px;background:linear-gradient(180deg,var(--pc),rgba(255,255,255,.12));opacity:.75;transform-origin:top center}
.tl__t{margin:0;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--tk-white)}
.tl__s{margin:2px 0 0;font-size:13.5px;line-height:1.4;color:rgba(235,242,247,.86)}

.dB-js .tl__dot{opacity:0;transform:scale(.35)}
.dB-js .tl__t,.dB-js .tl__s{opacity:0}
.dB-js .tl__i:not(:last-child)::before{transform:scaleY(0)}
.dB-js .tl.is-on .tl__dot{opacity:1;transform:scale(1);transition:opacity .3s ease,transform .3s ease}
.dB-js .tl.is-on .tl__t,.dB-js .tl.is-on .tl__s{opacity:1;transition:opacity .35s ease}
.dB-js .tl.is-on .tl__i:not(:last-child)::before{transform:scaleY(1);transition:transform .4s linear}
.dB-js .tl.is-on .tl__i:nth-child(1) .tl__dot{transition-delay:.05s}
.dB-js .tl.is-on .tl__i:nth-child(1) .tl__t,.dB-js .tl.is-on .tl__i:nth-child(1) .tl__s{transition-delay:.12s}
.dB-js .tl.is-on .tl__i:nth-child(1)::before{transition-delay:.25s}
.dB-js .tl.is-on .tl__i:nth-child(2) .tl__dot{transition-delay:.6s}
.dB-js .tl.is-on .tl__i:nth-child(2) .tl__t,.dB-js .tl.is-on .tl__i:nth-child(2) .tl__s{transition-delay:.67s}
.dB-js .tl.is-on .tl__i:nth-child(2)::before{transition-delay:.8s}
.dB-js .tl.is-on .tl__i:nth-child(3) .tl__dot{transition-delay:1.15s}
.dB-js .tl.is-on .tl__i:nth-child(3) .tl__t,.dB-js .tl.is-on .tl__i:nth-child(3) .tl__s{transition-delay:1.22s}
.dB-js .tl.is-on .tl__i:nth-child(3)::before{transition-delay:1.35s}
.dB-js .tl.is-on .tl__i:nth-child(4) .tl__dot{transition-delay:1.7s}
.dB-js .tl.is-on .tl__i:nth-child(4) .tl__t,.dB-js .tl.is-on .tl__i:nth-child(4) .tl__s{transition-delay:1.77s}
.dB-js .tl.is-done .tl__dot{opacity:1 !important;transform:none !important;transition:none !important}
.dB-js .tl.is-done .tl__t,.dB-js .tl.is-done .tl__s{opacity:1 !important;transition:none !important}
.dB-js .tl.is-done .tl__i:not(:last-child)::before{transform:none !important;transition:none !important}

.dB-js .rv{opacity:0;transform:translate3d(0,42px,0) scale(.985);filter:blur(9px)}
.dB-js .rv.rv-on{opacity:1;transform:none;filter:blur(0);transition:opacity .85s cubic-bezier(.16,.84,.28,1),transform 1.05s cubic-bezier(.16,.84,.28,1),filter .8s ease}
.dB-js .rv.rv-done{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important}

.tk-cta-banner__actions{justify-content:center}
#brxe-u00109 .tk-value-card{text-align:center}
#brxe-u00109 .tk-card__ico{position:static;margin:0 auto 12px}
#brxe-u00109 .brxe-heading,#brxe-u00109 :is(h2,h3,h4){padding-left:0;min-height:0;justify-content:center}

@media (min-width:480px){
  .dB{--seamh:140px;--seamov:20px}
  .dB__head{padding:80px clamp(18px,5vw,40px) 52px}
  .dB__p{padding:0 clamp(18px,5vw,40px) 34px}
  .fld--t .dB__p{padding-top:28px}
  .dB__name{font-size:27px}
  .dB__rail{padding:26px;border-radius:20px}
  .dB__exgrid{grid-template-columns:1fr 1fr}
  .dB__sgrid{grid-template-columns:1fr 1fr}
}

@media (min-width:768px){
  .dB{--seamh:178px;--seamov:24px}
  .dB__head{padding:56px 28px 64px}
  .dB__p{padding:0 28px 40px}
  .fld--t .dB__p{padding-top:32px}
  .dB__name{font-size:30px}
  .dB__idt{padding:26px 24px 22px}
  .tk-cta-banner__actions{justify-content:flex-start}
  .tk-section--white #brxe-u00109{grid-template-columns:repeat(2,minmax(0,1fr))}
  #brxe-u00109 .tk-value-card{text-align:left}
  #brxe-u00109 .tk-card__ico{position:absolute;margin:0}
  #brxe-u00109 .brxe-heading,#brxe-u00109 :is(h2,h3,h4){padding-left:46px;min-height:38px;justify-content:flex-start}
  .dB__claim{font-size:23px}
  .dB__exgrid{gap:14px}
  .dB__sgrid{gap:14px}
}

@media (min-width:1024px){
  .tk-section--white #brxe-u00109{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dB__grid{grid-template-columns:minmax(0,1fr) 300px;gap:38px}
  .dB__side{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:100%}
  .dB__col{gap:17px}
  .dB__name{font-size:32px}
  .dB__id{order:0;max-width:none;margin:0}
  [data-person="mathias"] .dB__id{aspect-ratio:4/5}
  [data-person="tom"] .dB__id{aspect-ratio:3/2}
  [data-person="mathias"] .dB__ava img{object-position:center 20%}
  .dB__rail{order:0;transform:translate3d(0,calc(var(--sy,0) * 22px),0)}
  .dB__exgrid{grid-template-columns:minmax(0,1fr)}
  .dB__pr{align-items:baseline}
  .dB__pr .ic{align-self:flex-start}
  .dB__prtx{display:flex;flex-wrap:nowrap;align-items:baseline;gap:12px;min-width:0}
  .dB__prt,.dB__prs{white-space:nowrap}
  .dB__prs{margin-top:0;overflow:hidden;text-overflow:ellipsis}
  .dB__skills .dB__pr{align-items:flex-start}
  .dB__skills .dB__prtx{display:block}
  .dB__skills .dB__prt,.dB__skills .dB__prs{white-space:normal}
  .dB__skills .dB__prs{margin-top:2px}
  .dB__sgrid--wide{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
}

@media (min-width:1280px){
  .dB{--seamh:196px;--seamov:28px}
  .dB__head{padding:64px 40px 76px}
  .dB__p{padding:0 40px 40px}
  .fld--t .dB__p{padding-top:36px}
  .dB__grid{grid-template-columns:minmax(0,1fr) 340px;gap:52px}
  .dB__side{gap:22px}
  .dB__exgrid{gap:12px}
  .dB__sgrid--wide{gap:18px}
}

@media (prefers-reduced-motion:reduce){
  .dB__ava{transform:none !important}
  .dB .tkh2{transform:none !important}
  .fx__g,.fx__grid{transform:none !important}
  .dB__rail{transform:none !important}
  .dB__rail::before{animation:none !important}
  .dB-js .rv{opacity:1 !important;transform:none !important;filter:none !important}
  .dB-js .tl__dot,.dB-js .tl__t,.dB-js .tl__s{opacity:1 !important;transform:none !important;transition:none !important}
  .dB-js .tl__i::before{transform:none !important;transition:none !important}
}

[data-person="mathias"] .dB__id{aspect-ratio:4/3}
[data-person="mathias"] .dB__id img{object-fit:cover;object-position:50% 26%}
@media(min-width:1024px){
[data-person="mathias"] .dB__id{aspect-ratio:4/3}
}