:root{--bg:#F6F7FA;--card:#FFFFFF;--ink:#152032;--muted:#5C687B;--line:#E1E5EC;--blue:#2B4EF5;--blue-2:#1F3BD1;--navy:#121A2B;--navy-2:#1A2540;--navy-line:#33456E;--navy-text:#DDE4F2;--navy-muted:#8E9CB8;--lime:#D2F65A;--lime-ink:#2A3606;
--t-blue:#E7ECFF;--t-blue-i:#2B4EF5;--t-green:#E2F5E8;--t-green-i:#1C7F47;--t-lavender:#EEE9FF;--t-lavender-i:#5B43C9;--t-orange:#FFEEDC;--t-orange-i:#B45A0C;--t-teal:#DDF2F1;--t-teal-i:#0B7471;
--f:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0D121C;--card:#151C29;--ink:#E7ECF4;--muted:#9AA6B9;--line:#252F42;--blue:#6F88FF;--blue-2:#8EA1FF;
--t-blue:#1A2346;--t-blue-i:#9AAEFF;--t-green:#13281D;--t-green-i:#6FD49A;--t-lavender:#221B3E;--t-lavender-i:#B6A6FF;--t-orange:#2D1F10;--t-orange-i:#F2A65A;--t-teal:#0F2626;--t-teal-i:#5FCFCB}}
:root[data-theme="dark"]{--bg:#0D121C;--card:#151C29;--ink:#E7ECF4;--muted:#9AA6B9;--line:#252F42;--blue:#6F88FF;--blue-2:#8EA1FF;
--t-blue:#1A2346;--t-blue-i:#9AAEFF;--t-green:#13281D;--t-green-i:#6FD49A;--t-lavender:#221B3E;--t-lavender-i:#B6A6FF;--t-orange:#2D1F10;--t-orange-i:#F2A65A;--t-teal:#0F2626;--t-teal-i:#5FCFCB}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 88px);scroll-behavior:smooth}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--f);-webkit-font-smoothing:antialiased}
body.lock{overflow:hidden}
a{color:var(--blue)}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:10px}
.w{max-width:1200px;margin:0 auto;padding:0 28px}
h1,h2,h3{margin:0;line-height:1.12;letter-spacing:-.02em}
[hidden]{display:none!important}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.top .w{display:flex;align-items:center;gap:28px;height:76px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.logo{position:relative;width:44px;height:44px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:17px;letter-spacing:-.02em}
.logo i{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--lime)}
.brand b{display:block;font-size:16px;line-height:1.2}.brand small{display:block;font-size:13px;color:var(--muted)}
nav{margin-left:auto;display:flex;gap:26px}
nav a{color:var(--muted);text-decoration:none;font-weight:500;font-size:15px}
nav a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:12px;background:var(--blue);color:#fff;text-decoration:none;font-weight:600;font-size:15px;border:1px solid var(--blue);transition:background .2s}
.btn:hover{background:var(--blue-2)}
.btn small{opacity:.75;font-size:12px}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--ink)}
@media (max-width:820px){nav{display:none}.top .btn{margin-left:auto}}
@media (max-width:480px){.brand small{display:none}.top .btn{padding:10px 14px}}

/* hero */
.hero{padding:72px 0 84px}
.hg{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.status{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;padding:7px 14px 7px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);margin-bottom:26px}
.status i{width:8px;height:8px;border-radius:50%;background:#22B05E;box-shadow:0 0 0 4px rgba(34,176,94,.18)}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:14px;font-weight:600;color:var(--muted)}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--blue)}
h1{font-size:clamp(42px,5.6vw,72px);font-weight:600;letter-spacing:-.035em;line-height:1.02}
h1 span{color:var(--blue)}
.lead{font-size:20px;color:var(--muted);max-width:30em;margin:26px 0 0}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.panel{background:var(--navy);color:var(--navy-text);border-radius:24px;padding:22px;box-shadow:0 30px 60px -30px rgba(18,26,43,.55)}
.ptop{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--navy-muted)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--lime)}
.pchips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 12px}
.pchips button{border:1px solid var(--navy-line);background:transparent;color:var(--navy-muted);padding:7px 12px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer}
.pchips button[aria-pressed="true"]{background:var(--lime);border-color:var(--lime);color:var(--lime-ink)}
.mapwrap{background:var(--navy-2);border:1px solid var(--navy-line);border-radius:16px;padding:10px}
.map{display:block;width:100%;height:auto;color:#55689A}
.map .me{fill:none;stroke:currentColor;stroke-width:1.5;stroke-dasharray:5 5;transition:color .3s}
.map .me.on{color:var(--lime);stroke-dasharray:6 6;animation:flow 1s linear infinite}
@keyframes flow{to{stroke-dashoffset:-12}}
.map .mn rect{fill:#1F2C4A;stroke:#3A4C76;stroke-width:1.2;transition:fill .3s,stroke .3s}
.map .mn text{font-family:var(--f);transition:fill .3s}
.map .mt{fill:#C9D3E6;font-size:16px;font-weight:600}.map .ms{fill:#7F8EAD;font-size:12.5px}
.map .mn.on rect{fill:#2B4EF5;stroke:#8FA3FF}.map .mn.on .mt{fill:#fff}.map .mn.on .ms{fill:#D6DDFF}
.map .mn.dim{opacity:.45}
.mcap{margin:14px 4px 2px;font-size:15px;color:var(--navy-text);line-height:1.5}
.mcap .lnk{color:var(--lime)}
.lnk{background:none;border:0;padding:0;color:var(--blue);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-align:left}
@media (max-width:960px){.hg{grid-template-columns:1fr;gap:40px}.hero{padding:44px 0 56px}}

/* sections */
.sec{padding:72px 0}
.sh{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:end;margin-bottom:34px}
.sh h2{font-size:clamp(34px,4.4vw,52px);font-weight:600;letter-spacing:-.03em}
.sh p{margin:0;color:var(--muted);font-size:17px;max-width:38em}
@media (max-width:820px){.sh{grid-template-columns:1fr;gap:14px}}

/* cards */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:330px;padding:30px;border-radius:24px;background:var(--tone);color:var(--ink);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(18,26,43,.35)}
.card:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.card h3{font-size:clamp(24px,2.4vw,30px);font-weight:600;margin:20px 0 12px;max-width:16em}
.card p{margin:0;color:var(--muted);font-size:16px;max-width:30em}
.ctag{margin-top:auto;padding-top:26px;font-size:14px;font-weight:600;color:var(--ink-t)}
.open{margin-top:14px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;background:var(--ink-t);color:#fff;padding:10px 16px;border-radius:10px}
.chip{display:inline-block;font-size:13px;font-weight:600;color:var(--ink-t);background:color-mix(in srgb,var(--ink-t) 12%,transparent);padding:5px 11px;border-radius:8px}
.t-blue{--tone:var(--t-blue);--ink-t:var(--t-blue-i)}.t-green{--tone:var(--t-green);--ink-t:var(--t-green-i)}
.t-lavender{--tone:var(--t-lavender);--ink-t:var(--t-lavender-i)}.t-orange{--tone:var(--t-orange);--ink-t:var(--t-orange-i)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .open{color:#0D121C}}
:root[data-theme="dark"] .open{color:#0D121C}
@media (max-width:820px){.cards{grid-template-columns:1fr}.card{min-height:0;padding:24px}}

/* approach */
.track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:t;border-top:2px solid var(--ink)}
.track li{counter-increment:t;padding:20px 22px 4px 0}
.track li::before{content:counter(t);display:block;font-size:13px;font-weight:700;color:var(--blue);margin-bottom:10px}
.track b{display:block;font-size:20px;font-weight:600;margin-bottom:6px}
.track span{color:var(--muted);font-size:15px;display:block;max-width:20em}
@media (max-width:820px){.track{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}}@media (max-width:480px){.track{grid-template-columns:1fr}}
.depth{margin-top:44px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px}
.depth h3{font-size:20px;font-weight:600;margin-bottom:16px}
.tw{overflow-x:auto}
.depth table{border-collapse:collapse;width:100%;min-width:640px}
.depth th,.depth td{padding:14px 12px;text-align:left;border-top:1px solid var(--line);font-size:14px}
.depth thead th{border-top:0;color:var(--muted);font-weight:600;font-size:13px;vertical-align:bottom}
.depth tbody th{font-weight:600;font-size:15px;width:34%}
.depth tbody th .lnk{color:var(--ink);text-decoration:none}
.depth tbody th .lnk:hover{color:var(--blue)}
.dep{display:inline-flex;gap:4px}
.dep i{width:26px;height:8px;border-radius:4px;background:var(--line)}
.dep i.on{background:var(--blue)}

/* experience */
.exp{border-top:1px solid var(--line)}
.job{display:grid;grid-template-columns:170px 240px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline}
.job time{color:var(--muted);font-size:15px}.job b{font-size:18px;font-weight:600}.job span{color:var(--muted);font-size:16px}
@media (max-width:820px){.job{grid-template-columns:1fr;gap:4px}}
.kit{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
.kit h3{font-size:15px;color:var(--muted);font-weight:600;margin-bottom:6px}.kit p{margin:0}
@media (max-width:820px){.kit{grid-template-columns:1fr}}

/* contact */
.contact{background:var(--navy);color:var(--navy-text);border-radius:28px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.contact h2{color:#fff;font-size:clamp(30px,3.6vw,44px);font-weight:600;letter-spacing:-.03em}
.contact p{color:var(--navy-muted);margin:12px 0 0}
.cl a{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--navy-line);text-decoration:none;color:#fff}
.cl a span{color:var(--navy-muted)}.cl a b{font-weight:600}
.cl a:hover b{color:var(--lime)}
.foot{color:var(--muted);font-size:13px;margin:22px 0 0}
@media (max-width:820px){.contact{grid-template-columns:1fr;padding:30px}}

/* dialog */
dialog.case{width:min(1180px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:24px;background:var(--bg);color:var(--ink);overflow:auto;overscroll-behavior:contain}
dialog.case::backdrop{background:rgba(10,15,26,.6);backdrop-filter:blur(4px)}
dialog.case[open]{animation:pop .3s cubic-bezier(.2,.7,.2,1)}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.cbar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:var(--tone);border-bottom:1px solid color-mix(in srgb,var(--ink-t) 18%,transparent)}
.x{border:0;background:var(--card);width:40px;height:40px;border-radius:12px;cursor:pointer;font-size:16px}
.cin{padding:30px 28px 40px}
.cin h2{font-size:clamp(28px,3.6vw,44px);font-weight:600;letter-spacing:-.03em;max-width:20em}
.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 28px}
.meta dt{font-size:13px;color:var(--muted);font-weight:600}.meta dd{margin:4px 0 0;font-size:15px}
@media (max-width:820px){.meta{grid-template-columns:1fr;gap:10px}dialog.case{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0}.cin{padding:24px 18px 34px}.cbar{padding:12px 18px}}
.cin h3{font-size:14px;font-weight:700;color:var(--muted);margin-bottom:10px}
.cin section{margin-top:30px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.two section{margin-top:30px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px}
.two p{margin:0}
@media (max-width:820px){.two{grid-template-columns:1fr;gap:0}}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;counter-reset:s}
.steps li{counter-increment:s;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 18px 18px}
.steps li::before{content:counter(s);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--tone);color:var(--ink-t);font-weight:700;font-size:13px;margin-bottom:10px}
.steps b{display:block;font-size:16px;margin-bottom:4px}.steps span{color:var(--muted);font-size:15px;display:block;line-height:1.5}
@media (max-width:960px){.steps{grid-template-columns:1fr 1fr}}@media (max-width:560px){.steps{grid-template-columns:1fr}}
.result{margin-top:30px;background:var(--lime);color:var(--lime-ink);border-radius:18px;padding:22px 24px}
.result h3{color:var(--lime-ink);opacity:.75}.result p{margin:0;font-size:18px;font-weight:500}

/* story */
.story{background:var(--navy);color:var(--navy-text);border-radius:22px;padding:20px}
.stop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.sl{font-size:13px;font-weight:600;color:var(--navy-muted)}
.seg{display:flex;background:var(--navy-2);border:1px solid var(--navy-line);border-radius:11px;padding:3px}
.seg button{border:0;background:transparent;color:var(--navy-muted);padding:7px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--lime);color:var(--lime-ink)}
.sc{display:flex;align-items:center;gap:0;overflow-x:auto;padding:6px 2px 10px}
.sa{flex:0 0 34px;height:2px;background:repeating-linear-gradient(90deg,#55689A 0 5px,transparent 5px 10px);position:relative}
.sa::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid #55689A;border-right:0}
.sf{display:flex;flex-direction:column;gap:10px;padding-left:12px;border-left:2px dashed #55689A}
.sn{position:relative;flex:0 0 auto;min-width:150px;max-width:190px;text-align:left;background:#1F2C4A;border:1px solid #3A4C76;border-radius:14px;padding:14px 14px 12px;cursor:pointer;transition:background .3s,border-color .3s,transform .3s}
.sn b{display:block;color:#fff;font-size:15px;font-weight:600}.sn span{display:block;color:var(--navy-muted);font-size:13px;margin-top:2px;line-height:1.35}
.sn.new{border-style:dashed;border-color:#8FA3FF}
.sn.chg{border-color:#E7B565}
.sn .bd{position:absolute;top:-9px;left:12px;font-style:normal;font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px}
.bd.new{background:#2B4EF5;color:#fff}.bd.chg{background:#E7B565;color:#3A2600}
.sn.lit{background:#2B4EF5;border-color:#8FA3FF;transform:translateY(-2px)}
.sn.lit span{color:#D6DDFF}
.sn.lit.chg{background:#6A4B12;border-color:#E7B565}
.sn.sel{outline:2px solid var(--lime);outline-offset:2px}
.sd{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--navy-line);margin-top:12px;padding-top:14px;font-size:15px;min-height:56px}
.replay{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--navy-line);background:transparent;color:var(--navy-text);cursor:pointer;font-size:17px}
@media (max-width:820px){.sc{flex-direction:column;align-items:stretch}.sa{flex:0 0 26px;width:2px;height:26px;margin-left:22px;background:repeating-linear-gradient(180deg,#55689A 0 5px,transparent 5px 10px)}.sa::after{right:auto;left:-4px;top:auto;bottom:-1px;border:5px solid transparent;border-top:7px solid #55689A;border-bottom:0}.sn{max-width:none}.sf{border-left:0;padding-left:0}}

/* pro */
.pro{margin-top:40px!important;padding-top:30px;border-top:1px solid var(--line)}
.pro>h3{font-size:22px;color:var(--ink);font-weight:600;letter-spacing:-.01em;margin-bottom:16px}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.tabs button{border:1px solid var(--line);background:var(--card);padding:8px 14px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;color:var(--muted)}
.tabs button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.tp{display:none}.tp.on{display:block;animation:pop .25s ease}
.dg{background:#fff;border:1px solid #DCE2EA;border-radius:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px}
.dg svg{min-width:980px}
.cap{font-size:13px;color:var(--muted);margin:10px 0 0}
.legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px;font-size:13px;color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:7px}
.lg{width:16px;height:12px;border-radius:3px;border:1px solid #1D2633}.lg.new{background:#DCE4FF}.lg.chg{background:#FFE7B8}
.chart{background:var(--navy);border-radius:16px;overflow-x:auto;padding:10px}
.chart svg{display:block;width:100%;min-width:720px;height:auto}
.chart text{font-family:var(--f);fill:#DDE4F2}.chart .c-s{font-size:12px;fill:#8E9CB8}.chart .c-b{font-size:14px;font-weight:600}.chart .c-h{font-size:15px;font-weight:600;fill:#fff}.chart .c-l{fill:#D2F65A}.chart .c-r{fill:#FF8A8E}
.tbl{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:16px}
.tbl table{border-collapse:collapse;width:100%;min-width:680px;font-size:15px}
.tbl th,.tbl td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl thead th{color:var(--muted);font-size:13px}
.tbl tr:last-child td{border-bottom:0}
.code{background:var(--navy);border-radius:16px;overflow-x:auto}
.code pre{margin:0;padding:20px;font:13px/1.65 var(--mono);color:#D7E1F2}
.code .k{color:#8FB4FF}.code .c{color:#7486A3}.code .n{color:#FFB86B}
.notes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.notes div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.notes b{display:block;margin-bottom:4px}.notes span{color:var(--muted);font-size:15px;display:block;line-height:1.55}
@media (max-width:700px){.notes{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:22px}
.flow i{font-style:normal;font-size:13px;font-weight:600;padding:6px 10px;border-radius:8px;background:var(--card);color:var(--ink);border:1px solid color-mix(in srgb,var(--ink-t) 22%,transparent)}
.flow i.new{background:var(--ink-t);color:#fff;border-color:var(--ink-t)}
.flow b{width:14px;height:2px;background:color-mix(in srgb,var(--ink-t) 45%,transparent)}
.dgw{position:relative}
.zoom{position:absolute;top:10px;right:10px;z-index:1;border:1px solid #DCE2EA;background:#fff;color:#1D2633;border-radius:9px;padding:6px 11px;font-size:13px;font-weight:600;cursor:pointer}
.dg.big svg{min-width:1500px}
.me-ph{width:76px;height:76px;border-radius:18px;object-fit:cover;object-position:top;margin-bottom:18px;box-shadow:0 0 0 5px rgba(255,255,255,.06)}

.cin h2:focus{outline:none}
@media (max-width:600px){.mapwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.map{min-width:540px}.panel{padding:16px}}
.hg>*{min-width:0}

.t-teal{--tone:var(--t-teal);--ink-t:var(--t-teal-i)}
.cards .card:last-child:nth-child(odd){grid-column:1/-1;min-height:0}
.groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.grp{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}
.grp h4{margin:0 0 12px;font-size:13px;font-weight:700;color:var(--ink-t);background:var(--tone);display:inline-block;padding:4px 10px;border-radius:8px}
.pt{padding:10px 0;border-top:1px solid var(--line)}
.pt:first-of-type{border-top:0;padding-top:0}
.pt b{display:block;font-size:15px;margin-bottom:2px}.pt span{display:block;color:var(--muted);font-size:14px;line-height:1.45}
@media (max-width:960px){.groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.groups{grid-template-columns:1fr}}
.groups.n4{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:600px){.groups.n4{grid-template-columns:1fr}}

/* Public case stories and server-protected professional galleries. */
.map .me.on{animation:none}.ptop{flex-wrap:wrap}.map-play{margin-left:auto;background:none;border:1px solid var(--navy-line);color:var(--navy-text);border-radius:8px;padding:7px 10px;font-size:12px;cursor:pointer;min-height:36px}
.mobile-context{display:none}.card-detail{margin-top:12px;font-size:12px;color:var(--muted)}
.x,.replay{min-width:44px;min-height:44px}.cbar{z-index:5}.gallery-gate{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px;border:1px solid var(--line);background:var(--card);border-radius:20px}
.gallery-gate h4{font-size:26px;line-height:1.15;letter-spacing:-.025em;margin:0 0 14px}.gallery-gate p{color:var(--muted);font-size:15px}.gallery-gate ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:8px}.gallery-gate li{display:flex;gap:12px;font-size:14px}.gallery-gate li span{color:var(--blue)}
.lock-label{display:inline-flex;vertical-align:middle;padding:5px 9px;margin-left:6px;font-size:12px;background:var(--tone);color:var(--ink-t);border-radius:7px;font-weight:500;letter-spacing:0}
.unlock-form{align-self:center;display:grid;gap:12px}.unlock-form label{font-size:14px;font-weight:600}.unlock-form small{font-size:12px;color:var(--muted)}.unlock-form>a{font-size:14px}.unlock-form .btn{cursor:pointer;justify-content:center}.unlock-form .btn:disabled{opacity:.6;cursor:wait}.auth-message{margin:0;min-height:24px}.password-field{display:flex;border:1px solid var(--line);border-radius:12px;background:var(--bg);overflow:hidden}.password-field input{width:100%;min-width:0;font:inherit;color:var(--ink);background:none;border:0;padding:12px}.show-password{padding:10px;border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer}
.gallery-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.gallery-controls p{font-size:14px;font-weight:600}.logout{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);cursor:pointer;font-size:14px}.protected-content>.cap{margin:0 0 18px}.tabs{padding-top:5px}.tabs button{min-height:44px}.dg{padding-top:55px;scrollbar-width:thin}.dg svg{min-width:760px}.dg.big svg{min-width:1400px}.download-svg{display:block;margin:10px 0 0 auto;font-size:13px;color:var(--blue);border:0;background:none;cursor:pointer;padding:8px}.zoom{min-height:38px}.cin,.groups,.groups>*,.cards>*,.contact>*{min-width:0}.cl a{overflow-wrap:anywhere}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 32px}.filter-bar button{border:1px solid var(--line);background:var(--card);padding:9px 14px;border-radius:10px;font-size:14px;cursor:pointer}.filter-bar [aria-pressed=true]{background:var(--ink);color:var(--bg)}
.gallery-intro{padding:64px 0 0}.gallery-intro h1{font-size:clamp(38px,5vw,66px);max-width:850px}.gallery-intro .lead{max-width:740px;font-size:18px}.gallery-intro .eyebrow a{color:inherit}.all-cases-link{display:flex;justify-content:flex-end;margin-top:25px}.all-cases-link a{font-weight:600;text-decoration:none}.doc-note{font-size:13px;color:var(--muted)}
@media(max-width:600px){.w{padding:0 18px}.top .w{gap:12px;height:68px}.logo{width:36px;height:36px;flex-shrink:0}.brand{gap:8px}.brand b{font-size:13px}.top .btn{font-size:12px;padding:9px 10px}.hero{padding-top:32px}.hero h1{font-size:clamp(35px,8vw,46px)}.lead{font-size:17px}.eyebrow{font-size:12px}.panel{padding:18px}.mapwrap{display:none}.mobile-context{display:grid;gap:8px;margin-top:16px}.mobile-context div{font-size:14px;padding:12px 14px;border-radius:10px;border:1px solid var(--navy-line);background:var(--navy-2)}.mobile-context div+div:before{content:'↓';display:block;color:var(--navy-muted);margin-top:-21px;margin-bottom:7px;position:relative;left:10px}.mobile-context div+div{margin-top:12px}.mobile-context .added{background:#2B4EF5;color:white;border-color:#8FA3FF}.pchips button{font-size:12px;min-height:40px;padding:7px 9px}.mcap{font-size:14px}.sec{padding:44px 0}.card{padding:22px}.contact{padding:24px}.cl a{flex-direction:column;gap:2px}.depth{padding:18px}.gallery-gate{grid-template-columns:1fr;padding:20px;gap:22px}.gallery-gate h4{font-size:24px}.story{padding:16px}.cin{padding:22px 16px}.two section,.result{padding:20px}.gallery-intro{padding-top:35px}.meta dd{font-size:14px}.cin h2{font-size:29px}.lock-label{margin:8px 0 0}.pro>h3{display:flex;flex-direction:column;align-items:flex-start}.tabs{gap:6px}.tabs button{font-size:12px;padding:7px 10px}.gallery-gate .eyebrow:before{display:none}.map-play{font-size:11px}.gallery-controls{gap:8px}}
/* Locked material previews contain decorative placeholders only. */
.pro .gate{position:relative;isolation:isolate;overflow:hidden;border-radius:20px}.locked-preview{position:relative;height:230px;padding:22px;filter:blur(4px);opacity:.45;color:var(--muted);pointer-events:none;user-select:none;overflow:hidden;background:var(--card)}.locked-preview svg{width:100%;height:210px;display:block}.preview-tabs{display:flex;gap:12px;margin:0 0 16px}.preview-tabs i{width:100px;height:30px;border-radius:8px;background:var(--line)}.preview-table{display:grid;gap:12px}.preview-table i{display:block;background:var(--line);height:30px;border-radius:8px}.gallery-gate{background:color-mix(in srgb,var(--card) 70%,transparent);position:relative;margin:-36px 24px 24px;min-height:340px;box-shadow:0 8px 35px -24px #152032}.gallery-gate .unlock-form{background:var(--card);border-radius:16px;padding:20px}.password-field input{letter-spacing:.3em}.pro .gate:focus-within .locked-preview{opacity:.4}
.contact-private.pro{margin-top:20px!important;padding-top:16px;border-top:1px solid var(--navy-line);color:var(--navy-text)}.contact-private.pro h3{font-size:16px;color:var(--navy-text);margin:0 0 12px}.contact-private .lock-label{background:var(--navy-line);color:var(--navy-text)}.contact-private .gate{padding:18px;background:var(--navy)}.contact-preview{height:104px;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--navy);color:#fff;opacity:.65;filter:blur(5px)}.contact-preview div{margin-bottom:28px;display:grid;gap:10px;font-size:18px}.contact-private .unlock-form{position:relative;z-index:1;padding:18px;border:1px solid var(--navy-line);border-radius:14px;background:color-mix(in srgb,var(--navy) 78%,transparent);gap:10px}.contact-private .unlock-form label{font-size:13px;color:#fff}.contact-private .password-field{background:var(--navy);border-color:var(--navy-line)}.contact-private input{color:#fff}.contact-private .show-password,.contact-private .unlock-form small,.contact-private .auth-message{color:var(--navy-muted)}.contact-private .auth-message{font-size:13px;line-height:1.4;margin:0;min-height:0}.contact-private .logout{margin-top:14px;color:var(--navy-text);border-color:var(--navy-line);background:var(--navy)}.contact-private .protected-content a{font-size:15px}.contact-private .gate .btn{font-size:14px;min-height:44px}.contact-private .protected-content a span{color:var(--navy-muted)}
@media(max-width:600px){.gallery-gate{margin:-30px 14px 14px;padding:18px;gap:16px}.gallery-gate .unlock-form{padding:16px}.contact-private .gate{padding:12px}.contact-private .unlock-form{padding:16px}.contact-private.pro>h3{display:block}.contact-private .lock-label{margin:0 0 0 5px}.locked-preview svg{min-width:560px}.gallery-gate{min-height:0}.contact-private .protected-content a{overflow-wrap:anywhere}}

.dg svg{display:block;width:100%;height:auto}
.dg text{font-family:Arial,Helvetica,sans-serif;fill:#1D2633}
.dg .lb{font-size:13px}.dg .sm{font-size:11.5px;fill:#4A5565}.dg .sm2{font-size:11.5px;fill:#4A5565}.dg .msl{font-size:11px;fill:#6A7584;font-style:italic}
.dg .pl{font-size:14px;font-weight:700}.dg .ll{font-size:12.5px;font-weight:600;fill:#3A4554}
.dg .pool{fill:none;stroke:#1D2633;stroke-width:1.3}.dg .ln{fill:none;stroke:#1D2633;stroke-width:1}.dg .lnr{fill:none;stroke:#1D2633;stroke-width:1}
.dg .tint-new{fill:#EEF2FF}.dg .tint-chg{fill:#FFF6E5}
.dg .tk{fill:#fff;stroke:#1D2633;stroke-width:1.3}.dg .tk.new{fill:#DCE4FF}.dg .tk.chg{fill:#FFE7B8}
.dg .ev{fill:#fff;stroke:#1D2633;stroke-width:1.4}.dg .evend{fill:#fff;stroke:#1D2633;stroke-width:3.4}
.dg .gw{fill:#fff;stroke:#1D2633;stroke-width:1.4}.dg .gwx{stroke:#1D2633;stroke-width:3}.dg .gwo{fill:none;stroke:#1D2633;stroke-width:2.6}
.dg .ifill{fill:#1D2633}.dg .iwhite{fill:none;stroke:#fff;stroke-width:1.2}.dg .ist{fill:none;stroke:#1D2633;stroke-width:1.3}
.dg .sf{fill:none;stroke:#1D2633;stroke-width:1.4}.dg .mf{fill:none;stroke:#1D2633;stroke-width:1.2;stroke-dasharray:7 5}
.dg .mk{fill:#1D2633}.dg .mko{fill:#fff;stroke:#1D2633;stroke-width:1.2}
.dg .as{fill:none;stroke:#1D2633;stroke-width:1.1;stroke-dasharray:2 3}.dg .an{fill:none;stroke:#1D2633;stroke-width:1.2}
.dg .dobj{fill:#fff;stroke:#1D2633;stroke-width:1.3}

.lab-hero{padding:64px 0 48px}.lab-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.04;letter-spacing:-.045em;margin:14px 0 24px}.lab-hero h1 span{color:var(--blue)}.lab-hero .lead{max-width:610px}.lab-board{padding:30px;background:var(--navy);border-radius:24px;color:var(--navy-text);position:relative;overflow:hidden}.lab-board:before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--navy-line) 1px,transparent 1px);background-size:20px 20px;opacity:.45;pointer-events:none}.lab-board>*{position:relative}.lab-board .eyebrow{color:var(--navy-muted)}.lab-chain{display:grid;gap:16px;margin-top:24px}.lab-node{padding:16px 18px;border:1px solid var(--navy-line);border-radius:12px;background:var(--navy);display:flex;gap:16px;align-items:center}.lab-node b{font-size:15px}.lab-node span{color:var(--navy-muted);font-size:12px;display:block}.lab-num{font-style:normal;font-size:12px;color:var(--lime);width:28px;flex-shrink:0}.lab-node.highlight{border-color:var(--lime)}.lab-board .board-caption{font-size:12px;color:var(--navy-muted);margin:20px 0 0}.personal-card{padding:34px;display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:24px;text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer}.personal-card h3{font-size:32px;letter-spacing:-.03em;line-height:1.12;margin:18px 0}.personal-card p{color:var(--muted);font-size:16px}.personal-card .open{margin-top:24px;display:block}.personal-card:hover{border-color:var(--blue)}.personal-mini{display:grid;gap:12px;background:var(--bg);padding:24px;border-radius:18px}.mini-window{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:18px}.mini-window b{font-size:14px;display:block}.mini-window small{font-size:12px;color:var(--muted)}.mini-window .lines{display:flex;gap:6px;margin-top:14px}.mini-window .lines i{height:25px;flex:1;border-radius:5px;background:var(--line)}.mini-window .lines i:nth-child(2){background:var(--blue);opacity:.7}.personal-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.personal-tags span{font-size:12px;border:1px solid var(--line);border-radius:8px;padding:5px 9px;color:var(--muted)}.lab-next{margin-top:24px;padding:20px 24px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);font-size:14px}.lab-next b{color:var(--ink)}.lab-role{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lab-role article{padding:26px;border:1px solid var(--line);background:var(--card);border-radius:18px}.lab-role h3{font-size:20px;margin:0 0 12px}.lab-role p{font-size:15px;color:var(--muted)}.lab-note{padding:18px 22px;border-left:3px solid var(--blue);background:var(--bg);font-size:14px;color:var(--muted);margin:24px 0}.doc-table{width:100%;border-collapse:collapse;font-size:14px}.doc-table th,.doc-table td{text-align:left;vertical-align:top;padding:14px 12px;border-bottom:1px solid var(--line)}.doc-table th{font-weight:600}.doc-table td{color:var(--muted)}.lab-project .story .sc{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lab-project .story .sn{min-width:0;width:100%}.lab-project .pro{margin-top:36px}.lab-project .notes{display:block}.lab-project .notes p{font-size:14px;color:var(--muted)}.lab-project .meta{grid-template-columns:repeat(3,1fr)}.lab-project .notes h4{margin-top:24px}.lab-project .btn{margin-top:8px}.lab-project .cta{flex-wrap:wrap}
@media(max-width:820px){.personal-card{grid-template-columns:1fr}.personal-mini{grid-template-columns:1fr 1fr}.lab-role{grid-template-columns:1fr}.lab-hero{padding-top:36px}.lab-project .meta{grid-template-columns:1fr}.lab-project .story .sc{grid-template-columns:1fr}.lab-project .story .sn{text-align:left}.lab-board{padding:24px}}
@media(max-width:600px){.personal-card{padding:22px;gap:20px}.personal-card h3{font-size:27px}.personal-card p{font-size:15px}.personal-mini{padding:14px;gap:10px}.mini-window{padding:12px}.mini-window b{font-size:12px}.mini-window small{font-size:11px}.lab-role article{padding:22px}.lab-hero h1{font-size:40px}.lab-board{padding:22px}.doc-table{font-size:12px}.doc-table th,.doc-table td{padding:10px 7px;overflow-wrap:anywhere}}

.personal-card>*{min-width:0}.personal-mini,.mini-window{min-width:0}.personal-card .open{width:fit-content;text-align:left}.personal-card .card-detail{display:block}
@media(max-width:420px){.personal-mini{grid-template-columns:1fr}.lab-hero h1{font-size:36px}}

/* Cross-site navigation and two independent access levels. */
[hidden]{display:none!important}.access-strip{border-bottom:1px solid var(--line);background:var(--card)}.access-strip .w{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px;font-size:13px}.access-strip a{color:var(--blue);text-decoration:none;font-weight:600}.access-strip button{border:1px solid var(--line);background:transparent;border-radius:9px;padding:9px 12px;color:var(--muted);font:inherit;cursor:pointer;min-height:40px}.access-strip small{color:var(--muted)}.gate-layout{min-height:100svh;display:grid;align-content:center;padding:32px 22px}.entry-shell{width:min(100%,960px);margin:auto}.entry-shell>.brand{margin-bottom:32px;text-decoration:none;color:var(--ink);width:fit-content}.entry-card{display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--card)}.entry-copy{background:var(--navy);color:#fff;padding:42px}.entry-copy .eyebrow{color:var(--navy-muted)}.entry-copy h1{font-size:clamp(32px,4vw,46px);line-height:1.1;letter-spacing:-.035em;margin:20px 0}.entry-copy p{font-size:16px;line-height:1.65;color:var(--navy-text)}.entry-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.entry-chips span{border:1px solid var(--navy-line);padding:6px 10px;border-radius:9px;font-size:12px;color:var(--navy-text)}.entry-form-wrap{padding:42px;align-self:center}.entry-form-wrap h2{font-size:22px;margin:0 0 10px}.entry-form-wrap>p{color:var(--muted);font-size:14px;margin-bottom:24px}.entry-form{display:grid;gap:12px}.entry-form label{font-size:14px;font-weight:600}.entry-form .btn{justify-content:center;cursor:pointer}.entry-form .password-field input{font-size:18px;letter-spacing:.35em}.entry-form .auth-message{font-size:13px;color:var(--muted)}.entry-help{border-top:1px solid var(--line);margin-top:18px;padding-top:20px;font-size:13px;color:var(--muted)}.entry-help a{color:var(--blue);font-weight:600;display:inline-block;padding:8px 0;min-height:40px}.entry-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:var(--muted)}.entry-bottom a{color:var(--blue);padding:8px 0}.entry-map{display:flex;gap:8px;align-items:center;margin-top:28px}.entry-map i{height:7px;width:7px;border-radius:50%;background:var(--lime)}.entry-map span{height:1px;flex:1;background:var(--navy-line)}.entry-map b{font-size:11px;border:1px solid var(--navy-line);border-radius:9px;padding:10px;font-weight:500;color:var(--navy-text)}
@media(max-width:650px){.entry-card{grid-template-columns:1fr;border-radius:20px}.entry-copy{padding:24px}.entry-copy h1{font-size:32px;margin:12px 0}.entry-copy p{font-size:14px}.entry-chips{margin-top:16px}.entry-form-wrap{padding:24px}.entry-form-wrap>p{margin-bottom:18px}.entry-shell>.brand{margin-bottom:20px}.gate-layout{padding:22px 18px;align-content:start}.entry-map{display:none}.entry-bottom{gap:0;flex-direction:column}.access-strip .w{align-items:flex-start;font-size:12px}.access-strip small{display:block}.access-strip button{flex-shrink:0}.entry-help{margin-top:12px;padding-top:12px}}
@media(prefers-color-scheme:dark){.entry-form .btn{color:var(--navy)}}

.entry-form .auth-message{min-height:0}.entry-form .auth-message:empty{display:none}