
/* ===== THEMES: switch with <html data-theme="aurora|dawn|cobalt"> ===== */
:root,[data-theme="aurora"]{--paper:#eef2f8;--paper2:#e2e8f3;--ink:#070b1a;--ink2:#0f1630;--ink3:#18214a;--mute:#4a5468;--line:rgba(7,11,26,.13);
--acc:#2ee6c5;--acc2:#8b5cf6;--acc-text:#0b7d6e;--acc-bright:#3ff0d0;--acc-hover:#5ff3da;--on-acc:#05121a;
--on-ink:#eef2ff;--on-ink-mute:#c0c8de;--on-ink-dim:#8f9bbd;--nav-bg:rgba(238,242,248,.88);--photo-tint:rgba(139,92,246,.45);--photo-filter:grayscale(1) contrast(1.1) brightness(1.02);
--grad:linear-gradient(120deg,#2ee6c5,#5b8cff 50%,#8b5cf6)}
[data-theme="dawn"]{--paper:#fbf4ee;--paper2:#f3e6dc;--ink:#17123a;--ink2:#211a4e;--ink3:#2c2464;--mute:#5c5670;--line:rgba(23,18,58,.13);
--acc:#ff6b4a;--acc2:#ffb547;--acc-text:#c23a1c;--acc-bright:#ff8a5c;--acc-hover:#ff8a6b;--on-acc:#1a0f2e;
--on-ink:#f7f1ff;--on-ink-mute:#cdc6e6;--on-ink-dim:#9a93bf;--nav-bg:rgba(251,244,238,.88);--photo-tint:rgba(255,107,74,.42);--photo-filter:grayscale(1) contrast(1.08) sepia(.15);
--grad:linear-gradient(120deg,#ff5e62,#ff8a4c 45%,#ffc547)}
[data-theme="cobalt"]{--paper:#f3f5ee;--paper2:#e7ebdf;--ink:#0a1a7a;--ink2:#1229a0;--ink3:#1a35b8;--mute:#4a5170;--line:rgba(10,26,122,.15);
--acc:#c8ff2e;--acc2:#7dff6b;--acc-text:#2443e0;--acc-bright:#d4ff4f;--acc-hover:#dbff70;--on-acc:#0a1a7a;
--on-ink:#f4f7ff;--on-ink-mute:#d0d8ff;--on-ink-dim:#a3b0ef;--nav-bg:rgba(243,245,238,.9);--photo-tint:rgba(18,53,201,.5);--photo-filter:grayscale(1) contrast(1.15);
--grad:linear-gradient(120deg,#c8ff2e,#7dff6b)}
.ink,.pg,.chapter.now,.card,.ticker,footer{--acc-text:var(--acc-bright)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}img{display:block;max-width:100%;height:auto}::selection{background:var(--acc);color:#fff}
h1,h2,h3,.display,.award,.foot-big{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.015em;line-height:1}
em{font-style:italic;color:var(--acc-text)}
.wrap{max-width:1280px;margin:0 auto;padding:110px 28px}
.eyebrow,.n,.masthead,.go{font:500 12px/1.3 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.14em}
.eyebrow{color:var(--acc-text);margin:0 0 20px;display:flex;align-items:center;gap:12px}.eyebrow::before{content:"";width:28px;height:2px;background:var(--acc)}
.n{color:var(--mute)}
/* clipped-corner system */
.clip{clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)))}
.btn,.role,.card,.chapter,.thesis,.speak-box,.pg,.badge,form,button,.formats li,.cutout img{clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)))}
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 28px;background:var(--nav-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.logo{font:400 30px/1 'Instrument Serif',serif;text-decoration:none}.logo i{color:var(--acc-text);font-style:normal}
.nav nav{display:flex;gap:26px}.nav nav a{text-decoration:none;font-size:14px;color:var(--mute)}.nav nav a:hover{color:var(--acc-text)}
.btn{--c:10px;display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:15px 24px;text-decoration:none;font-weight:600;font-size:15px;transition:background .2s,transform .2s}
.btn:hover{background:var(--acc);transform:translate(-2px,-2px)}.btn span{transition:transform .2s}.btn:hover span{transform:translateX(3px)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.btn.ghost:hover{background:var(--ink);color:#fff}
.btn.sm{padding:10px 16px;font-size:13px}
/* cover */
.cover{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(180deg,#000 30%,transparent 100%);opacity:.6}
.cover-inner{position:relative;max-width:1280px;margin:0 auto;padding:22px 28px 70px}
.masthead{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:12px;color:var(--ink)}
.cover-main{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:44px}
h1{font-size:clamp(50px,6.8vw,112px);line-height:.88;margin:0 0 28px}h1 span{display:block}
.statement{font-size:clamp(18px,1.5vw,21px);color:var(--mute);max-width:40ch;margin:0}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.cutout{position:relative;margin:0;padding:0 26px 26px 0}
.cutout img{--c:64px;position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;filter:grayscale(1) contrast(1.08)}
.frame{position:absolute;inset:26px 0 0 26px;border:2px solid var(--acc);clip-path:polygon(0 0,calc(100% - 64px) 0,100% 64px,100% 100%,64px 100%,0 calc(100% - 64px))}
.cutout::after{content:"";position:absolute;z-index:2;left:0;top:0;width:calc(100% - 26px);height:calc(100% - 26px);background:linear-gradient(200deg,transparent 55%,var(--photo-tint));mix-blend-mode:multiply;pointer-events:none;clip-path:polygon(0 0,calc(100% - 64px) 0,100% 64px,100% 100%,64px 100%,0 calc(100% - 64px))}
.badge{--c:12px;position:absolute;z-index:3;left:-30px;top:44px;background:var(--acc);color:#fff;text-decoration:none;padding:16px 18px;display:flex;gap:12px;align-items:center;transform:rotate(-4deg);transition:transform .3s}
.badge:hover{transform:rotate(0) scale(1.04)}.badge b{font:400 40px/1 'Instrument Serif',serif}.badge span{font:600 11px/1.25 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.cutout figcaption{position:absolute;z-index:3;right:0;bottom:0;background:var(--ink);color:#fff;font:500 12px 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.12em;padding:10px 14px}
.ticker{overflow:hidden;background:var(--ink);color:#fff;padding:18px 0;transform:skewY(-1.2deg);margin:-10px 0 10px;position:relative;z-index:2}
.track{display:flex;gap:30px;width:max-content;animation:mq 38s linear infinite;font:400 26px/1 'Instrument Serif',serif;white-space:nowrap}.track b{color:var(--acc-text);font-weight:400}
@keyframes mq{to{transform:translateX(-50%)}}
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-top:70px;padding-bottom:90px}
.role{--c:22px;position:relative;display:flex;flex-direction:column;gap:12px;padding:30px 30px 34px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--ink);margin-right:-1px;text-decoration:none;transition:background .25s,color .25s}
.role h2{font-size:32px;margin:8px 0 0}.role p{margin:0;color:var(--mute);flex:1}.role .go{font-size:22px;color:var(--acc-text)}
.role:hover{background:var(--ink);color:#fff}.role:hover p{color:var(--on-ink-mute)}.role:hover .n{color:var(--acc-text)}
.band{position:relative}.ink{background:var(--ink);color:var(--on-ink)}.ink .n{color:var(--on-ink-dim)}.ink p{color:var(--on-ink-mute)}
.diag{clip-path:polygon(0 60px,100% 0,100% calc(100% - 60px),0 100%);padding:60px 0}
.diag-top{clip-path:polygon(0 60px,100% 0,100% 100%,0 100%);padding-top:40px}
.display{font-size:clamp(42px,5.4vw,82px);margin:0 0 40px;max-width:20ch}
.origin .display{max-width:24ch}.cols{columns:2 300px;column-gap:56px}.cols p{margin:0 0 18px;break-inside:avoid}
.sec-head{margin-bottom:34px}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end}.lede{font-size:19px;margin:0 0 40px}
.principles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);border-top:2px solid var(--ink)}
.principles li{padding:34px 34px 38px 0;border-bottom:1px solid var(--line);position:relative}
.principles li:nth-child(odd){border-right:1px solid var(--line)}.principles li:nth-child(even){padding-left:34px}
.principles .n{color:var(--acc-text)}.principles h3{font-size:clamp(28px,2.8vw,38px);margin:12px 0 10px}.principles p{margin:0;color:var(--mute);max-width:44ch}
.principles li::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--acc);transition:width .4s}.principles li:hover::after{width:100%}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:34px}
.card{--c:22px;padding:32px;background:var(--ink2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:transform .25s,background .25s}
.card:hover{transform:translateY(-5px);background:var(--ink3)}.card h3{font-size:32px;margin:24px 0 10px;color:#fff}.card p{margin:0}
.card.hot{background:var(--acc)}.card.hot p,.card.hot .n{color:#fff}.card.hot:hover{background:var(--acc-hover)}
.link{color:var(--acc-text);font-weight:600;text-decoration:none;border-bottom:1px solid transparent}.link:hover{border-color:var(--acc-text)}
.chapters{display:grid;grid-template-columns:.8fr 1.4fr .8fr;gap:14px;align-items:start}
.chapter{--c:22px;padding:30px;background:var(--paper2);box-shadow:inset 0 0 0 1px var(--line)}
.chapter h3{font-size:30px;margin:14px 0 10px}.chapter p{color:var(--mute);margin:0 0 14px}
.chapter.now{background:var(--ink);color:#fff}.chapter.now p{color:var(--on-ink-mute)}.chapter.now .n{color:var(--acc-text)}
.thesis{--c:16px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink);padding:24px;margin-top:20px}.thesis .n{color:var(--acc-text);margin:0 0 10px}.thesis .t{margin:0 0 10px}
.award-band{background:var(--paper2);border-block:1px solid var(--line);text-align:center}
.award{font-size:clamp(56px,9vw,140px);margin:0}.award b{font:500 .28em 'JetBrains Mono',monospace;vertical-align:.9em;background:var(--ink);color:#fff;padding:.3em .6em;margin-left:.2em}
.award-sub{color:var(--mute);font-size:19px;margin:18px 0 22px}
.speak{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.speak p{color:var(--mute)}
.speak-box{--c:24px;padding:34px;box-shadow:inset 0 0 0 1.5px var(--ink);background:var(--paper)}
.formats{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.formats li{--c:8px;background:var(--paper2);padding:8px 14px;font-size:14px;font-weight:500}
.small{margin:0 0 20px}
.postgame{padding:20px 28px 130px}
.pg{--c:36px;max-width:840px;margin:0 auto;text-align:center;padding:64px 44px;background:var(--ink);color:#fff;position:relative;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}
.pg .n{color:var(--acc-text);margin:0 0 20px}.pg h2{font-size:clamp(40px,5vw,66px);margin:0 auto 18px}.pg>p{color:var(--on-ink-mute);max-width:48ch;margin:0 auto}
form{--c:12px;display:flex;gap:6px;max-width:470px;margin:32px auto 6px;padding:6px;background:rgba(255,255,255,.1)}
input{flex:1;min-width:0;border:0;background:transparent;color:#fff;font:inherit;padding:10px 14px;outline:none}input::placeholder{color:var(--on-ink-dim)}
button{--c:8px;border:0;background:var(--acc);color:#fff;font:inherit;font-weight:600;padding:12px 22px;cursor:pointer;transition:background .2s}button:hover{background:#fff;color:var(--ink)}
.msg{min-height:1.5em;color:var(--acc-text)!important;font-weight:500}
.foot{padding-top:110px;padding-bottom:36px}.foot-big{font-size:clamp(70px,12vw,180px);margin:0 0 46px}
.foot-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);padding-top:26px}
.dim{color:var(--on-ink-dim)}.social{display:flex;gap:12px;flex-wrap:wrap}.social a{text-decoration:none}.fine{color:var(--on-ink-dim)!important;font-size:14px;margin-top:36px}
.float{--c:10px;position:fixed;right:20px;bottom:20px;z-index:40;background:var(--acc);color:#fff;text-decoration:none;font-weight:600;font-size:14px;padding:12px 18px;transition:opacity .3s,transform .3s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.float.hide{opacity:0;transform:translateY(12px);pointer-events:none}
.ph{display:inline-block;font:500 11px/1.4 'JetBrains Mono',monospace;letter-spacing:.04em;text-transform:uppercase;color:#7a4b00;background:#fff1cc;border:1px dashed #d9a441;padding:3px 8px;vertical-align:middle}
.ink .ph,.pg .ph,.chapter.now .ph{color:#ffd88a;background:rgba(255,200,80,.1);border-color:rgba(255,200,80,.5)}.ph::before{content:"◆ "}
h3 .ph{font-size:10px}
.sr{position:absolute;left:-9999px}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.js .reveal.in{opacity:1;transform:none}
@media(max-width:1000px){.nav nav{display:none}.cover-main,.split,.speak{grid-template-columns:1fr;gap:36px}.cutout{max-width:460px;order:-1;margin-left:20px}
.roles,.cards,.chapters{grid-template-columns:1fr}.role{margin:0 0 -1px}.principles{grid-template-columns:1fr}.principles li,.principles li:nth-child(even){padding:28px 0;border-right:0}
.wrap{padding:76px 22px}.diag{clip-path:polygon(0 30px,100% 0,100% calc(100% - 30px),0 100%);padding:30px 0}.diag-top{clip-path:polygon(0 30px,100% 0,100% 100%,0 100%)}
.pg{padding:46px 22px}.postgame{padding:10px 16px 80px}.masthead span:first-child{display:none}.badge{left:-14px}}
@media(max-width:520px){.nav .btn.sm{display:none}form{flex-direction:column}button{width:100%}h1{font-size:clamp(54px,15.5vw,84px)}.cutout img{--c:40px}.track{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}
/* outlined clipped shapes: ink fill + inset paper layer, keeps the stroke on the angled corners */
.role,.speak-box,.btn.ghost,.thesis{box-shadow:none!important;background:var(--ink);position:relative;isolation:isolate}
.role::before,.speak-box::before,.btn.ghost::before,.thesis::before{content:"";position:absolute;inset:1.5px;z-index:-1;background:var(--paper);transition:background .25s;clip-path:polygon(0 0,calc(100% - var(--c) + .6px) 0,100% calc(var(--c) - .6px),100% 100%,calc(var(--c) - .6px) 100%,0 calc(100% - var(--c) + .6px))}
.role:hover::before,.btn.ghost:hover::before{background:var(--ink)}
.btn.ghost:hover{background:var(--ink)}
.frame{border:0;background:var(--acc);clip-path:polygon(0 0,calc(100% - 64px) 0,100% 64px,100% 100%,64px 100%,0 calc(100% - 64px))}
@media(max-width:520px){.frame{clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,40px 100%,0 calc(100% - 40px))}.cutout::after{clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,40px 100%,0 calc(100% - 40px))}}

/* theme-aware accents */
.cutout img{filter:var(--photo-filter)}
.frame{background:var(--grad)}
.badge{background:var(--grad);color:var(--on-acc)}
.card.hot{background:var(--grad)}.card.hot h3,.card.hot p,.card.hot .n{color:var(--on-acc)}.card.hot:hover{background:var(--grad);filter:brightness(1.06)}
.card h3,.ink h3{color:var(--on-ink)}
.btn:hover{background:var(--acc);color:var(--on-acc)}
button{background:var(--acc);color:var(--on-acc)}
.float{background:var(--acc);color:var(--on-acc)}
.ticker{background:var(--ink);color:var(--on-ink)}.ticker .track b{color:var(--acc-bright)}
.eyebrow::before{background:var(--acc-text)}
.pg{color:var(--on-ink);background-color:var(--ink);box-shadow:none}
.pg::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad)}
.ink{color:var(--on-ink)}.ink .display{color:var(--on-ink)}
.award b{background:var(--ink);color:var(--on-ink)}
.principles li::after{background:var(--grad)}
.chapter.now{color:var(--on-ink)}
[data-theme="cobalt"] .nav .logo i,[data-theme="cobalt"] .principles .n{color:var(--ink2)}
.thesis .t{font:400 24px/1.2 'Instrument Serif',serif;color:var(--ink)}
.findings{margin:0 0 20px;padding-left:18px;color:var(--mute)}.findings li{margin:4px 0}.findings li::marker{color:var(--acc-text)}
.chapters{grid-template-columns:1fr 1fr!important}.chapter p:last-child{margin-bottom:0}.hero-link{margin:18px 0 0}.also{color:var(--mute);margin:0 0 16px}
.chapter.now .link{color:var(--acc-bright)}
@media(max-width:1000px){.chapters{grid-template-columns:1fr!important}}
.stat{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin:0 0 34px;padding:20px 0;border-block:1px solid rgba(255,255,255,.16)}
.stat b{font:400 clamp(64px,8vw,112px)/.9 'Instrument Serif',serif;color:var(--acc-bright)}.stat span{font:500 13px/1.4 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--on-ink-mute)}
.ink .btn{background:var(--acc);color:var(--on-acc)}.ink .btn:hover{background:#fff;color:var(--ink)}
.gate{margin-top:18px;padding:18px 20px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--acc);max-width:360px}.gate .n{margin:0 0 12px;color:var(--acc-text)}.gate-msg{margin:10px 0 0;font-size:14px;color:var(--ink);min-height:1em}button.btn{border:0;cursor:pointer;font-family:inherit}
.gate label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin:0 0 10px}.gate input{display:block;width:100%;margin-top:5px;padding:11px 12px;font:inherit;font-size:15px;color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:0;box-sizing:border-box}.gate input:focus{outline:2px solid var(--acc);outline-offset:1px}.gate .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.gate #ts-widget{margin:4px 0 12px}.gate .fine{font-size:12px;color:var(--mute);margin:10px 0 0}.gate{position:relative}
form.gate{display:block;margin:18px 0 0;padding:18px 20px;max-width:380px;background:var(--paper)}form.gate[hidden]{display:none}
.btn[hidden]{display:none}
.topics{list-style:none;margin:22px 0 0;padding:0;border-top:1.5px solid var(--ink)}.topics li{font:400 clamp(22px,2.1vw,28px)/1.2 'Instrument Serif',Georgia,serif;color:var(--ink);padding:14px 0 14px 34px;border-bottom:1px solid var(--line);position:relative}.topics li::before{content:"→";position:absolute;left:0;color:var(--acc-text);font-family:Inter,sans-serif;font-size:.8em;top:17px}
#signup .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.pg{position:relative}.msg.ok{color:#fff;font-weight:600}.msg.ok::before{content:"✓ ";color:var(--acc)}.msg.err{color:#ffd88a}

/* ---- Mobile pass ---- */
.menu{display:none}
@media(max-width:1000px){
 .menu{display:inline-flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:0 11px;background:transparent;border:0;cursor:pointer;clip-path:none;margin-left:auto}
 .menu i{display:block;height:2px;background:var(--ink);transition:transform .25s}
 .nav.open .menu i:first-child{transform:translateY(4px) rotate(45deg)}.nav.open .menu i:last-child{transform:translateY(-4px) rotate(-45deg)}
 .nav.open nav{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:2px solid var(--ink);padding:6px 20px 14px}
 .nav.open nav a{font-size:17px;padding:12px 0;min-height:44px;border-bottom:1px solid var(--line);color:var(--ink)}
 .badge{top:auto;bottom:60px;left:-10px;padding:10px 12px;gap:9px}.badge b{font-size:30px}.badge span{font-size:10px}
}
@media(max-width:520px){
 .nav{padding:8px 16px}
 .badge{bottom:52px;left:-8px;padding:8px 10px}.badge b{font-size:24px}.badge span{font-size:9px}
 body{font-size:16px}
 .cutout{margin-left:8px;padding:0 16px 16px 0}
 .cutout figcaption{font-size:10px;padding:8px 10px}
 .track{animation-duration:30s}
 .gate input,#signup input{font-size:16px}
 .btn{min-height:44px}.link,.social a,.foot a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:1000px){.logo{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.social a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;justify-content:center}}
@media(max-width:1000px){.nav .btn.sm{margin-left:auto}.nav .btn.sm+.menu{margin-left:8px}}
.pg-more{margin:14px 0 0}.pg-more .link{color:var(--acc-bright);display:inline-flex;align-items:center;min-height:44px}
