/*
Theme Name: Aleel (v6.2.1)
Theme URI: https://aleelcommunications.com
Author: Aleel Communications
Description: Website theme for Aleel Communications. Sign in to WordPress, open the site and use "Edit site" to change any text, image, project or team member.
Version: 6.2.1
Requires at least: 5.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: aleel
*/
:root{
  --bg:#ffffff; --alt:#eaf7f4; --line:#e2e8e7; --line-2:#cfd9d7;
  --ink:#0a2e30; --text:#2f4547; --muted:#5d7173;
  --teal:#17bcab; --teal-d:#0a7a70; --teal-l:#e4f5f2;
  --deep:#062628; --on-deep:#e6efee; --on-deep-m:#9db6b3; --deep-line:#163c3e;
  --head:"Barlow",Arial,sans-serif; --body:"Poppins","Helvetica Neue",Arial,sans-serif; --sans:"Barlow",Arial,sans-serif;
  --paper:#f4f7f6; --mint:#e4f5f2; --teal-deep:#0a7a70; --display:"Barlow",Arial,sans-serif;
  --wrap:1200px; --gut:clamp(20px,4.5vw,48px); --hdr:76px; --r:12px;
  color-scheme:light;
}
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-padding-top:calc(env(safe-area-inset-top,0px) + var(--hdr) + 16px)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--head);color:var(--ink);font-weight:600;margin:0;letter-spacing:-.01em}
h1{font-size:clamp(36px,4.6vw,56px);line-height:1.08}
h2{font-size:clamp(28px,3vw,40px);line-height:1.15}
h3{font-size:20px;line-height:1.3}
p{margin:0 0 1em}
button{font:inherit}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;font-family:var(--sans);font-weight:600;text-decoration:none}
.skip:focus{top:calc(env(safe-area-inset-top,0px) + 12px)}


.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--sans);font-weight:600;font-size:16px;line-height:1;padding:15px 24px;border-radius:8px;text-decoration:none;border:1.5px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--teal-d);border-color:var(--teal-d)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn.ghost:hover{border-color:var(--ink);background:transparent}
.btn.light{background:var(--teal);border-color:var(--teal);color:var(--deep)}
.btn.light:hover{background:#fff;border-color:#fff}
.btn.ghost-light{background:transparent;border-color:var(--deep-line);color:var(--on-deep)}
.btn.ghost-light:hover{border-color:var(--on-deep)}
.tlink{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:600;color:var(--teal-d);text-decoration:none;white-space:nowrap}
.tlink:hover{color:var(--ink)}
.tlink svg{transition:transform .2s}
.tlink:hover svg{transform:translateX(3px)}
.acts{display:flex;flex-wrap:wrap;gap:12px}


.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:#fff;border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.hdr.scrolled{border-bottom-color:var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--hdr);gap:24px}
.brand img{height:42px;width:auto}
.nav{display:flex;align-items:center;gap:4px;font-family:var(--sans);font-weight:500;font-size:16px}
.nav>a:not(.btn),.dd>button{color:var(--text);text-decoration:none;padding:10px 14px;border-radius:8px;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.nav>a:not(.btn):hover,.dd>button:hover{color:var(--ink);background:var(--alt)}
.nav [aria-current="page"],.dd.on>button{color:var(--teal-d)!important}
.nav .nav-btn{margin-left:14px;padding:12px 20px;font-size:15px}
.dd{position:relative}
.dd>button svg{transition:transform .2s}
.dd>button[aria-expanded="true"] svg{transform:rotate(180deg)}
.dd .menu{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:0 18px 40px -24px rgba(6,38,40,.35);display:none}
.dd .menu.open{display:block}
.dd .menu a{display:block;padding:9px 12px;border-radius:6px;text-decoration:none}
.dd .menu a:hover{background:var(--alt)}
.burger{display:none;background:none;border:1px solid var(--line);color:var(--ink);border-radius:8px;width:46px;height:42px;cursor:pointer}
@media (max-width:960px){
  .burger{display:inline-grid;place-items:center}
  .nav{position:fixed;inset:calc(env(safe-area-inset-top,0px) + var(--hdr)) 0 auto 0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:6px var(--gut) calc(22px + env(safe-area-inset-bottom,0px));display:none;max-height:calc(100vh - var(--hdr));overflow:auto;border-bottom:1px solid var(--line);box-shadow:0 20px 30px -20px rgba(6,38,40,.25)}
  .nav.open{display:flex}
  .nav>a:not(.btn),.dd>button{padding:14px 2px;border-radius:0;border-bottom:1px solid var(--line);width:100%;justify-content:space-between;font-size:18px}
  .nav .nav-btn{margin:16px 0 0}
  .dd .menu{position:static;box-shadow:none;border:0;padding:0 0 6px 12px;min-width:0}
}


.sec{padding:clamp(64px,8vw,104px) 0}
.sec.alt{background:var(--alt)}
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 40px;margin-bottom:clamp(32px,4vw,48px);flex-wrap:wrap}
.shead>div{max-width:640px}
.shead p{margin:12px 0 0;color:var(--muted);font-size:17px}
.lead{font-size:clamp(18px,1.5vw,20px);line-height:1.65;color:var(--ink)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px 72px;align-items:start;margin-bottom:clamp(40px,5vw,64px)}
.split .lead{margin-bottom:20px}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,2.6vw,32px)}


.phead{background:var(--alt);border-bottom:1px solid var(--line);padding:clamp(48px,6vw,80px) 0 clamp(40px,5vw,64px)}
.phead h1{max-width:20ch}
.phead p{max-width:62ch;margin:16px 0 0;font-size:clamp(17px,1.4vw,19px);color:var(--muted)}
.phead.proj h1{max-width:24ch}
.back{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:600;color:var(--muted);text-decoration:none;margin-bottom:24px}
.back:hover{color:var(--ink)}
.status{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:600;font-size:14px;color:var(--muted);margin:0 0 12px}
.status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--line-2)}
.status.on{color:var(--teal-d)}
.status.on::before{background:var(--teal)}


.hero{padding:clamp(40px,6vw,80px) 0 clamp(48px,6vw,80px)}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px 64px;align-items:center}
.hero h1{font-size:clamp(38px,4.8vw,60px);max-width:14ch}
.hero-sub{font-size:clamp(17px,1.5vw,20px);color:var(--muted);margin:22px 0 32px;max-width:46ch}
.hero-img{display:grid;gap:12px;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;height:clamp(380px,40vw,520px)}
.hero-img figure{margin:0;border-radius:var(--r);overflow:hidden;background:var(--alt)}
.hero-img figure:first-child{grid-row:span 2}
.hero-img.n1{grid-template-columns:1fr;grid-template-rows:1fr}
.hero-img.n2{grid-template-rows:1fr}.hero-img.n2 figure:first-child{grid-row:auto}
.hero-img img{width:100%;height:100%;object-fit:cover}
@media (prefers-reduced-motion:no-preference){
  .hero-txt{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
  .hero-img figure{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
  .hero-img figure:nth-child(2){animation-delay:.1s}.hero-img figure:nth-child(3){animation-delay:.2s}
  main.swap{animation:fade .3s ease both}
}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@media (max-width:900px){.hero-in{grid-template-columns:1fr}.hero-img{height:clamp(300px,70vw,440px)}}


.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}
.trust .wrap{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px 40px;align-items:center}
.trust-t{margin:0;font-family:var(--sans);font-weight:600;color:var(--muted);font-size:15px;line-height:1.4}
.trust-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.trust-row ul{display:flex;align-items:center;gap:44px;list-style:none;margin:0;padding:0;width:max-content}
.trust-row li{height:52px;width:120px;display:grid;place-items:center;font-family:var(--sans);font-weight:600;color:var(--muted);font-size:14px;text-align:center}
.trust-row img{max-height:100%;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.7}
@media (prefers-reduced-motion:no-preference){.trust-row ul{animation:slide 50s linear infinite}.trust-row:hover ul{animation-play-state:paused}}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:760px){.trust .wrap{grid-template-columns:1fr}}


.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin:0}
.figs>div{border-top:2px solid var(--teal);padding-top:18px}
.figs dt{font-family:var(--head);font-weight:600;font-size:clamp(32px,3.4vw,44px);line-height:1;color:var(--ink)}
.figs dd{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.5;max-width:32ch}
.figs.inline{margin-bottom:clamp(36px,4vw,48px);padding:24px;background:var(--alt);border-radius:var(--r)}
.figs.inline>div{border-top:0;padding-top:0}


.svc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.svc{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}
.svc:hover{border-color:var(--line-2);box-shadow:0 18px 40px -28px rgba(6,38,40,.35);transform:translateY(-2px)}
.ico{width:48px;height:48px;border-radius:10px;background:var(--teal-l);color:var(--teal-d);display:grid;place-items:center;margin-bottom:20px;flex:none}
.ico svg{width:24px;height:24px}
.svc h3{font-size:19px;margin-bottom:8px}
.svc p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
@media (max-width:1060px){.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.svc-grid{grid-template-columns:1fr}}


.wgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
@media (max-width:980px){.wgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.wgrid{grid-template-columns:1fr}}
.wcard{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.wcard:hover{border-color:var(--line-2);box-shadow:0 22px 44px -30px rgba(6,38,40,.4)}
.wcard-link{position:absolute;inset:0;z-index:2;border-radius:var(--r)}
.wcard-img{position:relative;aspect-ratio:3/2;background:var(--alt);overflow:hidden}
.wcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.wcard-img img.top{object-position:top}
.wcard:hover .wcard-img img{transform:scale(1.04)}
.pill{position:absolute;top:14px;left:14px;font-family:var(--sans);font-weight:600;font-size:13px;background:#fff;color:var(--teal-d);padding:5px 11px;border-radius:999px;display:inline-flex;align-items:center;gap:6px}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal)}
.wcard-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.wcard-client{font-family:var(--sans);font-weight:600;font-size:14px;color:var(--teal-d);margin:0 0 6px;line-height:1.4}
.wcard h3{font-size:20px;margin-bottom:8px}
.wcard-sum{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:600;font-size:15px;color:var(--ink)}
.wcard:hover .more{color:var(--teal-d)}
.wcard-link:focus-visible{outline-offset:-3px}
.noimg{width:100%;height:100%;display:flex;align-items:flex-end;padding:22px;background:linear-gradient(135deg,#0d4a47,#062628);color:#fff}
.noimg span{font-family:var(--head);font-weight:600;font-size:22px;line-height:1.2;max-width:16ch}


.tabs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 clamp(28px,3vw,40px);padding:0;border-bottom:1px solid var(--line)}
.tabs a{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;text-decoration:none;font-family:var(--sans);font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs a:hover{color:var(--ink)}
.tabs a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--teal)}
.tabs span{font-size:13px;font-weight:500;background:var(--alt);border-radius:999px;padding:1px 8px;color:var(--muted)}


.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.steps li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 22px}
.sec:not(.alt) .steps li{background:var(--alt);border-color:transparent}
.steps .n{display:inline-block;font-family:var(--head);font-weight:600;font-size:15px;color:var(--teal-d);margin-bottom:14px}
.steps h3{font-size:19px;margin-bottom:8px}
.steps p{margin:0;font-size:15px;color:var(--muted);line-height:1.6}
@media (max-width:1060px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.steps{grid-template-columns:1fr}}


.ctab{background:var(--deep);color:var(--on-deep);padding:clamp(56px,7vw,88px) 0}
.ctab-in{display:flex;justify-content:space-between;align-items:center;gap:28px 48px;flex-wrap:wrap}
.ctab h2{color:#fff}
.ctab p{color:var(--on-deep-m);margin:12px 0 0;max-width:56ch}
.ctab-acts{display:flex;gap:12px;flex-wrap:wrap}


footer.ft{background:var(--deep);color:var(--on-deep-m);font-size:15px;border-top:1px solid var(--deep-line)}
.ft-cols{display:grid;grid-template-columns:1.5fr 1fr 1.4fr 1.3fr;gap:36px;padding-top:64px;padding-bottom:48px}
.ft img{height:42px;width:auto;margin-bottom:18px}
.ft-brand p{max-width:34ch}
.ft h4{color:#fff;font-size:16px;margin-bottom:14px}
.ft ul{list-style:none;margin:0;padding:0}
.ft li{margin-bottom:9px}
.ft a{color:var(--on-deep-m);text-decoration:none}
.ft a:hover{color:#fff}
.ft-base{border-top:1px solid var(--deep-line);padding:20px 0;font-size:14px}
.soc{display:flex;gap:8px;margin-top:18px}
.soc a{width:40px;height:40px;border-radius:8px;border:1px solid var(--deep-line);display:grid;place-items:center;color:var(--on-deep)}
.soc a:hover{background:var(--teal);border-color:var(--teal);color:var(--deep)}
.soc svg{width:18px;height:18px}
.soc.dark{margin-top:4px}
.soc.dark a{border-color:var(--line);color:var(--ink)}
.soc.dark a:hover{color:var(--deep)}
@media (max-width:900px){.ft-cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ft-cols{grid-template-columns:1fr}}


.about-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px 72px;align-items:center;margin-bottom:clamp(48px,6vw,72px)}
.about-img{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--alt)}
.about-img img{width:100%;height:100%;object-fit:cover;object-position:66% 40%}
.about-in h2{margin-bottom:20px}
.about-in p{color:var(--muted)}
.about-in p.lead{color:var(--ink)}
blockquote{margin:28px 0 0;padding:4px 0 4px 20px;border-left:3px solid var(--teal);font-family:var(--head);font-weight:600;font-size:clamp(22px,2vw,26px);line-height:1.3;color:var(--ink)}
@media (max-width:860px){.about-in{grid-template-columns:1fr}.about-img{aspect-ratio:4/3}}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.vm h3{font-size:16px;color:var(--teal-d);margin-bottom:12px;font-family:var(--sans)}
.vm p{margin:0;font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:var(--ink)}
@media (max-width:760px){.vm{grid-template-columns:1fr}}


.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:28px 20px}
.team.full{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:40px 24px}
.member .pic{aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:#e8eeed;display:grid;place-items:center}
.sec.alt .member .pic{background:#fff}
.member .pic img{width:100%;height:100%;object-fit:cover}
.member .ini{font-family:var(--head);font-weight:600;font-size:44px;color:#a9bfbc}
.member h3{font-size:18px;margin:14px 0 2px}
.member .role{font-family:var(--sans);font-weight:500;color:var(--teal-d);font-size:15px;margin:0}
.member .bio{color:var(--muted);font-size:15px;margin:10px 0 0;line-height:1.6}


.logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.logos li{height:96px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;padding:14px 18px;background:#fff;font-family:var(--sans);font-weight:600;font-size:14px;color:var(--muted);text-align:center}
.logos img{max-height:100%;max-width:100%;object-fit:contain}


.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tags li{font-family:var(--sans);font-weight:500;font-size:14px;padding:6px 12px;border-radius:6px;background:var(--alt);color:var(--text)}
.tags.lg li{font-size:16px;padding:10px 16px;background:#fff;border:1px solid var(--line)}


.svc-list{display:grid;gap:16px}
.svc-item{display:grid;grid-template-columns:48px minmax(0,1.1fr) minmax(0,1fr);gap:16px 32px;align-items:start;border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3vw,36px)}
.svc-item .ico{margin:0}
.svc-item h2{font-size:clamp(22px,2vw,26px);margin-bottom:10px}
.svc-item p{color:var(--muted);margin:0}
.svc-item ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.svc-item li{position:relative;padding-left:20px;font-size:15px}
.svc-item li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;border:2px solid var(--teal)}
@media (max-width:860px){.svc-item{grid-template-columns:1fr}}


.p-cover{margin:clamp(32px,4vw,48px) 0 0;border-radius:var(--r);overflow:hidden;aspect-ratio:21/9;background:var(--alt)}
.p-cover img{width:100%;height:100%;object-fit:cover}
.p-cover img.top{object-position:top}
@media (max-width:700px){.p-cover{aspect-ratio:4/3}}
.p-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px 64px;align-items:start}
.p-side{position:sticky;top:calc(var(--hdr) + 24px)}
.p-side h3{font-size:18px;margin-bottom:8px}
.p-side h4{font-family:var(--sans);font-size:15px;color:var(--ink);margin:22px 0 10px}
.facts{margin:0}
.facts div{padding:12px 0;border-bottom:1px solid var(--line)}
.facts dt{font-size:13px;color:var(--muted);margin-bottom:2px}
.facts dd{margin:0;font-family:var(--sans);font-weight:600;color:var(--ink);line-height:1.4}
.prose{max-width:68ch}
.prose h2{font-size:clamp(22px,2vw,28px);margin:36px 0 12px}
.prose h2:first-child{margin-top:0}
.prose p{font-size:17px;line-height:1.8}
.g-title{font-size:clamp(22px,2vw,28px);margin:48px 0 18px}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gallery button{all:unset;cursor:zoom-in;border-radius:10px;overflow:hidden;display:block;aspect-ratio:3/2;background:var(--alt)}
.gallery button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.gallery button img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gallery button:hover img{transform:scale(1.03)}
.gallery.doc button{aspect-ratio:auto;border:1px solid var(--line)}
.gallery.doc button img{height:auto}
.gallery.doc.land{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:600px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){.p-grid{grid-template-columns:1fr}.p-side{position:static}}
.video{border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;background:var(--deep);margin-bottom:36px}
.video iframe{width:100%;height:100%;border:0}
.video-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;text-decoration:none;font-family:var(--sans);font-weight:600}
.video-ph .play{width:64px;height:64px;border-radius:50%;background:var(--teal);color:var(--deep);display:grid;place-items:center}
.nextp{border-top:1px solid var(--line)}
.nextp a{display:flex;align-items:center;gap:16px;padding:32px 0;text-decoration:none;flex-wrap:wrap}
.nextp span{font-family:var(--sans);color:var(--muted)}
.nextp strong{font-family:var(--head);font-weight:600;font-size:clamp(20px,2vw,26px);color:var(--ink)}
.nextp a:hover strong{color:var(--teal-d)}


.contact{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px 40px;align-items:start}
.c-info{display:grid;gap:14px}
.c-info h3{font-size:16px;font-family:var(--sans);color:var(--teal-d);margin-bottom:6px}
.c-info p{margin:0;color:var(--ink)}
.c-info a{color:var(--ink);text-decoration:none}
.c-info a:hover{color:var(--teal-d)}
form.f{display:grid;gap:18px}
form.f h2{font-size:24px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.f label{display:block;font-family:var(--sans);font-weight:600;font-size:15px;color:var(--ink);margin-bottom:7px}
.f input,.f select,.f textarea{width:100%;font:inherit;font-size:16px;color:var(--text);background:#fff;border:1px solid var(--line-2);border-radius:8px;padding:12px 14px}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(23,188,171,.2)}
.f textarea{min-height:150px;resize:vertical}
.f .hint{font-size:14px;color:var(--muted);margin:0}
.f .err{color:#b3261e;font-size:14px;margin:6px 0 0;display:none}
.f .bad .err{display:block}.f .bad input,.f .bad textarea{border-color:#b3261e}
.f .btn{justify-self:start}
@media (max-width:860px){.contact,.f-row{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.back{display:flex;width:max-content}
.svc-cta{background:var(--deep);border-color:var(--deep);display:flex;flex-direction:column}
.svc-cta h3{color:#fff}.svc-cta p{color:var(--on-deep-m);margin-bottom:18px}
.svc-cta .more{color:var(--teal)}
.svc-cta:hover{border-color:var(--deep)}
.hero h1{font-size:clamp(34px,4.2vw,54px);max-width:16ch}
.team{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1000px){.team{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
.team.full{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}



.svc{transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.svc h3,.svc p,.svc .ico{transition:color .25s,background .25s}
.svc:hover,.svc:focus-visible,.svc:active{background:var(--deep);border-color:var(--deep);transform:translateY(-4px);box-shadow:0 24px 44px -26px rgba(6,38,40,.55)}
.svc:hover h3,.svc:focus-visible h3,.svc:active h3{color:#fff}
.svc:hover p,.svc:focus-visible p,.svc:active p{color:var(--on-deep-m)}
.svc:hover .ico,.svc:focus-visible .ico,.svc:active .ico{background:var(--teal);color:var(--deep)}
.svc-cta:hover,.svc-cta:active{background:var(--teal);border-color:var(--teal)}
.svc-cta:hover h3,.svc-cta:active h3{color:var(--deep)}
.svc-cta:hover p,.svc-cta:active p,.svc-cta:hover .more,.svc-cta:active .more{color:var(--deep)}
.svc-item{transition:background .25s,border-color .25s}
.svc-item .ico{transition:background .25s,color .25s}
.svc-item:hover{background:var(--teal-l);border-color:var(--teal)}
.svc-item:hover .ico{background:var(--teal);color:var(--deep)}

.steps li{border-top:3px solid var(--teal)}

.logos{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.logos li{height:120px;border-radius:12px;padding:18px 22px;transition:border-color .25s,box-shadow .25s,transform .25s}
.logos li:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:0 18px 36px -26px rgba(6,38,40,.45)}


.nav>a:not(.btn):hover,.dd>button:hover{background:var(--teal-l)}
.btn{border-radius:999px}
.btn.light svg{transition:transform .2s}
.btn.light:hover svg{transform:translateX(3px)}


.sec.deep{background:var(--ink);color:var(--on-deep);position:relative}
.sec.deep h2{color:#fff}
.sec.deep .shead p{color:var(--on-deep-m)}
.sec.deep .tlink{color:var(--teal)}
.sec.deep .tlink:hover{color:#fff}
.sec.deep .svc{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.sec.deep .svc h3{color:#fff}
.sec.deep .svc p{color:var(--on-deep-m)}
.sec.deep .svc .ico{background:rgba(23,188,171,.14);color:var(--teal)}
.sec.deep .svc:hover,.sec.deep .svc:focus-visible,.sec.deep .svc:active{background:var(--teal);border-color:var(--teal)}
.sec.deep .svc:hover h3,.sec.deep .svc:focus-visible h3,.sec.deep .svc:active h3,.sec.deep .svc:hover p,.sec.deep .svc:focus-visible p,.sec.deep .svc:active p{color:var(--deep)}
.sec.deep .svc:hover .ico,.sec.deep .svc:focus-visible .ico,.sec.deep .svc:active .ico{background:var(--deep);color:var(--teal)}
.sec.deep .svc-cta{background:#fff;border-color:#fff}
.sec.deep .svc-cta h3{color:var(--ink)}.sec.deep .svc-cta p{color:var(--muted)}.sec.deep .svc-cta .more{color:var(--teal-d)}


.shead h2::after{content:"";display:block;width:44px;height:3px;border-radius:3px;background:var(--teal);margin-top:16px}


.sec.alt .steps li{background:#fff;border-color:transparent;box-shadow:0 14px 30px -26px rgba(6,38,40,.4)}


.wcard{border-radius:16px}
.wcard-img{aspect-ratio:4/3}
.wcard-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,38,40,.35));opacity:0;transition:opacity .3s}
.wcard:hover .wcard-img::after{opacity:1}
.wcard:hover{border-color:var(--teal);transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(6,38,40,.45)}
.wcard{transition:border-color .25s,box-shadow .25s,transform .25s}
.wcard-sum{-webkit-line-clamp:2;margin-bottom:16px}
.wcard-foot{margin-top:auto;display:grid;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.loc{display:inline-flex;align-items:flex-start;gap:7px;font-family:var(--sans);font-weight:500;font-size:14px;color:var(--ink);line-height:1.4}
.loc svg{flex:none;margin-top:2px;color:var(--teal-d)}
.mini-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.mini-tags li{font-family:var(--sans);font-weight:500;font-size:12.5px;line-height:1;padding:6px 10px;border-radius:999px;background:var(--teal-l);color:var(--teal-d)}


.partners{padding-bottom:clamp(56px,7vw,96px);overflow:hidden}
.mq{display:grid;gap:16px}
.mq-row{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{list-style:none;margin:0;padding:0 8px;display:flex;gap:16px;flex:none}
.mq-track li{flex:none;width:200px;height:104px;background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;padding:16px 22px;font-family:var(--sans);font-weight:600;font-size:14px;color:var(--muted);text-align:center;transition:border-color .25s,transform .25s,box-shadow .25s}
.mq-track li:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:0 18px 36px -24px rgba(6,38,40,.45)}
.mq-track img{max-width:100%;max-height:100%;object-fit:contain}
@media (prefers-reduced-motion:no-preference){
  .mq-track{animation:mq 46s linear infinite}
  .mq-row.rev .mq-track{animation-direction:reverse;animation-duration:52s}
  .mq-row:hover .mq-track{animation-play-state:paused}
}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (max-width:600px){.mq-track li{width:150px;height:84px;padding:12px 16px}}


.ctab{background:var(--teal);color:var(--deep);position:relative;overflow:hidden}
.ctab::after{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;border:60px solid rgba(255,255,255,.14);pointer-events:none}
.ctab-in{position:relative;z-index:1}
.ctab h2{color:var(--deep)}
.ctab p{color:var(--ink);opacity:.85}
.ctab .btn.light{background:var(--deep);border-color:var(--deep);color:#fff}
.ctab .btn.light:hover{background:#fff;border-color:#fff;color:var(--deep)}
.ctab .btn.ghost-light{border-color:rgba(6,38,40,.35);color:var(--deep)}
.ctab .btn.ghost-light:hover{border-color:var(--deep)}


.phead{background:var(--deep);border-bottom:0;position:relative;overflow:hidden}
.phead::after{content:"";position:absolute;right:-80px;bottom:-200px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(23,188,171,.3),transparent 70%);pointer-events:none}
.phead .wrap{position:relative;z-index:1}
.phead h1{color:#fff}
.phead p{color:var(--on-deep);opacity:.85}
.phead h1::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:var(--teal);margin-top:20px}
.phead.proj h1::after{display:none}
.back{color:var(--teal)}
.back:hover{color:#fff}
.phead .p-client{font-family:var(--sans);font-weight:600;color:var(--teal);margin:0 0 10px!important;font-size:16px!important;opacity:1!important}
.p-loc{display:inline-flex;align-items:center;gap:8px;margin-top:22px!important;font-family:var(--sans);font-weight:500;font-size:15px!important;color:#fff!important;opacity:1!important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:8px 14px;border-radius:999px}
.p-loc svg{color:var(--teal)}
.phead.has-cover{padding-bottom:clamp(110px,14vw,170px)}
.phead.has-cover + .wrap .p-cover{margin-top:calc(-1 * clamp(80px,11vw,130px));position:relative;z-index:2;box-shadow:0 40px 80px -50px rgba(6,38,40,.6);border-radius:18px}


.prose h2{display:flex;align-items:center;gap:12px}
.prose h2::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--teal);flex:none}
.p-side .box{border:0;background:var(--alt);border-radius:16px}
.p-side .facts div{border-bottom-color:rgba(6,38,40,.1)}
.p-side .tags li{background:#fff;color:var(--teal-d);border-radius:999px}
.p-side .box .btn{width:100%;margin-top:22px}
.gallery button{border-radius:12px}
.nextp{background:var(--alt);border-top:0}


.sec.alt .box{border-color:transparent}
.tags li{background:var(--teal-l);color:var(--teal-d)}



.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-d);margin:0 0 16px}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--teal)}
.who .split{margin-bottom:0;align-items:end}
.who h2{font-size:clamp(30px,3.4vw,46px);max-width:16ch}


.svc-sec{position:relative;overflow:hidden;background:linear-gradient(180deg,#eef8f6 0%,#f7fcfb 100%);border-top:1px solid rgba(23,188,171,.18);border-bottom:1px solid rgba(23,188,171,.18)}
.svc-sec::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(520px 340px at 92% 8%,rgba(23,188,171,.18),transparent 70%),
  radial-gradient(420px 300px at 4% 96%,rgba(10,122,112,.10),transparent 70%)}
.svc-sec::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(10,122,112,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(10,122,112,.07) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 80% 0%,#000,transparent 60%);mask-image:radial-gradient(ellipse at 80% 0%,#000,transparent 60%)}
.svc-sec .wrap{position:relative;z-index:1}
.svc-sec .svc{background:#fff;border-color:rgba(10,122,112,.14);box-shadow:0 10px 30px -26px rgba(6,38,40,.5)}
.svc-sec .svc-cta{background:var(--deep);border-color:var(--deep)}


.hx{position:relative;overflow:hidden;background:var(--deep);color:var(--on-deep);min-height:clamp(600px,calc(100vh - var(--hdr)),820px);display:flex;align-items:center;--mx:0;--my:0;isolation:isolate}
.hx-glow{position:absolute;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(700px 520px at calc(74% + var(--mx)*40px) calc(62% + var(--my)*40px),rgba(23,188,171,.26),transparent 70%),
  radial-gradient(520px 380px at 0% 100%,rgba(23,188,171,.10),transparent 70%)}
.hx::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 60%);mask-image:linear-gradient(90deg,#000,transparent 60%)}
.hx-in{position:relative;z-index:3;width:100%;padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px);pointer-events:none}
.hx-txt{max-width:560px;pointer-events:auto}
.hx-eye{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:600;font-size:15px;color:var(--teal);letter-spacing:.04em;text-transform:uppercase;margin:0 0 20px}
.hx-eye span{width:28px;height:2px;background:var(--teal)}
.hx h1{color:#fff;font-size:clamp(40px,5.2vw,70px);line-height:1.02;max-width:13ch}
.hx h1 em{font-style:normal;color:var(--teal)}
.hx .hero-sub{color:var(--on-deep);opacity:.86;margin:24px 0 36px;max-width:42ch;font-size:clamp(17px,1.4vw,19px)}
.hx .btn.ghost-light{border-color:rgba(255,255,255,.28);color:#fff}
.hx .btn.ghost-light:hover{border-color:#fff;background:rgba(255,255,255,.06)}

.hx-cam{position:absolute;right:0;bottom:0;height:94%;aspect-ratio:1400/1322;z-index:1;transform:translate(calc(var(--mx)*-16px),calc(var(--my)*-8px));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.hx-img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 30px 50px rgba(0,0,0,.45));transform-origin:88% 100%}
.hx-waves{position:absolute;z-index:0;width:0;height:0;transform:translate(calc(var(--mx)*24px),calc(var(--my)*24px));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.hx-waves::before{content:"";position:absolute;width:260px;height:260px;left:-130px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(23,188,171,.45),transparent 65%)}
.hx-waves span{position:absolute;left:0;top:0;width:calc(var(--i) * 150px);height:calc(var(--i) * 150px);border-radius:50%;border:1.5px solid rgba(23,188,171,calc(.75 - var(--i) * .08));transform:translate(-50%,-50%)}
.hx-bell{all:unset;position:absolute;z-index:2;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;cursor:pointer}
.hx-bell:focus-visible{outline:3px solid #fff;outline-offset:2px}
.hx-bell i{position:absolute;inset:0;border-radius:50%;border:2px solid var(--teal);opacity:0}
.hx-burst{position:absolute;z-index:2;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;border:3px solid var(--teal);pointer-events:none;animation:burst 1.5s cubic-bezier(.2,.7,.2,1) both}
@keyframes ring{0%{transform:scale(.5);opacity:.9}100%{transform:scale(2.4);opacity:0}}
@keyframes burst{0%{transform:scale(.4);opacity:1}100%{transform:scale(9);opacity:0}}
@keyframes wave{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.97)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.03)}}
@keyframes sway{0%,100%{transform:none}25%{transform:rotate(-1.4deg)}60%{transform:rotate(.8deg)}}
.hx.rang .hx-img{animation:sway .9s ease}
.hx-hint{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transform:translate(-100%,-50%);font-family:var(--sans);font-weight:500;font-size:14px;color:#fff;background:rgba(6,38,40,.7);border:1px solid rgba(255,255,255,.14);padding:7px 12px;border-radius:999px;transition:opacity .4s}
.hx-hint svg{color:var(--teal)}
.hx-hint.gone{opacity:0}
.hx-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;background:rgba(6,38,40,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);color:#fff;font-family:var(--sans);font-weight:600;font-size:15px;padding:10px 16px 10px 12px;border-radius:999px;box-shadow:0 18px 36px -20px rgba(0,0,0,.6)}
.hx-chip b{display:grid;place-items:center;color:var(--teal)}
.hx-chip svg{width:20px;height:20px}
.hx-chip.c1{left:22%;top:40%}
.hx-chip.c2{right:4%;top:24%}
.hx-chip.c3{right:3%;top:56%}
.hx-chip.c4{left:30%;top:68%}
@media (prefers-reduced-motion:no-preference){
  .hx-txt{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
  .hx-img{animation:camin 1.3s cubic-bezier(.2,.7,.1,1) both}
  .hx-waves span{animation:wave 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * .28s)}
  .hx-bell i{animation:ring 2.4s cubic-bezier(.2,.7,.2,1) infinite}
  .hx-bell i:nth-child(2){animation-delay:1.2s}
  .hx-chip{animation:float 6s ease-in-out infinite}
  .hx-chip.c2{animation-delay:-1.5s}.hx-chip.c3{animation-delay:-3s}.hx-chip.c4{animation-delay:-4.5s}
  .hx.rang .hx-img{animation:sway .9s ease}
}
@keyframes camin{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hx-bell i{opacity:.7;transform:scale(1.4)}}
@media (max-width:1100px){.hx-cam{height:80%}.hx h1{max-width:12ch}}
@media (max-width:900px){
  .hx{flex-direction:column;align-items:stretch;min-height:0}
  .hx-in{order:1;padding-bottom:8px}
  .hx-cam{order:2;position:relative;right:auto;bottom:auto;height:auto;width:min(100%,560px);align-self:flex-end;margin-top:12px}
  .hx-chip{font-size:13px;padding:7px 12px 7px 9px}.hx-chip svg{width:17px;height:17px}
  .hx-chip.c1{left:4%;top:42%}.hx-chip.c2{right:2%;top:22%}.hx-chip.c3{right:2%;top:54%}.hx-chip.c4{left:8%;top:64%}
  .hx-waves span{width:calc(var(--i) * 90px);height:calc(var(--i) * 90px)}
  .hx-hint{font-size:13px}
}


.svc-sec .svc:hover,.svc-sec .svc:focus-visible,.svc-sec .svc:active{background:var(--ink);border-color:var(--ink);transform:translateY(-4px);box-shadow:0 26px 48px -26px rgba(6,38,40,.6)}
.svc-sec .svc:hover h3,.svc-sec .svc:focus-visible h3,.svc-sec .svc:active h3{color:#fff}
.svc-sec .svc:hover p,.svc-sec .svc:focus-visible p,.svc-sec .svc:active p{color:var(--on-deep-m)}
.svc-sec .svc:hover .ico,.svc-sec .svc:focus-visible .ico,.svc-sec .svc:active .ico{background:var(--teal);color:var(--deep)}
.svc-sec .svc-cta:hover,.svc-sec .svc-cta:focus-visible,.svc-sec .svc-cta:active{background:var(--teal);border-color:var(--teal)}
.svc-sec .svc-cta:hover h3,.svc-sec .svc-cta:hover p,.svc-sec .svc-cta:hover .more,.svc-sec .svc-cta:active h3,.svc-sec .svc-cta:active p,.svc-sec .svc-cta:active .more{color:var(--deep)}


.hx{min-height:clamp(600px,calc(100vh - var(--hdr)),800px);background:linear-gradient(135deg,#072d2f 0%,var(--deep) 60%,#05211f 100%)}
.hx::before{display:none}
.hx-glow{background:radial-gradient(640px 480px at 75% 55%,rgba(23,188,171,.16),transparent 70%)}
.hx-cam{z-index:2;height:90%}
.hx-sun{position:absolute;z-index:0;left:22%;top:12%;width:70%;aspect-ratio:1;border-radius:50%;background:linear-gradient(160deg,var(--teal) 0%,var(--teal-d) 100%);opacity:.95;transform:translate(calc(var(--mx)*14px),calc(var(--my)*14px));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.hx-img{filter:drop-shadow(0 24px 40px rgba(0,0,0,.35))}
.hx-waves::before{display:none}
.hx-waves span{width:calc(var(--i) * 120px);height:calc(var(--i) * 120px);border-color:rgba(255,255,255,calc(.5 - var(--i) * .12))}
.hx-kw{list-style:none;margin:40px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:8px 22px;max-width:480px}
.hx-kw li{display:inline-flex;align-items:center;gap:22px;font-family:var(--sans);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-deep-m)}
.hx-kw li+li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--teal);margin-left:-22px;margin-right:0;position:relative;left:-9px}
.hx-hint{transform:translate(-100%,-50%)}
@media (prefers-reduced-motion:no-preference){.hx-sun{animation:sunin 1.2s cubic-bezier(.2,.7,.1,1) both}}
@keyframes sunin{from{opacity:0;scale:.85}to{opacity:.95;scale:1}}
@media (max-width:1100px){.hx-cam{height:78%}}
@media (max-width:900px){
  .hx{min-height:0}
  .hx-cam{height:auto}
  .hx-kw{margin-top:28px}
  .hx-waves span{width:calc(var(--i) * 80px);height:calc(var(--i) * 80px)}
}
.hx-kw{gap:10px 0}
.hx-kw li{gap:0}
.hx-kw li+li::before{margin:0 16px;left:auto;position:static}
@media (max-width:480px){.hx-kw li{font-size:12px;letter-spacing:.05em}.hx-kw li+li::before{margin:0 9px}}


.hx2{background:var(--deep);min-height:clamp(600px,calc(100vh - var(--hdr)),820px)}
.hx2 .hx-glow,.hx2::before{display:none}
.hx-frame2{position:absolute;inset:0;overflow:hidden;z-index:0;background:#0f9a8b}
.hx-media{position:absolute;right:0;top:0;height:100%;aspect-ratio:2400/1117;isolation:isolate;transform:translate(calc(var(--mx)*-10px),calc(var(--my)*-6px)) scale(1.02);transform-origin:right center;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.hx-media::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#14a897 0%,#0d8a7d 55%,#0a5c55 100%);z-index:0}
.hx-bgimg,.hx-fgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.hx-bgimg{mix-blend-mode:multiply;z-index:1}
.hx-fgimg{z-index:2;-webkit-mask-image:linear-gradient(180deg,#000 56%,transparent 74%);mask-image:linear-gradient(180deg,#000 56%,transparent 74%)}
.hx-media .hx-bell{z-index:3}
.hx-media .hx-burst{z-index:3}
.hx-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(90deg,rgba(6,38,40,.96) 0%,rgba(6,38,40,.88) 28%,rgba(6,38,40,.45) 48%,rgba(6,38,40,0) 64%),
  linear-gradient(0deg,rgba(6,38,40,1) 0%,rgba(6,38,40,.85) 16%,rgba(6,38,40,0) 42%)}
.hx2 .hx-in{z-index:3}
.hx2 .hx-bell{width:56px;height:56px;margin:-28px 0 0 -28px}
.hx2 .hx-bell i{border-color:#fff}
.hx-credit{position:absolute;z-index:3;right:var(--gut);bottom:14px;margin:0;font-size:12px;color:rgba(255,255,255,.55);font-family:var(--sans)}
@media (prefers-reduced-motion:no-preference){
  .hx-media{animation:mediain 1.6s cubic-bezier(.2,.7,.1,1) both}
}
@keyframes mediain{from{opacity:0;scale:1.06}to{opacity:1;scale:1}}
@media (max-width:900px){
  .hx2{min-height:0}
  .hx2 .hx-frame2{position:relative;inset:auto;order:2;height:min(92vw,420px);margin-top:8px}
  .hx2 .hx-shade{display:none}
  .hx2 .hx-frame2::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,var(--deep) 0%,rgba(6,38,40,0) 22%,rgba(6,38,40,0) 70%,var(--deep) 100%)}
  .hx-media{transform:none}
  .hx-credit{bottom:8px}
}
.hx2 .hx-media{height:108%;top:auto;bottom:-3%}
.hx2 .hx-bell{width:44px;height:44px;margin:-22px 0 0 -22px}
.hx2 .hx-bell i{border-color:var(--teal);border-width:2px}
@keyframes ring2{0%{transform:scale(.6);opacity:.95}100%{transform:scale(1.9);opacity:0}}
@media (prefers-reduced-motion:no-preference){.hx2 .hx-bell i{animation-name:ring2}}
.hx2 .hx-burst{width:44px;height:44px;margin:-22px 0 0 -22px;border-color:#fff}
@media (max-width:900px){.hx2 .hx-media{height:100%;bottom:0}}
.hx-fgimg{-webkit-mask-image:none;mask-image:none}
.hx2 .hx-shade{background:
  linear-gradient(90deg,rgba(6,38,40,.96) 0%,rgba(6,38,40,.86) 28%,rgba(6,38,40,.4) 48%,rgba(6,38,40,0) 64%),
  linear-gradient(0deg,rgba(6,38,40,1) 0%,rgba(6,38,40,.94) 20%,rgba(6,38,40,.6) 33%,rgba(6,38,40,0) 46%)}
@media (max-width:900px){.hx2 .hx-frame2::after{background:linear-gradient(180deg,var(--deep) 0%,rgba(6,38,40,0) 20%,rgba(6,38,40,0) 52%,rgba(6,38,40,.85) 78%,var(--deep) 100%)}}


.hx-frame2{container-type:size;background:var(--deep)}
.hx2 .hx-media{top:50%;bottom:auto;right:0;height:max(100cqh,calc(100cqw / var(--arn,1.4825)));aspect-ratio:var(--ar,1527/1030);translate:0 -50%}
.hx2 .hx-shade{background:
  linear-gradient(90deg,rgba(6,38,40,.95) 0%,rgba(6,38,40,.85) 30%,rgba(6,38,40,.35) 52%,rgba(6,38,40,0) 66%),
  linear-gradient(0deg,rgba(6,38,40,1) 0%,rgba(6,38,40,.8) 12%,rgba(6,38,40,0) 36%)}
@media (max-width:900px){.hx2 .hx-media{height:max(100cqh,calc(100cqw / var(--arn,1.4825)));bottom:auto}
  .hx2 .hx-frame2::after{background:linear-gradient(180deg,var(--deep) 0%,rgba(6,38,40,0) 18%,rgba(6,38,40,0) 70%,var(--deep) 100%)}}


.hx-media::before{display:none}
.hx2 .hx-bgimg{mix-blend-mode:normal;z-index:0;filter:saturate(.92) contrast(1.04)}
.hx2 .hx-media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#1aa395 0%,#4fb5a6 45%,#2c8f84 100%);mix-blend-mode:multiply;opacity:.38}
.hx2 .hx-fgimg{display:none}



.who-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 80px;align-items:center}
.who-txt h2{margin-bottom:22px}
.who-txt .lead{margin-bottom:24px;color:var(--text)}
.who-art{position:relative;min-height:440px}
.who-art figure{position:absolute;margin:0;overflow:hidden;border-radius:18px;box-shadow:0 30px 60px -36px rgba(6,38,40,.55)}
.who-art img{width:100%;height:100%;object-fit:cover}
.who-art .w1{right:0;top:0;width:78%;height:82%}
.who-art .w2{left:0;bottom:0;width:48%;height:52%;border:8px solid #fff;border-radius:20px}
.who-art .w-dot{position:absolute;right:-14px;bottom:4%;width:120px;height:120px;background-image:radial-gradient(var(--teal) 1.6px,transparent 1.8px);background-size:14px 14px;opacity:.55;z-index:-1}
@media (max-width:900px){.who-in{grid-template-columns:1fr}.who-art{min-height:0;aspect-ratio:5/4}}


.wgrid.feat .wcard:first-child{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.wgrid.feat .wcard:first-child .wcard-img{aspect-ratio:auto;min-height:100%}
.wgrid.feat .wcard:first-child .wcard-body{padding:30px 30px 28px;justify-content:center}
.wgrid.feat .wcard:first-child h3{font-size:clamp(22px,2vw,28px)}
.wgrid.feat .wcard:first-child .wcard-sum{-webkit-line-clamp:4;font-size:16px}
@media (max-width:980px){.wgrid.feat .wcard:first-child{grid-column:span 2}}
@media (max-width:620px){.wgrid.feat .wcard:first-child{grid-column:auto;display:flex}.wgrid.feat .wcard:first-child .wcard-img{aspect-ratio:4/3}}


.sec.alt .steps{position:relative}
.sec.alt .steps li{position:relative;border-top:0;padding-top:34px}
.sec.alt .steps li::before{content:"";position:absolute;left:22px;top:-7px;width:14px;height:14px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px var(--alt)}
.sec.alt .steps::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--teal),rgba(23,188,171,.15))}
@media (max-width:1060px){.sec.alt .steps::before{display:none}}
.sec.alt .steps li:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(6,38,40,.45)}
.sec.alt .steps li{transition:transform .25s,box-shadow .25s}


.rv [data-reveal],.rv #main .sec .shead,.rv #main .steps,.rv #main .mq{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv [data-reveal].in,.rv #main .sec .shead.in,.rv #main .steps.in,.rv #main .mq.in{opacity:1;transform:none}
.rv .who-art.in{transition-delay:.12s}


.hx-cue{position:absolute;z-index:3;left:50%;bottom:22px;width:24px;height:38px;margin-left:-12px;border:2px solid rgba(255,255,255,.4);border-radius:14px}
.hx-cue::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--teal);animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
@media (max-width:900px){.hx-cue{display:none}}


@media (max-width:900px){
  
  .hx2{display:block;min-height:calc(100svh - var(--hdr));position:relative}
  .hx2 .hx-frame2{position:absolute;inset:0;height:auto;margin:0}
  .hx2 .hx-frame2::after{background:linear-gradient(180deg,rgba(6,38,40,.35) 0%,rgba(6,38,40,0) 22%,rgba(6,38,40,.55) 48%,rgba(6,38,40,.94) 70%,var(--deep) 100%)}
  .hx2 .hx-media{right:-6%}
  .hx2 .hx-in{position:relative;min-height:calc(100svh - var(--hdr));display:flex;align-items:flex-end;padding-top:32vh;padding-bottom:34px}
  .hx2 .hx-txt{max-width:none}
  .hx2 .hx-eye{font-size:13px;margin-bottom:14px}
  .hx2 h1{font-size:clamp(34px,10vw,44px);max-width:12ch}
  .hx2 .hero-sub{font-size:16px;margin:16px 0 24px}
  .hx2 .acts{gap:10px}
  .hx2 .acts .btn{flex:1 1 0;padding:14px 16px;font-size:15px}
  .hx-kw{margin-top:24px;padding-top:16px;justify-content:space-between;max-width:none}
  .hx-cue{display:none}
  .hx2 .hx-bell{display:none}

  
  .who-in{gap:36px}
  .who-art{aspect-ratio:auto;height:300px;order:-1}
  .who-art .w1{width:80%;height:84%}
  .who-art .w2{width:52%;height:50%;border-width:6px}
  .who-art .w-dot{right:auto;left:4%;bottom:auto;top:6%;width:90px;height:90px}

  
  .shead{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:28px}
  .sec{padding:64px 0}
}
@media (max-width:620px){
  
  .svc-sec .svc-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(-1 * var(--gut));padding:4px var(--gut) 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .svc-sec .svc-grid::-webkit-scrollbar{display:none}
  .svc-sec .svc{flex:0 0 78%;scroll-snap-align:start;scroll-margin-left:var(--gut);padding:22px 20px}
  .svc-sec .svc:hover,.svc-sec .svc:active{transform:none}
  .svc-hint{display:flex;align-items:center;gap:8px;margin-top:4px;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--teal-d)}

  
  .wgrid{gap:18px}
  .wcard-body{padding:18px 18px 20px}

  
  .sec.alt .steps{grid-template-columns:1fr;gap:12px;padding-left:26px}
  .sec.alt .steps::before{display:block;left:6px;right:auto;top:6px;bottom:6px;width:2px;height:auto;background:linear-gradient(180deg,var(--teal),rgba(23,188,171,.15))}
  .sec.alt .steps li{padding:18px 18px 18px 18px}
  .sec.alt .steps li::before{left:-27px;top:22px}

  
  .mq{gap:10px}
  .mq-track{gap:10px}
  .mq-track li{width:132px;height:76px;padding:10px 14px;border-radius:12px}

  
  .ctab-acts{width:100%;flex-direction:column}
  .ctab-acts .btn{width:100%}
  .ctab-acts .btn.ghost-light{font-size:14px}
  .ftr,.ft-cols{gap:28px}
}
@media (min-width:621px){.svc-hint{display:none}}
@media (max-width:900px){
  .hx2 .hx-media{top:0;translate:0 0;height:66cqh;right:-4%}
  .hx2 .hx-frame2::after{background:linear-gradient(180deg,rgba(6,38,40,.25) 0%,rgba(6,38,40,0) 18%,rgba(6,38,40,0) 40%,rgba(6,38,40,.8) 58%,var(--deep) 68%,var(--deep) 100%)}
  .hx2 .hx-in{padding-top:46vh}
}



:root{--muted:#4b5f61;--on-deep-m:#b7cbc8}
body{font-size:17px}
.nav{font-size:16.5px}
.eyebrow,.hx-eye{font-size:15px;letter-spacing:.07em}
.hx-kw li{font-size:15px;color:var(--on-deep)}
.shead p{font-size:18px;color:var(--muted)}
.lead{font-size:clamp(18px,1.6vw,21px)}
.svc h3{font-size:20px}
.svc p{font-size:16px;color:var(--muted)}
.wcard-client{font-size:15px}
.wcard h3{font-size:21px}
.wcard-sum{font-size:16px}
.loc{font-size:15px}
.mini-tags li{font-size:14px;padding:7px 11px}
.steps h3{font-size:20px}
.steps p{font-size:16px}
.tags li{font-size:15px}
.facts dt{font-size:14px}
.prose p{font-size:18px}
.member .role{font-size:16px}
.member .bio{font-size:16px}
footer.ft{font-size:16px}
.ft-base{font-size:15px}
.c-info p,.f label{font-size:16px}
.back{font-size:16px}
@media (max-width:620px){body{font-size:16.5px}.hx-kw li{font-size:13px}.svc p{font-size:15.5px}}


.sec.alt .steps{padding-left:0}
.sec.alt .steps::before,.sec.alt .steps li::before{display:none}
.sec.alt .steps li{border-top:3px solid var(--teal);padding:26px 22px}
@media (max-width:620px){.sec.alt .steps{grid-template-columns:1fr;gap:12px}.sec.alt .steps li{padding:20px}}


.hx-media{transition:opacity 1.2s ease}
.hx-frame2.alt .hx-media{opacity:0}
.hx-slide{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity 1.2s ease;overflow:hidden}
.hx-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 7.5s linear}
.hx-slide.on{opacity:1}
.hx-slide.on img{transform:scale(1)}
.hx-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1aa395 0%,#4fb5a6 45%,#2c8f84 100%);mix-blend-mode:multiply;opacity:.3}
.hx-ctrl{position:absolute;z-index:4;right:var(--gut);bottom:26px;display:flex;align-items:center;gap:16px}
.hx-cap{display:inline-flex;flex-direction:column;gap:2px;max-width:340px;padding:10px 16px;border-radius:12px;background:rgba(6,38,40,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;font-family:var(--sans);font-weight:600;font-size:15px;line-height:1.3;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s;pointer-events:none}
.hx-cap small{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal)}
.hx-cap.show{opacity:1;transform:none;pointer-events:auto}
.hx-cap:hover{border-color:var(--teal)}
.hx-dots{display:flex;gap:8px}
.hx-dots button{all:unset;cursor:pointer;width:9px;height:9px;border-radius:9px;background:rgba(255,255,255,.45);transition:width .3s,background .3s}
.hx-dots button[aria-current]{width:26px;background:var(--teal)}
.hx-dots button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.hx2 .hx-cue{bottom:30px}
@media (min-width:901px){.hx2 .hx-cue{left:var(--gut);margin-left:0;display:none}}
@media (max-width:900px){
  .hx-slide{bottom:auto;height:66%}
  .hx-ctrl{top:auto;bottom:auto;left:var(--gut);right:var(--gut);top:calc((100svh - var(--hdr)) * .66 - 64px);justify-content:space-between}
  .hx-cap{max-width:70%;font-size:13.5px;padding:8px 12px}
}


.svc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.svc-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;scroll-margin-top:calc(var(--hdr) + 20px)}
.svc-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px rgba(6,38,40,.5);border-color:transparent}
.svc-band{position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;padding:28px 28px;background:linear-gradient(135deg,var(--ink) 0%,#0d4a47 100%);color:#fff}
.svc-card:nth-child(4n+2) .svc-band,.svc-card:nth-child(4n+3) .svc-band{background:linear-gradient(135deg,var(--teal-d) 0%,var(--teal) 100%)}
.svc-band h2{color:#fff;font-size:clamp(22px,2vw,26px);line-height:1.2;position:relative;z-index:1}
.svc-ico{flex:none;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;position:relative;z-index:1;transition:background .3s,color .3s}
.svc-ico svg{width:28px;height:28px}
.svc-card:hover .svc-ico{background:#fff;color:var(--teal-d)}
.svc-glyph{position:absolute;right:-18px;bottom:-30px;width:150px;height:150px;color:rgba(255,255,255,.08);transition:transform .6s}
.svc-glyph svg{width:100%;height:100%}
.svc-card:hover .svc-glyph{transform:rotate(-8deg) scale(1.08)}
.svc-body{padding:26px 28px 28px;display:flex;flex-direction:column;flex:1}
.svc-body>p{color:var(--text);font-size:17px;margin:0 0 20px}
.svc-body h3{font-family:var(--sans);font-size:14px;letter-spacing:.07em;text-transform:uppercase;color:var(--teal-d);margin:0 0 12px}
.svc-inc{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.svc-inc li{display:flex;align-items:flex-start;gap:9px;font-size:16px;line-height:1.45;color:var(--ink)}
.svc-inc svg{flex:none;color:var(--teal-d);margin-top:1px}
.svc-body .tlink{margin-top:auto}
.svc-card:target{box-shadow:0 0 0 3px var(--teal)}
@media (max-width:900px){.svc-cards{grid-template-columns:1fr}}
@media (max-width:520px){.svc-band{padding:22px 20px}.svc-body{padding:22px 20px 24px}.svc-inc{grid-template-columns:1fr}}
.hx-ctrl{bottom:40px}
@media (max-width:900px){
  .hx-ctrl{top:16px;bottom:auto;left:auto;right:var(--gut);justify-content:flex-end}
  .hx-cap{display:none}
  .hx-dots{padding:7px 10px;border-radius:20px;background:rgba(6,38,40,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
}
.hx-slide{pointer-events:none}.hx-frame2.alt .hx-bell{visibility:hidden}


:root{--text:#22383a;--muted:#43575a}
.nav{font-size:17.5px;font-weight:600;gap:6px}
.nav>a:not(.btn),.dd>button{color:var(--ink);font-weight:600;letter-spacing:.005em}
.nav .nav-btn{font-size:16px;padding:13px 22px}
.dd .menu a{font-size:16.5px;font-weight:600}
.brand img{height:48px}
h1,h2{font-weight:700}
h3,h4{font-weight:600}
.btn{font-size:16.5px}
.tlink{font-size:16.5px}
.wcard-client,.eyebrow,.hx-eye,.loc,.facts dd{font-weight:600}
.lead{font-weight:500}
.hero-sub{font-weight:500}
@media (max-width:960px){.nav>a:not(.btn),.dd>button{font-size:19px}.brand img{height:42px}}


.team,.team.full{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
@media (max-width:1000px){.team,.team.full{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.team,.team.full{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}}
.member{all:unset;box-sizing:border-box;display:flex;flex-direction:column;cursor:pointer;text-align:left;border-radius:16px}
.member:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.member .pic{position:relative;display:block;width:100%;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#e9f6f3 0%,#cfe9e4 100%);isolation:isolate}
.sec.alt .member .pic{background:linear-gradient(180deg,#ffffff 0%,#d5ece7 100%)}
.member .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;mix-blend-mode:multiply;filter:saturate(.95);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.member .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(6,38,40,.18));z-index:1;pointer-events:none}
.member .ini{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--head);font-weight:700;font-size:48px;color:#8fb8b1}
.member:hover .pic img{transform:scale(1.04)}
.member .m-name{display:block;font-family:var(--head);font-weight:600;font-size:19px;line-height:1.3;color:var(--ink);margin:16px 0 4px}
.member .role{display:block;font-family:var(--sans);font-weight:500;font-size:15.5px;color:var(--teal-d);line-height:1.4}
.member .m-more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-family:var(--sans);font-weight:600;font-size:14.5px;color:var(--ink);opacity:.7;transition:opacity .2s,color .2s}
.member:hover .m-more{opacity:1;color:var(--teal-d)}
@media (max-width:640px){.member .m-name{font-size:17px}.member .role{font-size:14.5px}.member .m-more{font-size:13.5px}}

dialog.mdl{border:0;padding:0;border-radius:22px;width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 40px 90px -30px rgba(6,38,40,.6)}
dialog.mdl::backdrop{background:rgba(6,38,40,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.mdl-in{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.mdl-pic{position:relative;min-height:380px;background:linear-gradient(180deg,#e9f6f3 0%,#cfe9e4 100%);isolation:isolate}
.mdl-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;mix-blend-mode:multiply}
.mdl-pic .ini{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--head);font-weight:700;font-size:64px;color:#8fb8b1}
.mdl-txt{padding:44px 40px 40px;display:flex;flex-direction:column;justify-content:center}
.mdl-txt h2{font-size:clamp(26px,3vw,34px);line-height:1.15}
.mdl-txt .role{font-family:var(--sans);font-weight:600;color:var(--teal-d);font-size:17px;margin:8px 0 0;padding-bottom:18px;border-bottom:3px solid var(--teal);align-self:flex-start}
.mdl-bio{margin:20px 0 0;font-size:17px;line-height:1.75;color:var(--text)}
.mdl-x{position:absolute;top:14px;right:14px;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:var(--ink);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.mdl-x:hover{background:var(--teal-d)}
@media (prefers-reduced-motion:no-preference){dialog.mdl[open]{animation:rise .35s cubic-bezier(.2,.7,.2,1)}}
@media (max-width:640px){.mdl-in{grid-template-columns:1fr}.mdl-pic{min-height:0;aspect-ratio:4/3.4}.mdl-txt{padding:24px 22px 28px}}


.who-in:not(.has-art){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px 80px;align-items:start}
.who-in:not(.has-art) .who-txt h2{font-size:clamp(32px,3.6vw,50px);line-height:1.1;max-width:13ch;margin:0}
.who-in:not(.has-art) .who-copy{padding:6px 0 6px 32px;border-left:3px solid var(--teal)}
.who-in:not(.has-art) .who-copy .lead{font-size:clamp(19px,1.7vw,22px);line-height:1.65;color:var(--ink);margin:0 0 26px}
.who-in.has-art .who-copy{grid-column:1}
@media (max-width:900px){.who-in:not(.has-art){grid-template-columns:1fr}.who-in:not(.has-art) .who-copy{padding-left:20px}}
.who-in:not(.has-art) .who-txt h2{max-width:16ch}


.pj-hero{position:relative;min-height:clamp(440px,72vh,720px);display:flex;align-items:flex-end;overflow:hidden;background:var(--deep);color:#fff}
.pj-hero.noimg-hero{min-height:clamp(320px,46vh,460px);background:linear-gradient(135deg,var(--ink),#0d4a47)}
.pj-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pj-hero-img.top{object-position:top}
.pj-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,38,40,.25) 0%,rgba(6,38,40,.1) 35%,rgba(6,38,40,.78) 78%,rgba(6,38,40,.95) 100%)}
.pj-hero-in{position:relative;z-index:1;width:100%;padding-top:48px;padding-bottom:clamp(36px,5vw,64px)}
.pj-hero .back{color:#fff;opacity:.85;margin-bottom:22px}
.pj-hero .back:hover{opacity:1;color:var(--teal)}
.pj-client{font-family:var(--sans);font-weight:600;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--teal);margin:0 0 12px}
.pj-hero h1{color:#fff;font-size:clamp(32px,4.6vw,60px);line-height:1.06;max-width:22ch}
.pj-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.pj-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-decoration:none;font-family:var(--sans);font-weight:600;font-size:15px}
.pj-chip svg{width:16px;height:16px;color:var(--teal)}
a.pj-chip:hover{background:rgba(255,255,255,.2)}
.pj-chip-v{background:var(--teal);border-color:var(--teal);color:var(--deep)}
.pj-chip-v svg{color:var(--deep)}
a.pj-chip-v:hover{background:#fff;border-color:#fff}

.pj-intro-in{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px 72px;align-items:start}
.pj-lead{font-family:var(--head);font-weight:500;font-size:clamp(22px,2.2vw,28px);line-height:1.4;color:var(--ink);margin:0 0 32px}
.pj-block{padding:24px 0;border-top:1px solid var(--line)}
.pj-block h2{font-size:clamp(20px,1.8vw,24px);margin:0 0 10px;display:flex;align-items:center;gap:12px}
.pj-block h2::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--teal);flex:none}
.pj-block p{font-size:18px;line-height:1.8;margin:0;color:var(--text)}
.pj-facts{position:sticky;top:calc(var(--hdr) + 24px);background:var(--alt);border-radius:20px;padding:28px}
.pj-facts dl{margin:0 0 22px}
.pj-facts dl>div{padding:14px 0;border-bottom:1px solid rgba(6,38,40,.1)}
.pj-facts dl>div:first-child{padding-top:0}
.pj-facts dt{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-d);margin-bottom:6px}
.pj-facts dd{margin:0;font-family:var(--sans);font-weight:600;font-size:17px;color:var(--ink);line-height:1.4}
.pj-facts .tags{margin-top:4px}
.pj-facts .tags li{background:#fff;font-weight:500}
.pj-facts .btn{width:100%}
@media (max-width:900px){.pj-intro-in{grid-template-columns:1fr}.pj-facts{position:static}}

.pj-sh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.pj-sh h2{font-size:clamp(26px,2.6vw,36px)}
.pj-sh span{font-family:var(--sans);font-size:15px;color:var(--muted)}
.pj-videos{background:var(--deep)}
.pj-videos .pj-sh h2{color:#fff}
.vid-grid{display:grid;gap:22px}
.vid-grid.n2{grid-template-columns:1fr 1fr}
.vid-grid.n3{grid-template-columns:repeat(2,1fr)}
.vid-grid.n3 .vid:first-child{grid-column:1/-1}
@media (max-width:760px){.vid-grid.n2,.vid-grid.n3{grid-template-columns:1fr}}
.vid{margin:0}
.vid>video,.vid>iframe,.vid-face{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:18px;overflow:hidden;background:#000}
.vid-face{all:unset;box-sizing:border-box;position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#0d4a47,#041d1f);cursor:pointer;text-decoration:none}
.vid-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .6s,opacity .3s}
.vid-face:hover img{transform:scale(1.03);opacity:1}
.vid-face::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(6,38,40,.1),rgba(6,38,40,.55))}
.vid-play{position:absolute;z-index:1;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--teal);color:var(--deep);display:grid;place-items:center;box-shadow:0 0 0 12px rgba(23,188,171,.25);transition:transform .25s,box-shadow .25s}
.vid-play svg{width:30px;height:30px;margin-left:4px}
.vid-face:hover .vid-play,.vid-face:focus-visible .vid-play{transform:scale(1.08);box-shadow:0 0 0 18px rgba(23,188,171,.2)}
.vid-face:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.vid-t{position:absolute;z-index:1;left:20px;bottom:16px;right:20px;color:#fff;font-family:var(--head);font-weight:600;font-size:18px}
.vid figcaption{margin-top:12px;color:var(--on-deep);font-family:var(--sans);font-weight:600;font-size:16px}
.vid figcaption:empty{display:none}
.vid-face:has(.vid-t)+figcaption{display:none}

.gallery.mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,16vw,230px);grid-auto-flow:dense;gap:12px}
.gallery.mosaic button{aspect-ratio:auto;height:100%;border-radius:14px}
.gallery.mosaic button:nth-child(7n+1){grid-column:span 2;grid-row:span 2}
.gallery.mosaic button:nth-child(7n+5){grid-column:span 2}
.gallery.mosaic button img{transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .3s}
.gallery.mosaic button:hover img{transform:scale(1.05)}
@media (max-width:760px){.gallery.mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:42vw;gap:8px}.gallery.mosaic button:nth-child(7n+5){grid-column:auto}}

.pj-next{background:var(--alt)}
.pj-next-in{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:28px;align-items:center;padding-top:32px;padding-bottom:32px;text-decoration:none;color:inherit}
.pj-next-img{display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--line)}
.pj-next-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.pj-next-in:hover .pj-next-img img{transform:scale(1.06)}
.pj-next-txt{display:flex;flex-direction:column;gap:4px}
.pj-next-txt small{font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--teal-d)}
.pj-next-txt strong{font-family:var(--head);font-weight:700;font-size:clamp(22px,2.4vw,32px);line-height:1.15;color:var(--ink)}
.pj-next-txt em{font-style:normal;color:var(--muted);font-size:16px}
.pj-next-arrow{width:64px;height:64px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;transition:background .25s,transform .25s}
.pj-next-in:hover .pj-next-arrow{background:var(--teal);color:var(--deep);transform:translateX(4px)}
@media (max-width:700px){.pj-next-in{grid-template-columns:96px minmax(0,1fr);gap:16px}.pj-next-arrow{display:none}}

.wcard-vid{position:absolute;left:14px;top:14px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;border-radius:999px;background:rgba(6,38,40,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:var(--sans);font-weight:600;font-size:13px}
.wcard-vid svg{width:13px;height:13px;color:var(--teal)}


.team,.team.full{grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 20px}
@media (max-width:1100px){.team,.team.full{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:860px){.team,.team.full{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.team,.team.full{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}}
.member .pic{aspect-ratio:4/5;border-radius:14px}
.member .pic img{transform:scale(var(--z,1))}
.member:hover .pic img{transform:scale(calc(var(--z,1) * 1.04))}
.mdl-pic img{transform:scale(var(--z,1))}
.member .m-name{font-size:17.5px;margin-top:14px}
.member .role{font-size:15px}
.gallery.mosaic button:nth-child(7n+1),.gallery.mosaic button:nth-child(7n+5){grid-column:auto;grid-row:auto}
.gallery.mosaic.has-big button:first-child{grid-column:span 2;grid-row:span 2}
.gallery.mosaic button:last-child{grid-column:span var(--sd,1)}
.gallery.mosaic.n1{grid-template-columns:1fr;grid-auto-rows:clamp(260px,40vw,560px)}
.gallery.mosaic.n2{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(220px,26vw,380px)}
.gallery.mosaic.n3{grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(200px,20vw,320px)}
@media (max-width:760px){.gallery.mosaic button:last-child{grid-column:span var(--sm,1)}.gallery.mosaic.n3{grid-template-columns:repeat(2,1fr)}.gallery.mosaic.n1 button:last-child{grid-column:auto}}
.pj-client{color:#fff;opacity:.92;display:flex;align-items:center;gap:10px;font-size:15px}
.pj-client::before{content:"";width:28px;height:2px;background:var(--teal);flex:none}
.pj-hero h1,.pj-client,.pj-hero .back{text-shadow:0 2px 18px rgba(0,0,0,.45)}
@media (max-width:620px){.pj-client{font-size:13px}.pj-chip{font-size:14px;padding:8px 13px}}


.hdr-dark .hdr{background:var(--deep);border-bottom:1px solid rgba(255,255,255,.06)}
.hdr-dark .hdr.scrolled{border-bottom-color:rgba(255,255,255,.1);box-shadow:0 10px 30px -18px rgba(0,0,0,.6)}
.hdr-dark .nav>a:not(.btn),.hdr-dark .dd>button{color:#fff}
.hdr-dark .nav>a:not(.btn):hover,.hdr-dark .dd>button:hover{background:rgba(255,255,255,.08);color:#fff}
.hdr-dark .nav [aria-current="page"],.hdr-dark .dd.on>button{color:var(--teal)!important}
.hdr-dark .nav .nav-btn{background:var(--teal);border-color:var(--teal);color:var(--deep)}
.hdr-dark .nav .nav-btn:hover{background:#fff;border-color:#fff}
.hdr-dark .dd .menu{background:var(--ink);border-color:rgba(255,255,255,.1)}
.hdr-dark .dd .menu a{color:#fff}
.hdr-dark .dd .menu a:hover{background:rgba(255,255,255,.08)}
.hdr-dark .burger{color:#fff;border-color:rgba(255,255,255,.25);background:transparent}
@media (max-width:960px){
  .hdr-dark .nav{background:var(--deep);border-bottom-color:rgba(255,255,255,.08)}
  .hdr-dark .nav>a:not(.btn),.hdr-dark .dd>button{border-bottom-color:rgba(255,255,255,.1)}
  .hdr-dark .dd .menu{background:transparent}
}
.hdr-dark .phead{border-top:1px solid rgba(255,255,255,.06)}


.hero-light .hx2{background:#fff;color:var(--text)}
.hero-light .hx2 .hx-frame2{background:#fff}
.hero-light .hx2 .hx-media::after{opacity:.14}
.hero-light .hx2 .hx-shade{background:
  linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 30%,rgba(255,255,255,.7) 46%,rgba(255,255,255,0) 64%),
  linear-gradient(0deg,#fff 0%,rgba(255,255,255,.75) 9%,rgba(255,255,255,0) 26%)}
.hero-light .hx2 h1{color:var(--ink)}
.hero-light .hx2 h1 em{color:var(--teal-d)}
.hero-light .hx2 .hx-eye{color:var(--teal-d)}
.hero-light .hx2 .hx-eye span{background:var(--teal)}
.hero-light .hx2 .hero-sub{color:var(--text);opacity:1}
.hero-light .hx2 .btn.light{background:var(--ink);border-color:var(--ink);color:#fff}
.hero-light .hx2 .btn.light:hover{background:var(--teal-d);border-color:var(--teal-d)}
.hero-light .hx2 .btn.ghost-light{border-color:var(--line-2);color:var(--ink)}
.hero-light .hx2 .btn.ghost-light:hover{border-color:var(--ink);background:transparent}
.hero-light .hx2 .hx-kw{border-top-color:var(--line)}
.hero-light .hx2 .hx-kw li{color:var(--ink)}
.hero-light .hx2 .hx-dots button{background:rgba(10,46,48,.25)}
.hero-light .hx2 .hx-dots button[aria-current]{background:var(--teal-d)}
.hero-light .hx2 .hx-cue{border-color:rgba(10,46,48,.3)}
.hero-light .hx2 .hx-slide::after{opacity:.12}
.hero-light .hx2 .hx-credit{color:var(--muted)}
.hero-light .hx2::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;z-index:3;background:linear-gradient(90deg,var(--teal),var(--teal-d))}
@media (max-width:900px){
  .hero-light .hx2 .hx-frame2::after{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,.85) 58%,#fff 68%,#fff 100%)}
  .hero-light .hx2 .hx-dots{background:rgba(255,255,255,.7)}
}
@media (max-width:900px){.hero-light .hx2 .hx-frame2::after{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.9) 46%,#fff 54%,#fff 100%)}.hero-light .hx2 .hx-media,.hero-light .hx2 .hx-slide{height:58%}}


html:not(.hero-light) .hx2 .hx-media::after{opacity:.16}
html:not(.hero-light) .hx2 .hx-slide::after{opacity:.16}
html:not(.hero-light) .hx2 .hx-shade{mix-blend-mode:multiply;background:
  linear-gradient(95deg,rgba(6,46,48,.92) 0%,rgba(8,70,68,.78) 26%,rgba(14,110,102,.42) 46%,rgba(23,150,138,.12) 62%,rgba(23,188,171,0) 74%),
  linear-gradient(0deg,rgba(6,38,40,.7) 0%,rgba(6,38,40,.2) 14%,rgba(6,38,40,0) 30%)}
html:not(.hero-light) .hx2 .hx-txt{text-shadow:0 2px 24px rgba(4,30,32,.35)}
@media (max-width:900px){
  html:not(.hero-light) .hx2 .hx-shade{display:block;background:linear-gradient(180deg,rgba(6,38,40,0) 0%,rgba(6,38,40,0) 26%,rgba(8,60,60,.55) 44%,rgba(6,46,48,.9) 62%,rgba(6,38,40,.96) 100%)}
  html:not(.hero-light) .hx2 .hx-frame2::after{display:none}
  html:not(.hero-light) .hx2 .hx-media,html:not(.hero-light) .hx2 .hx-slide{height:100%}
}
@media (max-width:900px){
  html:not(.hero-light) .hx2 .hx-media,html:not(.hero-light) .hx2 .hx-slide{height:62%;top:0;translate:0 0}
  html:not(.hero-light) .hx2 .hx-media{height:62cqh}
  html:not(.hero-light) .hx2 .hx-frame2{background:var(--deep)}
  html:not(.hero-light) .hx2 .hx-shade{background:linear-gradient(180deg,rgba(6,38,40,0) 0%,rgba(6,38,40,0) 36%,rgba(8,60,60,.6) 52%,rgba(6,38,40,.98) 63%,var(--deep) 100%)}
}
@media (max-width:900px){html:not(.hero-light) .hx2 .hx-shade{mix-blend-mode:normal;background:linear-gradient(180deg,rgba(6,38,40,0) 0%,rgba(6,38,40,0) 30%,rgba(6,38,40,.5) 44%,rgba(6,38,40,.92) 56%,var(--deep) 62%,var(--deep) 100%)}}


.hdr .wrap,.hx2 .hx-in{max-width:1440px}
@media (min-width:901px){
  .hx2 .hx-frame2.wide{background:linear-gradient(180deg,var(--sky,#3d82c9) 0%,var(--sky,#3d82c9) 100%)}
  .hx2 .hx-frame2.wide .hx-media{top:auto;bottom:0;translate:0 0;height:max(68cqh,calc(100cqw / var(--arn,2.6)));-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%);mask-image:linear-gradient(180deg,transparent 0,#000 18%)}
  .hx2 .hx-txt{max-width:540px}
  .hx2 h1{font-size:clamp(40px,4.4vw,62px)}
}
@media (min-width:901px){html:not(.hero-light) .hx2 .hx-shade{background:
  linear-gradient(95deg,rgba(6,46,48,.94) 0%,rgba(8,70,68,.8) 24%,rgba(14,110,102,.42) 40%,rgba(23,150,138,.1) 52%,rgba(23,188,171,0) 60%),
  linear-gradient(0deg,rgba(6,38,40,.7) 0%,rgba(6,38,40,.2) 12%,rgba(6,38,40,0) 26%)}}
.hx2 .hero-sub{font-size:clamp(17px,1.35vw,19px);font-weight:500;color:#eef6f5;opacity:1}
.hx2 .hx-kw li{color:#eaf3f2}

.hx2 .hx-bell{width:46px;height:46px;margin:-23px 0 0 -23px;z-index:4}
.hx2 .hx-bell i{border:2px solid rgba(255,255,255,.9)}
@keyframes ring3{0%{transform:scale(.55);opacity:.9}100%{transform:scale(2.3);opacity:0}}
@media (prefers-reduced-motion:no-preference){.hx2 .hx-bell i{animation:ring3 2.6s cubic-bezier(.2,.7,.2,1) infinite}.hx2 .hx-bell i:nth-child(2){animation-delay:1.3s}}
.hx-bell-tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);white-space:nowrap;padding:6px 11px;border-radius:999px;background:rgba(6,38,40,.8);color:#fff;font-family:var(--sans);font-weight:600;font-size:13px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}
.hx-bell-tip::before{content:"🔔 ";}
.hx2 .hx-bell:hover .hx-bell-tip,.hx2 .hx-bell:focus-visible .hx-bell-tip{opacity:1;transform:translateX(-50%)}
.hx.rang .hx-media{animation:sway2 .8s ease}
@keyframes sway2{0%,100%{rotate:0deg}30%{rotate:-.25deg}65%{rotate:.15deg}}
.hx2 .hx-burst{width:46px;height:46px;margin:-23px 0 0 -23px;border:3px solid #fff}
@media (max-width:900px){.hx2 .hx-bell{display:block}.hx-bell-tip{display:none}}


@media (min-width:1101px){
  .hdr .wrap{max-width:1440px}
  .hx2 .hx-in{max-width:1440px}
}
.hx2 h1{font-size:clamp(38px,4.6vw,62px);max-width:13ch}
.hx2 .hero-sub{font-size:clamp(17px,1.35vw,19px);max-width:40ch}
@media (min-width:901px){html:not(.hero-light) .hx2 .hx-shade{background:
  linear-gradient(95deg,rgba(6,46,48,.94) 0%,rgba(8,70,68,.82) 24%,rgba(14,110,102,.45) 40%,rgba(23,150,138,.12) 52%,rgba(23,188,171,0) 60%),
  linear-gradient(0deg,rgba(6,38,40,.55) 0%,rgba(6,38,40,0) 22%)}}
.hx2 .hx-bell{width:46px;height:46px;margin:-23px 0 0 -23px;z-index:4}
.hx2 .hx-bell i{border:2px solid #fff;opacity:0}
@media (prefers-reduced-motion:no-preference){.hx2 .hx-bell i{animation:ring2 2.6s cubic-bezier(.2,.7,.2,1) infinite}.hx2 .hx-bell i:nth-child(2){animation-delay:1.3s}}
.hx2 .hx-bell::before{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(255,255,255,.85);opacity:.95}
.hx-bell-tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);white-space:nowrap;padding:6px 11px;border-radius:999px;background:#fff;color:var(--ink);font-family:var(--sans);font-weight:600;font-size:13px;box-shadow:0 10px 24px -12px rgba(0,0,0,.5);pointer-events:none;transition:opacity .3s}
.hx.rang .hx-bell-tip{opacity:0}
.aleel-word{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border-bottom:1.5px dashed rgba(23,188,171,.6);padding-bottom:1px}
.aleel-word i{font-style:normal;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(23,188,171,.2);color:var(--teal);font-size:11px;font-weight:700;letter-spacing:0}
.aleel-word:hover,.aleel-word[aria-expanded="true"]{border-bottom-color:var(--teal)}
.aleel-word:focus-visible{outline:2px solid var(--teal);outline-offset:4px;border-radius:4px}
.aleel-card{position:absolute;z-index:6;left:max(var(--gut),calc((100% - 1440px)/2 + var(--gut)));top:clamp(70px,9vw,110px);width:min(420px,calc(100% - 2*var(--gut)));padding:22px 24px 22px;border-radius:18px;background:rgba(255,255,255,.97);color:var(--text);box-shadow:0 30px 60px -24px rgba(0,0,0,.5);border-top:4px solid var(--teal)}
.aleel-card[hidden]{display:none}
.aleel-card p{margin:0;font-size:16px;line-height:1.65}
.aleel-card .aleel-k{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--head);font-weight:700;font-size:22px;color:var(--ink)}
.aleel-card .aleel-k svg{width:22px;height:22px;color:var(--teal-d)}
.aleel-card .aleel-k em{font-style:normal;font-family:var(--sans);font-weight:500;font-size:14px;color:var(--muted)}
.aleel-x{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:0;background:var(--alt);color:var(--ink);font-size:20px;line-height:1;cursor:pointer}
.aleel-x:hover{background:var(--teal-l)}
@media (prefers-reduced-motion:no-preference){.aleel-card:not([hidden]){animation:rise .35s cubic-bezier(.2,.7,.2,1)}}
@media (max-width:900px){.aleel-card{top:16px}.hx-bell-tip{font-size:12px}}

@media (min-width:901px){.aleel-card{left:auto;right:max(var(--gut),calc((100% - 1440px)/2 + var(--gut)));top:clamp(90px,10vw,140px)}}
@media (max-width:900px){
  html:not(.hero-light) .hx2 .hx-media,html:not(.hero-light) .hx2 .hx-slide{height:min(58svh,500px)}
  html:not(.hero-light) .hx2 .hx-shade{background:linear-gradient(180deg,rgba(6,38,40,0) 0,rgba(6,38,40,0) calc(min(58svh,500px) - 150px),rgba(6,38,40,.75) calc(min(58svh,500px) - 40px),var(--deep) min(58svh,500px),var(--deep) 100%)}
  html:not(.hero-light) .hx2 .hx-in{min-height:0;padding-top:calc(min(58svh,500px) - 30px);padding-bottom:40px}
  html:not(.hero-light) .hx2{min-height:0}
}


@media (min-width:1101px){.hx2 .hx-in{max-width:1320px}}
@media (min-width:901px){
  html:not(.hero-light) .hx2 .hx-shade{mix-blend-mode:multiply;background:
    linear-gradient(95deg,rgba(10,90,86,.78) 0%,rgba(16,120,112,.6) 24%,rgba(23,160,148,.3) 42%,rgba(23,188,171,.08) 56%,rgba(23,188,171,0) 64%),
    linear-gradient(0deg,rgba(6,60,60,.45) 0%,rgba(6,60,60,0) 24%)}
  html:not(.hero-light) .hx2 .hx-txt{text-shadow:0 1px 2px rgba(0,30,30,.35),0 4px 28px rgba(0,30,30,.45)}
  html:not(.hero-light) .hx2 .hx-media::after,html:not(.hero-light) .hx2 .hx-slide::after{opacity:.1}
}
.hx-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(40px,6vw,96px);z-index:3;pointer-events:none;display:block}
.hx-wave .w1{fill:#fff}
.hx-wave .w2{fill:var(--teal);opacity:.55}
.hx2 .hx-ctrl{bottom:calc(clamp(40px,6vw,96px) + 10px)}
.hx2 .hx-in{padding-bottom:calc(clamp(56px,7vw,96px) + 40px)}
.hero-light .hx2::after{display:none}
@media (max-width:900px){.hx-wave{height:44px}.hx2 .hx-in{padding-bottom:70px}}
@media (min-width:1101px){.hdr .wrap,.hx2 .hx-in{max-width:var(--wrap)}.aleel-card{right:max(var(--gut),calc((100% - var(--wrap))/2 + var(--gut)))}}
@media (max-width:900px){.hx2 .hx-ctrl{top:16px;bottom:auto}}


.hx-wave{display:none!important}
.hx2 .hx-ctrl{bottom:26px}
.hx2 .hx-in{padding-bottom:64px}
@media (min-width:901px){
  html:not(.hero-light) .hx2 .hx-shade{mix-blend-mode:multiply;background:
    linear-gradient(95deg,rgba(10,90,86,.78) 0%,rgba(16,120,112,.6) 24%,rgba(23,160,148,.3) 42%,rgba(23,188,171,.08) 56%,rgba(23,188,171,0) 64%)}
}
.hx2::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;z-index:4;pointer-events:none;mix-blend-mode:multiply;
  background:linear-gradient(90deg,var(--teal-d) 0 33.33%,var(--teal) 33.33% 66.66%,#9fded6 66.66% 100%)}
.hero-light .hx2::after{display:block}
@media (max-width:900px){.hx2 .hx-in{padding-bottom:40px}.hx2::after{height:6px}}
@media (min-width:901px){.hx2 .hx-frame2 .hx-media{top:auto;bottom:0;translate:0 0;transform-origin:center bottom}}
.hx2{position:relative}
@media (min-width:901px){.hx2 .hx-ctrl{right:auto;left:max(var(--gut),calc((100% - var(--wrap))/2 + var(--gut)));bottom:30px;flex-direction:row-reverse}}
@media (max-width:900px){.hx2 .hx-ctrl{top:16px!important;bottom:auto!important}}

.hx2::after{display:none!important}
@media (min-width:901px){
  .hx2{--band:clamp(56px,7vh,84px)}
  .hx2 .hx-frame2{background:linear-gradient(180deg,var(--sky,#3f7fb8) 0%,var(--sky,#3f7fb8) 60%,#0d4a45 calc(100% - var(--band)),#0b3d3a 100%)}
  .hx2 .hx-frame2 .hx-media,.hx2 .hx-frame2.wide .hx-media{bottom:var(--band);
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 calc(100% - 34px),transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 calc(100% - 34px),transparent 100%)}
  .hx2 .hx-frame2::before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--band);z-index:2;pointer-events:none;
    background:linear-gradient(180deg,rgba(11,61,58,0),#0b3d3a 70%);}
  .hx2 .hx-frame2::after{content:"";position:absolute;left:0;right:0;bottom:var(--band);height:1px;z-index:2;background:rgba(23,188,171,.0)}
  
  html:not(.hero-light) .hx2 .hx-shade{mix-blend-mode:multiply;background:
    linear-gradient(90deg,rgba(11,74,70,.72) 0%,rgba(14,96,90,.58) 22%,rgba(18,130,120,.34) 38%,rgba(23,160,148,.14) 50%,rgba(23,188,171,.03) 58%,rgba(23,188,171,0) 66%),
    linear-gradient(180deg,rgba(14,80,90,.18) 0%,rgba(14,80,90,0) 30%)}
  .hx2 .hx-in{padding-bottom:calc(var(--band) + 28px)}
  .hx2 .hx-ctrl{left:auto!important;right:max(var(--gut),calc((100% - var(--wrap))/2 + var(--gut)))!important;bottom:calc((var(--band) - 22px)/2)!important;flex-direction:row!important}
  .hx2 .hx-cap{position:absolute;right:0;bottom:calc(100% + 14px)}
}
@media (min-width:901px){
  .hx2 .hx-frame2,.hx2 .hx-frame2.wide{background:linear-gradient(180deg,var(--sky,#3f7fb8) 0%,var(--sky,#3f7fb8) 55%,#4f7a3a 55.5%,#2f5a33 calc(100% - var(--band) - 10px),#123f36 calc(100% - var(--band) + 18px),#0b3d3a 100%)}
  .hx2 .hx-frame2::before{background:linear-gradient(180deg,rgba(11,61,58,0) 0%,rgba(11,61,58,.85) 45%,#0b3d3a 100%)}
}
@media (min-width:901px){.hx2 .hx-cap{width:max-content;max-width:340px}}

@media (min-width:901px){
  .hx2 .hx-frame2,.hx2 .hx-frame2.wide{background:var(--sky,#3f7fb8)}
  .hx2 .hx-frame2::before,.hx2 .hx-frame2::after{display:none!important}
  .hx2 .hx-frame2 .hx-media,.hx2 .hx-frame2.wide .hx-media{bottom:0;-webkit-mask-image:none;mask-image:none}
  .hx2 .hx-in{padding-bottom:72px}
  .hx2 .hx-ctrl{bottom:28px!important}
  
  html:not(.hero-light) .hx2 .hx-media::after,html:not(.hero-light) .hx2 .hx-slide::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:multiply;background:#5fb7ad;opacity:.22}
  
  html:not(.hero-light) .hx2 .hx-shade{mix-blend-mode:multiply;background:
    linear-gradient(90deg,rgba(12,78,74,.62) 0%,rgba(14,92,86,.5) 20%,rgba(18,112,104,.32) 36%,rgba(22,140,130,.14) 50%,rgba(23,170,158,.04) 60%,rgba(23,188,171,0) 68%)}
  html:not(.hero-light) .hx2 .hx-txt{text-shadow:0 1px 2px rgba(0,30,30,.3),0 6px 30px rgba(0,30,30,.4)}
}

@media (min-width:901px){
  html:not(.hero-light) .hx2 .hx-media::after{opacity:0!important}
  html:not(.hero-light) .hx2 .hx-slide::after{opacity:.1}
  html:not(.hero-light) .hx2 .hx-shade{mix-blend-mode:normal;background:
    radial-gradient(120% 95% at 0% 0%,rgba(10,22,40,.82) 0%,rgba(12,26,46,.62) 30%,rgba(14,30,52,.3) 55%,rgba(14,30,52,0) 78%),
    linear-gradient(180deg,rgba(10,22,40,.38) 0%,rgba(10,22,40,0) 34%),
    linear-gradient(90deg,rgba(10,22,40,.28) 0%,rgba(10,22,40,0) 50%)}
  html:not(.hero-light) .hx2 .hx-txt{text-shadow:0 2px 18px rgba(5,15,30,.35)}
  html:not(.hero-light) .hx2 .aleel-word{color:#fff}
  html:not(.hero-light) .hx2 .hx-eye span{background:#fff}
}
@media (min-width:901px){
  html:not(.hero-light) .hx2 .hx-shade{background:
    radial-gradient(120% 95% at 0% 0%,rgba(10,22,40,.84) 0%,rgba(12,26,46,.64) 30%,rgba(14,30,52,.3) 55%,rgba(14,30,52,0) 78%),
    radial-gradient(70% 60% at 0% 100%,rgba(10,22,40,.4) 0%,rgba(10,22,40,0) 100%),
    linear-gradient(180deg,rgba(10,22,40,.38) 0%,rgba(10,22,40,0) 34%),
    linear-gradient(90deg,rgba(10,22,40,.3) 0%,rgba(10,22,40,0) 50%)}
}

@media (min-width:901px){
  html:not(.hero-light) .hx2 .hx-shade{mix-blend-mode:normal;background:
    radial-gradient(110% 90% at 0% 0%,rgba(10,20,32,.62) 0%,rgba(10,20,32,.4) 35%,rgba(10,20,32,0) 70%),
    linear-gradient(90deg,rgba(10,20,32,.25) 0%,rgba(10,20,32,0) 45%)}
}
html:not(.hero-light) .hx2 h1 em{color:#4fcf8e}

.hx2 .hx-bell{width:54px;height:54px;margin:-27px 0 0 -27px}
.hx2 .hx-bell::before{content:"";position:absolute;inset:0;border-radius:50%;background:none!important;box-shadow:none!important;border:2px dashed rgba(255,255,255,.85);opacity:1}
.hx2 .hx-bell i{border:2px solid rgba(255,255,255,.7)}
.hx2 .hx-bell .hx-bell-tip{left:auto;right:calc(100% + 12px);top:50%;bottom:auto;transform:translateY(-50%);opacity:1!important;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:rgba(255,255,255,.95);color:var(--ink);font-size:13px}
.hx2 .hx-bell .hx-bell-tip::before{content:none}
.hx2 .hx-bell .hx-bell-tip::after{content:"";width:16px;height:2px;background:currentColor;position:relative;box-shadow:none;
  -webkit-mask:none}
.hx2 .hx-bell .hx-bell-tip b{font-weight:700;font-size:15px;line-height:1}
.hx2 .hx-bell:hover .hx-bell-tip{background:#fff;color:var(--teal-d)}
@media (prefers-reduced-motion:no-preference){.hx2 .hx-bell .hx-bell-tip{animation:nudge 1.8s ease-in-out infinite}}
@keyframes nudge{0%,100%{transform:translate(0,-50%)}50%{transform:translate(-5px,-50%)}}
@media (max-width:900px){.hx2 .hx-bell .hx-bell-tip{display:inline-flex!important;font-size:12px;padding:5px 10px}.hx2 .hx-bell{width:44px;height:44px;margin:-22px 0 0 -22px}}

.team,.team.full{grid-template-columns:repeat(4,minmax(0,200px));justify-content:center;gap:32px 28px}
.member .pic{aspect-ratio:4/5}
.member .m-name{font-size:16.5px;margin-top:12px}
.member .role{font-size:14px}
.member .m-more{font-size:13.5px}
@media (max-width:900px){.team,.team.full{grid-template-columns:repeat(3,minmax(0,180px))}}
@media (max-width:620px){.team,.team.full{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}}
.hx2 .hx-bell .hx-bell-tip::after{content:none!important}
.team,.team.full{grid-template-columns:repeat(4,minmax(0,180px))}
@media (max-width:900px){.team,.team.full{grid-template-columns:repeat(3,minmax(0,170px))}}
@media (max-width:620px){.team,.team.full{grid-template-columns:repeat(2,minmax(0,1fr))}}

html:not(.hero-light) .hx2 .hx-media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:multiply;opacity:1!important;
  background:radial-gradient(30% 26% at 77% 66%,#6f8781 0%,#566c67 45%,#3a4f4b 100%) ,#3a4f4b;}
html:not(.hero-light) .hx2 .hx-slide::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:multiply;opacity:1!important;background:#4a605b}
@media (min-width:901px){html:not(.hero-light) .hx2 .hx-shade{background:linear-gradient(90deg,rgba(10,20,30,.18) 0%,rgba(10,20,30,0) 45%)!important}}
html:not(.hero-light) .hx2 .hx-media .hx-bell{z-index:3}
html:not(.hero-light) .hx2 .hx-media::after{background:radial-gradient(30% 26% at 77% 66%,#6c807b 0%,#536662 45%,#3b4948 100%),#3b4948}
html:not(.hero-light) .hx2 .hx-media::before{content:"";display:block!important;position:absolute;inset:0;z-index:2;pointer-events:none;background:rgba(22,34,46,.14)}

.hx2 .hx-bell .hx-bell-tip{display:none!important}
html:not(.hero-light) .hx2 .hx-media::after{background:radial-gradient(32% 28% at 77% 66%,#879a95 0%,#64776f 45%,#3b4948 100%),#3b4948}
html:not(.hero-light) .hx2 h1 em{color:var(--teal)}

html:not(.hero-light) .hx2 .hx-media::after{opacity:.85!important;background:radial-gradient(32% 28% at 77% 66%,#a2b9b3 0%,#788f86 45%,#3b4948 100%),#3b4948}
html:not(.hero-light) .hx2 .hx-media::before{background:rgba(22,34,46,.12)}

html:not(.hero-light) .hx2 .hx-media::after{opacity:var(--hx-dark,.85)!important;background:
  radial-gradient(32% 28% at var(--hx-lx,77%) var(--hx-ly,66%),color-mix(in srgb,#fff var(--hx-light,58%),var(--hx-tint,#3b4948)) 0%,color-mix(in srgb,#fff var(--hx-light2,32%),var(--hx-tint,#3b4948)) 45%,var(--hx-tint,#3b4948) 100%),var(--hx-tint,#3b4948)}
html:not(.hero-light) .hx2 .hx-media::before{opacity:calc(var(--hx-dark,.85) / .85)}
html:not(.hero-light) .hx2 .hx-slide::after{opacity:var(--hx-dark,.85)!important;background:color-mix(in srgb,#fff 15%,var(--hx-tint,#3b4948))}

.btn-rounded .btn,.btn-rounded .nav-btn{border-radius:10px}
.btn-square .btn,.btn-square .nav-btn{border-radius:3px}



.hx2{min-height:calc(100vh - var(--hdr))!important;min-height:calc(100svh - var(--hdr))!important;max-height:none!important}
@media (max-width:760px){.hx2{min-height:calc(92svh - var(--hdr))!important}}

.hx2 h1{font-size:calc(clamp(38px,4.6vw,62px) * var(--hx-ts,1))!important;font-style:var(--hx-ti,normal);letter-spacing:var(--hx-tls,0);line-height:var(--hx-tlh,1.04);text-transform:var(--hx-tc,none);font-family:var(--hx-tf,var(--head,inherit));font-weight:var(--hx-tw,inherit);max-width:calc(13ch * max(1, var(--hx-ts,1)))}
.hx2 .hero-sub{font-size:calc(clamp(17px,1.35vw,19px) * var(--hx-ps,1))!important}

.vid-face img{opacity:1!important;image-rendering:auto}
.vid-face::after{background:linear-gradient(180deg,rgba(6,38,40,0) 45%,rgba(6,38,40,.38))!important}

.phead.ph2{padding:clamp(40px,5vw,64px) 0 clamp(44px,5vw,70px)}
.ph2 .ph-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center}
.ph2 .crumb{display:flex;gap:10px;align-items:center;font-size:14px;font-family:var(--sans);font-weight:600;color:var(--on-deep);opacity:.75;margin:0 0 18px}
.ph2 .crumb a{color:var(--teal);text-decoration:none}.ph2 .crumb a:hover{text-decoration:underline}
.ph2 h1{animation:phUp .7s cubic-bezier(.2,.7,.2,1) both}
.ph2 .ph-txt>p{animation:phUp .7s .08s cubic-bezier(.2,.7,.2,1) both}
.ph-art{position:relative;height:clamp(200px,20vw,260px)}
.ph-ph{position:absolute;margin:0;border-radius:16px;overflow:hidden;box-shadow:0 26px 50px -24px rgba(0,0,0,.55);border:4px solid rgba(255,255,255,.9);background:#123;animation:phIn .9s cubic-bezier(.2,.7,.2,1) both}
.ph-ph img{width:100%;height:100%;object-fit:cover;display:block}
.ph-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(23,188,171,.18),rgba(6,38,40,.22))}
.ph-ph.ph0{width:46%;aspect-ratio:4/5;right:30%;top:6%;transform:rotate(-6deg);z-index:2;animation-delay:.1s}
.ph-ph.ph1{width:42%;aspect-ratio:1;right:2%;top:0;transform:rotate(5deg);z-index:1;animation-delay:.2s}
.ph-ph.ph2{width:36%;aspect-ratio:4/3;right:12%;bottom:-6%;transform:rotate(-2deg);z-index:3;animation-delay:.3s}
.ph-art:hover .ph0{transform:rotate(-9deg) translateY(-6px)}.ph-art:hover .ph1{transform:rotate(8deg) translateY(-4px)}
.ph-ph{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ph-rings{position:absolute;left:58%;top:50%;width:0;height:0}
.ph-rings i{position:absolute;left:0;top:0;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;border:1.5px solid rgba(23,188,171,.6);animation:phRing 4.5s linear infinite;opacity:0}
.ph-rings i:nth-child(2){animation-delay:1.5s}.ph-rings i:nth-child(3){animation-delay:3s}
@keyframes phRing{0%{transform:scale(.25);opacity:.9}100%{transform:scale(1.6);opacity:0}}
@keyframes phUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes phIn{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@media (max-width:860px){.ph2 .ph-in{grid-template-columns:1fr}.ph-art{display:none}}
@media (prefers-reduced-motion:reduce){.ph-rings i,.ph2 h1,.ph2 .ph-txt>p,.ph-ph{animation:none!important;opacity:1}}

.wcard.wc2{display:block;aspect-ratio:4/5;border:0;border-radius:20px;background:var(--deep);isolation:isolate;box-shadow:0 18px 40px -30px rgba(6,38,40,.55)}
.wc2 .wcard-img{position:absolute;inset:0;aspect-ratio:auto!important;min-height:0!important;border-radius:inherit}
.wc2 .wcard-img::after{opacity:1!important;background:linear-gradient(180deg,rgba(6,24,30,.25) 0%,rgba(6,24,30,0) 28%,rgba(6,24,30,.55) 50%,rgba(6,24,30,.95) 100%)!important}
.wc2 .wcard-img .noimg span{display:none}
.wc2 .noimg{position:relative;overflow:hidden;background:radial-gradient(120% 80% at 85% 10%,color-mix(in srgb,var(--teal) 55%,transparent) 0%,transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--teal-d) 85%,#000) 0%,var(--deep) 70%)}
.wc2 .noimg::before{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);box-shadow:0 0 0 34px rgba(255,255,255,.05),0 0 0 70px rgba(255,255,255,.035),0 0 0 108px rgba(255,255,255,.025);transition:transform .8s}
.wc2:hover .noimg::before{transform:scale(1.1)}
.wc2:hover{transform:translateY(-6px);box-shadow:0 34px 60px -30px rgba(6,38,40,.6)}
.wc2:hover .wcard-img img{transform:scale(1.07)}
.wc-top{position:absolute;left:16px;right:16px;top:16px;display:flex;justify-content:space-between;gap:8px;z-index:1;pointer-events:none}
.wc-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.28);color:#fff;font:600 13px/1 var(--sans)}
.wc-chip svg{width:13px;height:13px;flex:none}
.wc-top .wc-chip:first-child{max-width:72%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.1}
.wc-top .wc-chip:first-child svg{vertical-align:-2px;margin-right:6px}
.wc-vid{background:var(--teal);border-color:transparent}
.wc-over{position:absolute;left:0;right:0;bottom:0;padding:22px 22px 22px;z-index:1;color:#fff;pointer-events:none}
.wc-client{margin:0 0 6px;font:700 12.5px/1.35 var(--sans);color:color-mix(in srgb,var(--teal) 45%,#fff);text-shadow:0 1px 8px rgba(0,0,0,.5);letter-spacing:.02em;text-transform:uppercase}
.wc-over h3{color:#fff;font-size:clamp(19px,1.6vw,22px);line-height:1.22;margin:0;text-wrap:balance}
.wc-sum{margin:0;color:rgba(255,255,255,.82);font-size:14.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:0;opacity:0;transition:max-height .45s ease,opacity .35s ease,margin .45s ease}
.wc2:hover .wc-sum,.wc2:focus-within .wc-sum{max-height:6.5em;opacity:1;margin-top:10px}
.wc-go{display:inline-flex;align-items:center;gap:10px;margin-top:14px;font:600 14px/1 var(--sans);color:#fff}
.wc-go i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);transition:background .3s,transform .3s}
.wc2:hover .wc-go i{background:var(--teal);border-color:var(--teal);transform:translateX(4px)}
@media (hover:none){.wc-sum{max-height:6.5em;opacity:1;margin-top:10px}}
.wgrid.feat .wcard.wc2:first-child{display:block;grid-column:span 2;aspect-ratio:auto;min-height:100%}
.wgrid.feat .wcard.wc2:first-child h3{font-size:clamp(24px,2.3vw,32px);max-width:22ch}
.wgrid.feat .wcard.wc2:first-child .wc-sum{max-height:6.5em;opacity:1;margin-top:10px;max-width:56ch}
@media (max-width:760px){.wgrid.feat .wcard.wc2:first-child{grid-column:auto;aspect-ratio:4/5}}

.sv-blob{border-radius:42% 58% 63% 37% / 45% 40% 60% 55%!important;transition:border-radius .8s ease,background .3s,color .3s,transform .5s!important}
.svc2:hover .sv-blob,.sv2:hover .sv-blob{border-radius:58% 42% 38% 62% / 58% 52% 48% 42%!important;transform:rotate(-6deg)}
.svc2{position:relative;overflow:hidden;border-radius:20px!important}
.svc2::before{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--teal) 16%,transparent),transparent 70%);transition:transform .6s;pointer-events:none}
.svc2:hover::before{transform:scale(1.6)}
.svc2::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--teal);transition:width .45s ease}
.svc2:hover::after{width:100%}
.svc2 .ico{background:color-mix(in srgb,var(--teal) 13%,#fff);color:var(--teal-d)}
.svc2:hover .ico{background:var(--teal);color:#fff}
.sv-n{position:absolute;right:18px;top:12px;font:800 46px/1 var(--head,var(--sans));color:transparent;-webkit-text-stroke:1.2px color-mix(in srgb,var(--teal) 40%,transparent);transition:transform .4s}
.svc2:hover .sv-n{transform:translateY(-3px)}
.sv2{position:relative;border-radius:24px!important}
.sv2 .svc-band{padding:34px 30px 30px;border-radius:0 0 0 60px}
.sv2.c0 .svc-band{background:linear-gradient(135deg,var(--ink) 0%,color-mix(in srgb,var(--teal-d) 60%,var(--ink)) 100%)!important}
.sv2.c1 .svc-band{background:linear-gradient(135deg,var(--teal-d) 0%,var(--teal) 100%)!important}
.sv2.c2 .svc-band{background:linear-gradient(135deg,color-mix(in srgb,var(--deep) 80%,#000) 0%,var(--teal-d) 120%)!important}
.sv2 .svc-band::before{content:"";position:absolute;width:260px;height:260px;right:-70px;top:-130px;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 30px rgba(255,255,255,.03),0 0 0 60px rgba(255,255,255,.025);transition:transform .8s}
.sv2:hover .svc-band::before{transform:scale(1.12) rotate(10deg)}
.sv-num{position:absolute;right:26px;top:18px;font:800 64px/1 var(--head,var(--sans));color:transparent;-webkit-text-stroke:1.3px rgba(255,255,255,.3);z-index:0}
.sv2 .svc-glyph{opacity:.7}
.sv2 .svc-ico{width:64px;height:64px;background:rgba(255,255,255,.14)}
.sv-deco{position:absolute;left:-1px;bottom:-1px;width:90px;height:90px;border-radius:0 90px 0 0;background:color-mix(in srgb,var(--teal) 9%,transparent);pointer-events:none;transition:transform .6s;transform-origin:0 100%}
.sv2:hover .sv-deco{transform:scale(1.5)}
.sv2 .svc-body{position:relative;z-index:1}
.sv2 .svc-inc li{padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--teal) 6%,#fff);transition:background .25s}
.sv2 .svc-inc li:hover{background:color-mix(in srgb,var(--teal) 14%,#fff)}
main.swap>*{animation:ptRise .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes ptRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){main.swap>*{animation:none}}
@media (min-width:1001px){
.nav>a:not(.btn),.dd>button{position:relative}
.nav>a:not(.btn)::after,.dd>button::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:var(--teal);transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.nav>a:not(.btn):hover::after,.dd>button:hover::after,.nav>a[aria-current="page"]::after,.dd.on>button::after{transform:scaleX(1);transform-origin:left}
.nav>a:not(.btn):hover,.dd>button:hover{background:none!important}
}

.sv2 .svc-band h2{padding-right:64px}
.wc-over h3{text-shadow:0 2px 14px rgba(0,0,0,.35)}



.phead.ph3{position:relative;overflow:hidden;padding:clamp(52px,6vw,84px) 0 clamp(52px,6vw,84px)}
.ph3 .wrap{position:relative;z-index:2}
.ph3 .crumb{display:flex;gap:10px;align-items:center;font:600 14px/1 var(--sans);color:var(--on-deep);margin:0 0 20px;opacity:.75}
.ph3 .crumb a{color:var(--teal);text-decoration:none}
.ph3 h1{max-width:18ch}
.ph-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
.ph-w>span{display:inline-block;animation:phW .8s cubic-bezier(.2,.75,.2,1) both;animation-delay:var(--d,0ms)}
.ph3 h1 .ph-w:last-child>span{color:var(--teal)}
.ph3 h1::after{animation:phBar .7s .35s cubic-bezier(.2,.75,.2,1) both;transform-origin:left}
.ph3 .wrap>p{animation:phF .8s .3s ease both}
@keyframes phW{from{transform:translateY(105%)}to{transform:none}}
@keyframes phBar{from{transform:scaleX(0)}to{transform:none}}
@keyframes phF{from{opacity:0;transform:translateY(10px)}to{opacity:.85;transform:none}}
.ph-echo{position:absolute;z-index:1;right:-.04em;bottom:-.2em;font:800 clamp(90px,15vw,220px)/1 var(--head,var(--sans));letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.09);white-space:nowrap;pointer-events:none;animation:phE 1.1s .1s cubic-bezier(.2,.75,.2,1) both}
@keyframes phE{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ph-w>span,.ph-echo,.ph3 h1::after,.ph3 .wrap>p{animation:none!important}}


.svc-card.sv3{position:relative;overflow:hidden;display:block;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(26px,3vw,36px);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.sv3:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--teal) 55%,#fff);box-shadow:0 30px 60px -38px rgba(6,38,40,.45)}
.sv3-orb{position:absolute;right:-90px;top:-90px;width:240px;height:240px;border-radius:50%;background:color-mix(in srgb,var(--teal) 11%,#fff);transition:transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.sv3-orb::after{content:"";position:absolute;inset:-26px;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--teal) 35%,#fff)}
.sv3:hover .sv3-orb{transform:scale(1.18)}
.sv3-head{position:relative;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}
.sv3-ico{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--teal);color:#fff;box-shadow:0 12px 24px -12px color-mix(in srgb,var(--teal) 80%,#000);transition:transform .4s cubic-bezier(.2,.7,.2,1),background .3s}
.sv3-ico svg{width:27px;height:27px}
.sv3:hover .sv3-ico{transform:rotate(-10deg) scale(1.06)}
.sv3-n{font:800 15px/1 var(--sans);letter-spacing:.1em;color:var(--teal-d);padding-top:8px}
.sv3>h2{position:relative;font-size:clamp(22px,2vw,27px);line-height:1.2;margin:0 0 12px;max-width:20ch}
.sv3 .svc-body{position:relative;padding:0!important}
.sv3 .svc-body>p{color:var(--muted)}
.sv3 .svc-inc li{padding:0;background:none}
.svc-card.sv3:target{box-shadow:0 0 0 3px var(--teal)}


.is-home .shead h2,.is-home .who h2,.is-home .who-txt h2{font-family:var(--hs-tf,var(--head));font-style:var(--hs-ti,normal);font-size:calc(clamp(28px,3vw,40px) * var(--hs-ts,1))}
.is-home .who h2{font-size:calc(clamp(30px,3.4vw,46px) * var(--hs-ts,1))}
.is-home .shead p,.is-home .who p,.is-home .svc p,.is-home .steps p,.is-home .ctab p{font-size:calc(1em * var(--hs-ps,1))}
.svc-sec .svc-cta p{color:var(--on-deep-m)}



.pt{position:fixed;inset:0;z-index:9000;pointer-events:none;background:var(--deep);display:grid;place-items:center;clip-path:inset(100% 0 0 0)}
.pt.in{pointer-events:auto;animation:ptUpIn .34s cubic-bezier(.65,0,.35,1) forwards}
.pt.out{clip-path:inset(0 0 0 0);animation:ptUpOut .58s cubic-bezier(.65,0,.35,1) .04s forwards}
@keyframes ptUpIn{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes ptUpOut{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}
.pt-mark{position:relative;width:12px;height:12px;border-radius:50%;background:var(--teal)}
.pt-mark i{position:absolute;inset:0;border-radius:50%;border:2px solid var(--teal);animation:ptRing .6s ease-out infinite}
.pt-mark i:nth-child(2){animation-delay:.2s}.pt-mark i:nth-child(3){animation-delay:.4s}
@keyframes ptRing{from{transform:scale(1);opacity:.9}to{transform:scale(5);opacity:0}}
@media (prefers-reduced-motion:reduce){.pt{display:none}}


.ph-shape{position:absolute;z-index:1;right:0;top:0;bottom:0;width:min(46%,560px);pointer-events:none}
.ph-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1.4px,transparent 1.6px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
.ph-arc{position:absolute;right:-120px;bottom:-200px;width:420px;height:420px;border-radius:50%;background:var(--teal);opacity:.9;animation:phArc 1s .1s cubic-bezier(.2,.75,.2,1) both}
.ph-bar{position:absolute;right:300px;bottom:44px;width:90px;height:8px;border-radius:8px;background:#fff;opacity:.85;animation:phArc 1s .25s cubic-bezier(.2,.75,.2,1) both}
@keyframes phArc{from{opacity:0;transform:translateY(40px)}}
.phead::after{display:none}
@media (max-width:760px){.ph-shape{width:60%}.ph-arc{width:220px;height:220px;right:-80px;bottom:-120px}.ph-bar{display:none}.ph-echo{display:none}}
@media (prefers-reduced-motion:reduce){.ph-arc,.ph-bar{animation:none}}


.svc-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.svc-card.sv3{display:flex;flex-direction:column;border:0;border-radius:26px;padding:32px 30px 30px}
.sv3-orb{right:auto;left:auto;top:auto;bottom:-110px;right:-110px;width:240px;height:240px;background:rgba(255,255,255,.07)}
.sv3-orb::after{display:none}
.sv3 .svc-body{display:flex;flex-direction:column;flex:1}
.sv3 .svc-body .tlink{margin-top:auto}
.sv3 .svc-inc{grid-template-columns:1fr!important;gap:9px!important}
.sv3 .svc-inc li{font-size:15.5px}
.sv3-ico{border-radius:16px;box-shadow:none}
.sv3-n{font-size:40px;font-weight:800;letter-spacing:0;padding:0;line-height:1;opacity:.35}

.sv3.k0{background:var(--ink);color:#fff}
.sv3.k0 h2,.sv3.k0 .svc-inc li{color:#fff}
.sv3.k0 .svc-body>p{color:rgba(255,255,255,.78)}
.sv3.k0 h3{color:var(--teal)}
.sv3.k0 .svc-inc svg,.sv3.k0 .tlink{color:var(--teal)}
.sv3.k0 .sv3-ico{background:var(--teal);color:var(--ink)}
.sv3.k0 .sv3-n{color:#fff}

.sv3.k1{background:var(--teal);color:var(--deep)}
.sv3.k1 h2,.sv3.k1 .svc-inc li,.sv3.k1 .svc-body>p,.sv3.k1 h3,.sv3.k1 .tlink{color:var(--deep)}
.sv3.k1 .svc-body>p{opacity:.85}
.sv3.k1 .svc-inc svg{color:var(--deep)}
.sv3.k1 .sv3-ico{background:var(--deep);color:var(--teal)}
.sv3.k1 .sv3-n{color:var(--deep)}
.sv3.k1 .sv3-orb{background:rgba(255,255,255,.16)}

.sv3.k2{background:var(--alt);color:var(--ink)}
.sv3.k2 .sv3-ico{background:#fff;color:var(--teal-d)}
.sv3.k2 .sv3-n{color:var(--teal-d)}
.sv3.k2 .sv3-orb{background:color-mix(in srgb,var(--teal) 12%,transparent)}
.sv3.k1:hover .tlink,.sv3.k0:hover .tlink{color:#fff}
.sv3:hover{border-color:transparent}

.sv3.wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);column-gap:48px;align-items:start}
.sv3.wide .sv3-head,.sv3.wide>h2{grid-column:1}
.sv3.wide .svc-body{grid-column:2;grid-row:1/span 3}
.sv3.wide .svc-inc{grid-template-columns:1fr 1fr!important}
@media (max-width:1000px){.svc-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sv3.wide{grid-column:auto;display:flex}.sv3.wide .svc-inc{grid-template-columns:1fr!important}}
@media (max-width:640px){.svc-cards{grid-template-columns:1fr!important}}


.phead.ph3{text-align:center;padding:clamp(64px,7vw,104px) 0 clamp(64px,7vw,100px)}
.ph3 .wrap{display:flex;flex-direction:column;align-items:center}
.ph3 .crumb{justify-content:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:8px 16px;border-radius:999px;opacity:1}
.ph3 h1{font-size:clamp(44px,6.4vw,84px);line-height:1.02;max-width:16ch;letter-spacing:-.02em}
.ph3 h1::after{margin:22px auto 0}
.ph3 .wrap>p{max-width:56ch;margin-left:auto;margin-right:auto}
.ph-shape{left:0;right:0;width:auto}
.ph-dots{-webkit-mask-image:radial-gradient(ellipse 60% 80% at 50% 50%,transparent 45%,#000 100%);mask-image:radial-gradient(ellipse 60% 80% at 50% 50%,transparent 45%,#000 100%)}
.ph-arc{right:-110px;bottom:-190px;width:340px;height:340px}
.ph-bar{display:none}
.ph-shape::before{content:"";position:absolute;left:-90px;top:-90px;width:240px;height:240px;border-radius:50%;border:2px solid rgba(23,188,171,.45);animation:phArc 1s .2s cubic-bezier(.2,.75,.2,1) both}
.ph-echo{display:none}
@media (max-width:760px){.ph3 h1{font-size:clamp(40px,11vw,56px)}.ph-arc{width:180px;height:180px;right:-70px;bottom:-100px}.ph-shape::before{width:140px;height:140px;left:-60px;top:-60px}}


.pt.in{animation-duration:.2s}
.pt.out{animation-duration:.34s;animation-delay:0s}
.sv3-orb{display:none!important}
.ph-arc,.ph-shape::before{display:none!important}


.wc2 .wcard-img::after{background:linear-gradient(180deg,rgba(6,24,30,0) 0%,rgba(6,24,30,0) 55%,rgba(6,24,30,.5) 75%,rgba(6,24,30,.86) 100%)!important}
.wc-over{padding:18px 20px 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.wc-over .wc-client{width:100%;margin:0 0 -8px;font-size:11.5px}
.wc-over h3{flex:1;font-size:clamp(17px,1.35vw,19px);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wc-go{margin:0;flex:none}
.wc-go i{width:38px;height:38px}
.wc-top .wc-chip:first-child{background:rgba(6,24,30,.35)}
.wgrid.feat .wcard.wc2:first-child h3{-webkit-line-clamp:3}
.wfilter{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}
.wfilter button{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 var(--sans);padding:11px 18px;border-radius:999px;border:1.5px solid var(--line-2);background:#fff;color:var(--ink);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.wfilter button svg{width:15px;height:15px}
.wfilter button span{font-size:12.5px;font-weight:600;background:var(--alt);color:var(--teal-d);padding:3px 8px;border-radius:999px}
.wfilter button:hover{border-color:var(--teal)}
.wfilter button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.wfilter button[aria-selected="true"] span{background:var(--teal);color:var(--deep)}
.wcard.wf-in{animation:wfIn .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes wfIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.wf-empty{padding:40px 0;color:var(--muted);text-align:center}
.wcard[hidden]{display:none!important}


.svm{display:grid;grid-template-columns:minmax(0,1fr) 340px;background:var(--ink);border-radius:24px;overflow:hidden;color:#fff;box-shadow:0 40px 80px -50px rgba(6,38,40,.6)}
.svm-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.svm-col{padding:18px 14px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px}
.svm-item{border:1px solid transparent;border-radius:14px;transition:background .25s,border-color .25s;scroll-margin-top:calc(var(--hdr) + 40px)}
.svm-item:hover,.svm-item[open]{background:rgba(255,255,255,.04);border-color:color-mix(in srgb,var(--teal) 55%,transparent)}
.svm-item summary{list-style:none;display:grid;grid-template-columns:34px minmax(0,1fr) 16px;gap:14px;align-items:start;padding:16px 14px;cursor:pointer}
.svm-item summary::-webkit-details-marker{display:none}
.svm-ico{color:var(--teal);padding-top:2px}
.svm-ico svg{width:28px;height:28px;stroke-width:1.6}
.svm-t b{display:block;font:500 clamp(17px,1.35vw,19px)/1.3 var(--head,var(--sans));color:#fff;margin-bottom:5px}
.svm-t small{display:block;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.66)}
.svm-plus{position:relative;width:12px;height:12px;margin-top:8px;opacity:.5;transition:transform .3s,opacity .3s}
.svm-plus::before,.svm-plus::after{content:"";position:absolute;left:0;top:5px;width:12px;height:1.6px;background:#fff;border-radius:2px}
.svm-plus::after{transform:rotate(90deg);transition:transform .3s}
.svm-item:hover .svm-plus{opacity:1}
.svm-item[open] .svm-plus::after{transform:rotate(0)}
.svm-more{padding:0 16px 18px 62px;animation:svmIn .35s ease both}
.svm-more p{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.78);margin:0 0 12px}
.svm-more ul{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.svm-more li{font-size:13px;line-height:1.2;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.85)}
.svm-more .tlink{color:var(--teal);font-size:14.5px}
.svm-more .tlink:hover{color:#fff}
@keyframes svmIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.svm-cta{padding:36px 32px;background:linear-gradient(160deg,color-mix(in srgb,var(--teal-d) 75%,var(--ink)) 0%,var(--teal-d) 100%);display:flex;flex-direction:column}
.svm-cta h2{color:#fff;font-size:clamp(24px,2.2vw,30px);line-height:1.15;margin:0 0 14px}
.svm-cta p{color:rgba(255,255,255,.85);font-size:16px;margin:0 0 24px}
.svm-cta ul{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:14px}
.svm-cta li{display:flex;align-items:center;gap:12px;font-size:15.5px;color:#fff}
.svm-cta li svg{width:22px;height:22px;color:var(--teal);flex:none}
.svm-cta .btn{margin-top:auto;width:100%;justify-content:center;background:var(--teal);border-color:var(--teal);color:var(--deep)}
.svm-cta .btn:hover{background:#fff;border-color:#fff}
@media (max-width:1100px){.svm{grid-template-columns:1fr}.svm-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.svm-col{border-bottom:1px solid rgba(255,255,255,.08)}}
@media (max-width:700px){.svm-cols{grid-template-columns:1fr}.svm-col{border-right:0;padding:8px 6px}.svm-more{padding-left:16px}}
.svc-page .wrap{max-width:1440px}
.svm{grid-template-columns:minmax(0,1fr) 300px}
.svm-cta{padding:34px 28px}
@media (max-width:1100px){.svm{grid-template-columns:1fr}}


.svl-sec .wrap{max-width:var(--wrap)}
.svl{border-top:1px solid var(--line)}
.svl-row{position:relative;border-bottom:1px solid var(--line);isolation:isolate;scroll-margin-top:calc(var(--hdr) + 40px)}
.svl-row::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.2,.75,.2,1);border-radius:18px}
.svl-row summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:56px minmax(0,1.15fr) minmax(0,1fr) 64px;gap:24px;align-items:center;padding:28px 22px}
.svl-row summary::-webkit-details-marker{display:none}
.svl-n{font:600 15px/1 var(--sans);color:var(--teal-d);letter-spacing:.06em;transition:color .3s}
.svl-t{font:600 clamp(22px,2.3vw,32px)/1.15 var(--head,var(--sans));color:var(--ink);letter-spacing:-.01em;transition:color .3s,transform .45s cubic-bezier(.2,.75,.2,1)}
.svl-s{font-size:16px;line-height:1.5;color:var(--muted);transition:color .3s}
.svl-ico{justify-self:end;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1.5px solid var(--line-2);color:var(--teal-d);transition:background .35s,color .35s,border-color .35s,transform .45s cubic-bezier(.2,.75,.2,1)}
.svl-ico svg{width:24px;height:24px}
.svl-row:hover::before,.svl-row[open]::before{transform:scaleY(1)}
.svl-row:hover,.svl-row[open]{border-bottom-color:transparent}
.svl-row:hover .svl-t,.svl-row[open] .svl-t{color:#fff;transform:translateX(8px)}
.svl-row:hover .svl-s,.svl-row[open] .svl-s{color:rgba(255,255,255,.72)}
.svl-row:hover .svl-n,.svl-row[open] .svl-n{color:var(--teal)}
.svl-row:hover .svl-ico,.svl-row[open] .svl-ico{background:var(--teal);border-color:var(--teal);color:var(--deep);transform:rotate(-12deg)}
.svl-more{display:grid;grid-template-columns:56px minmax(0,1.15fr) minmax(0,1fr) 64px;gap:0 24px;padding:0 22px 30px;color:#fff;animation:svmIn .4s ease both}
.svl-more>*{grid-column:3/4}
.svl-more p{grid-column:2/4;font-size:16px;line-height:1.65;color:rgba(255,255,255,.82);margin:0 0 16px;max-width:70ch;padding-left:8px}
.svl-more ul{grid-column:2/4;list-style:none;margin:0 0 18px;padding:0 0 0 8px;display:flex;flex-wrap:wrap;gap:8px}
.svl-more li{font-size:14px;line-height:1.2;padding:8px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#fff}
.svl-more .tlink{grid-column:2/4;padding-left:8px;color:var(--teal)}
.svl-more .tlink:hover{color:#fff}
.svl-cta{margin-top:clamp(40px,5vw,64px);display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;padding:clamp(26px,3vw,36px) clamp(26px,3vw,40px);border-radius:22px;background:var(--alt)}
.svl-cta h2{font-size:clamp(22px,2vw,28px);margin:0 0 6px}
.svl-cta p{margin:0;color:var(--muted)}
.svl-cta .btn{background:var(--ink);border-color:var(--ink);color:#fff}
.svl-cta .btn:hover{background:var(--teal-d);border-color:var(--teal-d)}
@media (max-width:860px){
  .svl-row summary{grid-template-columns:40px minmax(0,1fr) 46px;gap:6px 14px;padding:22px 14px}
  .svl-s{grid-column:2/3;grid-row:2;font-size:15px}
  .svl-ico{grid-column:3;grid-row:1/span 2;width:46px;height:46px}
  .svl-more{display:block;padding:0 14px 24px 68px}
  .svl-more p,.svl-more ul,.svl-more .tlink{padding-left:0}
}
@media (prefers-reduced-motion:reduce){.svl-row::before{transition:none}}


.sx-page{background:var(--alt)}
.sx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sx{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;min-height:270px;padding:26px 24px 22px;background:#fff;border-radius:22px;cursor:pointer;overflow:hidden;box-shadow:0 1px 0 rgba(6,38,40,.04),0 14px 34px -28px rgba(6,38,40,.45);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;scroll-margin-top:calc(var(--hdr) + 40px)}
.sx::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.sx:hover,.sx:focus-visible{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(6,38,40,.45)}
.sx:hover::after,.sx:focus-visible::after{transform:scaleX(1)}
.sx:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.sx-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}
.sx-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--teal) 13%,#fff);color:var(--teal-d);transition:background .3s,color .3s,transform .4s cubic-bezier(.2,.7,.2,1)}
.sx-ico svg{width:25px;height:25px}
.sx:hover .sx-ico{background:var(--teal);color:#fff;transform:rotate(-8deg)}
.sx-n{font:700 14px/1 var(--sans);color:color-mix(in srgb,var(--ink) 35%,#fff);letter-spacing:.06em}
.sx-t{display:block;font:600 clamp(18px,1.4vw,20px)/1.25 var(--head,var(--sans));color:var(--ink);margin-bottom:10px}
.sx-s{display:block;font-size:15px;line-height:1.55;color:var(--muted)}
.sx-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:20px;font:600 14.5px/1 var(--sans);color:var(--teal-d)}
.sx-more i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--teal) 13%,#fff);transition:transform .3s,background .3s,color .3s}
.sx:hover .sx-more i{transform:translateX(4px);background:var(--teal);color:#fff}
.sx-cta{background:var(--ink);color:#fff}
.sx-cta .sx-t{color:#fff;font-size:clamp(20px,1.7vw,24px);margin-top:4px}
.sx-cta .sx-s{color:rgba(255,255,255,.72)}
.sx-cta .sx-more{color:var(--teal)}
.sx-cta .sx-more i{background:rgba(255,255,255,.1)}
.sx-cta::before{content:"";position:absolute;right:-60px;top:-60px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--teal) 45%,transparent),transparent 70%);pointer-events:none}
@media (max-width:1100px){.sx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sx-grid{grid-template-columns:1fr}.sx{min-height:0}}

.sxd{position:fixed;inset:0;z-index:8000}
.sxd-bg{position:absolute;inset:0;background:rgba(6,24,30,.45);opacity:0;transition:opacity .3s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.sxd-panel{position:absolute;right:0;top:0;bottom:0;width:min(520px,100%);background:#fff;padding:clamp(28px,4vw,48px);overflow:auto;transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.7,.2,1);box-shadow:-30px 0 60px -30px rgba(6,38,40,.4)}
.sxd.on .sxd-bg{opacity:1}
.sxd.on .sxd-panel{transform:none}
.sxd-x{position:absolute;right:20px;top:18px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:26px;line-height:1;color:var(--ink);cursor:pointer}
.sxd-x:hover{background:var(--alt)}
.sxd .sx-ico{width:60px;height:60px;background:var(--teal);color:#fff}
.sxd-n{font:700 13px/1 var(--sans);letter-spacing:.08em;color:var(--teal-d);margin:24px 0 10px}
.sxd h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;margin:0 0 16px}
.sxd-p{color:var(--muted);font-size:16.5px;line-height:1.7}
.sxd h3{font:700 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-d);margin:28px 0 14px}
.sxd ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sxd li{position:relative;padding:12px 14px 12px 40px;border-radius:12px;background:var(--alt);color:var(--ink);font-size:15.5px;line-height:1.45}
.sxd li::before{content:"";position:absolute;left:16px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--teal)}
.sxd-acts{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.sxd-nav{display:flex;gap:8px}
.sxd-nav button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:#fff;color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.sxd-nav button:hover{background:var(--ink);border-color:var(--ink);color:#fff}
@media (prefers-reduced-motion:reduce){.sxd-panel,.sxd-bg{transition:none}}
.svc-page.sx-page .wrap{max-width:var(--wrap)}
.sx{padding:24px 22px 20px}


.sx-page{background:#fff}
.bx-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(250px,auto);grid-auto-flow:dense;gap:16px}
.bx{min-height:250px;padding:26px;border-radius:26px;box-shadow:none;justify-content:space-between;isolation:isolate;--fg:#fff;--fg2:rgba(255,255,255,.78);--chip:rgba(255,255,255,.14);color:var(--fg)}
.bx::after{display:none}
.bx0{grid-column:span 2;background:var(--ink)}
.bx1{background:var(--teal);--fg:var(--deep);--fg2:rgba(6,38,40,.75);--chip:rgba(6,38,40,.12)}
.bx2{background:#dff3ef;--fg:var(--ink);--fg2:var(--muted);--chip:#fff}
.bx3{background:#fff4e0;--fg:#3d2a07;--fg2:#6b5530;--chip:#fff}
.bx4{grid-column:span 2;background:var(--teal-d)}
.bx5{background:#16384a}
.bx6{grid-column:span 2;background:linear-gradient(135deg,var(--teal) 0%,#7fd9cc 100%);--fg:var(--deep);--fg2:rgba(6,38,40,.75);--chip:rgba(255,255,255,.4)}
.bx-cta{grid-column:span 2;background:#f3f6f6;border:1.5px dashed var(--line-2);--fg:var(--ink);--fg2:var(--muted);flex-direction:row;align-items:flex-end;gap:24px}
.bx .sx-t{color:var(--fg);font-size:clamp(20px,1.7vw,24px);line-height:1.18;margin-bottom:8px;max-width:16ch}
.bx0 .sx-t,.bx4 .sx-t,.bx6 .sx-t{font-size:clamp(24px,2.2vw,32px);max-width:18ch}
.bx .sx-s{color:var(--fg2);font-size:15px;max-width:34ch}
.bx-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}
.bx-ico{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--chip);color:var(--fg)}
.bx-ico svg{width:24px;height:24px}
.bx-go{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid currentColor;color:var(--fg);opacity:.45;transform:rotate(-45deg);transition:opacity .3s,transform .4s cubic-bezier(.2,.7,.2,1),background .3s}
.bx:hover .bx-go,.bx:focus-visible .bx-go{opacity:1;transform:none}
.bx-txt{position:relative;z-index:1;display:block;margin-top:28px}
.bx-big{position:absolute;z-index:0;right:-26px;bottom:-30px;width:170px;height:170px;color:var(--fg);opacity:.09;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .4s;pointer-events:none}
.bx-big svg{width:100%;height:100%;stroke-width:1.2}
.bx0 .bx-big,.bx4 .bx-big,.bx6 .bx-big{width:230px;height:230px;right:20px;bottom:-50px}
.bx:hover .bx-big{transform:rotate(-12deg) scale(1.08);opacity:.16}
.bx:hover{transform:translateY(-6px);box-shadow:0 30px 50px -32px rgba(6,38,40,.5)}
.bx-cta .bx-txt{margin:0;flex:1}
.bx-cta .sx-t{font-size:clamp(22px,2vw,28px)}
.bx-cta .btn{flex:none}
.bx-cta:hover{box-shadow:none;border-color:var(--teal)}
@media (max-width:1100px){.bx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.bx-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bx,.bx0,.bx4,.bx6,.bx-cta{grid-column:auto;min-height:200px}.bx-cta{flex-direction:column;align-items:flex-start}}


.bx-big{display:none!important}
.bx-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:16px}
.bx,.bx0,.bx4,.bx6,.bx-cta{grid-column:auto!important;min-height:210px}
.bx0,.bx5{background:var(--ink);--fg:#fff;--fg2:rgba(255,255,255,.75);--chip:rgba(255,255,255,.12)}
.bx1,.bx4{background:var(--teal);--fg:var(--deep);--fg2:rgba(6,38,40,.75);--chip:rgba(6,38,40,.12)}
.bx2,.bx6{background:var(--alt);--fg:var(--ink);--fg2:var(--muted);--chip:#fff}
.bx3{background:var(--teal-d);--fg:#fff;--fg2:rgba(255,255,255,.8);--chip:rgba(255,255,255,.14)}
.bx-cta{background:var(--teal-d);border:0;--fg:#fff;--fg2:rgba(255,255,255,.8)}
.bx-cta .btn{background:#fff;border-color:#fff;color:var(--deep)}
.bx-cta:hover{transform:translateY(-6px)}
.bx .sx-t,.bx0 .sx-t,.bx4 .sx-t,.bx6 .sx-t,.bx-cta .sx-t{font-size:clamp(20px,1.75vw,25px);max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx .sx-s{max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx-txt{margin-top:36px;min-width:0;width:100%}
@media (max-width:760px){.bx-grid{grid-template-columns:1fr}.bx .sx-t,.bx .sx-s{white-space:normal}.bx,.bx-cta{min-height:180px}}


.bx-big{display:none!important}
.bx-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
.bx,.bx0,.bx4,.bx6,.bx-cta{grid-column:auto;min-height:210px}
.bx0{background:var(--ink)}
.bx1{background:var(--teal);--fg:var(--deep);--fg2:rgba(6,38,40,.75);--chip:rgba(6,38,40,.12)}
.bx2{background:var(--alt);--fg:var(--ink);--fg2:var(--muted);--chip:#fff}
.bx3{background:var(--teal-d);--fg:#fff;--fg2:rgba(255,255,255,.8);--chip:rgba(255,255,255,.14)}
.bx4{background:var(--teal);--fg:var(--deep);--fg2:rgba(6,38,40,.75);--chip:rgba(6,38,40,.12)}
.bx5{background:var(--ink);--fg:#fff;--fg2:rgba(255,255,255,.78);--chip:rgba(255,255,255,.14)}
.bx6{background:var(--teal-d);--fg:#fff;--fg2:rgba(255,255,255,.8);--chip:rgba(255,255,255,.14)}
.bx-cta{background:#fff;border:1.5px dashed color-mix(in srgb,var(--teal) 60%,#fff)}
.bx .sx-t,.bx0 .sx-t,.bx4 .sx-t,.bx6 .sx-t,.bx-cta .sx-t{font-size:clamp(20px,1.8vw,25px);max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx .sx-s{max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx-txt{margin-top:34px;min-width:0}
.bx-cta .bx-txt{min-width:0}
@media (max-width:760px){.bx-grid{grid-template-columns:1fr}.bx .sx-t,.bx .sx-s{white-space:normal}}
.bx-cta{flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px}
.bx-cta .bx-txt{flex:none;width:100%;margin:0}
.bx-cta .sx-t{color:var(--ink)}
.bx-cta .sx-s{color:var(--muted)}
.bx-cta .btn{background:var(--ink);border-color:var(--ink);color:#fff}
.bx-cta:hover .btn{background:var(--teal-d);border-color:var(--teal-d)}


.gx-page{background:radial-gradient(900px 500px at 15% 0%,color-mix(in srgb,var(--teal) 16%,transparent),transparent 70%),radial-gradient(800px 500px at 90% 100%,color-mix(in srgb,var(--teal-d) 30%,transparent),transparent 70%),var(--deep)}
.gx-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}
.gx{all:unset;box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;cursor:pointer;flex:0 0 calc((100% - 66px) / 4);min-height:420px;display:flex;flex-direction:column;padding:26px 24px 26px;border-radius:30px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,color-mix(in srgb,var(--teal-d) 45%,var(--deep)) 0%,var(--deep) 75%);color:#fff;transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .4s;scroll-margin-top:calc(var(--hdr) + 40px)}
.gx-bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.22;mix-blend-mode:luminosity;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 45%,transparent 80%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 45%,transparent 80%);transition:opacity .5s,transform .8s cubic-bezier(.2,.7,.2,1)}
.gx:hover,.gx:focus-visible{transform:translateY(-8px);border-color:color-mix(in srgb,var(--teal) 55%,transparent);box-shadow:0 40px 70px -40px rgba(0,0,0,.8)}
.gx:hover .gx-bg{opacity:.34;transform:scale(1.05)}
.gx:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.gx-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:auto}
.gx-pill{display:inline-block;padding:8px 13px;border-radius:999px;background:rgba(6,24,30,.55);border:1px solid rgba(255,255,255,.12);font:700 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.gx-ico{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:rgba(6,24,30,.6);border:1px solid rgba(255,255,255,.12);color:var(--teal);flex:none;transition:background .3s,color .3s,transform .4s}
.gx-ico svg{width:24px;height:24px}
.gx:hover .gx-ico{background:var(--teal);color:var(--deep);transform:rotate(-8deg)}
.gx-t{display:block;margin-top:110px;font:600 clamp(20px,1.6vw,23px)/1.2 var(--head,var(--sans));color:#fff}
.gx-s{display:block;margin-top:12px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.66)}
.gx-btn{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;margin-top:26px;padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(6,24,30,.5);font:600 14.5px/1 var(--sans);color:#fff;transition:background .3s,border-color .3s,color .3s}
.gx-btn svg{transition:transform .3s}
.gx:hover .gx-btn{background:var(--teal);border-color:var(--teal);color:var(--deep)}
.gx:hover .gx-btn svg{transform:translateX(3px)}
@media (max-width:1100px){.gx{flex-basis:calc((100% - 22px) / 2)}}
@media (max-width:620px){.gx{flex-basis:100%;min-height:340px}.gx-t{margin-top:70px}}
.svc-page.gx-page .wrap{max-width:1320px}
.gx-bg{opacity:.17}.gx:hover .gx-bg{opacity:.28}


.ph-team{position:absolute;z-index:1;left:50%;bottom:22%;transform:translateX(-50%);width:min(1100px,96%);height:62%;display:flex;align-items:flex-end;justify-content:center;gap:clamp(2px,1.2vw,22px);pointer-events:none;opacity:.17;-webkit-box-reflect:below 3px linear-gradient(transparent 30%,rgba(255,255,255,.55))}
.pt-m{flex:0 1 70px;height:calc(100% * var(--h,1));display:flex;align-items:flex-end;animation:ptm 1s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(var(--i) * 70ms)}
.pt-m svg{width:100%;height:100%;fill:#e6f5f2;display:block}
.pt-m.lead svg{fill:#fff}
.ph3:has(.ph-team){padding-top:clamp(70px,8vw,110px);padding-bottom:clamp(120px,13vw,170px)}
.ph3:has(.ph-team)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;z-index:1;background:linear-gradient(180deg,rgba(23,188,171,.10),rgba(23,188,171,.02));border-top:1px solid rgba(255,255,255,.08);pointer-events:none;display:block!important;border-radius:0;width:auto;top:auto}
.ph3 .ph-team ~ .wrap{position:relative;z-index:2}
@keyframes ptm{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media (max-width:620px){.ph-team{gap:2px;opacity:.14}}
@media (prefers-reduced-motion:reduce){.pt-m{animation:none}}


.mem-w{display:flex;flex-direction:column;min-width:0}
.mem-w .member{width:100%}
.m-soc{display:flex;gap:6px;margin-top:10px}
.m-soc a{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.m-soc a:hover{background:var(--teal);border-color:var(--teal);color:#fff}
.m-soc svg{width:15px;height:15px}
.mdl-txt .m-soc{margin-top:18px}
.ph-group{position:absolute;z-index:1;left:50%;bottom:0;transform:translateX(-50%);width:min(1240px,100%);height:92%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;opacity:.3;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
.ph-group>img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:bottom;filter:grayscale(.3)}
.ph-faces{gap:0}
.pf{position:relative;flex:0 0 auto;height:calc(100% - var(--d) * 4%);aspect-ratio:3/4;margin:0 calc(-1 * clamp(14px,2.2vw,34px));overflow:hidden;border-radius:999px 999px 0 0;-webkit-mask-image:radial-gradient(70% 85% at 50% 40%,#000 60%,transparent 100%);mask-image:radial-gradient(70% 85% at 50% 40%,#000 60%,transparent 100%);animation:ptm 1s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d) * 90ms)}
.pf img{width:100%;height:100%;object-fit:cover;transform:scale(var(--z,1));filter:grayscale(.25) contrast(1.05)}
.pf.lead{height:100%}
.ph3:has(.ph-group){padding-top:clamp(80px,9vw,120px);padding-bottom:clamp(90px,10vw,130px)}
.ph3:has(.ph-group)::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(50% 55% at 50% 50%,rgba(6,38,40,.72),rgba(6,38,40,.25) 70%,transparent 100%);pointer-events:none}
.ph3 .ph-group ~ .wrap{position:relative;z-index:2}
@media (max-width:620px){.pf{margin:0 -10px}.ph-group{opacity:.25}}

.ph-group{opacity:.2;height:86%}


.rf-wrap{max-width:900px}
.rf-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.rf-item{display:grid;grid-template-columns:56px minmax(0,1fr) 44px;gap:20px;align-items:start;padding:34px 6px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .3s,padding .3s}
.rf-item:hover{background:var(--alt);padding-left:18px;padding-right:18px}
.rf-n{font:600 15px/1.9 var(--sans);color:var(--teal-d)}
.rf-meta{display:block;font:600 13px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.rf-t{display:block;font:500 clamp(23px,2.3vw,30px)/1.25 Georgia,"Times New Roman",serif;color:var(--ink);margin-bottom:10px}
.rf-s{display:block;color:var(--muted);font-size:16.5px;line-height:1.65;max-width:62ch}
.rf-go{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);color:var(--ink);margin-top:6px;transition:background .3s,color .3s,border-color .3s,transform .3s}
.rf-item:hover .rf-go{background:var(--ink);border-color:var(--ink);color:#fff;transform:translateX(4px)}
.rf-empty{color:var(--muted);text-align:center;padding:40px 0}
.rf-doc{padding:clamp(48px,7vw,96px) var(--gut) clamp(64px,8vw,110px);background:#fff}
.rf-col{max-width:700px;margin:0 auto}
.rf-back{display:inline-flex;align-items:center;gap:8px;font:600 14.5px/1 var(--sans);color:var(--teal-d);text-decoration:none;margin-bottom:44px}
.rf-back:hover{color:var(--ink)}
.rf-doc .rf-meta{margin-bottom:16px}
.rf-doc h1{font:500 clamp(34px,4.4vw,52px)/1.12 Georgia,"Times New Roman",serif;color:var(--ink);letter-spacing:-.01em;margin:0 0 22px}
.rf-lead{font-size:clamp(19px,1.7vw,22px);line-height:1.6;color:var(--muted);margin:0 0 36px;padding-bottom:36px;border-bottom:1px solid var(--line)}
.rf-body p{font:400 clamp(17.5px,1.4vw,19px)/1.85 Georgia,"Times New Roman",serif;color:#1f3335;margin:0 0 1.35em}
.rf-body>p:first-child::first-letter{float:left;font:600 3.6em/.85 Georgia,serif;color:var(--teal-d);margin:.08em .1em 0 0}
.rf-body h2{font:700 13.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-d);margin:2.4em 0 1em}
.rf-body blockquote{margin:2em 0;padding:0 0 0 24px;border-left:3px solid var(--teal);font:italic 400 clamp(21px,2vw,25px)/1.5 Georgia,serif;color:var(--ink)}
.rf-proj,.rf-next{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;margin-top:48px;padding:22px 24px;border-radius:16px;background:var(--alt);text-decoration:none;color:var(--ink);transition:background .3s}
.rf-proj span,.rf-next span{grid-column:1;font:600 12.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--teal-d)}
.rf-proj b,.rf-next b{grid-column:1;font:600 18px/1.35 var(--head,var(--sans))}
.rf-proj svg{grid-column:2;grid-row:1/span 2}
.rf-proj:hover{background:color-mix(in srgb,var(--teal) 18%,#fff)}
.rf-next{margin-top:14px;background:none;border:1px solid var(--line);grid-template-columns:1fr}
.rf-next:hover{border-color:var(--teal)}
@media (max-width:620px){.rf-item{grid-template-columns:1fr 40px;gap:10px}.rf-n{display:none}}


.tbn{position:relative;overflow:hidden;isolation:isolate;height:clamp(380px,40vw,580px);background:radial-gradient(70% 90% at 0% 0%,color-mix(in srgb,var(--teal) 35%,transparent),transparent 60%),linear-gradient(115deg,var(--deep) 0%,color-mix(in srgb,var(--teal-d) 80%,var(--deep)) 45%,var(--teal-d) 75%,var(--teal) 100%)}
.tbn-arc{position:absolute;z-index:-1;border-radius:50%;border:clamp(40px,6vw,90px) solid rgba(255,255,255,.06)}
.tbn-arc.a1{width:70vw;height:70vw;left:-22vw;top:-40vw}
.tbn-arc.a2{width:60vw;height:60vw;right:-18vw;top:-30vw;border-color:rgba(255,255,255,.08)}
.tbn-top{position:relative;z-index:3;padding-top:26px}
.tbn .crumb{display:inline-flex;gap:10px;align-items:center;font:600 14px/1 var(--sans);color:#fff;background:rgba(6,38,40,.35);border:1px solid rgba(255,255,255,.15);padding:9px 16px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.tbn .crumb a{color:var(--teal);text-decoration:none}
.tbn-people{position:absolute;z-index:1;left:50%;bottom:0;transform:translateX(-50%);height:88%;width:auto;max-width:none;animation:tbnUp 1s cubic-bezier(.2,.75,.2,1) both;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 82%,transparent 100%)}
.tbn-word{position:absolute;z-index:2;left:0;right:0;bottom:16%;margin:0;text-align:center;line-height:.82;pointer-events:none}
.tbn-word>span{position:relative;display:inline-flex;gap:.02em;font:900 clamp(78px,14vw,230px)/.82 var(--head,var(--sans));letter-spacing:.01em}
.tbn-word b{display:inline-block;animation:tbnL .8s cubic-bezier(.2,.75,.2,1) both}
.tbn-word b:nth-child(2){animation-delay:.06s}.tbn-word b:nth-child(3){animation-delay:.12s}.tbn-word b:nth-child(4){animation-delay:.18s}.tbn-word b:nth-child(5){animation-delay:.24s}
.tbn-word b.o{color:transparent;-webkit-text-stroke:2px #fff}
.tbn-word b.f{color:var(--teal)}
.tbn-word i{position:absolute;right:-.2em;bottom:.2em;transform:translateX(30%);font:800 clamp(16px,2.2vw,34px)/1 var(--sans);font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:#fff;padding:.32em .8em;border-radius:999px;border:2px solid #fff;background:linear-gradient(90deg,var(--teal-d),var(--teal));box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
@keyframes tbnUp{from{opacity:0;transform:translate(-50%,40px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes tbnL{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.tbn-lead{max-width:62ch;margin:0 auto clamp(36px,4vw,56px);text-align:center;font-size:clamp(17px,1.5vw,20px);line-height:1.65;color:var(--muted)}
@media (max-width:760px){.tbn{height:330px}.tbn-people{height:80%}.tbn-word{bottom:12%}.tbn-word b.o{-webkit-text-stroke:1.4px #fff}}
@media (prefers-reduced-motion:reduce){.tbn-people,.tbn-word b{animation:none}}
.sv5-intro{padding-bottom:0}
.sv5-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:start}
.sv5-sub{margin:0;font:700 clamp(22px,2.2vw,30px)/1.3 var(--head,var(--sans));color:var(--ink)}
.sv5-q{margin:0;padding:0;border:0;font:italic 400 clamp(16px,1.3vw,18px)/1.75 var(--body);color:var(--ink)}
.sv5-sec{padding-top:clamp(40px,5vw,64px)}
.sv5-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:44px 26px}
.sv5{flex:0 0 calc((100% - 78px) / 4);min-width:0;scroll-margin-top:calc(var(--hdr) + 30px)}
.sv5-img{aspect-ratio:3/2;border-radius:14px;overflow:hidden;background:var(--alt);box-shadow:0 18px 34px -26px rgba(6,38,40,.5)}
.sv5-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.sv5:hover .sv5-img img{transform:scale(1.05)}
.sv5-ph{display:grid;place-items:center;height:100%;color:var(--teal-d)}
.sv5-ph svg{width:44px;height:44px}
.sv5 h2{margin:22px 0 16px;font:400 clamp(24px,2vw,30px)/1.2 var(--head,var(--sans));color:var(--teal-d)}
.sv5 h2 b{font-weight:700}
.sv5 ul{margin:0;padding:0 0 0 20px;display:grid;gap:7px}
.sv5 li{font-size:16px;line-height:1.55;color:var(--ink)}
.sv5 li::marker{color:var(--teal-d)}
.sv5 p{color:var(--muted)}
.sv5:target .sv5-img{box-shadow:0 0 0 3px var(--teal)}
.sv5-vals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 46px;margin-top:clamp(56px,6vw,84px);padding:clamp(34px,4vw,54px) clamp(26px,4vw,58px);background:linear-gradient(120deg,color-mix(in srgb,var(--teal) 60%,#fff) 0%,color-mix(in srgb,var(--teal-d) 70%,#fff) 100%)}
.sv5-v{display:flex;gap:18px;align-items:flex-start}
.sv5-vi{flex:none;color:#fff;margin-top:2px}
.sv5-v h3{margin:0 0 8px;font:700 19px/1.3 var(--head,var(--sans));color:#fff}
.sv5-v p{margin:0;font-size:16px;line-height:1.7;color:var(--deep)}
@media (max-width:1100px){.sv5{flex-basis:calc((100% - 26px) / 2)}.sv5-vals{grid-template-columns:1fr}}
@media (max-width:760px){.sv5-in{grid-template-columns:1fr}}
@media (max-width:560px){.sv5{flex-basis:100%}}
.tbn{height:auto;padding-top:clamp(70px,7vw,110px)}
.tbn-top{position:absolute;left:0;right:0;top:0}
.tbn-people{position:relative;left:auto;bottom:auto;display:block;margin:0 auto;width:min(1240px,100%);height:auto;transform:none;animation-name:tbnUp2}
@keyframes tbnUp2{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
.tbn-word{bottom:13%}
.tbn-word>span{font-size:clamp(64px,11vw,190px)}
.tbn-word i{right:-.5em;transform:translateX(50%)}
@media (max-width:760px){.tbn{height:auto;padding-top:76px}.tbn-people{width:170%;margin-left:-35%}.tbn-word{bottom:10%}.tbn-word i{right:-.2em;transform:translateX(30%)}}


.ph-tg{position:absolute;z-index:1;left:50%;bottom:0;transform:translateX(-50%);width:min(1240px,100%);pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 100%),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 50%,transparent 100%),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.ph-tg img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.1) brightness(1.05);mix-blend-mode:luminosity;opacity:.3}
.ph3:has(.ph-tg){padding-top:clamp(80px,9vw,120px);padding-bottom:clamp(90px,10vw,140px)}
.ph3:has(.ph-tg)::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(50% 60% at 50% 50%,rgba(6,38,40,.55),transparent 80%);pointer-events:none}
.ph3 .ph-tg ~ .wrap{position:relative;z-index:2}
@media (max-width:760px){.ph-tg{width:170%}}
.rf-cover{margin:0 0 40px;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:var(--alt)}
.rf-cover img{width:100%;height:100%;object-fit:cover}
.rf-fig{margin:2.2em -40px;}
.rf-fig img{width:100%;border-radius:14px;display:block}
.rf-fig figcaption{margin-top:12px;font:400 14.5px/1.5 var(--sans);color:var(--muted);text-align:center}
@media (max-width:820px){.rf-fig{margin:2em 0}}
.rf-thumb{width:120px;aspect-ratio:4/3;border-radius:12px;overflow:hidden;margin-top:4px}
.rf-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rf-item:hover .rf-thumb img{transform:scale(1.06)}
.rf-item:has(.rf-thumb){grid-template-columns:56px minmax(0,1fr) 120px}
@media (max-width:620px){.rf-item:has(.rf-thumb){grid-template-columns:1fr 84px}.rf-thumb{width:84px}}

.bk-list{display:grid;gap:12px;margin:12px 0 14px}
.bk{border:1px solid #dfe6e5;border-radius:14px;background:#fff;padding:12px 14px 14px;transition:border-color .2s,box-shadow .2s}
.bk:focus-within{border-color:#17bcab;box-shadow:0 0 0 3px rgba(23,188,171,.15)}
.bk-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.bk-tag{font:700 11.5px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#0a7a70;background:#e4f5f2;padding:5px 9px;border-radius:999px}
.bk-ctl{display:flex;gap:4px;opacity:.55;transition:opacity .2s}
.bk:hover .bk-ctl,.bk:focus-within .bk-ctl{opacity:1}
.bk textarea,.bk input[type=text]{width:100%;border:0!important;background:#f6f9f8!important;border-radius:10px!important;padding:12px 14px!important;font:16px/1.7 Georgia,serif!important;color:#1f3335;resize:vertical;box-shadow:none!important}
.bk textarea.bk-p{min-height:150px}
.bk input.bk-h{font:700 18px/1.3 system-ui,sans-serif!important}
.bk textarea.bk-q{font-style:italic!important;border-left:3px solid #17bcab!important}
.bk-t-img .img{margin-bottom:8px}
.bk-t-img .prev{max-width:100%}
.bk-t-img .prev img{max-height:260px;width:auto}
.bk-add{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px dashed #b9cfcc;border-radius:14px;background:#f3faf8}
.bk-empty{color:#6b7f80;margin:0;padding:18px;text-align:center;border:1px dashed #dfe6e5;border-radius:14px}
.bk-add{position:static}
.rf-fig img{max-height:620px;object-fit:cover}
.ph3:has(.ph-tg)::before{background:radial-gradient(38% 46% at 50% 47%,rgba(6,38,40,.86) 0%,rgba(6,38,40,.6) 55%,rgba(6,38,40,0) 100%)}
.ph-tg img{opacity:.28}
.ph3:has(.ph-tg) h1,.ph3:has(.ph-tg) .wrap>p{text-shadow:0 2px 18px rgba(6,38,40,.9)}
.ph-tg{z-index:0}.ph3:has(.ph-tg)::before{z-index:1}


.w3grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important}
.wgrid-all.w3grid{gap:30px 26px!important}
.sec:has(.wgrid-all) .wrap,.sec:has(.w3grid) .wrap{max-width:1320px}
.wcard.wc3{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 40px -34px rgba(6,38,40,.45);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.wc3:hover{transform:translateY(-5px);box-shadow:0 30px 56px -34px rgba(6,38,40,.5)}
.w3-img{position:relative;aspect-ratio:16/11;overflow:hidden;background:var(--alt)}
.w3-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.wc3:hover .w3-img img{transform:scale(1.05)}
.w3-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,30,50,0) 40%,rgba(10,30,50,.75) 100%);pointer-events:none}
.w3-img .noimg span{display:none}
.w3-cap{position:absolute;z-index:1;left:22px;right:22px;bottom:18px;color:#fff}
.w3-cap b{display:block;font:600 clamp(18px,1.5vw,21px)/1.25 var(--head,var(--sans));text-shadow:0 2px 12px rgba(0,0,0,.35)}
.w3-cap span{display:block;margin-top:4px;font-size:15px;color:rgba(255,255,255,.85)}
.w3-vid{position:absolute;z-index:1;right:16px;top:16px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--teal-d)}
.w3-vid svg{width:16px;height:16px;margin-left:2px}
.w3-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.w3-pill{align-self:flex-start;padding:7px 14px;border-radius:999px;background:var(--teal-l);color:var(--teal-d);font:700 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.w3-body h3{font-size:clamp(19px,1.5vw,22px);line-height:1.25;margin:0 0 10px;color:var(--ink)}
.w3-body p{margin:0 0 18px;color:var(--muted);font-size:15.5px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.w3-go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font:600 15px/1 var(--sans);color:var(--teal-d)}
.w3-go svg{transition:transform .3s}
.wc3:hover .w3-go svg{transform:translateX(4px)}
@media (max-width:1000px){.w3grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:620px){.w3grid{grid-template-columns:1fr!important}}
.m-soc{gap:8px;margin-top:12px}
.m-soc a{width:38px;height:38px;border:0;background:var(--teal-d);color:#fff;box-shadow:0 6px 14px -8px rgba(6,38,40,.6)}
.m-soc a:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
.m-soc a{transition:background .2s,transform .2s}
.m-soc svg{width:17px;height:17px}
.w3-img::after{display:none}
.w3-loc{position:absolute;z-index:1;left:14px;top:14px;display:inline-flex;align-items:center;gap:6px;max-width:75%;padding:7px 12px;border-radius:999px;background:rgba(6,24,30,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);color:#fff;font:600 13px/1.1 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w3-loc svg{width:13px;height:13px;flex:none}
.w3-client{margin:0 0 6px!important;font:600 13.5px/1.4 var(--sans)!important;color:var(--teal-d)!important;-webkit-line-clamp:1!important}
.w3-img .noimg{background:linear-gradient(135deg,var(--teal-d),var(--deep))}
.w3-img{aspect-ratio:4/3}
.w3-body{padding:18px 22px 20px}
.w3-pill{margin-bottom:10px;padding:6px 12px}
.w3-body h3{font-size:clamp(18px,1.4vw,20px);margin-bottom:8px}
.w3-body p{-webkit-line-clamp:2;margin-bottom:14px;font-size:15px}
.soc-box{background:#f3faf8;border:1px solid #cfe7e2;border-radius:14px;padding:14px 16px}
.soc-row{display:grid;grid-template-columns:36px 110px 1fr;gap:10px;align-items:center;margin-top:10px}
.soc-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0a7a70;color:#fff}
.soc-ic svg{width:17px;height:17px}
.soc-n{font-weight:600;font-size:14px}
@media (max-width:600px){.soc-row{grid-template-columns:36px 1fr}.soc-row input{grid-column:1/-1}}
.m-soc{gap:6px;margin-top:10px}
.m-soc a{width:28px;height:28px}
.m-soc svg{width:13px;height:13px}
.soc-eds{display:grid;gap:8px;margin-top:8px}
.soc-ed{display:flex;align-items:center;gap:10px}
.soc-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0a7a70;color:#fff}
.soc-ic svg{width:15px;height:15px}
.soc-ed input{flex:1}

.mem-w{position:relative}
.mem-w .m-soc{position:absolute;right:0;bottom:0;margin:0;gap:4px}
.m-soc a{width:28px;height:28px;background:transparent;border:1px solid var(--line-2);color:var(--teal-d);box-shadow:none}
.m-soc a:hover{background:var(--teal);border-color:var(--teal);color:#fff;transform:translateY(-1px)}
.m-soc svg{width:13px;height:13px}
.mdl-txt .m-soc{position:static;margin-top:18px}
.mdl-txt .m-soc a{width:34px;height:34px}.mdl-txt .m-soc svg{width:15px;height:15px}
.soc-box{background:#f6f9f8;border:1px solid #dfe6e5;border-radius:14px;padding:14px 16px}
.soc-in{display:flex;align-items:center;gap:10px;margin-top:8px}
.soc-i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#0a7a70;color:#fff}
.soc-i svg{width:15px;height:15px}
.soc-in input{flex:1}
.mem-w{align-self:start}.mem-w .m-soc{bottom:-4px}
.mem-w .m-soc{position:static;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);gap:6px}
.mem-w{container-type:inline-size}
.mem-w .m-soc{position:absolute;z-index:2;right:10px;left:auto;bottom:auto;top:calc(125cqw - 40px);margin:0;padding:5px;border:0;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 6px 16px -8px rgba(6,38,40,.5);gap:4px}
.mem-w .m-soc a{width:26px;height:26px;border:0;background:transparent;color:var(--teal-d)}
.mem-w .m-soc a:hover{background:var(--teal);color:#fff}
.mem-w .m-soc svg{width:13px;height:13px}

.mem-w .m-soc{position:static;top:auto;right:auto;padding:0;margin:0;border:0;background:none;box-shadow:none;border-radius:0;gap:4px}
.m-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.m-more2{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:600 13.5px/1 var(--sans);color:var(--muted);transition:color .2s}
.m-more2:hover,.m-more2:focus-visible{color:var(--teal-d)}
.m-more2 svg{width:13px;height:13px}
.mem-w .m-soc a{width:24px;height:24px;border-radius:50%;border:1px solid var(--line-2);background:#fff;color:var(--teal-d)}
.mem-w .m-soc a:hover{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
.mem-w .m-soc svg{width:11px;height:11px}
.m-foot{flex-wrap:nowrap}
.m-foot .m-more2+.m-soc{margin-left:auto}
.m-foot .m-soc{gap:3px;flex:none}
.mem-w .m-soc a{width:23px;height:23px}
.m-foot:has(.m-soc a:nth-child(3)) .m-more2 svg{display:none}
.m-more2{white-space:nowrap;font-size:13px}


.gx-page{background:radial-gradient(800px 480px at 12% 0%,color-mix(in srgb,var(--teal) 22%,transparent),transparent 70%),radial-gradient(700px 460px at 95% 100%,color-mix(in srgb,var(--teal-d) 35%,transparent),transparent 70%),var(--deep)}
.gx.gx2{min-height:340px;padding:28px 26px 26px;background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.1);overflow:hidden}
.gx2::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,var(--teal),transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none}
.gx2:hover::before{opacity:1}
.gx2::after{content:"";position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--teal) 28%,transparent),transparent 70%);opacity:.5;transition:transform .6s,opacity .4s;pointer-events:none}
.gx2:hover::after{transform:scale(1.3);opacity:.9}
.gx2:hover{background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.03) 100%);transform:translateY(-6px)}
.gx-n{position:absolute;right:24px;top:22px;font:700 13px/1 var(--sans);letter-spacing:.12em;color:rgba(255,255,255,.4)}
.gx2 .gx-ico{width:56px;height:56px;border-radius:16px;background:color-mix(in srgb,var(--teal) 18%,transparent);border:1px solid color-mix(in srgb,var(--teal) 40%,transparent);color:var(--teal);margin-bottom:auto}
.gx2 .gx-ico svg{width:26px;height:26px}
.gx2:hover .gx-ico{background:var(--teal);color:var(--deep);border-color:var(--teal)}
.gx2 .gx-t{margin-top:56px}
.gx2 .gx-btn{background:transparent}
@media (max-width:620px){.gx.gx2{min-height:0}.gx2 .gx-t{margin-top:36px}}

.hdr.scrolled{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom-color:rgba(10,46,48,.08);box-shadow:0 10px 30px -20px rgba(6,38,40,.45)}
.hdr-dark .hdr.scrolled{background:color-mix(in srgb,var(--deep) 80%,transparent)}


.gx-page{background:var(--alt)!important}
.gx.gx2{min-height:0;padding:30px 28px 28px;background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:0 16px 40px -34px rgba(6,38,40,.45)}
.gx2::after{right:-60px;top:-60px;width:170px;height:170px;background:radial-gradient(circle,color-mix(in srgb,var(--teal) 14%,transparent),transparent 70%);opacity:1}
.gx2:hover{background:#fff;transform:translateY(-6px);box-shadow:0 30px 60px -36px rgba(6,38,40,.5)}
.gx-n{color:color-mix(in srgb,var(--teal-d) 55%,#fff)}
.gx2 .gx-ico{margin-bottom:24px;background:var(--teal-l);border-color:transparent;color:var(--teal-d)}
.gx2:hover .gx-ico{background:var(--teal);color:#fff}
.gx2 .gx-t{margin-top:0;color:var(--ink);text-shadow:none;font-size:clamp(19px,1.5vw,21px)}
.gx2 .gx-s{color:var(--muted);flex:1}
.gx2 .gx-btn{margin-top:22px;border-color:var(--line-2);color:var(--ink);background:transparent}
.gx2:hover .gx-btn{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
.gx-grid{align-items:stretch}

.gx2::after,.gx2::before{display:none!important}
.gx2{border-top:4px solid var(--c,var(--teal))!important}
.gx2:nth-child(4n+1){--c:var(--teal);--cb:color-mix(in srgb,var(--teal) 14%,#fff);--cf:var(--teal-d)}
.gx2:nth-child(4n+2){--c:var(--ink);--cb:color-mix(in srgb,var(--ink) 10%,#fff);--cf:var(--ink)}
.gx2:nth-child(4n+3){--c:var(--teal-d);--cb:color-mix(in srgb,var(--teal-d) 13%,#fff);--cf:var(--teal-d)}
.gx2:nth-child(4n+4){--c:#5fb8ad;--cb:color-mix(in srgb,#5fb8ad 18%,#fff);--cf:#2f7f76}
.gx2:nth-child(8n+5){--c:var(--teal-d);--cb:color-mix(in srgb,var(--teal-d) 13%,#fff);--cf:var(--teal-d)}
.gx2:nth-child(8n+7){--c:var(--teal);--cb:color-mix(in srgb,var(--teal) 14%,#fff);--cf:var(--teal-d)}
.gx2 .gx-ico{background:var(--cb);color:var(--cf)}
.gx2:hover .gx-ico{background:var(--c);color:#fff}
.gx-n{color:var(--cf);opacity:.6}
.gx2:hover .gx-btn{background:var(--c);border-color:var(--c);color:#fff}
.gx-page{background:#f4f7f6!important}

.gx-page{background:#fff!important}
.gx.gx2{border:0!important;box-shadow:0 18px 40px -30px rgba(6,38,40,.55);background:var(--c)!important;color:var(--fg)}
.gx2:nth-child(4n+1){--c:var(--ink);--fg:#fff;--fg2:rgba(255,255,255,.75);--chip:rgba(255,255,255,.12);--ci:var(--teal)}
.gx2:nth-child(4n+2){--c:var(--teal);--fg:var(--deep);--fg2:rgba(6,38,40,.78);--chip:rgba(6,38,40,.12);--ci:var(--deep)}
.gx2:nth-child(4n+3){--c:var(--teal-d);--fg:#fff;--fg2:rgba(255,255,255,.8);--chip:rgba(255,255,255,.14);--ci:#fff}
.gx2:nth-child(4n+4){--c:var(--alt);--fg:var(--ink);--fg2:var(--muted);--chip:#fff;--ci:var(--teal-d)}
.gx2:nth-child(8n+5){--c:var(--teal);--fg:var(--deep);--fg2:rgba(6,38,40,.78);--chip:rgba(6,38,40,.12);--ci:var(--deep)}
.gx2:nth-child(8n+6){--c:var(--ink);--fg:#fff;--fg2:rgba(255,255,255,.75);--chip:rgba(255,255,255,.12);--ci:var(--teal)}
.gx2:nth-child(8n+7){--c:var(--alt);--fg:var(--ink);--fg2:var(--muted);--chip:#fff;--ci:var(--teal-d)}
.gx2:nth-child(8n+8){--c:var(--teal-d);--fg:#fff;--fg2:rgba(255,255,255,.8);--chip:rgba(255,255,255,.14);--ci:#fff}
.gx2:hover{background:var(--c)!important}
.gx2 .gx-ico,.gx2:hover .gx-ico{background:var(--chip);color:var(--ci)}
.gx2 .gx-t{color:var(--fg)!important}
.gx2 .gx-s{color:var(--fg2)!important}
.gx-n{color:var(--fg);opacity:.5}
.gx2 .gx-btn{border-color:currentColor;color:var(--fg);opacity:.9}
.gx2:hover .gx-btn{background:var(--fg);border-color:var(--fg);color:var(--c);opacity:1}
.gx2 .gx-s{flex:none}
.gx-ul{display:grid;gap:9px;margin:18px 0 0;padding:16px 0 0;border-top:1px solid color-mix(in srgb,var(--fg) 18%,transparent);flex:1;align-content:start}
.gx-li{position:relative;display:block;padding-left:22px;font-size:14.5px;line-height:1.45;color:var(--fg)}
.gx-li i{position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;background:var(--ci)}
.gx-li i::after{content:"";position:absolute;left:4px;top:2.5px;width:4px;height:7px;border:solid var(--c);border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
.gx-more{font:600 13px/1 var(--sans);color:var(--fg2);padding-left:22px;margin-top:2px}

.gx2>*{order:3}
.gx2 .gx-ico{order:0;margin-bottom:22px}
.gx2 .gx-n{order:1;position:static;display:block;margin:0 0 8px;font:700 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;opacity:.65}
.gx2 .gx-n::before{content:"Service "}
.gx2 .gx-t{order:2;font:800 clamp(22px,1.8vw,26px)/1.18 var(--head,var(--sans));letter-spacing:-.01em;margin:0 0 12px}
.gx2 .gx-t::after{content:"";display:block;width:36px;height:3px;border-radius:3px;background:var(--ci);margin-top:14px}



.sec:has(> .wrap > .team){background:#fff}
.sec.alt .member .pic{background:linear-gradient(180deg,#e4f3f0 0%,#d2e8e4 70%,#b9d5d0 100%)}

.vm{gap:24px}
.vm .box{position:relative;overflow:hidden;border:0;border-radius:24px;padding:clamp(30px,3.4vw,46px)}
.vm .vm-v{background:var(--ink);color:#fff}
.vm .vm-m{background:var(--teal);color:var(--deep)}
.vm-i{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;margin-bottom:22px}
.vm-i svg{width:28px;height:28px}
.vm-v .vm-i{background:rgba(255,255,255,.1);color:var(--teal)}
.vm-m .vm-i{background:rgba(6,38,40,.12);color:var(--deep)}
.vm h3{font:800 clamp(28px,2.6vw,38px)/1.1 var(--head,var(--sans))!important;letter-spacing:-.01em;margin:0 0 16px!important;color:inherit!important}
.vm h3::after{content:"";display:block;width:44px;height:3px;border-radius:3px;margin-top:16px;background:currentColor;opacity:.5}
.vm-v h3::after{background:var(--teal);opacity:1}
.vm p{font-size:clamp(17px,1.4vw,20px)!important;line-height:1.6!important;color:inherit!important;opacity:.9}

.to-top{position:fixed;right:22px;bottom:22px;z-index:70;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:0;background:var(--ink);color:#fff;cursor:pointer;box-shadow:0 12px 26px -10px rgba(6,38,40,.6);opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s,transform .3s,background .2s}
.to-top.on{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:var(--teal);color:var(--deep)}
.to-top:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
@media (max-width:600px){.to-top{right:14px;bottom:14px;width:44px;height:44px}}


.phead.ph3{padding:clamp(84px,9vw,136px) 0 clamp(84px,9vw,130px)}
.ph3 h1{font-size:clamp(50px,7.2vw,96px)}
.ph3 .wrap>p{font-size:clamp(18px,1.6vw,21px);max-width:60ch}
.ph3 .crumb{font-size:15px;padding:9px 18px}
.ph3:has(.ph-tg){padding-top:clamp(100px,10vw,150px);padding-bottom:clamp(110px,11vw,160px)}
.brand img{height:56px}
@media (max-width:960px){.brand img{height:48px}}
@media (max-width:760px){.ph3 h1{font-size:clamp(42px,12vw,60px)}.phead.ph3{padding:72px 0 76px}}


.rf-doc.rf2{padding:0 0 clamp(64px,8vw,110px);background:var(--alt,#f3f6f6)}
.rf-hero{position:relative;overflow:hidden;background:var(--deep,#062628);color:#fff;padding:clamp(56px,7vw,96px) var(--gut) clamp(120px,13vw,170px);text-align:center}
.rf-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1.3px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 70% 90% at 50% 50%,transparent 40%,#000 100%);mask-image:radial-gradient(ellipse 70% 90% at 50% 50%,transparent 40%,#000 100%)}
.rf-hero-in{position:relative;max-width:900px;margin:0 auto}
.rf2 .rf-back{color:rgba(255,255,255,.8);margin-bottom:34px;padding:9px 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.05)}
.rf2 .rf-back:hover{color:#fff;border-color:var(--teal)}
.rf-kick{font:700 13px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin:0 0 16px}
.rf2 h1{font:700 clamp(32px,4.4vw,56px)/1.12 var(--head,var(--sans));color:#fff;letter-spacing:-.015em;margin:0 auto 22px;max-width:22ch}
.rf2 .rf-hero .rf-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 12px;color:rgba(255,255,255,.72);margin:0}
.rf2 .rf-meta i{font-style:normal;color:var(--teal)}
.rf2 .rf-col{position:relative;max-width:860px;margin:calc(-1 * clamp(80px,9vw,120px)) auto 0;background:#fff;border-radius:22px;padding:clamp(28px,5vw,64px);box-shadow:0 40px 80px -50px rgba(6,38,40,.45)}
.rf2 .rf-col.rf-end{margin-top:28px;background:none;box-shadow:none;padding:0 var(--gut)}
.rf2 .rf-cover{margin:0 0 clamp(28px,4vw,44px);border-radius:16px}
.rf2 .rf-lead{font:500 clamp(19px,1.7vw,22px)/1.6 var(--sans);color:var(--ink);border-left:4px solid var(--teal);border-bottom:0;padding:4px 0 4px 22px;margin:0 0 36px}
.rf2 .rf-body p{font:400 clamp(17px,1.3vw,18.5px)/1.8 var(--sans);color:#24393b;margin:0 0 1.15em}
.rf2 .rf-body>p:first-child::first-letter{float:none;font:inherit;color:inherit;margin:0}
.rf2 .rf-body h2{display:flex;align-items:center;gap:14px;font:700 clamp(21px,2vw,26px)/1.3 var(--head,var(--sans));letter-spacing:-.005em;text-transform:none;color:var(--ink);margin:2em 0 .8em;padding-top:1.4em;border-top:1px solid var(--line)}
.rf2 .rf-body h2::before{content:"";flex:none;width:6px;height:1.1em;border-radius:6px;background:var(--teal)}
.rf2 .rf-body>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.rf-ul{list-style:none;margin:.4em 0 1.6em;padding:0;display:grid;gap:12px}
.rf-ul li{position:relative;padding:14px 18px 14px 52px;background:var(--alt,#f3f6f6);border-radius:12px;font:400 clamp(16.5px,1.25vw,18px)/1.6 var(--sans);color:#24393b}
.rf-ul li::before{content:"";position:absolute;left:18px;top:17px;width:20px;height:20px;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
ol.rf-ul{counter-reset:rf}
ol.rf-ul li{counter-increment:rf}
ol.rf-ul li::before{content:counter(rf);background:var(--ink);color:#fff;font:700 12px/20px var(--sans);text-align:center}
.rf2 .rf-body blockquote{font-family:var(--head,var(--sans));font-style:normal;font-weight:600;background:color-mix(in srgb,var(--teal) 10%,#fff);border-left:4px solid var(--teal);border-radius:0 14px 14px 0;padding:20px 26px}
.rf2 .rf-fig{margin:2em 0}
.rf-gal-sec{padding:clamp(48px,6vw,80px) var(--gut) 0}
.rf-gal-in{max-width:1180px;margin:0 auto}
.rf-gal-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:14px}
.rf-gal-head h2{font:700 clamp(24px,2.4vw,32px)/1.2 var(--head,var(--sans));color:var(--ink);margin:0}
.rf-gal-head span{font:600 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--teal-d)}
.rf-gal{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(150px,17vw,240px);gap:14px}
.rf-gal.big .g:first-child{grid-column:span 2;grid-row:span 2}
.rf-gal .g{all:unset;position:relative;display:block;overflow:hidden;border-radius:16px;cursor:zoom-in;background:#dfe7e7;box-shadow:0 18px 36px -28px rgba(6,38,40,.6)}
.rf-gal .g img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s}
.rf-gal .g::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,38,40,.55));opacity:0;transition:opacity .35s}
.rf-gal .g-zoom{position:absolute;right:14px;bottom:14px;z-index:1;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);font:600 22px/1 var(--sans);opacity:0;transform:translateY(8px) scale(.9);transition:opacity .35s,transform .35s}
.rf-gal .g:hover img{transform:scale(1.06)}
.rf-gal .g:hover::after,.rf-gal .g:focus-visible::after{opacity:1}
.rf-gal .g:hover .g-zoom,.rf-gal .g:focus-visible .g-zoom{opacity:1;transform:none}
.rf-gal .g:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
@media (max-width:760px){.rf-gal{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px;gap:10px}.rf-gal.big .g:first-child{grid-column:span 2;grid-row:span 1}.rf2 .rf-col{border-radius:16px;margin-left:12px;margin-right:12px}}
.rf2 .rf-proj{background:#fff;box-shadow:0 18px 36px -28px rgba(6,38,40,.5)}.rf2 .rf-next{background:transparent}


@media (prefers-reduced-motion:no-preference){.hx-media{animation-duration:.6s}}
.rv [data-reveal],.rv #main .sec .shead,.rv #main .steps,.rv #main .mq{transform:translateY(12px);transition-duration:.45s}
.rv .who-art.in{transition-delay:0s}


.ph-tg2{display:flex;justify-content:center;align-items:flex-end;height:clamp(200px,24vw,320px);width:min(1240px,100%)}
.ph-tg2 span{position:relative;flex:0 0 clamp(120px,13.5%,190px);margin:0 -14px;height:calc(100% - var(--d) * 4%);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent),linear-gradient(180deg,transparent,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent),linear-gradient(180deg,transparent,#000 22%);mask-composite:intersect}
.ph-tg2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--z,1));filter:grayscale(1) contrast(1.15) brightness(1.05);opacity:.32;mix-blend-mode:luminosity}
@media (max-width:760px){.ph-tg2{width:170%}}


.rf-wrap2{max-width:var(--wrap)}
.rf-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px;align-items:start}
@media (max-width:1000px){.rf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.rf-cards{grid-template-columns:1fr}}
.rfc{position:relative;background:var(--alt);border-radius:18px;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.rfc:hover{transform:translateY(-6px);box-shadow:0 30px 50px -34px rgba(6,38,40,.55)}
.rfc-img{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:18px 18px 18px 18px;background:var(--ink);box-shadow:0 18px 34px -24px rgba(6,38,40,.6)}
.rfc-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.rfc:hover .rfc-img img{transform:scale(1.06)}
.rfc-ph{display:grid;place-items:center;height:100%;font:700 34px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.25)}
.rfc-date{position:absolute;left:-10px;top:calc((100% - 0px) * 0);transform:translateY(0);display:grid;justify-items:center;min-width:66px;padding:10px 12px 9px;background:var(--teal);color:var(--deep);border-radius:12px 12px 12px 0;box-shadow:0 12px 24px -12px rgba(6,38,40,.6);z-index:2}
.rfc-date::after{content:"";position:absolute;left:0;bottom:-10px;border-top:10px solid var(--teal-d);border-left:10px solid transparent}
.rfc-date b{font:700 26px/1 var(--head)}
.rfc-date small{font:600 13px/1.2 var(--sans);letter-spacing:.04em;margin-top:3px}
.rfc-body{padding:30px 24px 26px}
.rfc-by{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:500 15px/1.3 var(--sans);color:var(--teal-d)}
.rfc-by svg{flex:none}
.rfc-t{font:700 clamp(20px,1.7vw,23px)/1.3 var(--head);color:var(--ink);margin:0 0 12px;letter-spacing:-.005em}
.rfc-t a{color:inherit;text-decoration:none;background:linear-gradient(var(--teal),var(--teal)) 0 100%/0 2px no-repeat;transition:background-size .4s}
.rfc:hover .rfc-t a{background-size:100% 2px}
.rfc-s{margin:0 0 20px;color:var(--muted);font-size:15.5px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.rfc-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border:1.5px solid var(--teal-d);border-radius:999px;font:600 15px/1 var(--sans);color:var(--teal-d);text-decoration:none;transition:background .25s,color .25s}
.rfc-btn:hover,.rfc:hover .rfc-btn{background:var(--teal-d);color:#fff}
.rfc-btn svg{transition:transform .25s}.rfc-btn:hover svg{transform:translateX(3px)}
.rfc-img{position:relative}
.rfc{display:grid}.rfc>.rfc-img,.rfc>.rfc-date{grid-area:1/1}.rfc-date{position:relative;left:-10px;align-self:end;justify-self:start;margin-bottom:-14px}.rfc>.rfc-body{grid-area:2/1}


.rfc-date{position:relative;left:auto;align-self:start;justify-self:start;margin:14px 0 0 14px;display:inline-flex;align-items:center;gap:7px;min-width:0;padding:7px 12px;background:rgba(255,255,255,.94);color:var(--ink);border-radius:999px;font:600 13.5px/1 var(--sans);letter-spacing:.01em;box-shadow:0 8px 18px -10px rgba(6,38,40,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.rfc-date::after{display:none}
.rfc-date svg{color:var(--teal-d)}
.rfc-body{padding:24px 24px 26px}


.rf-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start;max-width:1220px;margin:calc(-1 * clamp(80px,9vw,120px)) auto 0;padding:0 var(--gut)}
.rf2 .rf-layout .rf-col{margin:0;max-width:none}
.rf-side{display:grid;gap:22px;position:sticky;top:calc(var(--hdr) + 20px)}
@media (max-width:1020px){.rf-layout{grid-template-columns:1fr}.rf-side{position:static}}
.rfs-box{background:#fff;border-radius:20px;padding:26px 24px;box-shadow:0 30px 60px -46px rgba(6,38,40,.5);border:1px solid var(--line)}
.rfs-box h3{font:700 21px/1.2 var(--head);color:var(--ink);margin:0 0 18px;display:flex;align-items:center;gap:10px}
.rfs-box h3::before{content:"";width:5px;height:20px;border-radius:5px;background:var(--teal)}
.rfs-recent{list-style:none;margin:0;padding:0}
.rfs-recent li+li{border-top:1px solid var(--line)}
.rfs-recent a{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:13px 0;text-decoration:none;color:inherit}
.rfs-recent li:first-child a{padding-top:0}.rfs-recent li:last-child a{padding-bottom:0}
.rfs-th{aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--alt)}
.rfs-th img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rfs-recent a:hover img{transform:scale(1.07)}
.rfs-tx small{display:block;font:500 12.5px/1 var(--sans);color:var(--muted);margin-bottom:6px}
.rfs-tx b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font:600 15px/1.4 var(--head);color:var(--ink);transition:color .2s}
.rfs-recent a:hover b{color:var(--teal-d)}
.rfs-cats{list-style:none;margin:0;padding:0}
.rfs-cats li+li{border-top:1px dashed var(--line-2)}
.rfs-cats button{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 0;font:500 15.5px/1.35 var(--sans);color:var(--ink);transition:color .2s,padding .2s}
.rfs-cats svg{flex:none;color:var(--teal)}
.rfs-cats button:hover,.rfs-cats button:focus-visible{color:var(--teal-d);padding-left:4px}
.rfs-follow{text-align:center;background:var(--deep);border-color:var(--deep)}
.rfs-follow h3{color:#fff;justify-content:center}
.rfs-soc{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.rfs-soc a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.16);transition:background .25s,color .25s,transform .25s}
.rfs-soc a:hover{background:var(--teal);color:var(--deep);transform:translateY(-3px)}
.rfs-soc svg{width:19px;height:19px}
.rf-share{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.rf-share>span{font:600 15px/1 var(--sans);color:var(--ink)}
.rf-share-btns{display:flex;gap:10px}
.rf-share-btns a,.rf-share-btns button{all:unset;box-sizing:border-box;cursor:pointer;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--alt);color:var(--teal-d);transition:background .25s,color .25s,transform .25s}
.rf-share-btns a:hover,.rf-share-btns button:hover,.rf-share-btns :focus-visible{background:var(--teal-d);color:#fff;transform:translateY(-2px)}
.rf-share-btns svg{width:18px;height:18px}


.rf-doc.rf2{background:#fff}
.rf2 .rf-hero{padding-bottom:clamp(56px,7vw,90px)}
.rf-layout{margin:clamp(40px,5vw,64px) auto 0;gap:clamp(36px,5vw,64px);grid-template-columns:minmax(0,1fr) 320px}
.rf2 .rf-layout .rf-col{background:none;box-shadow:none;border-radius:0;padding:0;max-width:720px}
.rf2 .rf-body p{font-size:clamp(17.5px,1.35vw,19px);line-height:1.85;color:#1f3335}
.rfs-box{box-shadow:none;border:1px solid var(--line);border-radius:14px;background:#fff}
.rfs-follow{background:var(--alt);border-color:var(--alt)}
.rfs-follow h3{color:var(--ink)}
.rfs-soc a{background:#fff;color:var(--teal-d);border:1px solid var(--line)}
.rfs-soc a:hover{background:var(--teal-d);color:#fff;transform:none}
.rfs-recent a:hover img{transform:none}
.rf2 .rf-cover{box-shadow:none}
.rf-gal-sec{background:#fff}
.rf-gal .g{box-shadow:none}
.rf2 .rf-proj{box-shadow:none;background:var(--alt)}

.rf2 .rf-body h2::before,.rfs-box h3::before{display:none}
.rf2 .rf-body h2{display:block}

@media (max-width:1020px){.rf-layout{grid-template-columns:minmax(0,1fr)}.rf-side{position:static}.rf2 .rf-layout .rf-col{max-width:none}}
@media (max-width:600px){.rf-layout{margin-top:32px;gap:32px}.rf2 .rf-hero{padding:40px 20px 44px}.rf2 h1{font-size:30px}}


.home-more{display:none}
@media (max-width:760px){
  
  .hx.hx2{display:flex;flex-direction:column;min-height:0}
  html .hx.hx2 .hx-frame2{position:relative!important;inset:auto!important;order:0;height:clamp(280px,74vw,400px)!important;margin:0;flex:none}
  .hx2 .hx-frame2::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,rgba(6,38,40,0) 55%,rgba(6,38,40,.75) 85%,var(--deep) 100%)}
  html .hx.hx2 .hx-frame2 .hx-media{top:0!important;bottom:auto!important;right:auto!important;left:62%!important;height:100%!important;width:auto!important;aspect-ratio:var(--ar,1527/1030);translate:calc(var(--bx,62) * -1%) 0!important;transform:none!important;animation:none!important;-webkit-mask-image:none!important;mask-image:none!important}
  .hx2 .hx-slide img{object-position:center}
  .hx2 .hx-shade{display:none}
  html .hx.hx2 .hx-in{order:1;min-height:0!important;padding-top:6px!important;padding-bottom:44px!important;margin-top:-34px;position:relative;z-index:5}
  .hx2 .hx-eye{margin-bottom:10px}
  .hx2 h1,.hx h1{font-size:clamp(32px,9.2vw,40px);line-height:1.08;max-width:none;letter-spacing:-.015em}
  .hx2 .hero-sub{font-size:16px;line-height:1.6;margin:16px 0 24px}
  .hx2 .acts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hx2 .acts .btn{padding:14px 12px;font-size:15px;justify-content:center}
  .hx-kw{display:none}
  .hx-ctrl{top:12px;bottom:auto;right:12px;left:auto}
  .hx-cap{display:none}
  .hx-credit{display:none}
  .hx-cue{display:none}
  
  .who h2,.who-txt h2{font-size:clamp(26px,7.4vw,32px)}
  .who .lead{font-size:17px}
  
  .sec{padding:56px 0}
  .shead{margin-bottom:26px}
  .shead h2{font-size:clamp(26px,7.4vw,32px)}
  .shead p{font-size:16px}
  
  .home-work .wgrid>*:nth-child(n+5){display:none}
  .home-work .shead .tlink{display:none}
  .home-more{display:flex;width:100%;margin-top:26px;justify-content:center;gap:8px}
  
  .steps{gap:10px}
  .steps li{padding:18px 18px 16px;border-radius:14px}
  .steps h3{font-size:18px;margin-bottom:4px}
  .steps p{font-size:15px;line-height:1.55}
  
  .ctab h2{font-size:clamp(26px,7.4vw,32px)}
  .ctab-acts{display:grid;width:100%;gap:10px}
  .ctab-acts .btn{width:100%;justify-content:center}
  .ctab-acts .btn.ghost-light{font-size:14px;word-break:break-all}
  
  .ft-cols{grid-template-columns:1fr;gap:30px;padding-top:48px;padding-bottom:36px}
  .ft-cols>div:nth-child(3){display:none}
  .ft-cols>div:nth-child(2) ul{display:flex;flex-wrap:wrap;gap:4px 20px}
  .ft-cols>div:nth-child(2) li{margin:0}
}
@media (max-width:760px){
  html .hx.hx2{padding:0!important;min-height:0!important}
  html .hx.hx2 .hx-shade{display:none!important}
  html .hx.hx2 .hx-frame2::after{display:block!important;content:""!important;position:absolute!important;inset:0!important;z-index:4!important;pointer-events:none;background:linear-gradient(180deg,rgba(6,38,40,0) 50%,rgba(6,38,40,.7) 82%,#062628 100%)!important}
  html .hx.hx2 .hx-in{padding-bottom:40px!important}
}


@media (max-width:760px){
  
  .is-home .who-in:not(.has-art) .who-copy{padding:0 0 0 16px;border-left-width:2px}
  .is-home .who .lead{font-size:16.5px;line-height:1.7}
  .is-home .who h2{margin-bottom:18px}

  
  .is-home .svc-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;overflow:visible!important;margin:0!important;padding:0!important;scroll-snap-type:none!important}
  .is-home .svc-grid .svc{width:auto!important;min-width:0!important;flex:none!important;padding:16px 14px 16px!important;border-radius:14px!important;display:flex!important;flex-direction:column;gap:12px;min-height:128px;transform:none!important}
  .is-home .svc-grid .svc .ico{width:38px;height:38px;margin:0;border-radius:10px}
  .is-home .svc-grid .svc .ico svg{width:19px;height:19px}
  .is-home .svc-grid .svc h3{font-size:15px;line-height:1.3;margin:0}
  .is-home .svc-grid .svc p{display:none}
  .is-home .svc-grid .svc-cta{grid-column:1/-1;min-height:0;flex-direction:row!important;align-items:center;justify-content:space-between}
  .is-home .svc-grid .svc-cta p{display:none}
  .is-home .svc-hint{display:none!important}

  
  .is-home .home-work .wgrid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
  .is-home .home-work .wc3{display:grid!important;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:center;padding:14px 0;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;background:none!important;transform:none!important}
  .is-home .home-work .wc3:first-child{padding-top:0}
  .is-home .home-work .w3-img{aspect-ratio:1/1!important;border-radius:12px;overflow:hidden;height:auto!important}
  .is-home .home-work .w3-img img{width:100%;height:100%;object-fit:cover}
  .is-home .home-work .w3-loc,.is-home .home-work .w3-pill,.is-home .home-work .w3-body>p:not(.w3-client),.is-home .home-work .w3-go{display:none!important}
  .is-home .home-work .w3-body{padding:0!important}
  .is-home .home-work .w3-client{font-size:12.5px;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .is-home .home-work .w3-body h3{font-size:16px;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .is-home .home-work .w3-vid{width:28px;height:28px}

  
  .is-home .steps{counter-reset:st;display:grid!important;gap:0!important;grid-template-columns:1fr!important}
  .is-home .steps li{counter-increment:st;position:relative;padding:0 0 22px 46px!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
  .is-home .steps li::before{content:counter(st);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--teal);color:var(--deep);display:grid;place-items:center;font:700 14px/1 var(--head)}
  .is-home .steps li::after{content:"";position:absolute;left:14.5px;top:36px;bottom:4px;width:1.5px;background:color-mix(in srgb,var(--teal) 40%,transparent)}
  .is-home .steps li:last-child{padding-bottom:0!important}
  .is-home .steps li:last-child::after{display:none}
  .is-home .steps h3{font-size:17px;margin:4px 0 4px}
  .is-home .steps p{font-size:15px;line-height:1.55;color:var(--muted)}
}
@media (max-width:760px){
  .is-home .steps li::before{content:counter(st)!important;display:grid!important;position:absolute!important;left:0!important;top:0!important;width:30px!important;height:30px!important;border-radius:50%!important;background:var(--teal)!important;color:var(--deep)!important;place-items:center;font:700 14px/1 var(--head)!important;border:0!important;opacity:1!important;transform:none!important}
  .is-home .who-copy .lead,.is-home .who .who-copy p{font-size:16.5px!important;line-height:1.7!important}
}


@media (min-width:641px){
  dialog.mdl{overflow:hidden;width:min(900px,calc(100vw - 32px))}
  .mdl-in{max-height:calc(100vh - 48px);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .mdl-txt{overflow-y:auto;justify-content:flex-start;padding:48px 40px 36px}
}
.mdl-pic{overflow:hidden}
.mdl-pic img{transform:none!important;object-position:50% 18%}
.mdl-bio{font-size:16px;line-height:1.7}


@media (max-width:760px){
  html .hx.hx2{display:flex!important;flex-direction:column;justify-content:flex-end;min-height:min(600px,calc(100svh - 77px))!important;padding:0!important}
  html .hx.hx2 .hx-frame2{position:absolute!important;inset:0!important;height:auto!important;margin:0!important}
  html .hx.hx2 .hx-frame2::after{display:block!important;content:""!important;position:absolute!important;inset:0!important;z-index:4!important;background:rgba(6,38,40,.58)!important}
  html .hx.hx2 .hx-shade{display:none!important}
  html .hx.hx2 .hx-in{margin-top:0!important;padding-top:0!important;padding-bottom:34px!important;position:relative;z-index:5}
  html .hx.hx2 h1{font-size:28px!important;line-height:1.15!important;letter-spacing:-.01em}
  html .hx.hx2 .hero-sub{font-size:15px!important;line-height:1.6!important;margin:12px 0 22px!important;opacity:.92}
  html .hx.hx2 .hx-eye{font-size:12px!important;margin-bottom:10px!important}
  html .hx.hx2 .acts .btn{font-size:14.5px!important;padding:13px 10px!important}
  html .hx.hx2 .hx-bell{z-index:6}
  html .hx.hx2 .hx-frame2 .hx-media{height:150%!important;top:-60%!important;left:0!important;translate:-55% 0!important}
}

dialog.lb{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh}
dialog.lb::backdrop{background:rgba(2,17,19,.94)}
.lb .in{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px calc(env(safe-area-inset-bottom,0px) + 14px)}
.lb .bar{display:flex;justify-content:space-between;align-items:center;color:#e9f1ef;font-family:var(--sans)}
.lb .stage{display:grid;place-items:center;min-height:0;padding:12px 0}
.lb .stage img{max-height:100%;max-width:100%;object-fit:contain;border-radius:6px}
.lb .stage .ph{width:min(900px,90vw);aspect-ratio:3/2;border-radius:12px}
.lb button{background:rgba(255,255,255,.12);color:#fff;border:0;width:48px;height:48px;border-radius:50%;cursor:pointer;display:grid;place-items:center}
.lb button:hover{background:rgba(255,255,255,.22)}
.lb .nav2{display:flex;justify-content:center;gap:14px}


.edit-fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:90;display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:13px 20px;font-family:var(--sans);font-weight:600;cursor:pointer;box-shadow:0 12px 30px -10px rgba(5,38,41,.5)}
.edit-fab:hover{background:var(--teal);color:var(--ink)}
.edit-fab .dotc{width:9px;height:9px;border-radius:50%;background:#f5b041;display:none}
.edit-fab.dirty .dotc{display:inline-block}
.ed{position:fixed;inset:0;z-index:150;background:#f2f5f4;display:none;grid-template-rows:auto minmax(0,1fr);font-family:var(--sans);font-size:15px;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.ed.open{display:grid}
.ed-top{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#fff;border-bottom:1px solid var(--line);flex-wrap:wrap}
.ed-top h2{font-family:var(--sans);font-size:18px;margin-right:auto;display:flex;align-items:center;gap:10px}
.ed-status{font-size:14px;color:var(--muted);font-weight:500}
.ed-status.warn{color:#9a5b00}
.ed-status.ok{color:var(--teal-deep)}
.ed-status.err{color:#b3261e}
.eb{display:inline-flex;align-items:center;gap:6px;border:1px solid #c9d6d3;background:#fff;color:var(--text);border-radius:8px;padding:9px 14px;font-weight:600;cursor:pointer;font-size:14px;text-decoration:none}
.eb:hover{border-color:var(--ink)}
.eb.pri{background:var(--ink);border-color:var(--ink);color:#fff}
.eb.pri:hover{background:var(--teal);border-color:var(--teal);color:var(--ink)}
.eb.pri[disabled]{opacity:.5;cursor:not-allowed}
.eb.danger{color:#b3261e}
.eb.danger:hover{border-color:#b3261e}
.eb.sm{padding:6px 10px;font-size:13px}
.ed-body{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:0}
.ed-tabs{background:#fff;border-right:1px solid var(--line);padding:12px;overflow:auto}
.ed-tabs button{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 12px;border-radius:8px;font-weight:600;color:var(--text);cursor:pointer}
.ed-tabs button:hover{background:var(--paper)}
.ed-tabs button[aria-selected="true"]{background:var(--mint);color:var(--ink)}
.ed-main{overflow:auto;padding:24px clamp(16px,3vw,40px) 120px}
.ed-pane{max-width:900px}
.ed-pane>h3{font-family:var(--sans);font-size:24px;margin:0 0 6px}
.ed-pane>.hint{color:var(--muted);margin:0 0 22px}
.ed-split{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}
.ed-items{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;position:sticky;top:0}
.ed-items ol{list-style:none;margin:0 0 8px;padding:0;max-height:60vh;overflow:auto}
.ed-items li{display:flex;align-items:center;gap:4px}
.ed-items li button.pick{flex:1;text-align:left;background:none;border:0;padding:9px 10px;border-radius:8px;cursor:pointer;font-weight:500;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ed-items li button.pick:hover{background:var(--paper)}
.ed-items li button.pick[aria-current="true"]{background:var(--mint);font-weight:700}
.ed-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:16px}
.ed-card .ctrl{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;border-bottom:1px solid var(--line);padding-bottom:14px}
.ef label.l{display:block;font-weight:700;margin-bottom:6px}
.ef .h{display:block;color:var(--muted);font-size:13px;margin:-2px 0 8px;font-weight:400}
.ef input[type=text],.ef input[type=url],.ef textarea,.ef select{width:100%;font:inherit;font-family:var(--body);font-size:14px;border:1px solid #c9d6d3;border-radius:8px;padding:10px 12px;background:#fff;color:var(--text)}
.ef textarea{min-height:90px;resize:vertical;line-height:1.55}
.ef input:focus,.ef textarea:focus,.ef select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(23,188,171,.2)}
.ef .checks{display:flex;flex-wrap:wrap;gap:8px}
.ef .checks label{display:inline-flex;gap:6px;align-items:center;border:1px solid #c9d6d3;border-radius:999px;padding:6px 12px;cursor:pointer;font-weight:500}
.ef .img{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ef .img .prev{width:150px;height:100px;border-radius:8px;background:repeating-linear-gradient(135deg,#eef3f2 0 8px,#e6edeb 8px 16px);border:1px solid var(--line);overflow:hidden;display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center;padding:4px;flex:none}
.ef .img .prev img{width:100%;height:100%;object-fit:contain;background:#fff}
.ef .img .btns{display:flex;flex-direction:column;gap:6px}
.ef .sub{border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:12px;background:#fafcfb}
.ef .sub .row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ef .sub .row b{font-size:13px;color:var(--muted)}
.ef .subs{display:grid;gap:10px}
.ef .gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ef .gal .gi{border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff;display:grid;gap:6px}
.ef .gal .gi .prev{width:100%;height:96px}
.ef .gal .gi .bt{display:flex;gap:4px;flex-wrap:wrap}
.ef .gal input[type=text]{font-size:12px;padding:6px 8px}
.ef.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:860px){.ed-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.ed-tabs{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px}.ed-tabs button{white-space:nowrap;width:auto}.ed-split{grid-template-columns:1fr}.ed-items{position:static}.ed-items ol{max-height:220px}.ef.two{grid-template-columns:1fr}}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:200;background:var(--ink);color:#fff;font-family:var(--sans);font-weight:600;padding:12px 20px;border-radius:10px;display:none;max-width:90vw}
.toast.show{display:block}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.ed-old{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px;padding:14px 16px;border-radius:12px;background:#fff6dd;border:1px solid #f0d27a;color:#4a3a00;font-size:15px}
.ed-old .eb{padding:8px 14px;font-size:14px}


.ed input[type=checkbox][data-k=bool]{appearance:none;-webkit-appearance:none;flex:none;width:44px;height:26px;border-radius:999px;background:#c9d3d4;position:relative;cursor:pointer;transition:background .2s;margin:0}
.ed input[type=checkbox][data-k=bool]::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
.ed input[type=checkbox][data-k=bool]:checked{background:#17bcab}
.ed input[type=checkbox][data-k=bool]:checked::after{transform:translateX(18px)}
.ed input[type=checkbox][data-k=bool]:focus-visible{outline:2px solid #17bcab;outline-offset:2px}