/* BetRepublic-hälytykset — Suomi
   Suunta: kylmävalssattu teräs. Sivun yläosa on pino täysleveitä levyjä, jotka
   on ladottu vaakaan; sen alta jatkuu yksi yhtenäinen essee yhdessä mitassa.
   Allekirjoitus on SAUMA: jokaisen levyn yläreunassa koneistettu liitos, jota
   kiinnittää yksi kultainen salpa — ja salpa siirtyy levy levyltä oikealle,
   kun sivua vieritetään alas.
   Kulta ja hopea on otettu suoraan tunnuksesta. */

:root{
  /* kulta — #E5C945 ja #CCAF1F assets/betrepublic-logo.svg:stä */
  --kulta-kajo:#fdf6cd;
  --kulta-vaalea:#f1e197;
  --kulta:#E5C945;
  --kulta-syva:#CCAF1F;
  --kulta-varjo:#8a7413;
  --kulta-kaiku:#584a0e;
  --kulta-muste:#1c1704;

  /* hopea — #ffffff ja #BFBFBF tunnuksen sanamerkistä, kylmään taitettuna */
  --hopea-kajo:#ffffff;
  --hopea-vaalea:#e4e9f0;
  --hopea:#BFBFBF;
  --hopea-varjo:#7f8b99;

  /* teräksinen liuskepohja */
  --syva:#070b12;
  --perus:#0d141e;
  --levy:#131c29;
  --levy-yla:#1c2836;

  --jaa:#eef3f9;
  --jaa-pehmea:#c4cfdc;
  --jaa-himmea:#98a6b7;
  --hairio:#ffab9c;

  --otsikkokirjasin:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Liberation Sans",Arial,sans-serif;
  --leipakirjasin:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"DejaVu Sans Mono",monospace;

  /* valssipinta: hienoa vaakasuuntaista syytä + matala loiste */
  --pinta:
    linear-gradient(101deg,rgba(238,243,249,.055) 0%,rgba(238,243,249,.012) 31%,rgba(238,243,249,0) 56%),
    repeating-linear-gradient(0deg,rgba(238,243,249,.021) 0 1px,rgba(7,11,18,0) 1px 4px);

  --kulma:6px;
  --rungon-leveys:1200px;
  --kapea-leveys:740px;
  --portti:16%;
  --portin-leveys:clamp(58px,8.5vw,116px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  margin:0;
  font-family:var(--leipakirjasin);
  font-size:15px;
  line-height:1.72;
  color:var(--jaa-pehmea);
  background-color:var(--perus);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
picture{display:contents}
source{display:none}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
figure,blockquote{margin:0}
h1,h2,h3{
  margin:0;font-family:var(--otsikkokirjasin);font-weight:800;
  line-height:1.08;letter-spacing:-.028em;color:var(--jaa);
}
a{color:var(--kulta-vaalea)}
[hidden]{display:none!important}

:is(a,button,input,[tabindex]):focus-visible{
  outline:3px solid var(--kulta-kajo);
  outline-offset:3px;
  border-radius:var(--kulma);
}

.hyppy{
  position:absolute;left:-9999px;top:0;z-index:40;
  font-size:.74rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  text-decoration:none;color:var(--kulta-muste);
  padding:.85em 1.5em;border-radius:var(--kulma);
  background-image:linear-gradient(180deg,var(--kulta-vaalea),var(--kulta-syva));
}
.hyppy:focus{left:16px;top:16px}

.runko{width:100%;max-width:var(--rungon-leveys);margin:0 auto;padding:0 30px}
.runko-kapea{max-width:var(--kapea-leveys)}

/* ---------- materiaalit: kulta ja hopea ---------- */

.kultapinta,.hopeapinta{
  display:block;
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
}
.kultapinta{
  background-image:linear-gradient(174deg,
    #fffdf1 0%,var(--kulta-kajo) 11%,var(--kulta) 31%,var(--kulta-syva) 46%,
    #a08718 55%,var(--kulta) 69%,var(--kulta-vaalea) 84%,#fffcea 100%);
  filter:drop-shadow(0 2px 0 rgba(4,7,12,.85)) drop-shadow(0 6px 26px rgba(229,201,69,.24));
}
.hopeapinta{
  background-image:linear-gradient(174deg,
    var(--hopea-kajo) 0%,var(--hopea-vaalea) 17%,var(--hopea) 43%,var(--hopea-varjo) 54%,
    var(--hopea-vaalea) 73%,var(--hopea-kajo) 100%);
  filter:drop-shadow(0 2px 0 rgba(4,7,12,.9)) drop-shadow(0 6px 22px rgba(191,191,191,.18));
}

/* ---------- allekirjoitus: SAUMA ---------- */

.sauma{position:relative}
.sauma::before,.sauma::after{content:"";position:absolute;pointer-events:none}
.sauma::before{
  left:0;right:0;top:0;height:4px;z-index:4;
  background-image:linear-gradient(180deg,
    rgba(238,243,249,.30) 0 1px,
    rgba(4,7,12,.92) 1px 3px,
    rgba(238,243,249,.06) 3px 4px);
}
.sauma::after{
  top:0;z-index:5;
  left:min(var(--portti),calc(100% - var(--portin-leveys) - 16px));
  width:var(--portin-leveys);height:9px;border-radius:0 0 2px 2px;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 42%),
    linear-gradient(180deg,var(--kulta-kajo) 0%,var(--kulta) 30%,var(--kulta-syva) 58%,var(--kulta-varjo) 86%,var(--kulta-kaiku) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,253,240,.95),
    inset 0 -1px 0 rgba(35,28,3,.55),
    0 0 0 1px rgba(7,11,18,.85),
    0 7px 18px -7px rgba(229,201,69,.55),
    0 12px 22px -14px rgba(0,0,0,.95);
}

/* ---------- vipu (painike) ---------- */

.vipu{
  display:inline-block;border:0;cursor:pointer;flex:0 0 auto;
  font-family:var(--otsikkokirjasin);font-size:.79rem;font-weight:800;
  letter-spacing:.13em;text-transform:uppercase;
  color:var(--kulta-muste);
  padding:1.15em 1.9em;border-radius:var(--kulma);
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,0) 45%),
    linear-gradient(180deg,var(--kulta-vaalea) 0%,var(--kulta) 30%,var(--kulta-syva) 63%,#b6991a 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,253,240,.98),
    inset 0 -2px 0 rgba(40,32,3,.5),
    inset 0 0 0 1px rgba(120,100,12,.55),
    0 10px 26px -12px rgba(229,201,69,.7),
    0 18px 34px -22px rgba(0,0,0,.95);
  transition:transform .18s ease,box-shadow .18s ease;
}
.vipu:hover{
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,253,240,.98),
    inset 0 -2px 0 rgba(40,32,3,.5),
    inset 0 0 0 1px rgba(120,100,12,.55),
    0 15px 32px -10px rgba(229,201,69,.85),
    0 22px 40px -20px rgba(0,0,0,.95);
}
.vipu:active{transform:translateY(0)}

/* ---------- masto ---------- */

.masto{
  position:relative;z-index:8;
  background-image:linear-gradient(180deg,#101927 0%,#080d15 100%);
  box-shadow:inset 0 1px 0 rgba(238,243,249,.09),0 1px 0 rgba(4,7,12,.9);
}
.masto-sisus{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;padding-top:17px;padding-bottom:17px;
}
.masto-merkki{
  display:block;padding:9px 16px;border-radius:var(--kulma);
  background-image:
    linear-gradient(163deg,rgba(238,243,249,.11),rgba(238,243,249,0) 58%),
    linear-gradient(180deg,#1d2938,#0c131d);
  box-shadow:inset 0 1px 0 rgba(238,243,249,.22),inset 0 0 0 1px rgba(191,191,191,.16),0 10px 22px -16px #000;
}
.masto-merkki img{width:208px;height:39px}
.masto-leima{
  display:flex;align-items:center;gap:11px;
  font-size:.68rem;font-weight:700;letter-spacing:.19em;
  text-transform:uppercase;color:var(--jaa-himmea);
}
.masto-ika{
  display:inline-grid;place-items:center;width:33px;height:33px;border-radius:var(--kulma);
  font-size:.68rem;letter-spacing:0;color:var(--kulta-muste);
  background-image:linear-gradient(180deg,var(--kulta-vaalea),var(--kulta-syva));
  box-shadow:inset 0 1px 0 rgba(255,253,240,.95),inset 0 -1px 0 rgba(35,28,3,.4),0 7px 16px -10px rgba(229,201,69,.8);
}

/* ---------- lähtö: vaakaan ladotut levyt ---------- */

.lahto{display:flex;flex-direction:column;background-color:var(--syva)}

.lahto-vaite{
  --portti:6%;
  padding:clamp(40px,5.6vw,74px) 0 clamp(38px,5vw,66px);
  background-image:
    radial-gradient(ellipse 76% 130% at 12% 0%,rgba(51,70,94,.5),rgba(13,20,30,0) 66%),
    var(--pinta),
    linear-gradient(180deg,#16202e 0%,#101925 46%,#0a1018 100%);
}
.lahto-yla{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:18px;flex-wrap:wrap;margin-bottom:clamp(18px,2.4vw,26px);
}
.lahto-korva{
  font-size:.7rem;font-weight:700;letter-spacing:.27em;text-transform:uppercase;
  color:var(--kulta);margin:0;
}
.lahto-korva::before{
  content:"";display:block;width:64px;height:3px;margin-bottom:18px;border-radius:1px;
  background-image:linear-gradient(90deg,var(--kulta-kajo),var(--kulta-syva) 52%,rgba(88,74,14,0));
  box-shadow:0 1px 0 rgba(4,7,12,.9),0 0 15px -1px rgba(229,201,69,.6);
}
/* lainattu tunnuslause: pieni leimarivi, ei sivun oma väite */
.lahto-lainaus{
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-bottom:1px;
}
.lahto-lause{
  quotes:"\201D" "\201D";
  font-size:.79rem;color:var(--hopea-vaalea);
}
.lahto-lahde{
  font-style:normal;font-size:.65rem;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--kulta);
}
.lahto-lahde::before{
  content:"";display:inline-block;width:13px;height:2px;border-radius:1px;
  vertical-align:.3em;margin-right:9px;
  background-image:linear-gradient(90deg,var(--kulta-kajo),var(--kulta-syva));
  box-shadow:0 0 9px -1px rgba(229,201,69,.7);
}
@media (min-width:940px){.lahto-lainaus{justify-content:flex-end;text-align:right}}
.lahto-huuto{
  font-size:clamp(2.3rem,7.6vw,5.2rem);
  line-height:1.02;letter-spacing:-.04em;margin:0;
}
.lahto-huuto .kultapinta{margin-top:.05em}
.lahto-saate{
  margin-top:clamp(20px,2.6vw,28px);max-width:52ch;
  font-size:1rem;color:var(--jaa);
}
/* toinen rivi ja saate astuvat levyn poikki oikealle — vaakasommittelu */
@media (min-width:940px){
  .lahto-huuto .kultapinta,.lahto-saate{margin-left:clamp(60px,17vw,264px)}
}

.lahto-lomake{
  --portti:16%;
  padding:clamp(26px,3.2vw,38px) 0 clamp(28px,3.4vw,40px);
  background-image:
    linear-gradient(180deg,rgba(238,243,249,.085) 0%,rgba(238,243,249,0) 34%),
    var(--pinta),
    linear-gradient(180deg,#22303f 0%,#1a2634 52%,#131c29 100%);
  box-shadow:inset 0 -1px 0 rgba(4,7,12,.9),0 22px 46px -34px rgba(0,0,0,.95);
}
.lahto-lomake-sisus{display:grid;gap:clamp(18px,2.4vw,30px);align-items:center}
@media (min-width:940px){
  .lahto-lomake-sisus{grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(26px,4vw,58px)}
}
.lahto-kehote-nimi{
  font-family:var(--otsikkokirjasin);font-weight:800;letter-spacing:-.02em;
  font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.2;color:var(--jaa);
}
.lahto-kehote-teksti{margin-top:10px;font-size:.85rem;color:var(--jaa-himmea)}

.lahto-nauha{--portti:28%;background-color:var(--syva)}
.lahto-kuva{
  width:100%;height:clamp(148px,17vw,224px);object-fit:cover;object-position:50% 56%;
  filter:saturate(.84) contrast(1.06) brightness(.92);
}

/* ---------- viesti (sähköpostilomake, upotettu levyyn) ---------- */

.viesti-rivi{display:flex;gap:11px;flex-wrap:wrap;align-items:flex-end}
.viesti-nimio{flex:1 1 220px;min-width:0;display:block}
.viesti-sana{
  display:block;font-size:.66rem;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--jaa-pehmea);margin-bottom:9px;
}
.viesti-syote{
  display:block;width:100%;min-width:0;
  font-family:var(--leipakirjasin);font-size:.97rem;color:var(--jaa);
  padding:1.02em 1.15em;border:0;border-radius:var(--kulma);
  background-color:#080d15;
  background-image:linear-gradient(180deg,rgba(4,7,12,.9),rgba(238,243,249,.06));
  box-shadow:
    inset 0 3px 7px rgba(0,0,0,.85),
    inset 0 0 0 1px rgba(191,191,191,.3),
    0 1px 0 rgba(238,243,249,.12);
}
.viesti-syote::placeholder{color:#8794a5}
.viesti-syote[aria-invalid="true"]{box-shadow:inset 0 3px 7px rgba(0,0,0,.85),inset 0 0 0 2px #e8836e}
.viesti-virhe{margin-top:12px;font-size:.85rem;font-weight:700;color:var(--hairio)}
.viesti-virhe:empty{display:none}
.viesti-kuitti{display:flex;gap:14px;align-items:flex-start}
.viesti-kuitti:focus{outline:none}
.viesti-merkki{
  flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:var(--kulma);
  color:var(--kulta-muste);
  background-image:linear-gradient(180deg,var(--kulta-vaalea),var(--kulta-syva));
  box-shadow:inset 0 1px 0 rgba(255,253,240,.95),inset 0 -1px 0 rgba(35,28,3,.4),0 8px 20px -12px rgba(229,201,69,.9);
}
.viesti-kuitti-nimi{
  font-family:var(--otsikkokirjasin);font-weight:800;letter-spacing:-.018em;
  font-size:1.05rem;color:var(--jaa);
}
.viesti-kuitti-teksti{margin-top:7px;font-size:.87rem;color:var(--jaa-pehmea)}

/* ---------- essee: yksi yhtenäinen mitta ---------- */

.essee{
  --portti:52%;
  position:relative;
  padding:clamp(38px,4.8vw,66px) 0 clamp(34px,4vw,54px);
  background-image:var(--pinta),
    linear-gradient(180deg,var(--levy-yla) 0%,var(--levy) 22%,var(--perus) 62%,#0a1119 100%);
  font-size:.96rem;line-height:1.78;
}
.essee p+p{margin-top:1.15em}
.essee-alku{
  font-size:1.1rem;line-height:1.66;color:var(--jaa);
  letter-spacing:-.004em;
}
.essee-johdatus{
  margin-top:2.1em!important;
  font-size:.68rem;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--kulta);
}
.essee-johdatus::before{
  content:"";display:block;width:52px;height:3px;margin-bottom:15px;border-radius:1px;
  background-image:linear-gradient(90deg,var(--kulta-kajo),var(--kulta-syva) 55%,rgba(88,74,14,0));
  box-shadow:0 1px 0 rgba(4,7,12,.9),0 0 14px -1px rgba(229,201,69,.55);
}
.essee-sitaatti{
  margin:1.2em 0 0;
  padding:.15em 0 .15em clamp(20px,2.6vw,28px);
  border-left:3px solid var(--kulta-syva);
  font-size:.97rem;line-height:1.8;color:var(--jaa);
  background-image:linear-gradient(92deg,rgba(238,243,249,.06),rgba(238,243,249,0) 72%);
  box-shadow:-3px 0 16px -6px rgba(229,201,69,.75);
}
.essee-sitaatti+p{margin-top:1.45em}
.essee-nimi{
  margin:1.85em 0 .7em;
  font-size:clamp(1.3rem,2.8vw,1.75rem);letter-spacing:-.03em;
}
.essee-nimi::before{
  content:"";display:block;width:100%;height:3px;margin-bottom:.72em;
  background-image:linear-gradient(90deg,
    var(--kulta) 0 46px,rgba(191,191,191,.22) 46px 100%);
  box-shadow:0 1px 0 rgba(238,243,249,.07);
}
/* kysymykset ovat väliotsikoita juoksevassa tekstissä, eivät laatikoita */
.essee-kysymys{
  margin:1.5em 0 .45em;
  font-size:1.02rem;line-height:1.34;letter-spacing:-.022em;
}
.essee-kysymys::before{
  content:"";display:inline-block;width:15px;height:3px;border-radius:1px;
  vertical-align:.3em;margin-right:12px;
  background-image:linear-gradient(90deg,var(--kulta-kajo),var(--kulta-syva));
  box-shadow:0 0 10px -1px rgba(229,201,69,.75);
}
.essee-korostus{
  margin-top:1.6em!important;
  font-family:var(--otsikkokirjasin);font-weight:800;letter-spacing:-.026em;
  font-size:clamp(1.2rem,2.7vw,1.65rem);line-height:1.28;color:var(--jaa);
  padding-left:clamp(18px,2.4vw,26px);
  border-left:3px solid var(--kulta);
}
.essee-loppu{
  margin-top:1.8em!important;font-size:1.02rem;color:var(--jaa);
}
.essee-kuva{margin:1.9em 0 1.7em}
.essee-kuva img{
  width:100%;height:clamp(168px,20vw,262px);object-fit:cover;border-radius:var(--kulma);
  filter:saturate(.78) contrast(1.05) brightness(.9);
  box-shadow:
    inset 0 1px 0 rgba(238,243,249,.2),
    0 30px 60px -34px rgba(0,0,0,.95);
}
.essee-kuva-levea{width:min(1080px,92vw);margin-left:50%;transform:translateX(-50%)}
.essee-kuva-levea img{height:clamp(188px,22vw,312px)}
.essee-selite{
  margin-top:14px;font-size:.81rem;line-height:1.68;color:var(--jaa-himmea);
  padding-left:15px;border-left:2px solid rgba(229,201,69,.55);
}
.essee-kuva-levea .essee-selite{max-width:62ch}

/* ---------- perusta ---------- */

.perusta{
  --portti:88%;
  padding:clamp(38px,5vw,58px) 0 32px;
  background-image:var(--pinta),linear-gradient(180deg,#0a1019 0%,#05080d 100%);
  font-size:.83rem;line-height:1.7;color:var(--jaa-himmea);
}
.perusta-yla{
  display:flex;align-items:center;justify-content:space-between;
  gap:22px;flex-wrap:wrap;margin-bottom:26px;
}
.perusta-merkki{
  display:block;padding:10px 15px;border-radius:var(--kulma);
  background-image:linear-gradient(180deg,#1a2532,#0a1017);
  box-shadow:inset 0 1px 0 rgba(238,243,249,.16),inset 0 0 0 1px rgba(191,191,191,.14);
}
.perusta-merkki img{width:192px;height:36px}
.perusta-linkit{display:flex;gap:20px;flex-wrap:wrap;font-size:.85rem}
.perusta-linkit a{color:var(--jaa-pehmea);text-decoration:none;border-bottom:1px solid rgba(191,191,191,.34)}
.perusta-linkit a:hover{color:var(--kulta-kajo);border-bottom-color:var(--kulta)}
.perusta-apu{color:var(--jaa-pehmea)}
.perusta-apu b{color:var(--jaa);font-weight:700}
.perusta-ika{
  display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--kulma);
  vertical-align:-11px;margin-right:10px;
  font-family:var(--otsikkokirjasin);font-size:.72rem;font-weight:800;color:var(--kulta-muste);
  background-image:linear-gradient(180deg,var(--kulta-vaalea),var(--kulta-syva));
  box-shadow:inset 0 1px 0 rgba(255,253,240,.95),inset 0 -1px 0 rgba(35,28,3,.4);
}
.perusta-teksti{
  margin-top:22px;padding-top:20px;
  border-top:1px solid rgba(4,7,12,.9);
  box-shadow:inset 0 1px 0 rgba(238,243,249,.07);
}
.perusta-hieno{margin-top:10px}

/* ---------- liike ---------- */

@keyframes kohoa{from{opacity:0;transform:translate3d(0,26px,0)}to{opacity:1;transform:none}}
@keyframes liukuu{from{opacity:0;transform:translate3d(-22px,0,0)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:no-preference){
  .lahto-yla,.lahto-huuto,.lahto-saate,.lahto-lomake-sisus{
    animation:kohoa .8s cubic-bezier(.2,.75,.3,1) both;
  }
  .lahto-huuto{animation-delay:.07s}
  .lahto-saate{animation-delay:.15s}
  .lahto-lomake-sisus{animation-delay:.23s}
  .lahto-vaite::after{animation:liukuu .9s cubic-bezier(.2,.75,.3,1) both}

  @supports (animation-timeline:view()){
    .nosto{
      animation:kohoa linear both;
      animation-timeline:view();
      animation-range:entry 5% entry 40%;
    }
  }
}

/* ---------- kapeat ikkunat ---------- */

@media (max-width:640px){
  body{font-size:14.5px;overflow-wrap:break-word;hyphens:auto}
  .essee{font-size:.93rem;line-height:1.76}
  .essee-alku{font-size:1.02rem}
  .masto-merkki img{width:168px;height:31.5px}
  .masto-sisus{padding-top:14px;padding-bottom:14px}
  .masto-leima{font-size:.6rem;letter-spacing:.13em}
  .masto-ika{width:29px;height:29px;font-size:.6rem}
  .vipu{width:100%;text-align:center}
  /* pidetään sähköpostikenttä ensimmäisessä näkymässä */
  .lahto-vaite{padding:16px 0 16px}
  .lahto-korva{font-size:.65rem;letter-spacing:.22em}
  .lahto-korva::before{width:44px;height:2px;margin-bottom:9px}
  .lahto-yla{margin-bottom:10px;gap:8px}
  .lahto-lainaus{gap:6px}
  .lahto-lause{font-size:.72rem}
  .lahto-lahde{font-size:.6rem;letter-spacing:.15em}
  .lahto-lahde::before{width:10px;margin-right:7px}
  .lahto-saate{margin-top:12px;font-size:.89rem;line-height:1.6}
  .lahto-lomake{padding:12px 0 18px}
  .lahto-lomake-sisus{gap:11px}
  .lahto-kehote-nimi{font-size:.98rem}
  .lahto-kehote-teksti{margin-top:6px;font-size:.79rem}
  .viesti-sana{margin-bottom:6px;font-size:.63rem}
  .viesti-syote{padding:.92em 1.05em}
}
@media (max-width:400px){
  .runko{padding:0 17px}
  .essee-sitaatti{padding-left:16px}
  .lahto-huuto{font-size:clamp(1.95rem,10vw,2.6rem)}
  :root{--portin-leveys:52px}
}