:root{--ink:#14232b;--muted:#4d6068;--lagoon:#0e7c86;--turmeric:#e8a317;--mist:#eef4f4;--paper:#fff;--line:#d3e0e1}
:root[data-theme=dark]{--ink:#dce6f5;--muted:#8fa5c2;--lagoon:#6ea8e8;--turmeric:#c9ad72;--mist:#14263d;--paper:#0d1b2e;--line:#23395a}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
h1,h2,h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;line-height:1.2;margin:0 0 .5em}
a{color:var(--lagoon)}a:focus-visible,button:focus-visible{outline:3px solid var(--turmeric);outline-offset:3px}
.wrap{max-width:1100px;margin:0 auto;padding:0 22px}
header{border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:5}
header .wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.brand{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.2rem;color:var(--ink);text-decoration:none}
nav{margin-left:auto;display:flex;gap:20px}
nav a{text-decoration:none;color:var(--muted);font-weight:500;padding:4px 0;border-bottom:3px solid transparent}
nav a:hover,nav a[aria-current]{color:var(--ink);border-color:var(--turmeric)}
.switch{position:relative;width:62px;height:30px;border-radius:99px;border:1px solid var(--line);background:var(--mist);cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:var(--ink);font-size:15px}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--turmeric);transition:transform .25s}
.switch[aria-checked=true]::after{transform:translateX(32px)}
.switch span{position:relative;z-index:0}
@media (max-width:780px){nav{order:3;width:100%;margin:0;overflow-x:auto;white-space:nowrap;gap:16px}.tools{margin-left:auto}}
#prog{position:fixed;top:0;left:0;height:4px;width:0;background:var(--turmeric);z-index:20}
.hero{padding:70px 0 60px;background:linear-gradient(120deg,var(--mist) 60%,transparent)}
.hero h1{font-size:clamp(1.7rem,4.4vw,2.8rem);font-weight:800}
.hero .lead{max-width:56ch;color:var(--muted);font-size:1.1rem}
.roles{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;min-height:42px}
.roles span{display:none;background:var(--ink);color:var(--paper);padding:6px 14px;border-radius:99px;font-weight:600;font-size:.95rem}
.roles span.on{display:inline-block;animation:slide .6s ease}
@keyframes slide{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
.btn{display:inline-block;background:var(--turmeric);color:#14232b;padding:11px 22px;border:0;border-radius:8px;font:700 1rem system-ui;text-decoration:none;cursor:pointer}
.icon{background:none;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:6px 12px;font:inherit;cursor:pointer}
.page-head{padding:50px 0 24px;border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(1.9rem,4.5vw,3rem)}.page-head p{max-width:62ch;color:var(--muted);margin:0}
section{padding:40px 0 56px}.wrap>h2{margin-top:36px}.wrap>h2:first-child{margin-top:0}
.headline{border-left:6px solid var(--turmeric);padding-left:14px;margin-bottom:24px}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:900px){.cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.cols{grid-template-columns:1fr}}
.post{background:var(--mist);border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.post h3{padding:16px 16px 0;margin:0 0 12px;font-size:1.12rem}
.post img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.post .body{padding:12px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.post .body p{margin:0}
.meta{color:var(--muted);font-size:.85rem}.post .body h3{padding:0;margin:0}
.rm{margin-top:auto;align-self:flex-start;background:none;border:0;color:var(--lagoon);font:600 1rem system-ui;cursor:pointer;padding:4px 0}
.alb{cursor:pointer;text-align:left;padding:0;font:inherit;color:var(--ink)}
.feature{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:center;margin-bottom:34px}.feature img{width:100%;border-radius:8px;aspect-ratio:16/10;object-fit:cover}
@media (max-width:760px){.feature{grid-template-columns:1fr}}
.slider{position:relative;overflow:hidden;padding:24px}.track{display:flex;transition:transform .5s ease}
.slide{flex:0 0 100%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width:600px){.slide{grid-template-columns:repeat(2,1fr)}}
figure{margin:0;background:var(--mist);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:transform .3s,box-shadow .3s;position:relative}
figure:hover{transform:scale(1.14);z-index:3;box-shadow:0 12px 30px rgba(0,0,0,.35)}
figure img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}figcaption{text-align:center;padding:6px;font-size:.9rem}
.ctl{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:6px}.ctl button{font-size:1.4rem;line-height:1;padding:6px 16px}.ctl button:disabled{opacity:.35;cursor:default}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.ph2{border:0;padding:0;background:var(--mist);border-radius:6px;overflow:hidden;cursor:pointer;color:var(--ink);font:inherit}.ph2 img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .3s}.ph2:hover img{transform:scale(1.06)}.ph2 span{display:block;padding:6px;font-size:.85rem}
dialog{border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:24px}
.dlg{max-width:680px;width:94%;max-height:90vh;overflow:auto}.dlg img{width:100%;border-radius:8px;margin:8px 0 14px}
dialog::backdrop{background:rgba(0,0,0,.6)}
.lb{max-width:960px;width:96%;text-align:center;background:#0b1418;color:#fff;border-color:#222}.lb img{max-width:100%;max-height:68vh;border-radius:6px}.lb p{margin:10px 0}.lb .icon{color:#fff;border-color:#456;margin:0 4px}
.about{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}@media (max-width:700px){.about{grid-template-columns:1fr}}
#portrait{width:100%;border-radius:8px;aspect-ratio:4/5;object-fit:cover}
.tile{background:var(--mist);padding:18px 20px;border-left:5px solid var(--lagoon);border-radius:4px}.tile h3{font-size:1.1rem;margin-bottom:4px}.tile p{margin:0;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span,.social a{border:1px solid var(--line);background:var(--mist);border-radius:99px;padding:5px 14px;font-size:.95rem;text-decoration:none;color:var(--ink)}.social a:hover{background:var(--turmeric);color:#14232b}
.social{display:flex;flex-wrap:wrap;gap:10px}
.note{color:var(--muted);font-size:.9rem}progress{width:100%;height:14px;accent-color:var(--turmeric)}
.chk{display:flex;gap:10px;align-items:flex-start;margin:6px 0}.chk input{width:auto;margin-top:6px}.done{text-decoration:line-through;opacity:.6}
form{display:grid;gap:14px;max-width:520px}input,textarea{font:inherit;padding:11px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);width:100%}label{font-weight:600;display:grid;gap:4px}
.err{color:#c0392b;font-size:.9rem;min-height:1.2em}
footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:.9rem;text-align:center}

.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.iam{font-size:1.05rem;color:var(--muted);margin:0 0 2px}.hero-grid>div>p#greet{margin:0 0 6px}
.frame{position:relative;max-width:340px;justify-self:center;width:100%}.frame::before{content:"";position:absolute;inset:16px -16px -16px 16px;border:3px solid var(--turmeric);border-radius:18px}
.frame img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;display:block;box-shadow:0 18px 40px rgba(0,0,0,.28)}
@media (max-width:800px){.hero-grid{grid-template-columns:1fr;gap:34px}.frame{order:-1;max-width:240px}}
.head{display:flex;align-items:center;justify-content:space-between;gap:24px}.me-thumb{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--turmeric);flex:none}
.cols4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width:1000px){.cols4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.cols4{grid-template-columns:1fr}}
.dots{display:flex;justify-content:center;gap:8px;margin-top:6px}.dot{width:10px;height:10px;border-radius:99px;border:0;padding:0;background:var(--line);cursor:pointer;transition:width .3s,background .3s}.dot.on{width:34px;background:var(--turmeric)}
.cert{cursor:pointer;background:var(--mist)}.cert:hover{transform:scale(1.2)}.cert img{aspect-ratio:10/7;background:#fff}
.contact{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start}@media (max-width:760px){.contact{grid-template-columns:1fr}}
.contact .frame{max-width:300px}
.social a.soc{display:inline-flex;align-items:center;padding:5px 16px 5px 5px}.soc i{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font:700 .8rem system-ui;font-style:normal;margin-right:9px}

/* compact sizing */
body{font-size:15.5px}h2{font-size:1.4rem}h3{font-size:1.05rem}
.brand{font-size:1.1rem}nav a{font-size:.93rem}
.hero{padding:46px 0 44px}.hero h1{font-size:clamp(1.4rem,3.2vw,2rem)}.hero .lead{font-size:1rem}.iam{font-size:.92rem}.roles span{font-size:.85rem;padding:5px 12px}
.hero-grid{grid-template-columns:1.7fr 1fr;gap:36px}
.frame{max-width:240px}.about .frame{max-width:210px}.contact .frame{max-width:220px}
.page-head{padding:34px 0 18px}.page-head h1{font-size:clamp(1.5rem,3.4vw,2.1rem)}.page-head p{font-size:.95rem}
.me-thumb{width:68px;height:68px}
.about{grid-template-columns:210px 1fr}.contact{grid-template-columns:220px 1fr}
.post h3{font-size:1rem}.headline{font-size:1.3rem}.feature h2{font-size:1.3rem}
section{padding:30px 0 44px}.btn{padding:9px 18px;font-size:.95rem}
@media (max-width:800px){.hero-grid{grid-template-columns:1fr}.frame{max-width:170px}}
@media (max-width:700px){.about{grid-template-columns:1fr}}
@media (max-width:760px){.contact{grid-template-columns:1fr}}

/* v5 */
.frame img{height:auto}
.hero-grid{display:flex;align-items:center;justify-content:flex-start;gap:44px}.hero-grid>div:first-child{flex:0 1 620px}.hero-grid .frame{flex:none;width:240px}.iam{font-size:1.2rem}
@media (max-width:800px){.hero-grid{flex-direction:column;align-items:flex-start;gap:34px}.hero-grid .frame{order:-1;width:170px}}
.about{grid-template-columns:300px 1fr}.about .frame{max-width:300px}
@media (max-width:700px){.about{grid-template-columns:1fr}.about .frame{max-width:220px}}
.sechead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:26px 0 14px}.sechead h2,.sechead h3{margin:0}.sechead a{font-weight:600;text-decoration:none}
.work{display:flex;gap:18px;align-items:center}.logo{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:8px;padding:6px;flex:none}
.tools{display:flex;gap:8px;align-items:center}#burger{display:none}
@media (max-width:780px){#burger{display:inline-block}nav{display:none;flex-direction:column;gap:0;overflow:visible;white-space:normal}nav.open{display:flex}nav a{padding:10px 4px;border-bottom:1px solid var(--line)}}

/* v6 */
.fcard{display:flex;flex-direction:column;gap:10px}.fmore{font-weight:600;text-decoration:none}
.stack{display:grid;grid-template-columns:1fr;gap:16px;max-width:560px}.stack.photos{max-width:420px}
.list{list-style:none;padding:0;margin:0;display:grid;gap:12px;max-width:640px}.list li{border-left:4px solid var(--lagoon);padding:4px 0 4px 14px}.list b{display:block}.list span{color:var(--muted);font-size:.9rem}
.plain{margin:0;padding-left:20px}.plain li{margin:6px 0}
.cert-row{display:flex;gap:16px;align-items:center;padding:10px;cursor:pointer;overflow:visible}.cert-row:hover{transform:none;box-shadow:none}
.cert-row img{width:200px;flex:none;aspect-ratio:10/7;border-radius:4px;background:#fff;transition:transform .3s;transform-origin:left center;position:relative}
.cert-row:hover img{transform:scale(1.5);z-index:3;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.cert-row figcaption{text-align:left;padding:0}
@media (max-width:600px){.cert-row img{width:120px}}

/* v7 */
.head{justify-content:flex-start;gap:22px}.head>div{flex:0 1 720px}.head .me-thumb{order:-1;width:84px;height:84px;box-shadow:0 0 0 5px var(--mist)}
.row4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:12px 0}@media (max-width:700px){.row4{grid-template-columns:repeat(2,1fr)}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:36px}.two h2{margin-top:0}@media (max-width:700px){.two{grid-template-columns:1fr}}
.list>div{border-left:4px solid var(--lagoon);padding:4px 0 4px 14px}.list>div b{display:block}.list>div span{color:var(--muted);font-size:.9rem}
.areas{display:grid;gap:10px}.areas>div{background:var(--mist);border:1px solid var(--line);border-radius:8px;padding:10px 14px 10px 42px;position:relative}.areas>div::before{content:"✓";position:absolute;left:15px;color:var(--turmeric);font-weight:700}
.contact{grid-template-columns:260px 1fr;gap:36px}.contact .frame{max-width:260px}.contact form{max-width:none}
@media (max-width:760px){.contact{grid-template-columns:1fr}.contact .frame{max-width:200px}}
.foot-social{border-top:1px solid var(--line);background:var(--mist);padding:30px 0;text-align:center}.foot-social h2{margin-bottom:14px}.foot-social .social{justify-content:center}

/* v8 page header */
.page-head{padding:30px 0 28px}
.head{gap:26px}.head>div{flex:1 1 0;min-width:0}.head .me-thumb{width:84px;height:84px}
.head-pic{flex:none;width:min(340px,34%);height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid var(--line);box-shadow:0 8px 22px rgba(0,0,0,.18)}
@media (max-width:760px){.head{flex-wrap:wrap;gap:18px}.head>div{flex:1 1 calc(100% - 110px)}.head-pic{width:100%;order:3}}

/* v9 */
.social a.soc{transition:transform .2s,background .2s,color .2s,border-color .2s}
.social a.soc:hover,.social a.soc:focus-visible{transform:scale(1.07);background:var(--lagoon);color:var(--paper);border-color:var(--lagoon)}
.credly{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;padding:14px 18px;border:1px solid var(--line);background:var(--mist);border-radius:10px}
.credly .ci{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 1.1rem system-ui;font-style:normal;background:#ff6b00}
.credly div b{display:block}.credly div span{color:var(--muted);font-size:.9rem}
.hexes{display:flex;gap:6px;margin-left:auto}.hex{width:46px;height:52px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#ff6b00;display:grid;place-items:center;color:#fff;text-decoration:none;transition:transform .2s}.hex:nth-child(2){background:#e65100}.hex:nth-child(3){background:#ff8f3d}.hex:hover{transform:scale(1.12)}

/* v10 */
.page-head{padding:16px 0}.page-head h1{margin:0 0 4px}.page-head p{margin:0}
.head-pic{width:min(300px,30%);aspect-ratio:16/7}
.page-head+section{padding-top:22px}
.contact{grid-template-columns:240px minmax(0,520px);justify-content:center;gap:48px;align-items:center}.contact .frame{max-width:240px}
@media (max-width:760px){.contact{grid-template-columns:1fr}.contact .frame{max-width:200px}}
.credly svg.ci{background:none;border-radius:0;width:40px;height:40px}.credly.top{margin:0 0 18px}
.soc i svg{display:block}

/* v11 */
.credly,.credly.top{margin:0 0 20px;padding:14px 20px;border:1px solid var(--line);border-left:5px solid var(--lagoon);border-radius:4px;background:var(--mist);gap:14px}
.credly div b{font-size:1rem}
.hexes{margin-left:auto;gap:8px}.hex{width:38px;height:44px;background:var(--lagoon);color:var(--paper);font-size:.9rem}
.hex:nth-child(2){background:var(--turmeric)}.hex:nth-child(3){background:var(--muted)}
.credly .btn{padding:8px 16px;font-size:.9rem}

/* v12 */
nav a{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:600;font-size:.95rem;letter-spacing:.02em}
.contact{grid-template-columns:240px minmax(0,460px)}.contact form{gap:12px;max-width:460px}.contact input,.contact textarea{padding:9px 11px}.contact label{font-size:.92rem}
@media (max-width:760px){.contact{grid-template-columns:1fr}}

/* v13 logo */
.brand{display:flex;align-items:center;gap:10px}.brand img{height:38px;width:auto}.logo-d{display:none}
:root[data-theme=dark] .logo-l{display:none}:root[data-theme=dark] .logo-d{display:block}

/* v14 */
.contact{grid-template-columns:300px minmax(0,500px);gap:48px;justify-content:center;align-items:center}.contact .frame{max-width:300px}
@media (max-width:760px){.contact{grid-template-columns:1fr;gap:34px}.contact .frame{max-width:220px;margin:0 auto}}
.cs{display:flex;align-items:center;gap:10px}.cs-vp{overflow:hidden;flex:1;min-width:0;padding:14px 0}
.cs-track{display:flex;transition:transform .45s ease;--n:3}.cs-slide{flex:0 0 calc(100% / var(--n));padding:0 10px}
@media (max-width:900px){.cs-track{--n:2}}@media (max-width:600px){.cs-track{--n:1}}
.cs-btn{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--mist);color:var(--ink);font-size:1.4rem;line-height:1;cursor:pointer;transition:background .2s}
.cs-btn:disabled{opacity:.35;cursor:default}.cs-btn:hover:not(:disabled){background:var(--lagoon);color:var(--paper)}
.cs-slide .cert:hover{transform:scale(1.06)}

/* v15 */
.contact{align-items:start;gap:40px}
.logo-story{display:flex;gap:36px;align-items:center}.ls-img{flex:0 0 280px}.ls-img img{width:100%;height:auto}.logo-story p{margin:0 0 12px}
@media (max-width:700px){.logo-story{flex-direction:column;align-items:flex-start;gap:20px}.ls-img{flex-basis:auto;width:220px}}

/* v16 */
.cs-btn{width:48px;height:48px;font-size:2rem;font-weight:700;background:var(--turmeric);color:#14232b;border:0;box-shadow:0 4px 14px rgba(0,0,0,.3);transition:transform .2s,background .2s,box-shadow .2s}
.cs-btn:hover:not(:disabled){background:var(--lagoon);color:var(--paper);transform:scale(1.12);box-shadow:0 6px 18px rgba(0,0,0,.4)}
.cs-btn:disabled{opacity:.45;box-shadow:none;background:var(--muted);color:var(--paper)}
.logo-card{margin-top:44px;padding:28px 32px;border-radius:14px;border:1px solid #cfe4e6;border-left:6px solid var(--lagoon);background:linear-gradient(135deg,#e4f2f3 0%,#f9f1dc 100%)}
:root[data-theme=dark] .logo-card{border-color:#2b4a72;border-left-color:var(--lagoon);background:linear-gradient(135deg,#12294a 0%,#183556 55%,#1f3340 100%)}
.logo-card h2{margin-top:0}
.hero-grid{align-items:flex-start}.hero-grid>div:first-child{padding-top:10px}
.roles{transition:min-height .5s ease,margin .5s ease}.roles.empty{min-height:0;margin:0}

/* v17 */
.areas .at{display:block;font-weight:600}.areas>div::before{top:10px}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.pill{border-radius:99px;padding:2px 12px;font-size:.8rem;color:var(--lagoon);border:1px solid var(--lagoon);background:var(--paper)}

/* v18 */
.list.list2{max-width:none;grid-template-columns:1fr 1fr}.areas.areas2{grid-template-columns:1fr 1fr}
@media (max-width:700px){.list.list2,.areas.areas2{grid-template-columns:1fr}}
.cs-track{--n:4}@media (max-width:1000px){.cs-track{--n:3}}@media (max-width:760px){.cs-track{--n:2}}@media (max-width:500px){.cs-track{--n:1}}

/* v19 */
.cert figcaption{padding:8px 8px 10px}.cert figcaption .ct{display:flex;align-items:center;justify-content:center;gap:7px;font-weight:600}.cert figcaption img.clogo{width:24px;height:24px;aspect-ratio:1;object-fit:contain;border-radius:5px;background:transparent;flex:none}.cert figcaption .co{display:block;color:var(--muted);font-size:.82rem}
.edu{display:flex;flex-wrap:wrap;gap:14px}.edu>div{display:flex;align-items:center;gap:12px;background:var(--mist);border:1px solid var(--line);border-radius:10px;padding:10px 18px 10px 12px;flex:0 1 auto}
.edu .ei{width:38px;height:38px;border-radius:50%;background:var(--lagoon);color:var(--paper);display:grid;place-items:center;font-size:1.1rem;font-style:normal;flex:none}.edu b{display:block}.edu span{color:var(--muted);font-size:.88rem}
.xbtn{position:absolute;top:10px;right:12px;z-index:5;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.2);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;transition:background .2s,transform .2s}.xbtn:hover{background:#c0392b;transform:scale(1.08)}
.dlg .xbtn{position:sticky;top:0;float:right;margin:-8px -8px 0 8px;background:var(--mist);color:var(--ink);border:1px solid var(--line)}.dlg .xbtn:hover{color:#fff}
.lb img{max-height:74vh}.zoomable{cursor:zoom-in}.post img{cursor:pointer}

/* v21 */
@media (min-width:781px){nav{gap:clamp(18px,2.4vw,30px)}}
nav a{font-size:1.05rem}
/* v20 brand script */
.brand span{font-family:"Dancing Script","Brush Script MT","Segoe Script",cursive;font-size:1.8rem;font-weight:700;line-height:1;letter-spacing:.01em}

/* v22 subscribe */
.subscribe{border-top:1px solid var(--line);padding:34px 0}
.sub-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding:22px 26px;border-radius:12px;background:var(--mist);border:1px solid var(--line);border-left:6px solid var(--turmeric)}
.sub-box h2{margin:0 0 4px}.sub-box p{margin:0;color:var(--muted)}
#sub{display:flex;gap:10px;flex:1 1 340px;max-width:460px}#sub input{flex:1;min-width:0}
.sub-box .sub-msg{flex-basis:100%;min-height:1.2em;font-size:.9rem}.sub-box .sub-msg.ok{color:var(--lagoon)}.sub-box .sub-msg.bad{color:#d9534f}