/* Tamyr Capital Partners Ltd. — shared styles for / and /processing/ (design V2) */

/* ---------- fonts (local woff2, latin + cyrillic) ---------- */
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:200 800;src:url(fonts/manrope-cyrillic-ext-wght-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:200 800;src:url(fonts/manrope-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:200 800;src:url(fonts/manrope-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:200 800;src:url(fonts/manrope-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-style:normal;font-display:swap;font-weight:400 900;src:url(fonts/golos-text-cyrillic-ext-wght-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Golos Text";font-style:normal;font-display:swap;font-weight:400 900;src:url(fonts/golos-text-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-display:swap;font-weight:400 900;src:url(fonts/golos-text-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Golos Text";font-style:normal;font-display:swap;font-weight:400 900;src:url(fonts/golos-text-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- tokens ---------- */
:root{
  /* small print on paper/ivory keeps AA 4.5:1 (--ink-3 4.9/4.6, --brass 5.0/4.6);
     --topic is the lighter heading topic: large text only (3.6/3.4 ≥ 3:1) */
  --navy:#0F2340; --navy-2:#0B1A31; --ink:#16213A; --ink-2:#4F5A70; --ink-3:#646D80; --topic:#7A8396;
  --paper:#FAF8F3; --ivory:#F4F0E6; --line:rgba(15,35,64,.12); --line-2:rgba(15,35,64,.24);
  --ochre:#D2922A; --amber:#E3A23C; --brass:#8C6511;
  --on-dark:#F4F0E6; --on-dark-2:rgba(244,240,230,.74); --on-dark-3:rgba(244,240,230,.52);
  --display:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --text:"Golos Text",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gut:clamp(24px,5.6vw,80px); --max:1280px; --hh:76px;
  --e-out:cubic-bezier(.22,1,.36,1); --e-soft:cubic-bezier(.33,1,.68,1); --e-io:cubic-bezier(.65,0,.35,1); --e-in:cubic-bezier(.55,0,1,.45);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--paper)}
html[data-lang="en"] [lang="ru"],html[data-lang="ru"] [lang="en"]{display:none!important}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--text);font-feature-settings:"kern";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg{display:block;max-width:100%}
a{color:inherit}
p,h1,h2,h3,dl,dd,ol,ul,figure{margin:0}
ol,ul{padding:0;list-style:none}
::selection{background:var(--amber);color:var(--navy)}
.wrap{max-width:calc(var(--max) + 2*var(--gut));margin:0 auto;padding:0 var(--gut)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--navy);color:var(--on-dark);padding:8px 12px;z-index:60}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.tn{font-variant-numeric:tabular-nums}
.nw{white-space:nowrap}

/* underline links (E7): resting hairline + amber line drawn on hover */
.ul{text-decoration:none;background-image:linear-gradient(var(--amber),var(--amber)),linear-gradient(var(--ul-rest,currentColor),var(--ul-rest,currentColor));background-size:0 1px,100% 1px;background-position:0 100%,0 100%;background-repeat:no-repeat;padding-bottom:3px;transition:background-size .2s var(--e-soft),color .2s}
.ul:hover,.ul:focus-visible{background-size:100% 1px,100% 1px}

/* ---------- header ---------- */
.top{position:fixed;inset:0 0 auto 0;z-index:30;color:var(--on-dark);transition:background-color .4s var(--e-soft),color .4s var(--e-soft),box-shadow .4s var(--e-soft)}
.top-in{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--hh)}
.top[data-tone="light"]{background:rgba(250,248,243,.94);color:var(--navy);box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px)}
.top[data-tone="dark"]{background:rgba(11,26,49,.9);box-shadow:0 1px 0 rgba(244,240,230,.1);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px)}
.brand{display:flex;align-items:center;gap:18px;position:relative;z-index:2}
.mark{display:inline-flex;flex-direction:column;text-decoration:none;line-height:1;gap:6px;position:relative;z-index:2}
.mark b{font:800 21px/1 var(--display);letter-spacing:.02em}
.mark i{font:700 8.5px/1 var(--display);font-style:normal;letter-spacing:.32em;color:var(--amber);transition:color .4s}
.top[data-tone="light"] .mark i{color:var(--ochre)}
/* the group company's page: a thin section line beside the holding's mark */
.sect{position:relative;display:inline-flex;align-items:center;min-height:44px;padding-left:18px;text-decoration:none;white-space:nowrap;font:500 12.5px/1.2 var(--text);letter-spacing:.12em;text-transform:uppercase}
.sect::before{content:"";position:absolute;left:0;top:50%;width:1px;height:28px;margin-top:-14px;background:currentColor;opacity:.35}
.tools{display:flex;align-items:center;gap:28px;font:500 12.5px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;position:relative;z-index:2}
.lang{display:flex;align-items:center;gap:2px}
.lang button{all:unset;cursor:pointer;padding:10px 6px;opacity:.7;transition:opacity .2s}
.lang button[aria-pressed="true"],.lang button:hover{opacity:1}
.lang button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.lang>span{opacity:.4}
.top .contact{--ul-rest:currentColor;padding:6px 0}
.count{display:none}
/* without JS the header cannot change tone: it stays on the cover and scrolls away with it;
   the language buttons and the chapter counter need JS, so they are not shown */
html:not(.js) .top{position:absolute}
html:not(.js) .lang,html:not(.js) .count{display:none!important}

/* chapter bars (desktop): teaser language — bars, the current one wider and filling, amber drop under it */
.chap{position:absolute;left:50%;top:0;height:var(--hh);transform:translateX(-50%);display:flex;align-items:center;gap:20px;transition:opacity .4s var(--e-soft),visibility 0s}
.top[data-cover="1"] .chap{opacity:0;visibility:hidden;transition:opacity .4s var(--e-soft),visibility 0s .4s}
.bars-wrap{position:relative}
.bars{display:flex;gap:6px}
.bars li{position:relative}
.bars a{display:block;width:28px;padding:13px 0;transition:width .5s var(--e-soft)}
.bars li.cur a{width:48px}
.bars .b{display:block;position:relative;height:2px}
.bars .b::before,.bars .b i{content:"";position:absolute;inset:0;border-radius:1px;background:currentColor}
.bars .b::before{opacity:.25}
.bars .b i{transform:scaleX(var(--p,0));transform-origin:0 50%}
.bars li.done .b i{transform:none}
.bars .tip{position:absolute;left:50%;top:34px;transform:translate(-50%,-3px);white-space:nowrap;font:500 11px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;padding:7px 9px;background:var(--navy);color:var(--on-dark);border-radius:2px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}
.bars a:hover .tip,.bars a:focus-visible .tip{opacity:1;transform:translate(-50%,0)}
.drop{position:absolute;left:0;top:26px;width:6px;height:8px;color:var(--amber);opacity:0;transform:translateX(var(--dx,0px));transition:transform .5s var(--e-soft),opacity .3s}
.drop.on{opacity:1}
.drop svg{width:6px;height:8px;fill:currentColor}
.now{display:grid;font:500 12px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;min-width:13em}
.now>span{grid-area:1/1;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s var(--e-in)}
.now>span.is-prev{transform:translateY(-8px)}
.now>span.is-cur{opacity:1;transform:none;transition:opacity .35s .05s,transform .35s .05s var(--e-out)}
.now .tn{opacity:.6}
.now .tn::after{content:" · ";white-space:pre}

/* phone strip + sheet */
.strip{display:none}
.sheet{position:fixed;inset:0;z-index:50}
.sheet[hidden]{display:none}
.sheet-bg{position:absolute;inset:0;background:rgba(11,26,49,.4);opacity:0;transition:opacity .35s var(--e-soft)}
.sheet-panel{position:absolute;left:0;right:0;bottom:0;background:var(--paper);color:var(--navy);border-radius:14px 14px 0 0;padding:8px 0 calc(14px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .35s var(--e-soft);box-shadow:0 -12px 40px rgba(11,26,49,.18)}
.sheet.show .sheet-bg{opacity:1}
.sheet.show .sheet-panel{transform:none}
.sheet-grip{width:36px;height:4px;border-radius:2px;background:var(--line-2);margin:4px auto 10px}
.sheet-t{padding:0 var(--gut) 10px;font:500 11px/1.4 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.sheet li a{display:grid;grid-template-columns:44px 1fr 16px;align-items:center;min-height:52px;padding:0 var(--gut);text-decoration:none;border-top:1px solid var(--line);font:400 18px/1.3 var(--display)}
.sheet li a .tn{font:500 12px/1 var(--text);letter-spacing:.12em;color:var(--brass)}
.sheet li a .mk{width:8px;height:11px;color:var(--amber);opacity:0}
.sheet li a[aria-current] .mk{opacity:1}
.sheet li a[aria-current]{font-weight:500}
.sheet .sheet-back{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 var(--gut);border-top:1px solid var(--line);text-decoration:none;font:400 15px/1.3 var(--text);color:var(--ink-2)}

/* ---------- 00 cover ---------- */
.stage{position:relative}
.hero{position:relative;z-index:0;height:100vh;height:100svh;min-height:640px;max-height:1100px;overflow:hidden;background:var(--navy);color:var(--on-dark)}
/* the cover stays under the curtain only when the whole cover fits the window */
@media (prefers-reduced-motion:no-preference) and (min-height:640px){ .hero{position:sticky;top:0} }
@media (prefers-reduced-motion:no-preference) and (max-width:760px) and (min-height:560px){ .hero{position:sticky;top:0} }
.hero-media{position:absolute;inset:0;transform-origin:50% 72%}
.hero-media picture,.hero-media img{position:absolute;inset:0;width:100%;height:100%}
.hero-media img{object-fit:cover;object-position:50% 72%;transform-origin:50% 72%}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:
  linear-gradient(180deg,rgba(11,26,49,.58) 0%,rgba(11,26,49,.16) 30%,rgba(11,26,49,.10) 50%,rgba(11,26,49,.62) 100%),
  linear-gradient(90deg,rgba(11,26,49,.60) 0%,rgba(11,26,49,.10) 64%)}
/* E6 film grain, static */
.hero::after,.ch.contact::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/240px 240px repeat;
  opacity:.09;mix-blend-mode:overlay}
.hero-shade{position:absolute;inset:0;z-index:2;background:var(--navy-2);opacity:0;pointer-events:none}
.hero-in{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--hh) + 32px);padding-bottom:clamp(26px,4.2vh,44px)}
.hero-text{margin-bottom:clamp(40px,8vh,84px)}
.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 clamp(22px,3.2vh,34px);font:500 12.5px/1.3 var(--text);letter-spacing:.14em;text-transform:uppercase}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--amber);transform:scaleX(var(--r,1));transform-origin:0 50%;flex:none}
.hero h1{font:300 clamp(44px,6.4vw,104px)/1.0 var(--display);letter-spacing:-.03em;margin:0;max-width:12.4em;text-wrap:balance}
.hero h1 .t{display:block}
.hero .sub{font:400 clamp(18px,1.45vw,21px)/1.5 var(--text);max-width:30em;margin-top:clamp(22px,3.2vh,34px);color:rgba(244,240,230,.88);text-shadow:0 1px 18px rgba(11,26,49,.4)}
.hbar{position:relative;height:1px;background:rgba(244,240,230,.42);transform-origin:0 50%}
.hbar .seg{position:absolute;left:0;top:-1px;height:3px;width:clamp(64px,9vw,128px);background:var(--amber);transform-origin:0 50%}
.hfacts{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-top:20px}
.fields{display:flex;gap:clamp(28px,5vw,80px)}
.fields dt{font:500 10.5px/1.3 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-3);margin-bottom:7px}
.fields dd{font:400 15px/1.4 var(--text);color:var(--on-dark)}
.fields .ul{--ul-rest:rgba(244,240,230,.45);position:relative}
.down{position:relative;display:inline-flex;align-items:baseline;gap:10px;color:var(--on-dark);text-decoration:none;font:500 12px/1.3 var(--text);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
/* touch area ≥44 px without moving the text or its underline */
.down::after,.reqs .tel::after,.fields .ul::after,.back::after,.dirs .go::after{content:"";position:absolute;inset:-14px -8px}
.down .ul{--ul-rest:rgba(244,240,230,.55)}
.down .ar{transition:transform .2s var(--e-soft)}
.down:hover .ar{transform:translateY(3px)}

/* ---------- chapters ---------- */
.ch{position:relative;z-index:1;background:var(--paper);overflow-x:hidden;overflow-x:clip}
.ch.ivory{background:var(--ivory)}
#ch-01{box-shadow:0 -28px 60px rgba(11,26,49,.22)}
.ch-in{display:flex;flex-direction:column;min-height:min(100vh,960px);min-height:min(100svh,960px);padding-top:calc(var(--hh) + clamp(44px,7vh,88px));padding-bottom:clamp(36px,6vh,60px)}
.lbl{display:flex;align-items:center;gap:14px;margin:0 0 clamp(18px,2.6vh,28px);font:500 12.5px/1.4 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.lbl::before{content:"";width:28px;height:1px;background:var(--ochre);transform:scaleX(var(--r,1));transform-origin:0 50%;flex:none}
.lbl .tn{color:var(--navy);margin-right:.2em}
h2{font:300 clamp(34px,3.9vw,56px)/1.06 var(--display);letter-spacing:-.024em;color:var(--navy);max-width:21em;text-wrap:balance}
/* «topic — fact»: the topic on its own line, a shade lighter; the fact in navy */
h2 .t{display:block;color:var(--topic)}
.dark h2 .t{color:var(--on-dark-3)}
.lead{font:400 clamp(18px,1.4vw,21px)/1.55 var(--text);color:var(--ink);max-width:35em;margin-top:clamp(18px,3vh,30px)}
.src{font:400 11.5px/1.55 var(--text);color:var(--ink-3);max-width:62em}
.src b{font-weight:500;color:var(--ink-2)}
/* page foot, as on the deck pages: the brand horizon (its amber segment moves one step per chapter,
   from the cover's left end to the contact's right end), sources or a note, the page number */
.folio{--seg:clamp(48px,6vw,96px);margin-top:auto;padding-top:clamp(32px,5vh,52px)}
.fl{position:relative;height:1px;background:var(--line-2)}
.fl i{position:absolute;top:-1px;left:calc((100% - var(--seg)) * var(--k,0));width:var(--seg);height:3px;background:var(--amber)}
.fm{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding-top:14px}
.pg{margin-left:auto;font:500 11.5px/1.55 var(--text);letter-spacing:.12em;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
/* SplitText line masks (E1/E2): room for descenders; inline-block masks keep the original line spacing */
.tl{display:block}
.tl-mask{display:inline-block;width:100%;vertical-align:top}
.hero h1 .tl-mask{padding:.06em 0 .18em;margin:-.06em 0 -.18em}
h2 .tl-mask{padding:.05em 0 .16em;margin:-.05em 0 -.16em}
.motion .hero h1>[lang]{display:block}
/* a list that closes its chapter sits low, as the Overview fields do */
.ch-in>.end{margin-top:auto;padding-top:clamp(48px,8vh,96px)}
.ch-in>.end + .folio{margin-top:0;padding-top:clamp(28px,4.4vh,44px)}

/* heading and lead side by side (as p-12 of the deck) */
.hd2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.hd2 .ch-head{grid-column:1 / span 7}
.hd2 .lead{grid-column:8 / span 5;margin-top:0;padding-top:calc(12.5px * 1.4 + clamp(18px,2.6vh,28px) + .3em)}

/* overview (holding) */
.ov{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.ov .ch-head{grid-column:1 / span 6}
.thesis{grid-column:7 / span 6;font:300 clamp(22px,2.05vw,30px)/1.4 var(--display);letter-spacing:-.01em;color:var(--navy);padding-top:calc(12.5px * 1.4 + clamp(18px,2.6vh,28px) + .12em)}
.fields3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;margin-top:auto;padding-top:clamp(48px,8vh,96px)}
.fields3 li,.rows li,.principles li{position:relative}
.fields3 li::before,.rows li::before,.principles li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-2);transform:scaleX(var(--d,1));transform-origin:0 50%}
.fields3 li{padding-top:22px}
.ix{display:block;font:500 12px/1 var(--text);letter-spacing:.14em;color:var(--brass);font-variant-numeric:tabular-nums}
.fields3 .ix{margin-bottom:16px}
.fields3 h3{font:500 21px/1.3 var(--display);letter-spacing:-.01em;color:var(--navy);margin-bottom:8px}
.fields3 p{color:var(--ink-2);font-size:16.5px;line-height:1.55;max-width:21em}
.fields3 + .folio{margin-top:0;padding-top:clamp(28px,4.4vh,44px)}
.note{font:400 13px/1.5 var(--text);color:var(--ink-3)}
.note i{font-style:normal;color:var(--ink-2)}

/* approach: four principles in a row */
.principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;margin-top:clamp(36px,6vh,60px)}
.principles li{padding:22px 0 0}
.principles .ix{margin-bottom:16px}
.principles h3{font:500 20px/1.3 var(--display);letter-spacing:-.01em;color:var(--navy);margin-bottom:8px}
.principles p{color:var(--ink-2);font-size:16.5px;line-height:1.55;max-width:19em}

/* directions: the brand horizon with three nodes of one weight; the first, in amber, is the first platform
   (an order, not a status). The amber segment on the line is the one from the cover's horizon. */
.dirs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;margin-top:clamp(40px,7vh,76px)}
.dirs::before{content:"";position:absolute;left:0;right:0;top:31px;height:1px;background:rgba(15,35,64,.38);transform:scaleX(var(--draw,1));transform-origin:0 50%}
.dirs::after{content:"";position:absolute;left:0;top:30px;height:3px;width:clamp(64px,9vw,128px);background:var(--amber);transform:scaleX(var(--seg,1));transform-origin:0 50%}
.dirs li{position:relative}
.dirs .ix{margin-bottom:14px}
.dirs .nd{position:relative;z-index:1;display:block;width:11px;height:11px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--navy)}
.dirs li:first-child .nd{background:var(--amber);box-shadow:inset 0 0 0 1.5px var(--amber)}
.dirs h3{margin-top:24px;font:500 21px/1.3 var(--display);letter-spacing:-.01em;color:var(--navy);max-width:15em}
.dirs p{margin-top:8px;color:var(--ink-2);font-size:16.5px;line-height:1.55;max-width:21em}
.dirs .go{position:relative;color:var(--navy);font-weight:500;--ul-rest:var(--line-2)}
.dirs .go .ar{display:inline-block;transition:transform .2s var(--e-soft)}
.dirs .go:hover .ar{transform:translateX(3px)}
.dirs .stl{margin-top:6px;font-size:14.5px;color:var(--ink-3)}
.crit{margin-top:clamp(48px,8vh,88px)}
.lbl-s{font:500 11.5px/1.4 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
.rows{border-bottom:1px solid var(--line-2)}
.rows li{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding:20px 0}
.rows h3{grid-column:1 / span 5;font:500 19px/1.35 var(--display);letter-spacing:-.01em;color:var(--navy)}
.rows p{grid-column:6 / span 7;font-size:16.5px;color:var(--ink-2)}

/* partnership: the process line with amber drops */
.process{margin-top:clamp(36px,5.6vh,56px)}
.steps{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:16px}
.steps::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--navy);transform:scaleX(var(--draw,1));transform-origin:0 50%}
.steps li{position:relative;padding-top:44px}
.dmk{position:absolute;left:0;top:3px;width:16px;height:21px;color:var(--amber)}
.steps .sn{display:block;font:500 12px/1 var(--text);letter-spacing:.12em;color:var(--brass);margin-bottom:9px;font-variant-numeric:tabular-nums}
.steps .st{display:block;font:500 17px/1.32 var(--display);letter-spacing:-.005em;color:var(--navy);max-width:11.5em;-webkit-hyphens:manual;hyphens:manual}
.process .fnote{margin-top:22px}
.fnote{margin-top:18px;font:400 13px/1.5 var(--text);color:var(--ink-2)}

/* market (group company): facts */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,6vw,112px);margin-top:clamp(36px,6vh,64px)}
.fact{display:flex;flex-direction:column}
.big{display:block;font:300 clamp(88px,9.6vw,152px)/.92 var(--display);letter-spacing:-.045em;color:var(--navy);font-variant-numeric:tabular-nums;padding:.04em 0 .06em;white-space:nowrap}
.big i{font-style:normal;color:var(--amber)}
.big .op{font-size:.62em;margin-right:.04em;vertical-align:.12em}
.big .pc{font-size:.55em;margin-left:.04em}
.vis{height:104px;margin-top:clamp(16px,2.6vh,28px);display:flex;align-items:flex-end}
.hbars{width:100%;align-self:flex-end;margin-bottom:24px;display:grid;row-gap:14px}
.hl{display:block;font:500 11px/1 var(--text);letter-spacing:.08em;color:var(--ink-3);margin-bottom:8px;font-variant-numeric:tabular-nums}
.ht{position:relative;display:block;height:10px}
.ht i{position:absolute;left:0;top:0;bottom:0;transform-origin:0 50%}
.b25{width:58.8%;background:rgba(15,35,64,.22)}
.b26{width:100%;background:var(--amber)}
.scale{position:relative;width:100%;align-self:flex-end;margin-bottom:24px}
.scale .track{position:relative;height:10px;background:rgba(15,35,64,.08)}
.scale .fill{position:absolute;left:0;top:0;bottom:0;width:45%;background:var(--amber);transform-origin:0 50%}
.scale .tick{position:absolute;left:45%;top:-9px;bottom:-9px;width:1px;background:var(--navy);transform-origin:50% 100%}
.scale .ends{position:absolute;left:0;right:0;top:100%;display:flex;justify-content:space-between;margin-top:10px;font:500 11px/1 var(--text);letter-spacing:.08em;color:var(--ink-3);font-variant-numeric:tabular-nums}
.fact figcaption{position:relative;margin-top:clamp(16px,2.4vh,24px);padding-top:16px;font-size:16px;line-height:1.55;color:var(--ink-2)}
.fact figcaption>span{display:block;max-width:27em}
.fact figcaption::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-2);transform:scaleX(var(--d,1));transform-origin:0 50%}

/* platform mosaic (group company): the company (navy) holds the left half; its platform functions, under their
   own label, fill the right half; the footnote takes the sixth cell, right next to the functions */
.mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto repeat(3,minmax(min-content,1fr));gap:16px;margin-top:clamp(28px,4.4vh,52px);
  grid-template-areas:". . l l" "c c f1 f2" "c c f3 f4" "c c f5 n"}
.tile{position:relative;overflow:hidden;border-radius:2px}
.mlbl{grid-area:l;align-self:end;margin-bottom:-4px;font:500 11.5px/1.4 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.tp{grid-area:c;background:var(--navy);color:var(--on-dark);padding:clamp(28px,3.2vw,48px)}
.fn:nth-of-type(2){grid-area:f1}.fn:nth-of-type(3){grid-area:f2}.fn:nth-of-type(4){grid-area:f3}.fn:nth-of-type(5){grid-area:f4}.fn:nth-of-type(6){grid-area:f5}
.mnote{grid-area:n;align-self:end;margin:0;padding:0 2px 2px;font:400 13px/1.5 var(--text);color:var(--ink-2);max-width:20em}
.tp-in{display:flex;flex-direction:column;height:100%;min-height:300px}
.tp-drop{width:14px;height:19px;color:var(--amber)}
.tp-name{margin-top:auto}
.tp h3{font:300 clamp(40px,4.4vw,68px)/1.02 var(--display);letter-spacing:-.03em}
.tp-what{margin-top:12px;font:400 clamp(17px,1.4vw,20px)/1.45 var(--text);color:var(--on-dark-2)}
.tp-reg{position:relative;margin-top:clamp(28px,4vh,44px);padding-top:16px;font:400 14px/1.5 var(--text);color:var(--on-dark-2)}
.tp-reg::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(244,240,230,.2)}
.tp-reg::after{content:"";position:absolute;left:0;top:-1px;width:44px;height:3px;background:var(--amber)}
.fn{background:var(--paper);box-shadow:inset 0 0 0 1px rgba(15,35,64,.08);padding:20px 22px 18px}
.fn h3{font:500 20px/1.28 var(--display);letter-spacing:-.01em;color:var(--navy);margin-bottom:8px}
.fn p{font-size:16px;line-height:1.5;color:var(--ink-2);max-width:calc(100% - 52px);position:relative;z-index:1}
.fn .big-ix{position:absolute;right:16px;bottom:10px;font:200 52px/1 var(--display);letter-spacing:-.04em;color:rgba(15,35,64,.1);font-variant-numeric:tabular-nums}

/* contact — closes like the deck (p-01, p-13): the cover's steppe inside the brand drop,
   hanging from the light page above; requisites beside it */
.ch.dark{background:var(--navy);color:var(--on-dark)}
.ch.contact{--dw:clamp(150px,24vw,360px)}
.ch.contact .ch-in{position:relative;z-index:2}
.c-drop{position:absolute;top:0;right:var(--gut);width:var(--dw);aspect-ratio:10/16;overflow:hidden;background:var(--navy-2);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 160'%3E%3Cpath d='M50 0C50 0 0 66 0 110a50 50 0 0 0 100 0C100 66 50 0 50 0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 160'%3E%3Cpath d='M50 0C50 0 0 66 0 110a50 50 0 0 0 100 0C100 66 50 0 50 0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.c-drop picture,.c-drop img{position:absolute;inset:0;width:100%;height:100%}
.c-drop img{object-fit:cover;object-position:50% 72%}
.ch.contact .ch-head,.ch.contact .mail,.ch.contact .lead{max-width:calc(100% - var(--dw) - 32px)}
@media (min-width:900px){ .ch.contact .reqs{max-width:min(920px,calc(100% - var(--dw) - 48px))} }
.dark .lbl{color:var(--on-dark-2)}
.dark .lbl::before{background:var(--amber)}
.dark .lbl .tn{color:var(--on-dark)}
.dark h2{color:var(--on-dark)}
.dark .lead{color:var(--on-dark-2)}
.mail{align-self:flex-start;display:inline-block;margin-top:clamp(26px,4vh,44px);font:300 clamp(30px,3.6vw,52px)/1.15 var(--display);letter-spacing:-.02em;color:var(--on-dark);text-decoration:none;padding-bottom:10px;background-image:linear-gradient(var(--amber),var(--amber)),linear-gradient(rgba(244,240,230,.42),rgba(244,240,230,.42));background-size:0 1px,calc(var(--u,1) * 100%) 1px;background-position:0 100%,0 100%;background-repeat:no-repeat;transition:background-size .2s var(--e-soft)}
.mail:hover,.mail:focus-visible{background-size:100% 1px,calc(var(--u,1) * 100%) 1px}
.reqs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,64px);row-gap:28px;margin-top:clamp(36px,6vh,60px);max-width:920px}
.reqs dt{font:500 10.5px/1.4 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-3);margin-bottom:8px}
.reqs dd{font-size:16.5px;line-height:1.55;color:var(--on-dark)}
.reqs .ul{--ul-rest:rgba(244,240,230,.45)}
.reqs .ext{display:inline-block;margin-top:6px;font-size:14.5px;color:var(--on-dark-2)}
.reqs .ext:hover{color:var(--on-dark)}
.reqs .wa{color:var(--on-dark-2)}
.reqs .tel{position:relative}
/* the way back from the group company's page to the holding */
.back{position:relative;align-self:flex-start;margin-top:clamp(32px,5vh,52px);font-size:16.5px;line-height:1.5;color:var(--on-dark);--ul-rest:rgba(244,240,230,.45)}
.back .ar{display:inline-block;margin-right:8px;transition:transform .2s var(--e-soft)}
.back:hover .ar{transform:translateX(-3px)}
.horizon-end{margin-top:auto;padding-top:clamp(44px,8vh,88px)}
.hbar-end{position:relative;height:1px;background:rgba(244,240,230,.32);transform-origin:0 50%}
.hbar-end .seg{position:absolute;right:0;top:-1px;height:3px;width:clamp(64px,9vw,128px);background:var(--amber)}
.legal{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-top:24px}
.legal .lp{grid-column:1 / span 8;max-width:58em}
.legal .lp p{font:400 13px/1.62 var(--text);color:var(--on-dark-2)}
.legal .lp p + p{margin-top:10px}
.legal .copy{grid-column:10 / span 3;justify-self:end;align-self:end;white-space:nowrap;font:400 13px/1.62 var(--text);color:var(--on-dark-3)}

/* ---------- process: vertical below 1200 ---------- */
@media (max-width:1199px){
  .hd2 .ch-head,.hd2 .lead{grid-column:1 / -1}
  .hd2 .lead{padding-top:0;margin-top:clamp(18px,3vh,30px)}
  .principles{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,5vw,72px)}
  .principles li{display:grid;grid-template-columns:56px 1fr;padding:24px 0 30px}
  .principles .ix{margin:0;line-height:1.9}
  .principles p{max-width:25em}
  .steps{grid-template-columns:1fr;row-gap:20px;padding-left:44px}
  .steps::before{left:6px;right:auto;top:6px;bottom:6px;width:3px;height:auto;transform:scaleY(var(--draw,1));transform-origin:50% 0}
  .steps li{padding-top:0;min-height:40px}
  .dmk{left:-44px;top:-2px;transform-origin:50% 0}
  .steps .st{max-width:none}
  .steps .sn{margin-bottom:6px}
}
/* ---------- tablet ---------- */
@media (max-width:1099px){
  .now{display:none}
  .brand{gap:14px}
  .sect{padding-left:14px;font-size:11px;letter-spacing:.1em}
  .mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;grid-template-areas:"c c" "l l" "f1 f2" "f3 f4" "f5 n"}
  .mlbl{margin:10px 0 -2px}
  .tp-in{min-height:240px}
  .fn{min-height:150px}
  .fn p{max-width:min(24em,calc(100% - 52px))}
}
/* narrow tablets: the group company's header carries the section line, so its chapter bars sit a little right of centre */
@media (min-width:761px) and (max-width:900px){
  .top.sub .chap{transform:translateX(calc(-50% + 32px))}
}
@media (max-width:1024px){
  .ov .ch-head,.thesis{grid-column:1 / -1}
  .thesis{padding-top:0;margin-top:clamp(24px,4vh,40px);font-size:clamp(21px,2.6vw,28px);max-width:30em}
  .dirs h3{font-size:19px}
}
/* ---------- phone ---------- */
@media (max-width:760px){
  :root{--hh:56px}
  body{font-size:16.5px;line-height:1.55}
  .mark b{font-size:19px}.mark i{font-size:7.5px;letter-spacing:.3em}
  .sect{display:none}
  .chap{display:none}
  .tools{gap:14px;font-size:12px}
  .tools .contact{display:none}
  .top{padding-bottom:14px}
  .top[data-cover="1"]{padding-bottom:0}
  /* the counter is the chapter-list button (44×44), shown from the cover on; the strip under the header
     is only as tall as the header's own lower edge, so it never covers the page */
  .count{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0 -6px;padding:0 6px;background:none;border:0;border-radius:2px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;font:500 12px/1 var(--text);letter-spacing:.06em;font-variant-numeric:tabular-nums}
  .count:focus-visible{outline:2px solid var(--amber);outline-offset:-4px}
  .js .strip{all:unset;display:block;position:absolute;left:0;right:0;top:var(--hh);height:14px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .4s var(--e-soft)}
  .top[data-cover="1"] .strip{opacity:0;pointer-events:none}
  .strip:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}
  .segs{position:absolute;left:var(--gut);right:var(--gut);top:5px;height:2px;display:flex;gap:4px}
  .segs i{position:relative;flex:1;height:2px}
  .segs i::before,.segs i b{content:"";position:absolute;inset:0;border-radius:1px;background:currentColor}
  .segs i::before{opacity:.25}
  .segs i b{transform:scaleX(var(--p,0));transform-origin:0 50%}
  .segs i.done b{transform:none}
  .sdrop{position:absolute;left:0;top:11px;width:5px;height:7px;color:var(--amber);opacity:0;transform:translateX(var(--dx,0px));transition:transform .5s var(--e-soft),opacity .3s}
  .sdrop.on{opacity:1}
  .sdrop svg{width:5px;height:7px;fill:currentColor}

  .hero{min-height:560px}
  .hero-media,.hero-media img{transform-origin:50% 50%}
  .hero-media img{object-position:50% 50%}
  /* the horizon fields sit on the bright sky band: the lower 200 px get a steady shade (labels ≥ 4.5:1) */
  .hero::before{background:linear-gradient(0deg,rgba(11,26,49,.5) 0,rgba(11,26,49,.5) 200px,rgba(11,26,49,0) 300px),linear-gradient(180deg,rgba(11,26,49,.76) 0%,rgba(11,26,49,.62) 34%,rgba(11,26,49,.4) 58%,rgba(11,26,49,.4) 76%,rgba(11,26,49,.78) 100%)}
  .hero-in{justify-content:space-between;padding-top:calc(var(--hh) + 54px);padding-bottom:22px}
  .hero-text{margin-bottom:0}
  .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:20px}
  .hero h1{font-size:clamp(34px,9.4vw,42px);line-height:1.05;letter-spacing:-.025em;text-wrap:wrap}
  .hero .sub{font-size:17px;margin-top:20px}
  .hbar .seg{width:64px}
  .hfacts{align-items:flex-end;padding-top:16px}
  .fields{flex-direction:column;gap:12px}
  .fields dt{font-size:10px;margin-bottom:4px;color:var(--on-dark-2)}
  .fields dd{font-size:14px}
  .down{font-size:11px}

  .ch-in{min-height:0;padding-top:calc(var(--hh) + 14px + 56px);padding-bottom:44px}
  .lbl{font-size:11.5px;margin-bottom:16px}
  h2{font-size:clamp(30px,8.4vw,36px);line-height:1.08}
  .lead{font-size:17px;margin-top:16px}
  .hd2 .lead{margin-top:16px}
  .src{font-size:11px}
  .folio{padding-top:36px}
  .fm{gap:16px}
  .ch-in>.end{margin-top:0;padding-top:36px}
  .ch-in>.end + .folio{padding-top:28px}

  .thesis{font-size:21px;line-height:1.42;margin-top:24px}
  .fields3{grid-template-columns:1fr;margin-top:36px}
  .fields3 li{display:grid;grid-template-columns:44px 1fr;padding:18px 0 20px}
  .fields3 .ix{margin:5px 0 0}
  .fields3 h3{font-size:19px;margin-bottom:4px}
  .fields3 p{font-size:16px}
  .fields3 + .folio{padding-top:28px}

  .principles{grid-template-columns:1fr}
  .principles li{grid-template-columns:44px 1fr;padding:18px 0 22px}
  .principles h3{font-size:18.5px}
  .principles p{font-size:16px}

  /* directions: the horizon turns vertical, nodes on the line at the left */
  .dirs{grid-template-columns:1fr;row-gap:32px;padding-left:32px;margin-top:32px}
  .dirs::before{left:5px;right:auto;top:6px;bottom:6px;width:1px;height:auto;transform:scaleY(var(--draw,1));transform-origin:50% 0}
  .dirs::after{left:4px;top:6px;width:3px;height:64px;transform:scaleY(var(--seg,1));transform-origin:50% 0}
  .dirs .ix{margin-bottom:0}
  .dirs .nd{position:absolute;left:-32px;top:0}
  .dirs h3{margin-top:12px;font-size:19px;max-width:none}
  .dirs p{font-size:16px}
  .crit{margin-top:44px}
  .rows li{grid-template-columns:1fr;row-gap:4px;padding:18px 0}
  .rows h3,.rows p{grid-column:1 / -1}
  .rows h3{font-size:18px}
  .rows p{font-size:16px}

  .process{margin-top:36px}
  .steps .st{font-size:16.5px}

  .duo{grid-template-columns:1fr;row-gap:48px;margin-top:32px}
  .big{font-size:clamp(84px,25vw,104px)}
  .vis{height:auto;margin-top:16px}
  .scale{max-width:none;margin-top:8px;margin-bottom:22px}
  .fact figcaption{font-size:15.5px}

  .mosaic{grid-template-columns:1fr;grid-template-areas:"c" "l" "f1" "f2" "f3" "f4" "f5" "n";gap:10px;margin-top:28px}
  .mlbl{margin:16px 0 2px}
  .mnote{padding:6px 0 0}
  .tp{padding:28px 24px 24px}
  .tp-in{min-height:260px}
  .tp h3{font-size:42px}
  .fn{padding:20px 22px 22px;min-height:122px}
  .fn h3{font-size:19px;margin-bottom:6px}
  .fn p{font-size:15.5px;max-width:calc(100% - 48px)}
  .fn .big-ix{font-size:44px;right:14px;bottom:8px}

  .ch.contact{--dw:100px}
  .c-drop{top:calc(var(--hh) + 14px)}
  .ch.contact .mail,.ch.contact .lead{max-width:none}
  .mail{font-size:clamp(20px,6.6vw,30px);overflow-wrap:anywhere;margin-top:24px}
  .reqs{grid-template-columns:1fr;row-gap:20px;margin-top:32px}
  .reqs dd{font-size:16px}
  .back{font-size:16px;margin-top:32px}
  .horizon-end{padding-top:48px}
  .hbar-end .seg{width:64px}
  .legal{grid-template-columns:1fr;row-gap:18px;padding-top:20px}
  .legal .lp,.legal .copy{grid-column:1 / -1;justify-self:start}
  .legal .lp p{font-size:12.5px}
}
@media (max-width:374px){
  .lang button{padding:10px 4px}
  .hero h1{font-size:34px}
  .fields dd{font-size:13.5px}
}

/* ---------- motion: initial states exist only under .motion (JS on, motion allowed, libraries started) ---------- */
.motion .hero h1,.motion .hero .eyebrow>span,.motion .hero .sub,.motion .hero .hfacts{opacity:0}
.motion .hero .eyebrow{--r:0}
.motion .hero .hbar{transform:scaleX(0)}
.motion .hero .hbar .seg{transform:scaleX(0)}
.motion .hero-media img{animation:tamyr-settle 2.4s cubic-bezier(.33,1,.68,1) both}
@keyframes tamyr-settle{from{transform:scale(1.06)}to{transform:none}}
/* Lenis 1.3.26 required rules (E8) */
html.lenis,html.lenis body{height:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis.lenis-smooth iframe{pointer-events:none}
/* language crossfade (E7) */
::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.33,1,.68,1)}

/* ---------- reduced motion: nothing moves, the cover is not sticky, no transitions ---------- */

/* 03 · group structure: holding bar → three sub-positions */
.org{margin-top:clamp(40px,7vh,76px)}
.org .dirs{margin-top:0}
.hold{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;background:var(--navy);color:var(--on-dark);padding:18px 22px;margin-bottom:30px;border-radius:2px}
.hold b{font:500 clamp(18px,1.5vw,21px)/1.3 var(--display);letter-spacing:-.005em}
.hold > span{font:500 12px/1.4 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.hold::after{content:"";position:absolute;left:5px;top:100%;width:1px;height:61px;background:rgba(15,35,64,.38)}
.dirs .task{margin-top:12px;font-size:15.5px;line-height:1.5;color:var(--ink);max-width:22em}
.dirs .task b{font-weight:500;color:var(--navy)}
.org .dirs li:first-child .ix{padding-left:14px}
@media (max-width:760px){
  .hold{padding:16px 18px;margin-bottom:24px}
  .hold::after{height:30px}
  .org .dirs li:first-child .ix{padding-left:0}
  .org .dirs{margin-top:0}
}

@media (prefers-reduced-motion:reduce){
  .hero{position:relative}
  #ch-01{box-shadow:none}
  .top,.mark i,.chap,.bars a,.drop,.now>span,.sdrop,.strip,.count,.sheet-bg,.sheet-panel,.ul,.mail,.down .ar,.bars .tip,.dirs .go .ar,.back .ar{transition:none!important}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}

/* footer: short legal line */
.legal .lnav{grid-column:1 / span 8;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px;font:400 13px/1.6 var(--text);color:var(--on-dark-2)}
.legal .lnav a{color:var(--on-dark);--ul-rest:rgba(244,240,230,.4)}
@media (max-width:760px){ .legal .lnav{grid-column:1 / -1;flex-direction:column;gap:6px} }
/* QA 15.10: readable small text, 44px tap targets on phones */
.src{font-size:12.5px}.hl{font-size:12px}
@media (max-width:760px){
  .src{font-size:12px}
  .lang button{display:inline-flex;align-items:center;min-height:44px;padding:0 6px}
  .legal .lnav a,.hero a.ul,.contact a,a.back,.ch a.ul{display:inline-flex;align-items:center;min-height:44px}
}