*{box-sizing:border-box}
:root{color-scheme:light;--bg:#fffaf6;--sf:#fff;--sky:#eef7fd;--ink:#2b4566;--navy:#123b6b;--mu:#5d7390;--ln:#dfeaf4;
--blue:#1f8ad0;--green:#58a83c;--amber:#ee9c14;--pink:#e5427a;--pur:#7c5cd6;--teal:#1fa3a8;--link:#1f7fc2;--sh:0 10px 30px rgba(31,90,150,.10);
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:calc(96px + env(safe-area-inset-top,0px))}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.8}
h1,h2,h3,h4{color:var(--navy);font-weight:600;line-height:1.3;margin:0 0 .6em}
a{color:var(--link)}
img{max-width:100%;display:block}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 22px}
.tc{text-align:center}
.eyebrow{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;color:var(--blue);margin-bottom:.4rem}
.ul{display:block;width:44px;height:2px;background:var(--blue);margin:.9rem auto 2rem;border-radius:2px}
.ul.l{margin-left:0}
/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--sf) 94%,transparent);backdrop-filter:blur(8px)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;padding-bottom:10px}
.brand{display:block;line-height:0;background:#fff;border-radius:14px;padding:2px 8px}
.brand img{height:62px;width:auto}
nav{display:flex;gap:30px}
nav a{text-decoration:none;color:var(--ink);font-size:.95rem;padding:.5rem 0;border-bottom:2px solid transparent}
nav a:hover{color:var(--blue)}
nav a.on{color:var(--blue);border-bottom-color:var(--blue)}
.burger{display:none;border:0;background:var(--sky);color:var(--navy);font-size:1.4rem;border-radius:14px;width:46px;height:46px;cursor:pointer}
@media(max-width:800px){
.burger{display:block}
nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--sf);flex-direction:column;gap:0;padding:8px 22px 16px;box-shadow:0 14px 24px rgba(0,0,0,.1)}
nav.open{display:flex}
nav a{padding:.85rem 0;border-bottom:1px solid var(--ln)}
}
.page[hidden]{display:none}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:inherit;font-size:1rem;padding:.9rem 1.7rem;border-radius:999px;background:var(--blue);color:#fff;border:2px solid var(--blue);cursor:pointer;box-shadow:0 8px 20px rgba(31,138,208,.28)}
.btn.line{background:transparent;color:var(--link);border-color:var(--link);box-shadow:none;padding:.6rem 1.3rem;font-size:.92rem}
/* hero */
.hero{position:relative;overflow:hidden;padding:40px 0 70px}
.hero::before{content:"";position:absolute;right:-90px;top:-70px;width:360px;height:220px;background:color-mix(in srgb,var(--blue) 14%,transparent);border-radius:50%;transform:rotate(-18deg)}
.hero::after{content:"";position:absolute;right:-70px;bottom:-40px;width:260px;height:300px;background:color-mix(in srgb,#f5c542 28%,transparent);border-radius:50%}
.hero .wrap{position:relative;z-index:1;display:grid;gap:36px;align-items:center}
.hero h1{font-size:clamp(1.6rem,4vw,2.55rem);line-height:1.35;font-weight:500}
.b{color:var(--blue)}.g{color:var(--green)}
.hero .lead{font-size:1.1rem;color:var(--mu);max-width:30em;margin:1.2rem 0 1.8rem}
.blob{position:relative}
.blob img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:58% 42% 50% 50%/46% 54% 46% 54%;box-shadow:var(--sh)}
.dash{position:absolute;left:-14px;top:-14px;width:70px;height:60px;z-index:2}
@media(min-width:880px){.hero .wrap{grid-template-columns:1fr 1.05fr}}
/* services row */
.sky{background:var(--sky);border-radius:60px 60px 0 0/40px 40px 0 0;padding:64px 0}
.svcrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
.sc{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:var(--sf);border-radius:26px;padding:26px 14px;box-shadow:var(--sh);text-decoration:none;color:var(--navy);font-size:.98rem;line-height:1.4;transition:transform .15s}
.sc:hover{transform:translateY(-5px)}
.ic{flex:none;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,var(--sf));color:var(--c)}
.ic svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.duo{display:grid;gap:20px;margin-top:44px}
@media(min-width:760px){.duo{grid-template-columns:1fr 1fr}}
.dc{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--sf);border-radius:28px;padding:26px 26px;box-shadow:var(--sh)}
.dc h3{font-size:1.45rem}
.dc img.wide{width:min(235px,44%);height:auto;border-radius:0;object-fit:contain}
.dc img{flex:none;width:140px;height:130px;object-fit:cover;border-radius:58% 42% 50% 50%/46% 54% 46% 54%}
@media(max-width:480px){.dc img{width:96px;height:96px}}
/* gallery */
.gal{columns:2;column-gap:16px}
.gal img{width:100%;border-radius:24px;margin-bottom:16px;break-inside:avoid;cursor:zoom-in;box-shadow:var(--sh)}
@media(min-width:900px){.gal{columns:3}}
.lb{position:fixed;inset:0;background:rgba(10,20,35,.9);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px;cursor:zoom-out}
.lb[hidden]{display:none}
.lb img{max-height:92vh;max-width:96vw;border-radius:18px}
/* closing tagline */
.end{text-align:center;padding:30px 0 70px}
.end svg{width:170px;height:44px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;margin:0 auto}
.end p{font-size:clamp(1.3rem,3.4vw,2rem);color:var(--navy);margin:.6rem auto 0;max-width:22em;line-height:1.5}
/* contact */
.cbox{background:var(--sf);border-radius:36px;box-shadow:var(--sh);padding:34px 22px}
.cgrid{display:grid;gap:30px}
@media(min-width:860px){.cgrid{grid-template-columns:1fr 1.25fr}.cbox{padding:48px}}
.info{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.info li{display:flex;gap:16px;align-items:flex-start}
.info .ic{width:52px;height:52px}.info .ic svg{width:24px;height:24px}
.info small{display:block;color:var(--mu);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.info a,.info b{color:var(--navy);font-weight:500;text-decoration:none}
.info a.tel{display:inline-block;padding:.25rem 0;border-bottom:2px solid color-mix(in srgb,var(--blue) 45%,transparent)}
.info a.tel:hover{border-bottom-color:var(--blue)}
.mapli{display:block!important}
.mapbox{position:relative;width:100%;aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:color-mix(in srgb,var(--blue) 10%,var(--sf));box-shadow:var(--sh)}
.maplink{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:12px;text-decoration:none}
.maplink span{background:var(--sf);color:var(--navy);font-weight:600;font-size:.88rem;padding:.5rem 1rem;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.maplink:hover span{background:var(--blue);color:#fff}
form{display:grid;gap:14px}
.row2{display:grid;gap:14px}
@media(min-width:560px){.row2{grid-template-columns:1fr 1fr}}
label{font-size:.9rem;color:var(--navy);display:grid;gap:6px}
input,textarea{font:inherit;font-size:16px;padding:.8rem 1.1rem;border:2px solid var(--ln);border-radius:18px;background:var(--bg);color:var(--ink);width:100%}
input:focus,textarea:focus{outline:3px solid color-mix(in srgb,var(--blue) 35%,transparent);border-color:var(--blue)}
textarea{min-height:140px;resize:vertical}
.hp{position:absolute;left:-9999px}
#msg{margin:0}#msg.ok{color:var(--green)}#msg.err{color:var(--pink)}
/* services page */
.ph{padding:48px 0 14px}
.ph h1{font-size:clamp(1.8rem,5vw,2.6rem)}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 30px}
.chips a{text-decoration:none;font-size:.92rem;padding:.45rem 1.1rem;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,var(--sf));color:var(--navy)}
.chips a:hover{background:var(--c);color:#fff}
.svc{background:var(--sf);border-radius:34px;box-shadow:var(--sh);padding:28px 22px;margin:0 0 30px}
.svh{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.svh .ic{width:64px;height:64px}.svh .ic svg{width:32px;height:32px}
.svh h2{margin:0;font-size:clamp(1.35rem,3.6vw,1.9rem)}
.sg{display:grid;gap:24px}
@media(min-width:900px){.svc{padding:36px}.sg{grid-template-columns:310px 1fr;gap:38px}.sg figure{position:sticky;top:110px;align-self:start}}
.svc figure{margin:0}
.svc figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px}
@media(min-width:900px){.svc figure img{aspect-ratio:3/4}}
.sb h4{color:var(--c);font-size:1.08rem;margin:1.5em 0 .3em}
.sb p{margin:0 0 1em}
.pull{background:color-mix(in srgb,var(--c) 11%,var(--sf));border-radius:22px;padding:18px 22px;margin:1.4em 0}
.pull p{margin:0 0 .5em}.pull p:last-child{margin:0}
.closing{color:var(--navy);border-top:2px dashed var(--ln);padding-top:1em;margin-top:1.4em!important;font-weight:500}
/* team */
.team{display:grid;gap:16px;padding:10px 0 70px}
.member{background:var(--sf);border-radius:26px;box-shadow:var(--sh);overflow:hidden}
.member summary{list-style:none;display:flex;align-items:center;gap:16px;padding:18px 22px;cursor:pointer}
.member summary::-webkit-details-marker{display:none}
.member summary::after{content:"+";margin-left:auto;font-size:1.8rem;color:var(--c);line-height:1}
.member[open] summary::after{content:"–"}
.av{flex:none;width:64px;height:64px;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--c) 16%,var(--sf));color:var(--c);display:grid;place-items:center;font-weight:700}
.member b{display:block;font-weight:500;font-size:1.12rem;color:var(--navy)}
.member small{color:var(--mu);font-size:.92rem}
.av img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.bio{padding:2px 24px 24px;display:flow-root}
.bio .ph2{float:left;width:230px;margin:4px 26px 12px 0}
.bio .ph2 img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 20%;border-radius:26px;box-shadow:var(--sh)}
@media(max-width:600px){.bio .ph2{float:none;width:170px;margin:4px auto 16px}}
.bio p{margin:0 0 1em}
.bio .closing{color:var(--c)}
.banner{margin:0 0 26px}
.banner img{width:100%;aspect-ratio:16/9;max-height:440px;object-fit:cover;border-radius:34px;box-shadow:var(--sh)}
footer{background:var(--sky);padding:30px 0;text-align:center;color:var(--mu);font-size:.92rem}
footer img{height:70px;margin:0 auto 10px;background:#fff;border-radius:14px;padding:3px 10px}
.ar{width:1.05em;height:1.05em;vertical-align:-.15em;margin-left:.2em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
img{height:auto}
footer img{width:auto}
.mapbox .mapsvg{position:absolute;inset:0;width:100%;height:100%}
.skip{position:absolute;left:-9999px;top:8px;background:var(--blue);color:#fff;padding:.6rem 1rem;border-radius:10px;z-index:60}
.skip:focus{left:12px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;line-height:1.5;color:var(--ink)}
.chk input{width:22px;height:22px;flex:none;padding:0;margin-top:1px;accent-color:var(--blue)}
.note{margin:0;font-size:.86rem;color:var(--mu)}
footer a{color:var(--link)}
.doc{max-width:820px;margin:0 auto;padding-bottom:70px}
.doc h2{font-size:1.25rem;margin:1.8em 0 .4em}
.doc p,.doc li{margin:0 0 .8em}
.doc ul{padding-left:1.2em}