/* Resources landing (after archdesk.com/blog) and articles (after meter.com/blog), in Milvian brand. */
.rl_head{padding:130px 0 26px;background:#fff}
.rl_head .crumbs{font-size:12px;color:var(--mute);margin-bottom:18px}
.rl_top{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end}
.rl_top h1{font-size:clamp(38px,4vw,58px);line-height:1.04;margin-top:14px}
.rl_intro p{font-size:15px;line-height:1.55;color:#4a4f55;margin-bottom:16px}
.rl_search{display:flex;align-items:center;gap:10px;border:1px solid var(--line2);border-radius:999px;padding:0 16px;height:44px}
.rl_search svg{width:18px;height:18px;color:var(--mute)}
.rl_search input{border:0;outline:0;font:inherit;font-size:14px;flex:1;background:none}
.rl_pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px;padding-top:24px;border-top:1px solid var(--line2)}
.rl_pill{height:36px;padding:0 16px;border:1px solid var(--line2);border-radius:999px;font-size:13.5px;color:#3a3f45;display:inline-flex;align-items:center;gap:8px}
.rl_pill span{font-size:11px;color:var(--mute)}
.rl_pill.is-on{background:var(--inkc,#101C2F);border-color:var(--inkc,#101C2F);color:#fff}
.rl_pill.is-on span{color:#9fb0c4}
.rl_feat_wrap{padding:26px 0 70px}
.rl_feat{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center}
.rl_fi,.rl_ci{position:relative;overflow:hidden;background:#eef2f6}
.rl_fi{aspect-ratio:16/10}
.rl_fi img,.rl_ci img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.rl_fi span,.rl_ci span{position:absolute;left:12px;bottom:12px;background:rgba(16,28,47,.85);color:#fff;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px}
.rl_feat:hover img,.rl_card:hover img{transform:scale(1.04)}
.rl_fb small,.rl_li small,.rl_card small{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.rl_fb small{margin-top:12px}
.rl_fb h2{font-size:clamp(28px,2.6vw,40px);line-height:1.1;letter-spacing:-.025em;margin:12px 0 14px;font-weight:700}
.rl_fb p{font-size:16px;line-height:1.55;color:#4a4f55}
.rl_fb em{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-style:normal;font-size:14px;color:var(--atext)}
.rl_fb em svg,.ar_back svg{width:18px;height:10px}
.rl_list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:56px;border-top:1px solid var(--line2)}
.rl_li{display:grid;grid-template-columns:40px 1fr 110px;gap:16px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line2)}
.rl_li b{font-weight:400;font-size:22px;color:#b9c2cf}
.rl_li h3{font-weight:700;font-size:17px;line-height:1.3;margin:6px 0}
.rl_li p{font-size:13.5px;line-height:1.45;color:#5a6069}
.rl_li img{width:110px;height:76px;object-fit:cover}
.rl_li:hover h3,.rl_card:hover h3{color:var(--accent)}
.rl_more{padding:30px 0 110px;background:#fff}
.rl_more_k{margin-bottom:22px}
.rl_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 26px}
.rl_card{display:block}
.rl_ci{aspect-ratio:16/10;margin-bottom:14px}
.rl_card h3{font-weight:700;font-size:17px;line-height:1.3;margin-top:8px;transition:color .3s}
.rl_none{display:none;padding:40px 0;color:var(--mute)}

/* article */
.ar_head{padding:130px 0 34px;background:#fff}
.ar_hgrid{max-width:1000px}
.ar_back{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--mute);margin-bottom:26px}
.ar_back svg{transform:rotate(180deg)}
.ar_back:hover{color:var(--accent)}
.ar_head h1{font-size:clamp(36px,4vw,56px);line-height:1.06;margin:14px 0 18px;max-width:920px}
.ar_meta{display:flex;gap:18px;font-size:13px;color:var(--mute)}
.ar_author{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line2)}
.ar_author img{width:42px;height:42px;border-radius:50%;object-fit:cover;filter:grayscale(1);background:#eef2f6}
.ar_author b{display:block;font-weight:400;font-size:14px}
.ar_author small{display:block;font-size:12.5px;color:var(--mute)}
.ar_hero{aspect-ratio:21/9;overflow:hidden;border:1px solid var(--line2);background:#eef2f6}
.ar_hero img{width:100%;height:100%;object-fit:cover}
.ar_grid{display:grid;grid-template-columns:240px minmax(0,720px);gap:70px;padding-top:56px;padding-bottom:40px;justify-content:start}
.ar_toc > div{position:sticky;top:100px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line2)}
.ar_toc small{font-size:12px;color:var(--mute);padding:0 0 10px 16px}
.ar_toc a{font-size:13px;line-height:1.4;color:#7a8089;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;transition:color .3s,border-color .3s}
.ar_toc a:hover{color:var(--inkc,#101C2F)}
.ar_toc a.is-on{color:var(--inkc,#101C2F);border-left-color:var(--accent)}
.ar_lead{font-size:19px;line-height:1.6;color:#24282d}
.ar_body .ar_lead{padding-bottom:30px;border-bottom:1px solid var(--line2)}
.ar_sec{padding:34px 0 6px}
.ar_sec + .ar_sec{border-top:1px solid var(--line2)}
.ar_sec h2{font-size:24px;line-height:1.25;letter-spacing:-.015em;font-weight:700;margin-bottom:16px;scroll-margin-top:100px}
.ar_sec p{font-size:16px;line-height:1.7;color:#3a3f45;margin-bottom:16px}
.ar_sec ul{margin:4px 0 18px 20px}
.ar_sec li{font-size:16px;line-height:1.65;color:#3a3f45;margin-bottom:10px}
.ar_sec li b{color:var(--inkc,#101C2F)}
.ar_steps{list-style:none;counter-reset:s;margin:6px 0 18px;padding:0}
.ar_steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;column-gap:12px;padding:12px 0;border-top:1px dashed var(--line2)}
.ar_steps li::before{content:counter(s,decimal-leading-zero);grid-row:span 2;font-size:12px;color:var(--atext);padding-top:3px}
.ar_steps.plain li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:8px}
.ar_steps b{font-weight:700;font-size:15.5px}
.ar_steps span{font-size:15px;line-height:1.6;color:#4a4f55}
.ar_table{overflow-x:auto;margin:6px 0 20px;border:1px solid var(--line2)}
.ar_table table{border-collapse:collapse;width:100%;font-size:14px}
.ar_table th{text-align:left;background:#f6f7f7;font-weight:700;padding:12px 14px;border-bottom:1px solid var(--line2)}
.ar_table td{padding:12px 14px;border-bottom:1px solid var(--line2);vertical-align:top;line-height:1.5;color:#3a3f45}
.ar_chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.ar_chips span{border:1px solid var(--line2);padding:6px 12px;font-size:13px}
.ar_sec blockquote{border-left:2px solid var(--accent);padding:4px 0 4px 16px;margin:0 0 16px}
.ar_sec blockquote p{margin:0 0 4px;font-size:17px;color:var(--inkc,#101C2F)}
.ar_sec cite{font-style:normal;font-size:13px;color:var(--mute)}
.ar_fig{margin:20px 0 26px;border:1px solid var(--line2);padding:8px;background:#fff}
.ar_fig img{width:100%;aspect-ratio:16/9;object-fit:cover}
.ar_fig figcaption{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.45;color:#5a6069;padding:10px 6px 4px}
.ar_fig figcaption svg{width:16px;height:16px;flex:none;margin-top:1px}
.ar_rel{padding:80px 0 110px;background:#f6f7f7}
.ar_rel .rl_grid{margin-top:22px}

/* lean guide and webinar pages */
.ar_head.lean{padding-bottom:60px}
.ar_hgrid.two{max-width:none;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.ar_head.lean .ar_lead{margin-top:6px;max-width:600px}
.ar_side{aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line2)}
.ar_side img{width:100%;height:100%;object-fit:cover}
.gate_inside{margin-top:6px}
.gate_inside small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9fb0c4;margin-bottom:12px}
.gate_inside ol{padding-left:22px;display:grid;gap:9px;font-size:15px;line-height:1.45;color:#dfe5ec}
.gate_inside p{margin-top:18px;font-size:13.5px;color:#9fb0c4;line-height:1.5}

@media (max-width:900px){
  .rl_top,.rl_feat,.rl_list,.ar_grid,.ar_hgrid.two{grid-template-columns:1fr;gap:28px}
  .rl_grid{grid-template-columns:1fr}
  .ar_toc{display:none}
  .rl_li{grid-template-columns:32px 1fr 84px}.rl_li img{width:84px;height:60px}
}

/* case studies */
.cs_hub{padding:130px 0 30px}
.cs_hub h1{font-size:clamp(38px,4vw,58px);line-height:1.05;margin:14px 0 18px;max-width:900px}
.cs_hub .ar_lead{max-width:760px}
.cs_list{padding:20px 0 90px}
.cs_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cs_card{display:flex;flex-direction:column;border:1px solid var(--line2);background:#fff;transition:box-shadow .4s var(--ease),transform .4s var(--ease)}
.cs_card:hover{transform:translateY(-3px);box-shadow:0 24px 40px -28px rgba(16,28,47,.4)}
.cs_ci{position:relative;aspect-ratio:16/10;overflow:hidden}
.cs_ci img{width:100%;height:100%;object-fit:cover}
.cs_ci span{position:absolute;left:12px;top:12px;background:#fff;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px}
.cs_cb{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.cs_cb small{font-size:12.5px;color:var(--atext)}
.cs_cb h3{font-weight:700;font-size:19px;line-height:1.28;margin:8px 0 16px}
.cs_mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line2);padding-top:14px;margin-top:auto}
.cs_mini b{display:block;font-size:22px;letter-spacing:-.02em;color:var(--inkc)}
.cs_mini span{font-size:12px;color:var(--mute);line-height:1.35}
.cs_cb .link{margin-top:16px}
.cs_hero{position:relative;color:#fff;padding:170px 0 70px;overflow:hidden;background:var(--inkc)}
.cs_hero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.cs_hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(16,28,47,.94),rgba(16,28,47,.7) 55%,rgba(16,28,47,.25))}
.cs_hero .wrap{position:relative;z-index:2}
.cs_hero .eyebrow{color:#9fd3ff}
.ar_back.light{color:#c9d3e0}
.cs_client{margin-top:14px;font-size:15px;color:#dfe5ec}
.cs_hero h1{font-size:clamp(34px,3.8vw,54px);line-height:1.07;max-width:900px;margin:10px 0 18px}
.cs_hero p{font-size:18px;line-height:1.55;color:#d3dae2;max-width:720px}
.cs_stats{background:var(--inkc);color:#fff;border-top:1px solid rgba(255,255,255,.12)}
.cs_sgrid{display:grid;grid-template-columns:repeat(4,1fr)}
.cs_sgrid.n3{grid-template-columns:repeat(3,1fr)}
.cs_sgrid div{padding:30px 24px 34px 0}
.cs_sgrid div + div{padding-left:24px;border-left:1px solid rgba(255,255,255,.14)}
.cs_sgrid b{display:block;font-size:clamp(28px,3vw,42px);letter-spacing:-.02em}
.cs_sgrid span{display:block;margin-top:8px;font-size:13.5px;color:#9fb0c4;line-height:1.4}
.cs_body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px;padding-top:70px;padding-bottom:60px}
.cs_sec{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;padding:40px 0;border-top:1px solid var(--line2);scroll-margin-top:90px}
.cs_k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--atext);padding-top:6px}
.cs_v h2{font-size:26px;line-height:1.2;letter-spacing:-.02em;font-weight:700;margin-bottom:16px}
.cs_v p{font-size:16px;line-height:1.7;color:#3a3f45;margin-bottom:14px}
.cs_v ul{margin:6px 0 4px 20px}.cs_v li{font-size:15.5px;line-height:1.6;color:#3a3f45;margin-bottom:8px}
.cs_mods{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cs_mods a,.cs_mods span{border:1px solid var(--line2);padding:7px 12px;font-size:13.5px}
.cs_mods a:hover{border-color:var(--accent);color:var(--accent)}
.cs_steps{list-style:none;padding:0;margin:0}
.cs_steps li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px 0;border-top:1px dashed var(--line2)}
.cs_steps li:first-child{border-top:0;padding-top:0}
.cs_steps b{font-size:13px;color:var(--atext);padding-top:3px}
.cs_steps h3{font-size:17px;font-weight:700;margin-bottom:6px}
.cs_steps p{font-size:15px;line-height:1.6;color:#4a4f55}
@media (max-width:900px){.cs_grid,.cs_body,.cs_sec{grid-template-columns:1fr;gap:16px}.cs_sgrid,.cs_sgrid.n3{grid-template-columns:1fr 1fr}.cs_sgrid div + div{border-left:0;padding-left:0}.cs_hero{padding-top:120px}}

/* glossary */
.gt_def{margin-top:22px;max-width:820px;background:var(--tint,#E3F2FB);border-left:4px solid var(--accent);padding:20px 24px}
.gt_def small{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--atext);margin-bottom:8px}
.gt_def p{font-size:19px;line-height:1.55;color:var(--inkc,#101C2F)}
.gt_grid{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:60px;padding-top:30px;padding-bottom:50px}
.gt_side{display:grid;gap:14px;align-content:start;position:sticky;top:90px}
.gt_box{border:1px solid var(--line2);padding:18px;display:grid;gap:8px}
.gt_box small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.gt_box dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:14px}
.gt_box dt{color:var(--mute)}
.gt_box a{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;padding:6px 0;border-top:1px solid var(--line2)}
.gt_box a svg{width:16px;height:9px;flex:none}
.gt_box a:hover{color:var(--accent)}
.gt_box.dark{background:var(--inkc,#101C2F);color:#fff;border-color:var(--inkc,#101C2F)}
.gt_box.dark small{color:#9fd3ff}.gt_box.dark p{font-size:14px;line-height:1.5;color:#d3dae2}
.gt_box.dark a.btn-s{border:0;justify-content:center;color:#fff;margin-top:6px}
.gl_az{display:flex;flex-wrap:wrap;gap:4px;margin-top:18px}
.gl_az a{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line2);font-size:13px}
.gl_az a:hover{border-color:var(--accent);color:var(--accent)}
.gl_terms{display:grid;gap:30px}
.gl_letter{display:grid;grid-template-columns:60px 1fr;gap:20px;border-top:1px solid var(--line2);padding-top:18px;scroll-margin-top:90px}
.gl_letter > b{font-size:34px;color:var(--accent);line-height:1}
.gl_letter > div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px}
.gl_term{display:grid;gap:4px;padding:12px 0;border-bottom:1px dashed var(--line2)}
.gl_term strong{font-size:16px}
.gl_term small{font-size:11.5px;color:var(--atext)}
.gl_term span{font-size:13.5px;line-height:1.5;color:#4a4f55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gl_term:hover strong{color:var(--accent)}
@media (max-width:900px){.gt_grid,.gl_letter > div{grid-template-columns:1fr}.gt_side{position:static}.gl_letter{grid-template-columns:1fr}}

/* case study: story, gallery, explainer, architecture, why */
.cs_story{padding:80px 0 30px}
.cs_story_grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px}
.cs_story p{font-size:16.5px;line-height:1.75;color:#3a3f45;margin-top:14px;max-width:720px}
.cs_story p.lead1{font-size:20px;line-height:1.6;color:var(--inkc,#101C2F)}
.cs_glance{border:1px solid var(--line2);padding:20px 22px;align-self:start;position:sticky;top:90px}
.cs_glance small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--atext)}
.cs_glance dl{display:grid;gap:0;margin-top:10px}
.cs_glance dt{font-size:11.5px;color:var(--mute);padding-top:10px;border-top:1px solid var(--line2);margin-top:10px}
.cs_glance dt:first-child{border-top:0;margin-top:0;padding-top:0}
.cs_glance dd{font-size:14.5px;margin-top:3px}
.cs_gal{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:14px;margin-top:50px}
.cs_gal figure{position:relative;overflow:hidden;margin:0;aspect-ratio:16/10}
.cs_gal figure.big{grid-row:span 2;aspect-ratio:auto}
.cs_gal img{width:100%;height:100%;object-fit:cover}
.cs_gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 16px 12px;font-size:13px;color:#fff;background:linear-gradient(0deg,rgba(16,28,47,.85),transparent)}
.ex{padding:90px 0;background:var(--inkc,#101C2F);color:#fff}
.ex_grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:50px;align-items:center}
.ex_stage{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0b1626;cursor:pointer}
.ex_stage > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;filter:grayscale(.4)}
.ex_scene{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.ex_scene.is-on{opacity:1}
.ex_scene svg{position:absolute;left:4%;right:4%;top:4%;width:92%;height:70%;fill:none;stroke:#5fc9f5;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ex_scene.is-on .dw path,.ex_scene.is-on .dw rect,.ex_scene.is-on .line{stroke-dasharray:1400;stroke-dashoffset:1400;animation:exdraw 2.2s ease forwards}
.ex_scene .base{stroke:#9fb0c4;stroke-dasharray:6 6 !important;animation:none !important;stroke-dashoffset:0 !important}
.ex_scene .line{stroke:#F59C0E;stroke-width:3}
.ex_scene .line.ok{stroke:#4fc37f}
.ex_scene .hot{fill:#F59C0E;stroke:none;animation:expulse 1.2s ease infinite}
.ex_scene .pulse circle{fill:#5fc9f5;stroke:none}
.ex_scene .pulse .ring{fill:none;stroke:#5fc9f5;animation:exring 1.6s ease-out infinite}
.ex_scene .nodes circle{fill:#5fc9f5;stroke:none}
.ex_scene .link{stroke:#5fc9f5;stroke-dasharray:4 6;animation:exflow 1.2s linear infinite}
.ex_scene .lens{stroke:#F59C0E;stroke-width:3;animation:exlens 2.4s ease-in-out infinite alternate}
.ex_scene .tick circle{fill:#1f8a4c;stroke:none}.ex_scene .tick path{stroke:#fff;stroke-width:4}
.ex_scene.is-on .tick{animation:expop .5s .9s ease both}
.ex_scene .bars rect{fill:#0090D8;stroke:none;transform-origin:bottom;transform-box:fill-box}
.ex_scene.is-on .bars rect{animation:exgrow .8s ease both}
.ex_tag{position:absolute;right:18px;top:18px;background:rgba(16,28,47,.9);border:1px solid rgba(255,255,255,.2);padding:10px 14px;min-width:150px}
.ex_tag small{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#7FD0F5}
.ex_tag b{display:block;font-size:17px;font-weight:600;margin-top:2px}
.ex_cap{position:absolute;left:0;right:0;bottom:0;padding:50px 22px 22px;background:linear-gradient(0deg,rgba(11,22,38,.96) 40%,transparent)}
.ex_cap span{font-size:11px;letter-spacing:.16em;color:#7FD0F5}
.ex_cap h4{font-size:21px;margin:6px 0 4px;font-weight:700}
.ex_cap p{font-size:14px;color:#c9d3e0;line-height:1.5;max-width:560px}
.ex_bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12)}
.ex_bar i{display:block;height:100%;width:0;background:#0090D8}
.ex_play{position:absolute;left:18px;top:18px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}
.ex_play svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2}
.ex_play .pl{display:none;fill:#fff;stroke:none}.paused .ex_play .pl{display:block}.paused .ex_play .pa{display:none}
.ex_side .eyebrow{color:#7FD0F5}.ex_side .h-sec{color:#fff;margin:14px 0 22px}
.ex_list{list-style:none;display:grid;gap:4px}
.ex_list button{width:100%;display:grid;grid-template-columns:36px 1fr;gap:10px;text-align:left;padding:11px 12px;color:#c9d3e0;border-left:2px solid rgba(255,255,255,.15);font-size:15px}
.ex_list button b{font-weight:400;font-size:12px;color:#7FD0F5;padding-top:2px}
.ex_list button.is-on{color:#fff;border-left-color:#0090D8;background:rgba(255,255,255,.05)}
@keyframes exdraw{to{stroke-dashoffset:0}}
@keyframes expulse{50%{r:14}}
@keyframes exring{from{r:7;opacity:1}to{r:26;opacity:0}}
@keyframes exflow{to{stroke-dashoffset:-20}}
@keyframes exlens{from{transform:translate(-210px,0)}to{transform:translate(0,0)}}
@keyframes expop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@keyframes exgrow{from{transform:scaleY(0)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.ex_scene *{animation:none !important;stroke-dashoffset:0 !important}}
.cs_arch{padding:90px 0;background:#f6f7f7}
.cs_stack{display:grid;gap:8px;margin-top:36px}
.cs_stack .lv{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:center;padding:18px 22px;color:#fff}
.cs_stack .lv b{font-size:15px}.cs_stack .lv span{font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.88)}
.cs_stack .l0{background:#5FC9F5;color:#101C2F}.cs_stack .l0 span{color:#101C2F}
.cs_stack .l1{background:#2FA9E6}.cs_stack .l2{background:#0090D8}.cs_stack .l3{background:#0A6FA6}.cs_stack .l4{background:#101C2F}
.cs_why{padding:80px 0}
.cs_why_grid{display:grid;grid-template-columns:360px 1fr;gap:60px;align-items:center}
.cs_pull{border-left:4px solid var(--accent);padding-left:24px}
.cs_pull b{display:block;font-size:64px;letter-spacing:-.04em;line-height:1;color:var(--inkc,#101C2F)}
.cs_pull span{display:block;margin-top:10px;font-size:15px;color:var(--mute)}
.cs_why ul{margin:14px 0 0 20px}.cs_why li{font-size:17px;line-height:1.6;margin-bottom:10px}
@media (max-width:900px){.cs_story_grid,.ex_grid,.cs_why_grid,.cs_stack .lv{grid-template-columns:1fr;gap:20px}.cs_glance{position:static}.cs_gal{grid-template-columns:1fr}.cs_gal figure.big{grid-row:auto;aspect-ratio:16/10}.ex_stage{aspect-ratio:4/5}.ex_scene svg{height:55%}}

/* thank-you */
.ty{padding:150px 0 110px;background:radial-gradient(80% 90% at 50% 0%,var(--tint,#E3F2FB),#fff 70%)}
.ty_in{max-width:820px;text-align:center;display:grid;justify-items:center;gap:6px}
.ty_mark svg{width:76px;height:76px;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ty_mark circle{fill:#1f8a4c;stroke:none}.ty_mark path{stroke:#fff}
.ty h1{font-size:clamp(32px,4vw,52px);line-height:1.08;margin:12px 0 10px;text-wrap:balance}
.ty_p{font-size:18px;line-height:1.6;color:#4a4f55;max-width:620px}
.ty_next{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:40px 0 30px;width:100%;text-align:left}
.ty_next a{border:1px solid var(--line2);background:#fff;padding:18px;display:grid;gap:6px}
.ty_next a:hover{border-color:var(--accent)}
.ty_next b{font-size:15.5px}.ty_next span{font-size:13.5px;color:var(--mute);line-height:1.45}
@media (max-width:760px){.ty_next{grid-template-columns:1fr}}