:root{--navy:#0e1336;--navy2:#181f50;--navy3:#222a66;--ink:#12172b;--text:#2b3250;--muted:#5d6482;--violet:#5b50e6;--violet-d:#4a3fd0;--violet-l:#aaa6ff;--line:#e2e5f1;--soft:#f3f5fb;--chip:#eceefc;--chip-t:#4540b3;--r:10px;--wrap:1360px;--hh:72px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 12px)}
body{margin:0;font-family:'Pretendard Variable',Pretendard,'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:var(--text);background:#fff;line-height:1.7;font-size:17px;word-break:keep-all;overflow-wrap:anywhere}
img,svg,picture{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
h1,h2,h3,p,ul,ol,figure,table{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid #8f87ff;outline-offset:2px;border-radius:4px}
.ic{width:1.2em;height:1.2em;flex:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:#fff;color:var(--ink);padding:10px 16px;border-radius:8px;z-index:200}
.skip:focus{top:10px}

/* header */
.hd{position:sticky;top:0;z-index:100;background:var(--navy);color:#fff;height:var(--hh);box-shadow:0 1px 0 rgba(255,255,255,.06)}
.hd .wrap{height:100%;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:11px;flex:none}
.brand:hover{text-decoration:none}
.logo-mark{width:40px;height:40px}
.brand b{display:block;font-size:22px;letter-spacing:.02em;line-height:1.05;font-weight:800}
.brand small{display:block;font-size:10.5px;letter-spacing:.2em;opacity:.8;font-weight:500;margin-top:3px}
.brand-url{font-size:13px;opacity:.78;padding-left:24px;border-left:1px solid rgba(255,255,255,.22);line-height:1.2;white-space:nowrap}
.gnav{display:flex;align-items:center;gap:clamp(14px,1.5vw,26px);margin-left:auto}
.gnav a{font-size:15.5px;font-weight:600;color:#e9ebff;white-space:nowrap;padding:8px 0;border-bottom:2px solid transparent}
.gnav a:hover,.gnav a[aria-current=page]{text-decoration:none;border-bottom-color:var(--violet-l);color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:6px;font-weight:700;font-size:17px;border:1.5px solid transparent;transition:background .2s,transform .2s,border-color .2s;white-space:nowrap}
.btn:hover{text-decoration:none}
.btn-v{background:var(--violet);color:#fff}
.btn-v:hover{background:var(--violet-d)}
.btn-o{border-color:rgba(255,255,255,.85);color:#fff;background:rgba(10,14,40,.35)}
.btn-o:hover{background:rgba(255,255,255,.14)}
.btn-w{background:#fff;color:var(--ink)}
.btn-w:hover{background:#eef0ff}
.btn-d{background:var(--navy);color:#fff}
.hd .btn{min-height:44px;padding:0 20px;font-size:15.5px;margin-left:6px}
.menu-btn{display:none;margin-left:auto;background:transparent;border:1.5px solid rgba(255,255,255,.4);color:#fff;border-radius:8px;width:46px;height:46px;align-items:center;justify-content:center}
.menu-btn .ic{width:24px;height:24px}
@media (max-width:1180px){.brand-url{display:none}}
@media (max-width:1100px){
 .menu-btn{display:inline-flex}
 .gnav{position:absolute;left:0;right:0;top:var(--hh);background:var(--navy);flex-direction:column;align-items:stretch;gap:0;padding:6px 20px 20px;margin:0;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 18px 30px rgba(0,0,0,.35)}
 .js .gnav{display:none}
 .js .gnav.open{display:flex}
 .gnav a{padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.1);font-size:17px}
 .gnav .btn{margin:14px 0 0;min-height:52px}
}

/* hero */
.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:66% 34%}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,11,34,.95) 0%,rgba(8,11,34,.9) 28%,rgba(8,11,34,.55) 48%,rgba(8,11,34,0) 68%)}
.hero-in{min-height:clamp(470px,34vw,580px);display:flex;align-items:center;padding-top:34px;padding-bottom:34px}
.hero-copy{max-width:640px}
.eyebrow{font-size:clamp(14px,1.25vw,18px);letter-spacing:.1em;color:var(--violet-l);font-weight:600;margin-bottom:12px}
.hero-h1{display:inline-block;font-size:clamp(20px,1.9vw,27px);font-weight:800;letter-spacing:.02em;padding:4px 14px;border:1.5px solid rgba(255,255,255,.55);border-radius:6px;margin-bottom:16px;line-height:1.4}
.hero-big{font-size:clamp(34px,3.85vw,58px);line-height:1.2;font-weight:800;letter-spacing:-.025em;text-wrap:balance}
.hero-desc{margin-top:18px;font-size:clamp(16px,1.3vw,19.5px);line-height:1.65;color:#eef0ff;max-width:520px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.hero-cta .btn{min-height:52px;font-size:18px;padding:0 26px}
@media (max-width:820px){
 .hero{display:flex;flex-direction:column}
 .hero::before{display:none}
 .hero-media{position:relative;inset:auto;z-index:0;aspect-ratio:4/3;max-height:380px}
 .hero-media img{object-position:62% 30%}
 .hero-in{min-height:0;padding-top:26px;padding-bottom:34px;background:var(--navy)}
 .hero-big{font-size:clamp(30px,8.2vw,40px)}
 .hero-cta .btn{flex:1 1 200px}
}

/* values */
.values{background:var(--soft);border-bottom:1px solid var(--line)}
.values ul{display:grid;grid-template-columns:repeat(3,1fr)}
.values li{display:flex;align-items:center;gap:20px;padding:24px 30px;justify-content:center}
.values li+li{border-left:1px solid #d9dded}
.values .ic{width:54px;height:54px;color:#4f46d8;stroke-width:1.5}
.values b{display:block;font-size:28px;line-height:1.15;color:var(--ink);font-weight:800}
.values span{display:block;font-size:16.5px;color:var(--muted);margin-top:3px}
@media (max-width:820px){
 .values ul{grid-template-columns:1fr}
 .values li{justify-content:flex-start;padding:16px 4px}
 .values li+li{border-left:0;border-top:1px solid #d9dded}
 .values .ic{width:44px;height:44px}.values b{font-size:23px}
}

/* band */
.band{position:relative;color:#fff;background:linear-gradient(180deg,#1a2158 0%,#0f1438 100%);overflow:hidden;isolation:isolate}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background:
 radial-gradient(circle at 12% 30%,rgba(120,110,255,.22),transparent 38%),radial-gradient(circle at 78% 80%,rgba(70,120,255,.18),transparent 42%),
 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='520' height='140' viewBox='0 0 520 140' fill='none' stroke='%238b86ff' stroke-opacity='.28' stroke-width='1'><path d='M0 110L90 70 170 96 270 40 360 84 450 52 520 78'/><path d='M40 20L90 70M170 96L210 128M270 40L330 8M360 84L420 120M450 52L500 14'/><g fill='%23aaa6ff' fill-opacity='.55' stroke='none'><circle cx='90' cy='70' r='3'/><circle cx='170' cy='96' r='3'/><circle cx='270' cy='40' r='3'/><circle cx='360' cy='84' r='3'/><circle cx='450' cy='52' r='3'/></g></svg>") center/520px 140px repeat-x}
.band ul{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.band li{display:flex;align-items:center;gap:18px;padding:26px 24px}
.band li+li{border-left:1px solid rgba(255,255,255,.14)}
.band .ic{width:46px;height:46px;color:#d8d5ff;stroke-width:1.4}
.band b{display:block;font-size:24px;line-height:1.2;font-weight:800}
.band span{display:block;font-size:15.5px;color:#c9cdf0;margin-top:3px}
@media (max-width:1000px){.band ul{grid-template-columns:repeat(2,1fr)}.band li:nth-child(3){border-left:0}.band li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)}}
@media (max-width:560px){.band ul{grid-template-columns:1fr}.band li{border-left:0!important}.band li+li{border-top:1px solid rgba(255,255,255,.14)}.band b{font-size:21px}}

/* sections */
.sec{padding:clamp(52px,6vw,88px) 0}
.sec.soft{background:var(--soft)}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.sec-h h2,.h2-big{font-size:clamp(26px,2.7vw,38px);line-height:1.25;color:var(--ink);font-weight:800;letter-spacing:-.02em}
.sec-h p{color:var(--muted);margin-top:6px}
.more{font-weight:700;font-size:16px;color:var(--ink);display:inline-flex;align-items:center;gap:4px}
.lead-p{font-size:18px;color:var(--text)}
.two{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,4vw,64px);align-items:start}
.prose p+p{margin-top:16px}
.prose h3{font-size:21px;color:var(--ink);margin:26px 0 8px;font-weight:800}
.steps{display:grid;gap:14px;counter-reset:s}
.steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px 20px 74px}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:20px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--violet);color:#fff;font-weight:800;display:grid;place-items:center;font-size:18px}
.steps b{display:block;color:var(--ink);font-size:19px}
.steps span{display:block;color:var(--muted);font-size:16px;margin-top:2px}
@media (max-width:900px){.two{grid-template-columns:1fr}}

/* tables */
.tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:16px;table-layout:fixed}
.tbl caption{caption-side:top;text-align:left;font-weight:800;color:var(--ink);padding:0 0 10px;font-size:17px}
.tbl th,.tbl td{padding:13px 16px;border-top:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.6}
.tbl thead th{background:var(--navy);color:#fff;border-top:0;font-size:15px}
.tbl tbody th{width:34%;background:#f7f8fd;color:var(--ink);font-weight:700}
@media (max-width:480px){.tbl th,.tbl td{padding:11px 12px;font-size:15px}.tbl tbody th{width:38%}}

/* recommended */
.rec{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:28px;align-items:stretch}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.card:hover{text-decoration:none;transform:translateY(-4px);box-shadow:0 14px 30px rgba(20,25,70,.14)}
.card-img{aspect-ratio:4/3;overflow:hidden;background:var(--soft)}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .card-img img{transform:scale(1.05)}
.card-b{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-b h3{font-size:20px;line-height:1.3;color:var(--ink);font-weight:800}
.loc{display:flex;gap:6px;align-items:flex-start;font-size:14.5px;color:var(--muted);line-height:1.45}
.loc .ic{margin-top:2px;width:1.1em;height:1.1em}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px}
.tags span{background:var(--chip);color:var(--chip-t);font-size:13px;font-weight:700;padding:3px 10px;border-radius:99px}
.cta-panel{position:relative;border-radius:12px;overflow:hidden;background:linear-gradient(165deg,#1d2564 0%,#0e1336 70%);color:#fff;padding:36px 32px;display:flex;flex-direction:column;justify-content:center;min-height:380px;isolation:isolate}
.cta-panel h3{font-size:clamp(25px,2.2vw,31px);line-height:1.3;font-weight:800;letter-spacing:-.02em}
.cta-panel p{margin-top:14px;color:#d6d9f7;font-size:16.5px;max-width:300px}
.cta-panel .btn{margin-top:26px;align-self:flex-start}
.skyline{position:absolute;right:0;bottom:0;width:100%;height:55%;z-index:-1;opacity:.9}
@media (max-width:1180px){.rec{grid-template-columns:1fr}.cta-panel{min-height:260px}}
@media (max-width:980px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cards{grid-template-columns:1fr;gap:16px}.card{flex-direction:row}.card-img{width:42%;aspect-ratio:auto;min-height:150px}.card-b{padding:14px}.card-b h3{font-size:18px}}

/* carousel */
.car-wrap{position:relative}
.car{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 18px;scrollbar-width:thin;scroll-behavior:smooth;overscroll-behavior-x:contain}
.car:focus-visible{outline-offset:-2px}
.car li{flex:0 0 clamp(250px,26%,330px);scroll-snap-align:start}
.car .card-b p{font-size:15px;color:var(--muted);line-height:1.55}
.car-nav{display:flex;gap:10px}
.car-nav button{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center}
.car-nav button:hover{border-color:var(--violet);color:var(--violet)}
.car-nav button[disabled]{opacity:.35;cursor:default}
.car-nav .ic{width:22px;height:22px}
@media (max-width:640px){.car li{flex-basis:78%}}

/* stories */
.story{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(120px,11vw,168px);gap:14px}
.story figure{position:relative;overflow:hidden;border-radius:10px;background:var(--navy)}
.story img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.story figure:hover img{transform:scale(1.04)}
.story figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 12px;color:#fff;font-size:14.5px;line-height:1.4;background:linear-gradient(0deg,rgba(8,11,34,.82),transparent)}
.s1{grid-column:1/6;grid-row:1/5}.s2{grid-column:6/10;grid-row:1/3}.s3{grid-column:10/13;grid-row:1/3}
.s4{grid-column:6/10;grid-row:3/5}.s5{grid-column:10/13;grid-row:3/5}
.s6{grid-column:1/5;grid-row:5/7}.s7{grid-column:5/9;grid-row:5/7}.s8{grid-column:9/13;grid-row:5/7}
@media (max-width:820px){.story{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.story figure{grid-column:auto!important;grid-row:auto!important;aspect-ratio:4/3}.story .s1{grid-column:1/3!important;aspect-ratio:3/2}}
.note-s{font-size:14.5px;color:var(--muted);margin-top:16px}

/* triple info */
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tri>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}
.tri .ic{width:34px;height:34px;color:var(--violet);margin-bottom:10px}
.tri h3{font-size:20px;color:var(--ink);font-weight:800;margin-bottom:8px}
.tri p{font-size:16px;color:var(--text)}
@media (max-width:900px){.tri{grid-template-columns:1fr}}

/* faq */
.faq h3{font-size:19px;color:var(--ink);font-weight:800;margin-top:26px;line-height:1.45}
.faq h3:first-child{margin-top:0}
.faq p{margin-top:8px;font-size:16.5px}

/* final cta */
.final{background:linear-gradient(120deg,#0e1336,#202875);color:#fff;text-align:center;padding:clamp(52px,6vw,84px) 0}
.final h2{font-size:clamp(26px,3vw,40px);line-height:1.3;font-weight:800;letter-spacing:-.02em}
.final p{margin:14px auto 0;max-width:640px;color:#d6d9f7}
.final .acts{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px}
.final .contact{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:center;font-size:16.5px}
.final .contact a{display:inline-flex;gap:8px;align-items:center;font-weight:600}

/* footer */
.ft{background:#080b24;color:#a9aed0;font-size:13.5px;padding:18px 0 20px;line-height:1.65}
.ft .wrap{display:flex;flex-wrap:wrap;gap:6px 36px;align-items:flex-start;justify-content:space-between}
.ft-g{display:flex;flex-wrap:wrap;gap:2px 14px}
.ft-g span{white-space:nowrap}
.ft b{color:#eceeff;font-weight:700}
.ft a{color:#d6d9f7}
.ft .links{display:flex;gap:16px;font-weight:600}
.ft .disc{flex-basis:100%;font-size:12.5px;color:#8087b0;margin-top:2px}
@media (max-width:640px){.ft .wrap{flex-direction:column;gap:6px}.ft-g span{white-space:normal}}

/* sub pages */
.crumb{font-size:14px;color:var(--muted);padding:18px 0 0}
.crumb ol{display:flex;flex-wrap:wrap;gap:4px 8px}
.crumb li+li::before{content:"›";margin-right:8px;color:#9aa0bf}
.phead{background:var(--navy);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.phead .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding-top:clamp(30px,4vw,56px);padding-bottom:clamp(30px,4vw,56px)}
.phead .crumb{padding:0 0 14px;color:#b9bde0}
.phead .crumb li+li::before{color:#7e84b5}
.phead h1{font-size:clamp(30px,3.6vw,48px);line-height:1.2;font-weight:800;letter-spacing:-.025em}
.phead .answer{margin-top:18px;font-size:clamp(16.5px,1.35vw,19px);line-height:1.7;color:#e6e8ff}
.phead .pimg{border-radius:12px;overflow:hidden;aspect-ratio:3/2;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.phead .pimg img{width:100%;height:100%;object-fit:cover}
.phead .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.phead .acts .btn{min-height:48px;font-size:16.5px}
@media (max-width:860px){.phead .wrap{grid-template-columns:1fr}.phead .pimg{order:-1;aspect-ratio:16/10}}
.art{padding:clamp(34px,4vw,60px) 0}
.art .col{max-width:860px;margin:0 auto}
.art section{margin-top:clamp(30px,3.6vw,48px)}
.art section:first-child{margin-top:0}
.art h2{font-size:clamp(23px,2.2vw,30px);line-height:1.35;color:var(--ink);font-weight:800;letter-spacing:-.02em;margin-bottom:14px}
.art h3{font-size:19px;color:var(--ink);font-weight:800;line-height:1.45}
.art p{margin-top:14px;font-size:17.5px}
.art p:first-of-type{margin-top:0}
.art ul.ls,.art ol.ls{margin-top:16px;padding-left:0;display:grid;gap:10px}
.art ul.ls li{position:relative;padding-left:26px}
.art ul.ls li::before{content:"";position:absolute;left:6px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--violet)}
.art ol.ls{counter-reset:o}
.art ol.ls li{position:relative;padding-left:40px;counter-increment:o}
.art ol.ls li::before{content:counter(o);position:absolute;left:0;top:.1em;width:28px;height:28px;border-radius:50%;background:var(--chip);color:var(--chip-t);font-weight:800;font-size:14.5px;display:grid;place-items:center}
.art .tbl{margin-top:18px}
.art .faq{background:var(--soft);border-radius:14px;padding:clamp(22px,3vw,36px)}
.art .faq h2{margin-bottom:6px}
.art .faq h3+p{margin-top:8px;font-size:17px}
.art .faq h3{margin-top:24px}
.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:6px}
.rel a{display:block;border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-weight:700;color:var(--ink);background:#fff}
.rel a:hover{border-color:var(--violet);text-decoration:none;color:var(--violet)}
.rel small{display:block;font-weight:500;color:var(--muted);margin-top:2px;font-size:13.5px}
.cta-box{margin-top:clamp(30px,3.6vw,48px);background:linear-gradient(120deg,#0e1336,#222a7c);color:#fff;border-radius:14px;padding:clamp(24px,3vw,38px);text-align:center}
.cta-box h2{color:#fff;font-size:clamp(22px,2.2vw,29px);margin-bottom:8px}
.cta-box p{color:#d6d9f7;margin:0 auto;max-width:560px;font-size:16.5px}
.cta-box .acts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}
.legal h2{font-size:22px;margin:30px 0 8px}
.legal p,.legal li{font-size:16.5px}
.legal ul{margin-top:10px;display:grid;gap:6px;list-style:disc;padding-left:22px}
.err{padding:90px 0;text-align:center}
.err h1{font-size:clamp(34px,5vw,64px);color:var(--ink);font-weight:800}
.err p{margin:14px 0 26px}
@media (prefers-reduced-motion:no-preference){.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.js .rv.in{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media (max-width:400px){.wrap{padding-left:18px;padding-right:18px}.btn{padding:0 16px;font-size:16px}.brand b{font-size:19px}.logo-mark{width:36px;height:36px}}
.story picture,.card-img picture,.hero-media picture,.pimg picture{display:block;width:100%;height:100%}
.cards>li{display:flex}.cards>li>.card{width:100%}
.cta-panel{min-height:0}
.car li{display:flex}.car li>.card{width:100%}
.phead.nophoto .wrap{grid-template-columns:1fr;max-width:var(--wrap)}
.phead.nophoto .answer{max-width:860px}
.phead.nophoto::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 20%,rgba(120,110,255,.28),transparent 42%),radial-gradient(circle at 10% 90%,rgba(70,120,255,.18),transparent 45%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='520' height='200' viewBox='0 0 520 200' fill='none' stroke='%238b86ff' stroke-opacity='.25' stroke-width='1'><path d='M0 150L90 100 170 130 270 60 360 118 450 74 520 108'/><path d='M40 30L90 100M170 130L210 180M270 60L330 12M360 118L420 170M450 74L500 20'/><g fill='%23aaa6ff' fill-opacity='.5' stroke='none'><circle cx='90' cy='100' r='3'/><circle cx='170' cy='130' r='3'/><circle cx='270' cy='60' r='3'/><circle cx='360' cy='118' r='3'/><circle cx='450' cy='74' r='3'/></g></svg>") right center/520px 200px repeat-x}
.story .s6{grid-column:1/13;grid-row:5/7}
@media (max-width:820px){.story .s6{grid-column:1/3!important}}
.card-img.ph{display:grid;place-items:center;background:linear-gradient(135deg,#1d2564,#4a3fd0 70%,#6656c8);color:#fff}
.card-img.ph .ic{width:56px;height:56px;stroke-width:1.4;opacity:.92}
.story{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:auto}
.story figure{aspect-ratio:4/3}
.story .s1,.story .s2,.story .s3{grid-column:auto;grid-row:auto}
@media (max-width:820px){.story{grid-template-columns:1fr}.story .s1{grid-column:auto!important}}