:root{
  --deep:#0A110D;
  --forest:#111C16;
  --moss:#1B2C23;
  --line-dark:rgba(200,220,206,.16);
  --sage:#7E9885;
  --sage-dim:#5E7566;
  --mist:#E9EEEA;
  --mist-white:#F5F7F5;
  --paper:#EDF0EC;
  --ink:#101A14;
  --ink-dim:#4B5A51;
  --line-light:rgba(16,26,20,.14);
  --accent:#A9C4AE;
  --maxw:1440px;
  --gut:clamp(20px,5vw,88px);
  --label-w:132px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--deep);
  color:var(--mist);
  font-family:Inter,"Helvetica Neue",Helvetica,-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:15px;
  line-height:1.62;
  font-weight:300;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
figure{margin:0}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:400;letter-spacing:-.01em}
p{margin:0}

/* ---------- shared layout ---------- */
.band{position:relative;padding:clamp(72px,9vw,140px) var(--gut)}
.band--dark{background:var(--deep);color:var(--mist)}
.band--forest{background:var(--forest);color:var(--mist)}
.band--light{background:var(--paper);color:var(--ink)}
.wrap{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:var(--label-w) 1fr;gap:0 clamp(16px,3vw,48px)}
/* grid and flex children default to min-width:auto, which lets a wide child (the
   carousel track) blow the column open instead of scrolling inside it */
.wrap>*{min-width:0}

.tag{position:relative;font-size:10px;letter-spacing:.16em;text-transform:uppercase;line-height:1.7;padding-left:18px;align-self:start}
.tag .num{display:block;font-size:19px;letter-spacing:0;font-weight:400;margin-bottom:9px;font-family:"Playfair Display","Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC",Georgia,serif}
.tag::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.85}
.tag::after{content:"";position:absolute;left:2px;top:20px;bottom:-4px;width:1px;background:currentColor;opacity:.2}
.band--dark .tag,.band--forest .tag{color:var(--sage)}
.band--light .tag{color:var(--ink-dim)}

.h2{font-family:"Playfair Display","Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC",Georgia,serif;font-size:clamp(28px,3.6vw,50px);line-height:1.16;letter-spacing:-.015em;max-width:15ch}
.lede{max-width:56ch;color:inherit;opacity:.72;font-size:clamp(14px,1.05vw,16px);margin-top:20px}
.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.55;margin-bottom:12px}

/* reveal */
.rv>*{opacity:0;transform:translateY(38px);
  transition:opacity 1.05s cubic-bezier(.22,.61,.36,1),transform 1.05s cubic-bezier(.22,.61,.36,1)}
.rv>*:nth-child(2){transition-delay:.1s}
.rv.in>*{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .rv>*{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* ---------- nav ---------- */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:18px var(--gut);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  background:linear-gradient(to bottom,rgba(10,17,13,.82),rgba(10,17,13,0));
  transition:background .4s ease,backdrop-filter .4s ease,padding .4s ease}
.nav.solid{background:rgba(10,17,13,.9);backdrop-filter:blur(14px);padding:13px var(--gut);border-bottom:1px solid var(--line-dark)}
.brand{font-family:"Playfair Display","Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC",Georgia,serif;font-size:17px;letter-spacing:.01em;text-transform:none}
.navlinks{display:flex;gap:clamp(14px,2.2vw,34px)}
.navlinks a{text-decoration:none;opacity:.62;transition:opacity .25s}
.navlinks a:hover,.navlinks a.active{opacity:1}
.navtools{display:flex;align-items:center;gap:clamp(12px,1.6vw,26px)}
.navmenu{display:flex;align-items:center;gap:9px;opacity:.7}
.lang{position:relative}
.lang__btn{appearance:none;background:none;border:1px solid var(--line-dark);border-radius:999px;
  color:inherit;font:inherit;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  padding:5px 10px 5px 13px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  transition:border-color .3s,background .3s}
.lang__btn:hover{border-color:rgba(200,220,206,.42);background:rgba(200,220,206,.06)}
.lang__btn i{width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;
  border-top:4px solid currentColor;opacity:.6;transition:transform .3s}
.lang.open .lang__btn i{transform:rotate(180deg)}
.lang__cur{min-width:1.4em;text-align:center}
.lang__menu{position:absolute;top:calc(100% + 9px);right:0;margin:0;padding:5px;list-style:none;
  min-width:150px;border:1px solid var(--line-dark);border-radius:10px;
  background:rgba(10,17,13,.94);backdrop-filter:blur(16px);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .26s,transform .26s,visibility .26s}
.lang.open .lang__menu{opacity:1;visibility:visible;transform:none}
.lang__menu button{appearance:none;background:none;border:0;width:100%;color:var(--mist);
  font:inherit;font-size:11.5px;letter-spacing:.02em;text-transform:none;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:8px 11px;border-radius:6px;cursor:pointer;opacity:.66;transition:opacity .2s,background .2s}
.lang__menu button:hover{opacity:1;background:rgba(200,220,206,.08)}
.lang__menu button[aria-selected="true"]{opacity:1}
.lang__menu button[aria-selected="true"]::before{content:"";width:4px;height:4px;border-radius:50%;
  background:var(--accent,#A9C4AE);position:absolute;left:2px}
.lang__menu li{position:relative}
.lang__menu em{font-style:normal;font-size:9.5px;letter-spacing:.14em;opacity:.45}
@media (max-width:520px){.lang__btn{padding:5px 8px 5px 10px;gap:6px}}
.navmenu i{width:16px;height:16px;border:1px dashed currentColor;border-radius:50%;display:inline-block}
@media (max-width:860px){.navlinks{display:none}}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;background:var(--deep);overflow:hidden}
.hero__img{position:absolute;inset:0}
.hero__img img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;
  animation:heroIn 2.4s cubic-bezier(.22,.61,.36,1) both}
@keyframes heroIn{from{transform:scale(1.07);opacity:0}to{transform:scale(1);opacity:1}}
.hero__scrim{position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(8,15,11,.94) 0%,rgba(8,15,11,.78) 32%,rgba(8,15,11,.18) 62%,rgba(8,15,11,.42) 100%),
             linear-gradient(to top,rgba(8,15,11,.85),rgba(8,15,11,0) 45%)}
/* max-width here is the PADDING-BOX width, because the gutter lives inside this
   element - unlike .wrap, whose gutter is on the parent .band. Adding the two
   gutters keeps the hero's content column on the same axis as every section
   below it once the viewport passes --maxw. */
.hero__inner{position:relative;width:100%;max-width:calc(var(--maxw) + var(--gut) * 2);
  margin:0 auto;padding:0 var(--gut) clamp(48px,7vw,88px);
  display:grid;grid-template-columns:var(--label-w) 1fr;gap:0 clamp(16px,3vw,48px)}
.hero h1{font-family:"Playfair Display","Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC",Georgia,serif;font-size:clamp(56px,10.5vw,148px);line-height:.94;letter-spacing:-.02em;margin-bottom:22px}
/* These use colour, not opacity, for their resting dimness — the scroll
   parallax owns `opacity` on the very same elements and the two would fight. */
.hero__sub{font-size:clamp(15px,1.5vw,21px);font-weight:400;line-height:1.45;margin-bottom:26px;
  color:rgba(233,238,234,.9)}
.hero__body{max-width:40ch;font-size:13.5px;line-height:1.75;color:rgba(233,238,234,.6)}
.hero__sub,.hero__body{position:relative;width:fit-content;
  transition:color .42s cubic-bezier(.22,.61,.36,1)}
.hero__sub::before,.hero__body::before{content:"";position:absolute;left:-18px;top:3px;bottom:3px;width:1px;
  background:currentColor;opacity:.45;transform:scaleY(0);transform-origin:top;
  transition:transform .55s cubic-bezier(.22,.61,.36,1)}
.hero__sub:hover,.hero__body:hover{color:rgba(255,255,255,1)}
.hero__sub:hover::before,.hero__body:hover::before{transform:scaleY(1)}
@media (max-width:760px){.hero__sub::before,.hero__body::before{left:-12px}}
.hero__cta{display:inline-flex;align-items:center;gap:12px;margin-top:38px;font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;text-decoration:none;color:rgba(233,238,234,.75);
  transition:color .42s cubic-bezier(.22,.61,.36,1)}
.hero__cta:hover{color:rgba(255,255,255,1)}
.hero__cta i{width:26px;height:26px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;flex:none}
.hero__cta i::before{content:"";width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;
  transform:translateY(-1px) rotate(45deg);animation:bob 1.9s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(-2px) rotate(45deg)}50%{transform:translateY(1px) rotate(45deg)}}
/* --py is the parallax offset the scroll handler writes; this element already
   owns a transform, so it has to compose the two itself. */
.hero__keys{position:absolute;right:var(--gut);top:50%;
  transform:translateY(calc(-50% + var(--py,0px)));text-align:right;
  font-size:11px;letter-spacing:.22em;line-height:2.5;color:rgba(233,238,234,.8)}
.hero h1,.hero__sub,.hero__body,.hero__cta,.hero .tag{transform:translateY(var(--py,0px))}
.hero h1,.hero__sub,.hero__body,.hero__cta,.hero .tag,.hero__keys{will-change:transform,opacity}
@media (max-width:900px){.hero__keys{display:none}}

/* ---------- 01 brief ---------- */
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px);margin-top:clamp(34px,4vw,10px)}
.col h4{font-size:12.5px;font-weight:500;letter-spacing:.03em;margin:0 0 12px}
.col p{font-size:13px;opacity:.66;line-height:1.7}
.brief{display:grid;grid-template-columns:minmax(240px,.85fr) 1.15fr;gap:clamp(28px,5vw,72px);align-items:start;
  padding-right:clamp(0px,13vw,210px)}
.sprig{position:absolute;right:calc(var(--gut) * .55);top:50%;transform:translateY(-50%);
  width:min(15vw,180px);opacity:.42;pointer-events:none}
@media (max-width:1100px){.brief{padding-right:0}.sprig{display:none}}

/* ---------- 02 opportunity ---------- */
.opp{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.opp .stack p+p{margin-top:16px}
.wavebox{position:relative;margin-top:clamp(34px,5vw,56px);border-top:1px solid var(--line-dark);padding-top:26px}
.wavebox svg{width:100%;height:clamp(150px,20vw,240px);display:block}

/* Research chapter: scoped to 03; existing cover and other sections retain their styles. */
#research{scroll-margin-top:52px}
#research .research-panel{padding-top:clamp(66px,7vw,110px);padding-bottom:clamp(60px,7vw,110px)}
#research .research-panel--technology{border-top:1px solid var(--line-dark)}
#research .research-content{min-width:0}
#research .research-heading .h2{max-width:23ch;font-size:clamp(30px,3.5vw,49px);margin-top:20px}
#research .research-intro{max-width:66ch;margin-top:18px;font-size:14px;line-height:1.8;opacity:.8}
#research .research-badge{display:inline-flex;border:1px solid currentColor;border-radius:999px;padding:5px 11px;font-size:10px;letter-spacing:.025em;opacity:.74}
#research .research-study-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:11px;line-height:1.7;padding:18px 0;border-bottom:1px solid var(--line-light);margin-top:30px;color:var(--ink-dim)}
#research .research-study-meta a{text-decoration:none;white-space:nowrap}
#research .research-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.5vw,36px);margin-top:28px}
#research .research-evidence-card{min-width:0}
#research .research-count{display:grid;gap:4px;min-height:100px;align-content:start}
#research .research-count strong{font-size:clamp(43px,4.5vw,68px);font-weight:400;line-height:1;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
#research .research-count strong span{font-size:.38em;letter-spacing:-.025em;margin-left:3px;color:var(--ink-dim)}
#research .research-count>span{font-size:10px;line-height:1.55;color:var(--ink-dim);max-width:23ch}
#research .research-people{display:block;width:100%;height:34px;fill:var(--sage-dim);margin:2px 0 22px}
#research .research-evidence-card h3{font-size:17px;font-weight:500;line-height:1.5;letter-spacing:0;margin:0 0 10px}
#research .research-evidence-card p{font-size:12px;line-height:1.8;color:var(--ink-dim)}
#research .research-entry-stack{height:100px;position:relative;display:flex;align-items:flex-start;padding-left:6px}
#research .research-entry-sheet{height:88px;width:88px;padding:13px 14px;border:1px solid #8C9B8D;border-radius:6px;background:rgba(255,255,255,.5);position:relative;box-shadow:6px 5px 0 -1px var(--paper),6px 5px 0 0 #B8C3B6}
#research .research-entry-sheet i{display:block;width:19px;height:5px;background:var(--sage-dim);border-radius:3px;margin-bottom:9px}
#research .research-entry-sheet b{display:block;width:52px;height:3px;background:#BAC6B7;margin-bottom:8px}
#research .research-entry-sheet b:nth-of-type(2){width:40px}
#research .research-entry-sheet em{position:absolute;right:6px;bottom:0;font-style:normal;font-size:20px;color:var(--sage-dim)}
#research .research-entry-clock{position:absolute;width:42px;height:42px;left:72px;top:53px;color:var(--sage-dim);background:var(--paper);border-radius:50%}
#research .research-qualitative{display:flex;align-items:center;height:34px;margin:2px 0 22px;font-size:10px;color:var(--ink-dim)}
#research .research-directions{margin-top:25px;border-top:1px solid var(--line-light);padding-top:16px}
#research .research-small-label{display:block;font-size:10px;line-height:1.7;letter-spacing:.035em;opacity:.76}
#research .research-direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.5vw,36px);margin-top:10px}
#research .research-direction-grid>div{display:flex;gap:9px;align-items:baseline;font-size:12px;font-weight:500;line-height:1.7}
#research .research-direction-grid i{font-style:normal;color:var(--sage-dim);font-size:17px}
#research .research-privacy{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;padding:24px 28px;margin-top:32px;background:#E0E7DD;border:1px solid var(--line-light)}
#research .research-privacy-metric>strong{font-size:47px;font-weight:400;letter-spacing:-.045em;line-height:1.05;display:block;font-variant-numeric:tabular-nums}
#research .research-privacy-metric>strong>span{font-size:.45em;letter-spacing:0;margin-left:2px}
#research .research-privacy-metric>span{font-size:10px;color:var(--ink-dim);display:block;margin-top:5px}
#research .research-privacy-track{height:5px;background:#C4D0BF;margin-top:14px}
#research .research-privacy-track i{display:block;width:79.4%;height:100%;background:#5E7566}
#research .research-privacy h3{font-size:18px;font-weight:500;line-height:1.4;margin:0 0 9px}
#research .research-privacy p{font-size:12px;line-height:1.8;color:var(--ink-dim)}
#research .research-privacy .research-sample{font-size:10px;margin-top:9px}
#research .research-audience{border-left:2px solid #7E9885;padding-left:15px;margin-top:25px}
#research .research-audience p{font-size:13px;line-height:1.8;margin-top:6px;max-width:75ch}
#research .research-footnote{font-size:10.5px;line-height:1.85;opacity:.76;margin-top:18px;max-width:100ch}
#research .research-sources{display:flex;flex-wrap:wrap;gap:10px 24px;border-top:1px solid currentColor;padding-top:15px;margin-top:20px;border-color:var(--line-light)}
#research .research-sources a{font-size:10px;line-height:1.7;text-decoration:none;opacity:.8}
#research .research-sources a:hover{text-decoration:underline;opacity:1}
#research .research-panel--technology .research-sources{border-color:var(--line-dark)}
#research .research-signal{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);align-items:center;gap:20px;max-width:700px;margin-top:32px}
#research .research-signal>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:2px 13px;align-items:center;min-width:0}
#research .research-signal svg{grid-row:1/3;width:70px;height:54px;color:#A9C4AE}
#research .research-signal strong{font-size:14px;font-weight:400;line-height:1.6}
#research .research-signal-arrow{font-size:25px;color:#A9C4AE;text-align:center}
#research .research-signal-note{font-size:11px;line-height:1.8;opacity:.76;margin-top:16px;max-width:78ch}
#research .research-comparison{background:var(--paper);color:var(--ink);padding:clamp(20px,2.8vw,38px);margin-top:34px;min-width:0}
#research .research-comparison-head{display:flex;gap:20px;justify-content:space-between;align-items:start;flex-wrap:wrap}
#research .research-comparison-head h3{font-size:17px;line-height:1.5;font-weight:500;letter-spacing:0;margin:0}
#research .research-comparison-head p{font-size:11px;line-height:1.8;color:var(--ink-dim);margin-top:6px}
#research .research-metric-tabs{display:flex;border:1px solid #BCC8B8;border-radius:999px;padding:3px;flex-shrink:0;gap:2px}
#research .research-metric-tabs button{appearance:none;border:0;background:transparent;border-radius:999px;padding:7px 13px;font:inherit;font-size:10px;color:var(--ink-dim);cursor:pointer;line-height:1.3;white-space:nowrap}
#research .research-metric-tabs button[aria-selected="true"]{background:var(--moss);color:var(--mist-white)}
#research .research-metric-tabs button:focus-visible,#research .research-details summary:focus-visible{outline:2px solid #7E9885;outline-offset:3px}
#research .research-plots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,44px);margin-top:30px}
#research .research-plots>div{min-width:0}
#research .research-plots h3{font-size:12px;font-weight:500;margin:0 0 20px}
#research .research-bar-row{margin-bottom:19px}
#research .research-bar-label{display:flex;justify-content:space-between;gap:8px;font-size:10px;line-height:1.7;margin-bottom:7px}
#research .research-bar-label>span{overflow-wrap:anywhere;color:var(--ink-dim)}
#research .research-bar-label strong{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#research .research-bar{height:10px;background:#D8E0D3;position:relative}
#research .research-bar i{display:block;height:100%;background:#98AA91;transition:width .3s ease}
#research .is-eda .research-bar i{background:#47694D}
#research .is-eda .research-bar-label{font-weight:500}
#research .research-axis{display:flex;justify-content:space-between;font-size:9px;line-height:1.5;color:var(--ink-dim);border-top:1px solid #BAC7B5;padding-top:7px;margin-top:6px;font-variant-numeric:tabular-nums}
#research .research-comparison figcaption{font-size:10px;line-height:1.8;color:var(--ink-dim);border-top:1px solid var(--line-light);padding-top:16px;margin-top:22px}
#research .research-protocol-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:23px 0;border-bottom:1px solid var(--line-dark)}
#research .research-protocol-strip>div{font-size:11px;line-height:1.65;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
#research .research-protocol-strip strong{font-size:26px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.2}
#research .research-details{border-bottom:1px solid var(--line-dark);padding:18px 0}
#research .research-details summary{display:flex;justify-content:space-between;gap:16px;align-items:center;cursor:pointer;list-style:none;font-size:12px;line-height:1.7}
#research .research-details summary::-webkit-details-marker{display:none}
#research .research-details summary>span:last-child{font-size:17px;transition:transform .2s}
#research .research-details[open] summary>span:last-child{transform:rotate(45deg)}
#research .research-table-scroll{overflow-x:auto;margin-top:22px;max-width:100%}
#research table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.7;min-width:460px;text-align:left;font-variant-numeric:tabular-nums}
#research th,#research td{padding:10px 12px;border-bottom:1px solid var(--line-dark);font-weight:300;vertical-align:middle}
#research thead th{font-weight:500;color:#C3D2C4}
#research tbody th{font-weight:400}
#research tr.is-eda{background:rgba(169,196,174,.09)}
#research .research-method{display:grid;gap:12px;margin-top:22px}
#research .research-method h3{font-size:13px;font-weight:500;margin:0}
#research .research-method p{font-size:11px;line-height:1.85;opacity:.83;max-width:95ch}
#research .research-method .research-footnote{margin-top:0}
#research .research-takeaways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:26px}
#research .research-takeaways article{border-left:2px solid #7E9885;padding-left:16px;min-width:0}
#research .research-takeaways h3{font-size:12px;font-weight:500;margin:0 0 9px;color:#C3D2C4}
#research .research-takeaways p{font-size:12px;line-height:1.85;opacity:.88}
#research .research-project-status{padding-top:19px;border-top:1px solid var(--line-dark);margin-top:26px}
#research .research-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1060px){
 #research .research-evidence-grid,#research .research-direction-grid{gap:20px}
 #research .research-privacy{grid-template-columns:145px 1fr;padding:22px;gap:22px}
 #research .research-comparison-head{gap:15px}
 #research .research-signal{gap:12px}
 #research .research-signal>div{grid-template-columns:1fr;gap:5px}
 #research .research-signal svg{grid-row:auto;margin-bottom:5px}
}
@media(max-width:650px){
 #research .research-heading .h2{font-size:32px}
 #research .research-evidence-grid{grid-template-columns:1fr;gap:25px}
 #research .research-evidence-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 20px;padding-bottom:24px;border-bottom:1px solid var(--line-light)}
 #research .research-count,#research .research-entry-stack{grid-column:1;grid-row:1/3;min-height:0;height:auto;align-self:start}
 #research .research-count strong{font-size:51px}
 #research .research-count>span{font-size:9px}
 #research .research-people,#research .research-qualitative{display:none}
 #research .research-evidence-card h3,#research .research-evidence-card p{grid-column:2}
 #research .research-evidence-card h3{font-size:16px;margin-bottom:7px}
 #research .research-entry-stack{min-height:100px;padding-left:0}
 #research .research-entry-sheet{width:74px;height:80px;padding:12px 10px}
 #research .research-entry-sheet b{width:45px}
 #research .research-entry-clock{left:55px;top:52px;width:35px;height:35px}
 #research .research-direction-grid{grid-template-columns:1fr;gap:7px}
 #research .research-privacy{grid-template-columns:1fr;padding:22px;gap:20px}
 #research .research-privacy-metric{max-width:220px}
 #research .research-privacy-metric>strong{font-size:43px}
 #research .research-signal{gap:8px;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)}
 #research .research-signal strong{font-size:12px}
 #research .research-signal-arrow{font-size:21px}
 #research .research-plots{grid-template-columns:1fr;gap:28px}
 #research .research-comparison{padding:22px 18px}
 #research .research-protocol-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 #research .research-takeaways{grid-template-columns:1fr;gap:22px}
 #research .research-badge{font-size:9px}
}
@media(max-width:370px){#research .research-evidence-card{grid-template-columns:88px minmax(0,1fr);gap:0 15px}#research .research-count strong{font-size:43px}}
@media(prefers-reduced-motion:reduce){#research .research-bar i{transition:none}}


/* 04: proposed case / phone / cloud flow. All styles are section-scoped. */
#system-flow{scroll-margin-top:52px}
#system-flow .system-content{min-width:0}
#system-flow .system-heading .h2{margin-top:19px;max-width:23ch;font-size:clamp(31px,3.6vw,50px)}
#system-flow .system-intro{font-size:14px;line-height:1.85;opacity:.83;max-width:74ch;margin-top:19px}
#system-flow .system-badge{display:inline-block;padding:5px 11px;border:1px solid var(--line-dark);border-radius:999px;font-size:10px;line-height:1.7;color:#C4D3C6}
#system-flow .system-board{margin-top:34px;padding:24px;background:#E8EDE5;color:var(--ink);min-width:0}
#system-flow .system-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:21px;border-bottom:1px solid #C2CDBD}
#system-flow .system-lanes>div{display:grid;align-content:start;justify-items:center;text-align:center;min-width:0}
#system-flow .system-lanes img{height:62px;width:38px;object-fit:cover;object-position:center;margin-bottom:12px}
#system-flow .system-lanes svg{height:45px;width:52px;margin:8px 0 21px;color:#526D56}
#system-flow .system-lanes h3{font-size:14px;font-weight:500;line-height:1.5;margin:0 0 5px}
#system-flow .system-lanes p{font-size:10px;line-height:1.65;color:#4B5A51}
#system-flow .system-map{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:". start ." "capture release ." ". manual check" ". record infer" ". . history";gap:28px 24px;margin-top:25px;min-width:0}
#system-flow .system-map::before{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent calc(33.333% - 8px),#C7D1C1 calc(33.333% - 8px),#C7D1C1 calc(33.333% - 7px),transparent calc(33.333% - 7px),transparent calc(66.666% + 7px),#C7D1C1 calc(66.666% + 7px),#C7D1C1 calc(66.666% + 8px),transparent calc(66.666% + 8px));opacity:.65;pointer-events:none}
#system-flow .system-flow-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
#system-flow .system-node{position:relative;z-index:2;min-width:0;padding:13px 12px;background:#F8FAF5;border:1px solid #BFCBB9;border-radius:5px;box-shadow:0 3px 12px rgba(16,26,20,.025)}
#system-flow .system-node--start{grid-area:start}
#system-flow .system-node--capture{grid-area:capture}
#system-flow .system-node--release{grid-area:release}
#system-flow .system-node--check{grid-area:check}
#system-flow .system-node--infer{grid-area:infer;background:#DFE9DB}
#system-flow .system-node--manual{grid-area:manual;background:#F6F0E5;border-color:#CEB995}
#system-flow .system-node--record{grid-area:record;background:#D4E1CF;border-color:#89A27C}
#system-flow .system-node--history{grid-area:history;background:#DFE9DB}
#system-flow .system-node-top{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:8px}
#system-flow .system-node-number{display:inline-block;font-size:9px;line-height:1.7;font-weight:500;letter-spacing:.04em;color:#526D56}
#system-flow .system-owner{display:none;font-size:9px;color:#526D56}
#system-flow .system-node h3{font-size:13px;line-height:1.6;font-weight:500;letter-spacing:0;margin:0}
#system-flow .system-node p{font-size:10.5px;line-height:1.8;color:#435448;margin-top:7px}
#system-flow .system-node .system-node-note{font-size:9px;line-height:1.7;border-top:1px solid rgba(16,26,20,.12);padding-top:8px;margin-top:9px}
#system-flow .system-entry-options{display:grid;gap:6px;margin-top:10px}
#system-flow .system-entry-options span{display:block;font-size:10px;line-height:1.6;border:1px solid #C3CFBD;border-radius:3px;padding:5px 6px;background:#EFF3EA}
#system-flow .system-timing{display:grid;gap:10px;margin-top:10px}
#system-flow .system-timing>div{border-left:2px solid #AFBDA7;padding-left:8px}
#system-flow .system-timing>div:last-child{border-color:#526D56}
#system-flow .system-timing strong{display:block;font-size:18px;line-height:1.2;font-weight:400;font-variant-numeric:tabular-nums}
#system-flow .system-timing span{display:block;font-size:9px;line-height:1.8;margin-top:4px;color:#435448}
#system-flow .system-quality-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#system-flow .system-quality-options>span{font-size:9px;line-height:1.6;padding:3px 6px;border-radius:3px}
#system-flow .system-path-pass{background:#D6E4CF;color:#35523C}
#system-flow .system-path-fallback{background:#ECDEC6;color:#70562F}
#system-flow .system-source-badge{display:inline-block;font-size:9px;line-height:1.7;margin-top:9px;color:#70562F;border-top:1px solid #D7C5A9;padding-top:6px}
#system-flow .system-board figcaption{border-top:1px solid #C2CDBD;margin-top:23px;padding-top:15px}
#system-flow .system-legend{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:10px;line-height:1.7;color:#435448}
#system-flow .system-legend>span{display:inline-flex;align-items:center;gap:8px}
#system-flow .system-legend i{display:block;width:26px;border-top:1.5px solid #6C8972}
#system-flow .system-legend i.is-fallback{border-color:#A17B4F;border-top-style:dashed}
#system-flow .system-board figcaption p{font-size:10px;line-height:1.7;color:#526052;margin-top:8px}
#system-flow .system-rule{border-left:2px solid #A9C4AE;padding-left:14px;font-size:11px;line-height:1.85;color:#C4D3C6;margin-top:22px;max-width:93ch}
#system-flow .system-access{margin-top:35px;padding-top:25px;border-top:1px solid var(--line-dark)}
#system-flow .system-access>h3{font-size:20px;line-height:1.5;font-weight:400;margin:0}
#system-flow .system-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}
#system-flow .system-access-grid article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:15px;align-items:start;border:1px solid var(--line-dark);padding:20px;position:relative;min-width:0}
#system-flow .system-access-grid svg{height:37px;width:48px;color:#A9C4AE;margin-top:4px}
#system-flow .system-access-grid h4{font-size:13px;line-height:1.6;font-weight:500;margin:0 0 7px;padding-right:27px}
#system-flow .system-access-grid p{font-size:11px;line-height:1.85;opacity:.82}
#system-flow .system-vip{position:absolute;right:11px;top:12px;border:1px solid #A9C4AE;border-radius:999px;padding:1px 7px;font-size:8px;letter-spacing:.08em;color:#C7D8C2}
#system-flow .system-access-note{font-size:10px;line-height:1.85;opacity:.76;margin-top:14px;max-width:95ch}
#system-flow .system-references{border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);margin-top:27px;padding:18px 0}
#system-flow .system-references summary{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;line-height:1.7;list-style:none;cursor:pointer}
#system-flow .system-references summary::-webkit-details-marker{display:none}
#system-flow .system-references summary>span:last-child{font-size:18px;transition:transform .2s}
#system-flow .system-references[open] summary>span:last-child{transform:rotate(45deg)}
#system-flow .system-references summary:focus-visible{outline:2px solid #A9C4AE;outline-offset:4px}
#system-flow .system-references>div{margin-top:18px}
#system-flow .system-references p{font-size:11px;line-height:1.85;opacity:.82;max-width:95ch}
#system-flow .system-reference-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin:17px 0}
#system-flow .system-reference-links a{font-size:11px;line-height:1.7;text-decoration:underline;text-underline-offset:4px}
#system-flow .system-references .system-reference-note{font-size:10px;opacity:.74}
@media(max-width:1060px){#system-flow .system-board{padding:18px}#system-flow .system-map,#system-flow .system-lanes{column-gap:18px}#system-flow .system-node{padding:11px 9px}#system-flow .system-node h3{font-size:12px}#system-flow .system-node p{font-size:10px}}
@media(max-width:620px){
 #system-flow .system-board{padding:18px 14px}
 #system-flow .system-lanes{gap:10px}
 #system-flow .system-lanes h3{font-size:12px}
 #system-flow .system-lanes p{font-size:9px}
 #system-flow .system-map{display:flex;flex-direction:column;gap:13px;margin-top:21px}
 #system-flow .system-map::before,#system-flow .system-flow-lines{display:none}
 #system-flow .system-node{padding:15px}
 #system-flow .system-node h3{font-size:14px}
 #system-flow .system-node p{font-size:11px}
 #system-flow .system-owner{display:inline}
 #system-flow .system-timing{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 #system-flow .system-entry-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 #system-flow .system-access-grid{grid-template-columns:1fr;gap:13px}
 #system-flow .system-access-grid article{padding:18px}
 #system-flow .system-reference-links{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){#system-flow .system-references summary>span:last-child{transition:none}}


/* ---------- 05 solution ---------- */
.sol{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(260px,1.15fr);gap:clamp(24px,3.4vw,52px);align-items:start;margin-top:8px}
.featlist{margin-top:28px;display:grid;gap:18px}
.feat{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start}
.feat svg{width:17px;height:17px;margin-top:2px;opacity:.75}
.feat b{display:block;font-size:12.5px;font-weight:500;margin-bottom:3px}
.feat span{font-size:11.5px;opacity:.6;line-height:1.6}
.case-viewer{min-width:0;border:1px solid var(--line-light);background:rgba(255,255,255,.24);padding:12px}
.case-viewer__stage{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:radial-gradient(ellipse at 50% 36%,#F4F7F1,#DFE6DC);text-decoration:none}
.case-viewer__stage>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .45s ease}
.case-viewer__stage:hover>img{transform:scale(1.025)}
.case-viewer__eyebrow{position:absolute;top:18px;left:18px;z-index:1;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}
.case-viewer__count{position:absolute;bottom:18px;left:18px;font-size:10px;letter-spacing:.14em;color:var(--ink-dim);font-variant-numeric:tabular-nums}
.case-viewer__expand{position:absolute;bottom:13px;right:17px;font-size:21px;color:var(--ink-dim)}
.case-viewer__views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.case-viewer__thumb{appearance:none;min-width:0;padding:0 0 9px;border:1px solid transparent;background:rgba(16,26,20,.025);color:var(--ink-dim);font:inherit;cursor:pointer;transition:background .2s,border-color .2s}
.case-viewer__thumb img{width:100%;height:clamp(74px,7.5vw,106px);object-fit:cover;object-position:50% 50%}
.case-viewer__thumb span{font-size:10px;letter-spacing:.04em}
.case-viewer__thumb:hover{background:#E3E9E0}
.case-viewer__thumb[aria-pressed="true"]{border-color:#7E9885;background:#E3E9E0;color:var(--ink)}
.case-viewer__thumb:focus-visible,.case-viewer__stage:focus-visible{outline:2px solid #5E7566;outline-offset:3px}
.case-viewer__caption{font-size:10px;color:var(--ink-dim);letter-spacing:.04em;margin:12px 4px 2px}
@media (max-width:760px){.case-viewer{max-width:520px;width:100%;justify-self:center}.case-viewer__thumb img{height:100px}}
@media (prefers-reduced-motion:reduce){.case-viewer__stage>img{transition:none}}
.sol>.howcard{grid-column:1/-1}
.howcard{border:1px solid var(--line-light);padding:22px 22px 42px;position:relative;background:rgba(255,255,255,.42)}
.howcard h4{font-family:"Playfair Display","Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC",Georgia,serif;font-size:17px;margin:0 0 12px}
.howcard p{font-size:12.5px;opacity:.68;line-height:1.75}
.howcard .arrow{position:absolute;right:18px;bottom:16px;font-size:15px;opacity:.4}
@media (max-width:1080px){.sol{grid-template-columns:1fr 1fr}.sol .howcard{grid-column:1/-1}}
@media (max-width:720px){.sol{grid-template-columns:1fr}}

/* ---------- 06 app ---------- */
.app{display:grid;grid-template-columns:minmax(220px,.72fr) 2fr;gap:clamp(26px,4vw,60px);align-items:start}
.screens{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.4vw,20px)}
/* Screenshots are iPhone 16 Pro (402x874pt), whose display corner radius is 62pt.
   Percentage radii hold that 62/402 ratio at any rendered width:
   horizontal 62/402 = 15.42%, vertical 62/874 = 7.09%.
   corner-shape gives Apple's continuous curve where supported; else a plain arc. */
.screen{width:100%;height:auto;border-radius:15.42% / 7.09%;corner-shape:squircle}
@media (max-width:960px){.app{grid-template-columns:1fr}.screens{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.screens{grid-template-columns:repeat(2,1fr)}}
.sysint{margin-top:clamp(44px,5vw,72px);border-top:1px solid var(--line-dark);padding-top:30px;
  display:grid;grid-template-columns:minmax(220px,.72fr) 2fr;gap:clamp(26px,4vw,60px);align-items:start}
.sysint .duo{display:grid;grid-template-columns:repeat(2,minmax(0,190px));gap:clamp(14px,2vw,26px)}

/* ---------- 07 flower index ---------- */
.lede--cn{margin-top:10px;opacity:.45;font-size:13px;line-height:1.8}
.findex{margin-top:clamp(34px,4.5vw,58px);display:grid;gap:clamp(40px,5vw,68px)}
.findex>*,.frow{min-width:0}
.frow__head{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.frow__head b{font-family:"Playfair Display","Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC",Georgia,serif;font-size:19px;font-weight:400;
  display:inline-flex;align-items:center;gap:10px}
.frow__head b i{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none}
.frow__cn{font-size:12px;opacity:.5;letter-spacing:.04em}
.frow__rule{flex:1;min-width:20px;height:1px;background:var(--line-light)}
.frow__mood{font-size:11px;letter-spacing:.1em;opacity:.5;white-space:nowrap}
.frow__mood em{font-style:normal;opacity:.62;margin-left:10px}

/* the carousel: a native scroller that JS wraps around, so each family loops head-to-tail */
.fviewport{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent);
          mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.fviewport::-webkit-scrollbar{display:none}
.fviewport.dragging{cursor:grabbing}
.ftrack{display:flex;width:max-content;padding:2px 0 4px}
/* margin-right (not gap) so every card contributes an identical stride —
   that is what makes the wrap-around seam invisible */
.fcard{width:256px;margin-right:28px;flex:none;user-select:none}
.fcard__art{position:relative;width:256px;height:256px}
.fcard__art img{width:256px;height:256px;image-rendering:pixelated;-webkit-user-drag:none}
.fcard__art i{position:absolute;left:0;top:6px;font-style:normal;font-size:10px;letter-spacing:.14em;
  opacity:.35;font-family:"Playfair Display","Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC",Georgia,serif}
.fcard h4{font-family:"Playfair Display","Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC",Georgia,serif;font-size:19px;font-weight:400;
  margin:6px 0 1px;letter-spacing:-.01em}
.fcard__cn{font-size:12px;opacity:.5;letter-spacing:.04em;margin-bottom:12px}
.fcard__kw{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;margin-bottom:12px;min-height:58px}  /* reserve two chip rows so every card's caption starts on the same line */
/* German and French keywords are long enough to need a third row; reserve it
   only in those languages so the other four keep the tighter card. */
:root[data-lang="de"] .fcard__kw,:root[data-lang="fr"] .fcard__kw{min-height:90px}
.fcard__kw span{display:inline-flex;align-items:baseline;gap:5px;font-size:11px;letter-spacing:.02em;
  border:1px solid var(--line-light);border-radius:999px;padding:3px 10px;opacity:.85}
.fcard__kw em{font-style:normal;font-size:9.5px;opacity:.5}
.fcard__temper{font-size:12.5px;line-height:1.7;opacity:.62}
.fcard__temper--cn{font-size:11.5px;line-height:1.75;opacity:.38;margin-top:6px}

/* ---------- 08 design system ---------- */
.ds{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.6vw,40px);margin-top:clamp(30px,4vw,48px);
  border-top:1px solid var(--line-dark);padding-top:28px}
.ds section h4{font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.5;margin:0 0 18px;font-weight:400}
.swatches{display:flex;gap:8px;flex-wrap:wrap}
.sw{width:44px}
.sw i{display:block;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-dark)}
.sw small{display:block;font-size:8.5px;letter-spacing:.03em;opacity:.5;margin-top:7px;line-height:1.35}
.typespec{display:flex;gap:20px;align-items:baseline}
.typespec .aa1{font-family:"Playfair Display","Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC",Georgia,serif;font-size:38px;line-height:1}
.typespec .aa2{font-family:Inter,sans-serif;font-size:30px;font-weight:300;line-height:1}
.typenote{font-size:10.5px;opacity:.5;margin-top:14px;line-height:1.8}
.uirow{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:6px}
.btn-ghost{border:1px solid var(--line-dark);border-radius:999px;padding:7px 18px;font-size:10.5px;letter-spacing:.1em}
.btn-ghost.on{background:var(--mist);color:var(--deep);border-color:var(--mist)}
.toggle{width:38px;height:20px;border-radius:999px;background:rgba(169,196,174,.28);position:relative}
.toggle::after{content:"";position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:var(--accent)}
.icons{display:flex;gap:14px;flex-wrap:wrap}
.icons svg{width:20px;height:20px;opacity:.7}
.gridspec{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin-top:6px}
.gridspec i{height:26px;background:rgba(169,196,174,.13)}
@media (max-width:980px){.ds{grid-template-columns:repeat(2,1fr);row-gap:38px}}
@media (max-width:540px){.ds{grid-template-columns:1fr}}

/* ---------- 09 closing ---------- */
.closing{position:relative;overflow:hidden}
.closing .wrap{position:relative;z-index:2}
.closing__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:end}
.closing h2{font-family:"Playfair Display","Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC",Georgia,serif;font-size:clamp(30px,4.6vw,64px);line-height:1.12;letter-spacing:-.02em}
.closing p{max-width:44ch;opacity:.62;font-size:13.5px;margin-top:22px;line-height:1.8}
.contact{text-align:right}
.contact small{font-size:11px;letter-spacing:.06em;opacity:.55;display:block;margin-bottom:16px}
.getintouch{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line-dark);border-radius:999px;
  padding:12px 12px 12px 24px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;
  transition:background .35s,color .35s,border-color .35s}
.getintouch em{width:24px;height:24px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-style:normal;font-size:13px}
.getintouch:hover{background:var(--mist);color:var(--deep);border-color:var(--mist)}
.contact ul{list-style:none;margin:20px 0 0;padding:0;font-size:11.5px;opacity:.55;line-height:2}
@media (max-width:800px){.closing__grid{grid-template-columns:1fr}.contact{text-align:left}}

.foot{border-top:1px solid var(--line-dark);padding:22px var(--gut);display:flex;justify-content:space-between;
  gap:16px;flex-wrap:wrap;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.42;background:var(--deep)}
.backlink{position:fixed;left:var(--gut);bottom:22px;z-index:60;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  text-decoration:none;background:rgba(10,17,13,.7);border:1px solid var(--line-dark);border-radius:999px;
  padding:9px 16px;backdrop-filter:blur(10px);opacity:.75;transition:opacity .3s,background .3s}
.backlink:hover{opacity:1;background:rgba(10,17,13,.95)}

/* narrow layout: label column collapses */
@media (max-width:760px){
  :root{--label-w:0px}
  .wrap,.hero__inner{grid-template-columns:1fr;gap:0}
  .tag{margin-bottom:20px;padding-left:16px}
  .tag::after{display:none}
  .brief,.opp,.app,.sysint,.sol{grid-template-columns:1fr}
  .cols3{grid-template-columns:1fr;gap:24px}
  .cols4{grid-template-columns:repeat(2,1fr);gap:26px}
  .sprig{display:none}
  .backlink{left:auto;right:var(--gut)}
  .hero__img img{object-position:44% 52%}
  /* German and French mood lines are far longer than the English ones —
     let them wrap here instead of pushing the page sideways */
  .frow__mood{white-space:normal}
  .frow__head{gap:9px}
}