:root {
  --black: #080808;
  --ink: #111111;
  --paper: #f4f3ef;
  --paper-2: #e9e8e3;
  --line: rgba(17, 17, 17, 0.17);
  --line-dark: rgba(255, 255, 255, 0.15);
  --muted: #6d6d68;
  --pad: clamp(22px, 4vw, 66px);
  --radius: 3px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body {
  margin: 0;
  font-family: "Inter", Arial, sans-serif;
  background: var(--paper);
  color: var(--ink);
  overflow-x: hidden;
}
body.modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
img, video, iframe { display: block; max-width: 100%; }
em { font-family: "Manrope", sans-serif; font-weight: 400; font-style: italic; }
.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; }

.site-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 40;
  min-height: 86px;
  padding: 15px var(--pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: white;
  mix-blend-mode: difference;
}
.brand { display:flex; align-items:center; gap:11px; min-width:190px; height:58px; overflow:visible; }
.brand > img { width:43px; height:43px; object-fit:contain; filter:invert(1); flex:0 0 auto; }
.brand-wordmark { display:flex; align-items:baseline; gap:7px; color:white; line-height:1; white-space:nowrap; }
.brand-wordmark strong { font-size:17px; letter-spacing:.02em; font-weight:900; }
.brand-wordmark small { font-size:10px; letter-spacing:.24em; font-weight:500; opacity:.82; }
.site-nav { display:flex; gap:clamp(18px,2.5vw,40px); font-size:11px; text-transform:uppercase; letter-spacing:.13em; font-weight:600; }
.site-nav a { position:relative; }
.site-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-6px; height:1px; background:currentColor; transition:right .3s ease; }
.site-nav a:hover::after { right:0; }
.menu-toggle { display:none; width:44px; height:44px; border:0; background:none; color:inherit; padding:9px; }
.menu-toggle span:not(.sr-only) { display:block; height:1px; margin:8px 0; background:currentColor; }

.hero {
  position: relative;
  min-height: 100svh;
  background: var(--black);
  color: white;
  overflow: hidden;
  display:grid;
  align-items:end;
}
.hero::before {
  content:"";
  position:absolute;
  inset:-25%;
  background:
    radial-gradient(circle at 21% 20%, rgba(255,255,255,.13), transparent 18%),
    radial-gradient(circle at 75% 60%, rgba(255,255,255,.075), transparent 23%);
  filter:blur(35px);
  animation:drift 12s ease-in-out infinite alternate;
}
.hero-noise { position:absolute; inset:0; opacity:.075; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.hero-content { position:relative; z-index:2; width:100%; padding:145px var(--pad) 68px; }
.eyebrow, .section-kicker { font-size:10px; text-transform:uppercase; letter-spacing:.2em; font-weight:700; }
.hero h1 { margin:35px 0 58px; max-width:1350px; font-size:clamp(68px,11.6vw,180px); line-height:.79; letter-spacing:-.078em; font-weight:800; }
.hero h1 em { letter-spacing:-.055em; }
.hero-bottom { display:flex; justify-content:space-between; align-items:end; gap:45px; padding-top:26px; border-top:1px solid rgba(255,255,255,.23); }
.hero-bottom p { margin:0; max-width:720px; color:rgba(255,255,255,.68); font-size:clamp(14px,1.35vw,20px); line-height:1.5; }
.round-link { width:112px; aspect-ratio:1; flex:0 0 auto; border:1px solid rgba(255,255,255,.4); border-radius:50%; display:flex; align-items:center; justify-content:center; gap:8px; text-transform:uppercase; font-size:10px; line-height:1.15; transition:.3s ease; }
.round-link .arrow { font-size:19px; }
.round-link:hover { background:white; color:black; transform:rotate(-4deg); }
.hero-word { position:absolute; z-index:1; top:2vh; right:-2vw; font-size:clamp(120px,26vw,420px); font-weight:900; letter-spacing:-.09em; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.06); transform:rotate(-8deg); pointer-events:none; }

.section-pad { padding:clamp(78px,9.4vw,155px) var(--pad); }
.intro { border-bottom:1px solid var(--line); }
.intro-grid { display:grid; grid-template-columns:1.45fr .55fr; gap:clamp(35px,8vw,145px); align-items:end; margin-top:48px; }
.intro h2 { margin:0; max-width:1100px; font-size:clamp(45px,7.5vw,112px); line-height:.91; letter-spacing:-.066em; }
.intro h2 em { font-weight:400; }
.intro p { margin:0 0 8px; color:var(--muted); line-height:1.66; font-size:clamp(15px,1.15vw,19px); }

.services { padding-top:70px; }
.services-grid { margin-top:38px; border-top:1px solid var(--ink); }
.service-card { min-height:155px; display:grid; grid-template-columns:70px 1fr 1.2fr; gap:30px; align-items:start; padding:28px 0; border-bottom:1px solid var(--line); }
.service-card > span { font-size:10px; color:var(--muted); letter-spacing:.08em; }
.service-card h3 { margin:0; font-size:clamp(27px,3vw,47px); line-height:1; letter-spacing:-.045em; }
.service-card p { margin:4px 0 0; max-width:580px; color:var(--muted); line-height:1.6; }

.cases { background:var(--black); color:white; }
.cases-head { display:grid; grid-template-columns:.55fr 1.05fr .55fr; align-items:end; gap:40px; padding-bottom:62px; }
.cases-head h2 { margin:0; font-size:clamp(58px,8.8vw,134px); line-height:.82; letter-spacing:-.075em; }
.cases-head p { margin:0 0 8px; color:rgba(255,255,255,.6); line-height:1.6; max-width:480px; }
.video-grid { padding-top:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,1.7vw,25px); }
.video-card:nth-child(2), .video-card:nth-child(6) { transform:translateY(56px); }
.video-shell { width:100%; position:relative; aspect-ratio:9/16; overflow:hidden; border:0; padding:0; background:#151515; border-radius:var(--radius); cursor:pointer; color:white; }
.video-shell img { width:100%; height:100%; object-fit:cover; transition:transform .75s cubic-bezier(.2,.8,.2,1), filter .5s ease; }
.video-shell:hover img { transform:scale(1.035); filter:contrast(1.04); }
.video-preview-iframe { position:absolute; inset:0; width:100%; height:100%; border:0; pointer-events:none; background:#151515; }
.video-trigger { position:absolute; inset:0; z-index:4; width:100%; height:100%; border:0; padding:0; background:transparent; cursor:pointer; }
.vimeo-card-preview .video-scrim { z-index:2; pointer-events:none; }
.vimeo-card-preview .video-number, .vimeo-card-preview .play { z-index:5; pointer-events:none; }
.video-scrim { position:absolute; inset:0; background:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.02) 55%,rgba(0,0,0,.58)); }
.video-number { position:absolute; top:14px; left:15px; font-size:10px; letter-spacing:.14em; opacity:.82; }
.play { position:absolute; right:13px; bottom:13px; width:46px; height:46px; border-radius:50%; display:grid; place-items:center; border:1px solid rgba(255,255,255,.62); background:rgba(0,0,0,.25); backdrop-filter:blur(9px); font-size:12px; padding-left:2px; transition:.25s ease; }
.video-shell:hover .play { background:white; color:black; transform:scale(1.04); }
.video-meta { display:flex; justify-content:space-between; gap:14px; align-items:baseline; padding:13px 2px 0; }
.video-meta h3 { margin:0; font-size:14px; font-weight:600; }
.video-meta span { color:rgba(255,255,255,.45); font-size:9px; text-transform:uppercase; letter-spacing:.09em; text-align:right; }

.strategy { background:var(--paper-2); }
.strategy-head { display:grid; grid-template-columns:.45fr 1.2fr .55fr; gap:40px; align-items:end; }
.strategy-head h2 { margin:0; font-size:clamp(52px,7.9vw,122px); line-height:.86; letter-spacing:-.07em; }
.strategy-head p { margin:0 0 7px; color:var(--muted); line-height:1.65; }
.strategy-cards { display:grid; grid-template-columns:repeat(3,1fr); margin-top:90px; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.strategy-card { min-height:530px; padding:31px clamp(22px,2.6vw,42px) 36px; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.strategy-card:last-child { border-right:0; }
.strategy-index { font-size:9px; letter-spacing:.16em; color:var(--muted); }
.strategy-card h3 { margin:60px 0 22px; font-size:clamp(36px,4vw,63px); line-height:.92; letter-spacing:-.055em; }
.strategy-card p { margin:0; color:var(--muted); line-height:1.62; max-width:460px; }
.strategy-card ul { list-style:none; margin:auto 0 0; padding:0; }
.strategy-card li { padding:12px 0; border-top:1px solid var(--line); font-size:12px; text-transform:uppercase; letter-spacing:.06em; }
.strategy-card li:last-child { border-bottom:1px solid var(--line); }
.commercial-flow { margin-top:60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 18px; font-size:clamp(17px,2vw,31px); font-weight:700; letter-spacing:-.035em; }
.commercial-flow i { font-style:normal; font-weight:400; color:#aaa9a4; }
.commercial-flow strong { border:1px solid var(--ink); padding:11px 17px; border-radius:999px; }

.local-seo { background:#111; color:white; border-top:1px solid rgba(255,255,255,.12); }
.local-seo-grid { display:grid; grid-template-columns:.45fr 1.15fr .6fr; gap:clamp(30px,5vw,85px); align-items:start; }
.local-seo-copy h2 { margin:0; font-size:clamp(42px,6.1vw,92px); line-height:.92; letter-spacing:-.06em; }
.local-seo-copy p { margin:32px 0 0; max-width:760px; color:rgba(255,255,255,.62); line-height:1.7; font-size:clamp(14px,1.1vw,18px); }
.local-seo-tags { display:flex; flex-wrap:wrap; gap:8px; align-content:flex-start; }
.local-seo-tags span { padding:10px 12px; border:1px solid rgba(255,255,255,.2); border-radius:999px; color:rgba(255,255,255,.76); font-size:9px; text-transform:uppercase; letter-spacing:.1em; }

.seo-faq { background:var(--paper); border-top:1px solid var(--line); }
.seo-faq-head { display:grid; grid-template-columns:.45fr 1.55fr; gap:40px; align-items:start; margin-bottom:58px; }
.seo-faq-head h2 { margin:0; max-width:1050px; font-size:clamp(40px,6vw,88px); line-height:.94; letter-spacing:-.06em; }
.seo-faq-list { border-top:1px solid var(--ink); }
.seo-faq-list details { border-bottom:1px solid var(--line); padding:0; }
.seo-faq-list summary { list-style:none; cursor:pointer; padding:24px 42px 24px 0; position:relative; font-size:clamp(18px,2vw,29px); font-weight:600; letter-spacing:-.025em; }
.seo-faq-list summary::-webkit-details-marker { display:none; }
.seo-faq-list summary::after { content:'+'; position:absolute; right:4px; top:20px; font-size:28px; font-weight:400; }
.seo-faq-list details[open] summary::after { content:'−'; }
.seo-faq-list details p { margin:0; max-width:850px; padding:0 0 28px; color:var(--muted); line-height:1.7; }

.clients { background:var(--paper); }
.clients-intro { display:grid; grid-template-columns:.45fr 1.2fr .55fr; gap:40px; align-items:end; }
.clients-intro h2 { margin:0; font-size:clamp(52px,7.9vw,122px); line-height:.86; letter-spacing:-.07em; }
.clients-intro p { margin:0 0 6px; color:var(--muted); line-height:1.65; }
.client-list { border-top:1px solid var(--ink); }
.client-row { display:grid; grid-template-columns:.8fr 1.2fr .55fr; gap:clamp(25px,5vw,85px); min-height:330px; padding:42px var(--pad); border-bottom:1px solid var(--line); align-items:center; }
.client-logo { min-height:190px; display:flex; align-items:center; justify-content:center; padding:25px; background:#efeee9; overflow:hidden; }
.client-logo img { width:100%; max-width:430px; max-height:140px; object-fit:contain; filter:grayscale(1) contrast(1.18); mix-blend-mode:multiply; }
.client-logo.light-logo img { max-width:380px; }
.client-type { font-size:9px; text-transform:uppercase; letter-spacing:.15em; color:var(--muted); }
.client-copy h3 { margin:18px 0 19px; font-size:clamp(34px,4vw,65px); line-height:.94; letter-spacing:-.055em; }
.client-copy p { margin:0; max-width:680px; color:var(--muted); line-height:1.63; }
.client-stats { align-self:stretch; display:flex; flex-direction:column; justify-content:center; border-left:1px solid var(--line); padding-left:clamp(20px,3vw,48px); }
.client-stats strong { font-size:clamp(30px,3.5vw,55px); letter-spacing:-.06em; line-height:1; }
.client-stats span { color:var(--muted); font-size:11px; line-height:1.4; margin:6px 0 25px; text-transform:uppercase; letter-spacing:.06em; }
.logo-marquee { overflow:hidden; border-bottom:1px solid var(--line); }
.logo-track { width:max-content; display:flex; animation:marquee 32s linear infinite; }
.logo-track span { display:grid; place-items:center; width:330px; height:110px; border-right:1px solid var(--line); font-size:13px; font-weight:800; letter-spacing:.08em; }

.about { background:#deddd8; }
.about-head { display:grid; grid-template-columns:.45fr 1.2fr .55fr; gap:40px; align-items:end; }
.about-head h2 { margin:0; font-size:clamp(52px,7.8vw,120px); line-height:.86; letter-spacing:-.07em; }
.about-head p { margin:0 0 7px; color:#5d5d59; line-height:1.65; }
.team-grid { margin-top:85px; display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(13px,2vw,28px); }
.team-card { background:var(--paper); overflow:hidden; }
.team-portrait { aspect-ratio:4/3; background:#121212; overflow:hidden; position:relative; }
.team-portrait::after { content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.28), rgba(0,0,0,.02) 40%, rgba(0,0,0,0)); pointer-events:none; }
.team-portrait img { width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.01); transition:transform .7s ease; }
.team-card:hover .team-portrait img { transform:scale(1.05); }
.team-info { padding:28px; min-height:330px; }
.team-role { font-size:9px; text-transform:uppercase; letter-spacing:.14em; color:var(--muted); }
.team-info h3 { margin:18px 0 20px; font-size:clamp(30px,3.3vw,50px); line-height:.95; letter-spacing:-.05em; }
.team-info p { margin:0; color:var(--muted); line-height:1.62; }
.team-info p em { font-family:inherit; font-size:.92em; font-style:normal; color:#979791; }

.manifesto { background:var(--black); color:white; border-top:1px solid var(--line-dark); }
.manifesto-label { margin:0 0 24px; font-size:10px; letter-spacing:.18em; }
.manifesto-text { margin:0; max-width:1450px; font-size:clamp(40px,6.7vw,105px); line-height:.95; letter-spacing:-.06em; font-weight:800; }
.manifesto-text span { color:#555; font-weight:400; }

.contact { background:var(--black); color:white; padding-bottom:38px; }
.contact-top h2 { margin:30px 0 70px; font-size:clamp(54px,9vw,140px); line-height:.84; letter-spacing:-.075em; }
.contact-actions { border-top:1px solid rgba(255,255,255,.25); }
.contact-actions a { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:24px 0; border-bottom:1px solid rgba(255,255,255,.16); font-size:clamp(22px,3vw,44px); letter-spacing:-.045em; }
.contact-actions a span { font-size:.72em; transition:transform .3s ease; }
.contact-actions a:hover span { transform:translate(6px,-6px); }
.footer-row { margin-top:78px; display:grid; grid-template-columns:190px 1fr auto; gap:30px; align-items:end; color:rgba(255,255,255,.44); font-size:10px; text-transform:uppercase; letter-spacing:.09em; }
.footer-row img { width:155px; filter:invert(1) grayscale(1) contrast(1.1); }
.footer-row p { margin:0; }
.footer-row a { color:white; }

.video-modal { width:100vw; max-width:none; height:100dvh; max-height:none; padding:0; margin:0; border:0; background:rgba(5,5,5,.98); color:white; }
.video-modal::backdrop { background:black; }
.modal-content { height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; padding:25px; }
.modal-content > p { margin:0; font-size:10px; text-transform:uppercase; letter-spacing:.15em; }
.modal-frame { position:relative; height:min(80vh,900px); aspect-ratio:9/16; background:#111; overflow:hidden; border:1px solid rgba(255,255,255,.12); }
.modal-frame iframe { width:100%; height:100%; border:0; background:#111; }
.modal-close { position:absolute; z-index:3; top:22px; right:26px; width:48px; height:48px; border:1px solid rgba(255,255,255,.35); border-radius:50%; background:rgba(0,0,0,.28); backdrop-filter:blur(8px); color:white; font-size:29px; cursor:pointer; }
.modal-note { font-size:9px; text-transform:uppercase; letter-spacing:.14em; color:rgba(255,255,255,.45); }

.reveal { opacity:0; transform:translateY(34px); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible { opacity:1; transform:none; }
.cursor-dot { position:fixed; z-index:100; width:9px; height:9px; border-radius:50%; background:white; pointer-events:none; mix-blend-mode:difference; transform:translate(-50%,-50%); opacity:0; }

@keyframes marquee { to { transform:translateX(-50%); } }
@keyframes drift { to { transform:translate(8%,5%) scale(1.04); } }

@media (max-width:1100px) {
  .video-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .video-card:nth-child(2), .video-card:nth-child(6) { transform:none; }
  .strategy-head, .clients-intro, .about-head { grid-template-columns:1fr 1.5fr; }
  .strategy-head p, .clients-intro p, .about-head p { grid-column:2; }
  .client-row { grid-template-columns:.75fr 1.25fr; }
  .client-stats { grid-column:2; align-self:auto; border-left:0; border-top:1px solid var(--line); padding:22px 0 0; flex-direction:row; align-items:baseline; justify-content:flex-start; gap:12px; flex-wrap:wrap; }
  .client-stats span { margin:0 22px 0 0; }
}

@media (max-width:900px) {
  .site-header { min-height:72px; }
  .brand { min-width:0; height:48px; gap:8px; }
  .brand > img { width:36px; height:36px; }
  .brand-wordmark strong { font-size:15px; }
  .brand-wordmark small { font-size:8px; }
  .menu-toggle { display:block; z-index:3; cursor:pointer; }
  .site-nav { position:fixed; inset:0; background:#0a0a0a; color:white; mix-blend-mode:normal; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:27px; font-size:22px; transform:translateY(-110%); transition:transform .48s cubic-bezier(.2,.8,.2,1); }
  .site-nav.is-open { transform:none; }
  .hero-content { padding-top:120px; }
  .intro-grid, .cases-head, .strategy-head, .clients-intro, .about-head, .local-seo-grid, .seo-faq-head { grid-template-columns:1fr; }
  .strategy-head p, .clients-intro p, .about-head p { grid-column:auto; max-width:650px; }
  .local-seo-tags { max-width:650px; }
  .intro p { max-width:650px; }
  .service-card { grid-template-columns:48px 1fr; }
  .service-card p { grid-column:2; }
  .video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .strategy-cards { grid-template-columns:1fr; }
  .strategy-card { min-height:420px; border-right:0; border-bottom:1px solid var(--line); }
  .strategy-card:last-child { border-bottom:0; }
  .strategy-card h3 { margin-top:45px; }
  .client-row { grid-template-columns:1fr; }
  .client-logo { min-height:170px; }
  .client-stats { grid-column:auto; }
  .team-grid { grid-template-columns:1fr; }
  .team-card { display:grid; grid-template-columns:.8fr 1.2fr; }
  .team-portrait { aspect-ratio:auto; min-height:340px; }
  .footer-row { grid-template-columns:1fr; align-items:start; }
}

@media (max-width:620px) {
  .floating-whatsapp { right:12px; bottom:12px; width:54px; height:54px; }
  :root { --pad:18px; }
  .hero h1 { font-size:clamp(54px,17vw,82px); }
  .brand-wordmark small { display:none; }
  .hero-bottom { align-items:flex-start; }
  .hero-bottom p { max-width:66%; font-size:13px; }
  .round-link { width:88px; font-size:8px; }
  .intro-grid { margin-top:32px; }
  .service-card { min-height:0; grid-template-columns:38px 1fr; gap:15px; }
  .video-grid { grid-template-columns:1fr 1fr; gap:9px; }
  .video-meta { display:block; padding-top:8px; min-height:52px; }
  .video-meta h3 { font-size:12px; }
  .video-meta span { display:block; margin-top:3px; font-size:8px; text-align:left; }
  .play { width:38px; height:38px; right:9px; bottom:9px; }
  .video-number { top:10px; left:11px; }
  .strategy-cards { margin-top:55px; }
  .strategy-card { padding:25px 20px 30px; min-height:390px; }
  .commercial-flow { justify-content:flex-start; }
  .client-row { padding:28px var(--pad); min-height:0; gap:25px; }
  .client-logo { min-height:145px; }
  .client-stats { display:grid; grid-template-columns:auto 1fr; gap:5px 12px; }
  .client-stats strong { font-size:31px; }
  .client-stats span { margin:0; }
  .logo-track span { width:250px; height:90px; font-size:11px; }
  .team-card { display:block; }
  .team-portrait { min-height:290px; aspect-ratio:4/3; }
  .team-info { min-height:0; padding:23px; }
  .manifesto-text { font-size:clamp(36px,12.3vw,60px); }
  .contact-top h2 { font-size:clamp(52px,16vw,88px); }
  .contact-actions a { font-size:22px; word-break:break-word; }
  .footer-row { margin-top:58px; }
  .cursor-dot { display:none; }
  .modal-frame { width:min(92vw,410px); height:auto; aspect-ratio:9/16; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
  .reveal { opacity:1; transform:none; }
}

.service-more,.strategy-more{display:inline-flex;margin-top:20px;color:inherit;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px}.strategy-more{color:rgba(255,255,255,.82)}

.floating-whatsapp { position:fixed; z-index:45; right:22px; bottom:22px; width:58px; height:58px; display:inline-flex; align-items:center; justify-content:center; background:#25d366; color:#fff; text-decoration:none; border:0; border-radius:50%; box-shadow:0 14px 34px rgba(0,0,0,.24); transition:transform .25s ease, box-shadow .25s ease, filter .25s ease; }
.floating-whatsapp:hover { transform:translateY(-3px) scale(1.03); box-shadow:0 18px 42px rgba(0,0,0,.3); filter:saturate(1.05); }
.floating-whatsapp svg { width:28px; height:28px; flex:none; }
