:root{
  --orange:#f58200;
  --orange-dark:#c86a00;
  --orange-soft:#ffe1b8;
  --ink:#252423;
  --coal:#3d3d3d;
  --coal-2:#5f5f5f;
  --mist:#efede8;
  --paper:#fffaf1;
  --paper-2:#fff3df;
  --white:#fff;
  --muted:#6f6a61;
  --line:rgba(61,61,61,.16);
  --shadow:0 24px 70px rgba(44,37,28,.16);
  --soft-shadow:0 14px 36px rgba(44,37,28,.11);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(circle at 9% 16%,rgba(245,130,0,.14),transparent 25rem),radial-gradient(circle at 92% 35%,rgba(61,61,61,.10),transparent 22rem),linear-gradient(180deg,#fffaf1,#f2eee6)}
img{max-width:100%;display:block}a{color:inherit}.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:8px;background:var(--orange);color:var(--ink);padding:.7rem 1rem;z-index:100}.skip-link:focus{left:8px}
.site-header{position:fixed;z-index:60;top:14px;left:50%;transform:translateX(-50%);width:min(1140px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;padding:9px 12px 9px 14px;background:rgba(255,250,241,.88);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.75);border-radius:999px;box-shadow:0 16px 50px rgba(0,0,0,.10)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:950;color:var(--coal);white-space:nowrap}.brand img{width:64px;height:64px;object-fit:contain}.brand span{font-size:1.02rem;letter-spacing:.01em}.nav{display:flex;gap:8px;align-items:center}.nav a{text-decoration:none;font-weight:950;font-size:.91rem;color:#37322d;padding:10px 15px;border:1px solid rgba(61,61,61,.22);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:inset 0 -1px 0 rgba(0,0,0,.03)}.nav a:nth-child(2n){transform:rotate(-1deg)}.nav a:nth-child(2n+1){transform:rotate(.8deg)}.nav a:hover{background:var(--coal);color:#fff;border-color:var(--coal)}.menu-button{display:none;border:0;background:var(--coal);color:#fff;border-radius:999px;padding:10px 16px;font-weight:900}
.hero{min-height:96vh;position:relative;display:grid;place-items:center;text-align:center;padding:140px 20px 92px;overflow:hidden;color:#fff}.hero__image{position:absolute;inset:0;background:linear-gradient(120deg,rgba(61,61,61,.78),rgba(61,61,61,.30),rgba(245,130,0,.30)),url('assets/img/hero-friedersdorf.webp') center/cover no-repeat;clip-path:ellipse(118% 92% at 50% 0%);filter:saturate(1.08) contrast(1.02)}.hero::after{content:"";position:absolute;left:-5vw;right:-5vw;bottom:-72px;height:170px;background:var(--paper);border-radius:50% 50% 0 0/100% 100% 0 0;z-index:2}.hero__orb{position:absolute;z-index:1;border-radius:44% 56% 58% 42%/54% 40% 60% 46%;background:rgba(255,255,255,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);backdrop-filter:blur(2px)}.hero__orb--one{width:190px;height:140px;left:9%;top:28%;transform:rotate(18deg)}.hero__orb--two{width:145px;height:115px;right:11%;bottom:22%;transform:rotate(-12deg)}.hero__logo-cloud{position:absolute;z-index:1;top:112px;left:50%;transform:translateX(-50%) rotate(-3deg);width:min(820px,90vw);padding:20px 32px;border-radius:42% 58% 55% 45%/52% 42% 58% 48%;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);backdrop-filter:blur(2px)}.hero__logo-cloud img{width:100%;opacity:.43;filter:drop-shadow(0 18px 34px rgba(0,0,0,.22))}.hero__content{position:relative;z-index:3;max-width:880px;margin-top:92px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:950;color:var(--orange-dark);font-size:.78rem;margin:0 0 10px}.hero .eyebrow{color:#ffe7be}.hero h1{font-size:clamp(3.1rem,12vw,8.2rem);letter-spacing:-.075em;line-height:.86;margin:0 0 18px;text-shadow:0 5px 30px rgba(0,0,0,.38)}.claim{font-size:clamp(1.25rem,4vw,2.25rem);font-weight:900;margin:0 0 28px;text-shadow:0 3px 18px rgba(0,0,0,.34)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border-radius:999px;text-decoration:none;font-weight:950;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-3px) rotate(-.6deg)}.button--primary{background:var(--orange);color:#211b14;box-shadow:0 15px 35px rgba(245,130,0,.28)}.button--primary:hover{background:var(--orange-dark)}.button--hero{min-width:270px;min-height:58px;font-size:1.05rem}.button--outline{border:2px solid var(--coal);color:var(--coal);background:#fff}.scroll-hint{position:absolute;z-index:4;bottom:34px;left:50%;transform:translateX(-50%) rotate(-3deg);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:950;color:rgba(255,255,255,.86)}
.dorfweg{position:absolute;top:86vh;left:0;right:0;height:2650px;pointer-events:none;z-index:-1;opacity:.55}.dorfweg svg{width:100%;height:100%}.dorfweg path{fill:none;stroke:var(--orange);stroke-width:5;stroke-linecap:round;stroke-dasharray:9 18;filter:drop-shadow(0 7px 8px rgba(245,130,0,.18))}
.section{padding:86px 0;position:relative}.section h2{font-size:clamp(2.05rem,5vw,4rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 18px;color:var(--coal)}.section p{font-size:1.05rem;color:var(--muted)}.section--warm{padding-top:45px}.section--swoop::after{content:"";position:absolute;left:-8vw;right:-8vw;bottom:-76px;height:138px;background:var(--mist);border-radius:0 0 50% 50%/0 0 100% 100%;z-index:-1}.intro-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.intro-copy{position:relative}.intro-copy::before{content:"";position:absolute;width:140px;height:120px;border:2px solid rgba(245,130,0,.32);border-radius:42% 58% 70% 30%/35% 44% 56% 65%;left:-40px;top:-28px;z-index:-1}.tiny-line{font-weight:900;color:var(--coal)!important;margin-top:22px}.memory-board{position:relative;min-height:500px;background:linear-gradient(135deg,#f7ead6,#fff8ed);padding:26px;border-radius:48% 52% 47% 53%/9% 12% 88% 91%;box-shadow:var(--shadow);transform:rotate(1.4deg);border:1px solid rgba(245,130,0,.20)}.memory-board::before{content:"";position:absolute;inset:16px;border:2px dashed rgba(61,61,61,.16);border-radius:40px;pointer-events:none}.memory-photo{position:absolute;margin:0;background:#fff;padding:14px 14px 45px;border-radius:18px;box-shadow:0 22px 48px rgba(44,37,28,.17)}.memory-photo img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:opacity .35s ease,transform .35s ease}.memory-photo img.is-fading{opacity:.25;transform:scale(.985)}.memory-photo figcaption{position:absolute;left:20px;bottom:14px;font-weight:950;color:var(--coal);font-size:.94rem}.memory-photo--main{width:72%;height:360px;left:50px;top:74px;transform:rotate(-2.4deg)}.memory-photo--small{width:36%;height:190px;right:20px;bottom:22px;transform:rotate(6deg);z-index:2}.pin{position:absolute;width:18px;height:18px;border-radius:999px;background:var(--orange);box-shadow:0 4px 0 var(--orange-dark),0 10px 16px rgba(0,0,0,.16);z-index:4}.pin--one{left:86px;top:58px}.pin--two{right:72px;bottom:185px}.mascot{position:absolute;object-fit:contain;pointer-events:none}.mascot--peek{right:-32px;top:-34px;width:130px;transform:rotate(11deg);filter:drop-shadow(0 16px 24px rgba(0,0,0,.14))}.mascot--corner{right:-22px;top:-34px;width:124px;transform:rotate(8deg);opacity:.92}
.section--paper{background:var(--mist);padding-top:126px}.section-head{max-width:790px;margin-bottom:32px}.play-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch}.play-card{position:relative;min-height:278px;display:flex;flex-direction:column;padding:30px;border-radius:34px;background:#fff;border:1px solid rgba(255,255,255,.75);box-shadow:var(--soft-shadow);overflow:hidden}.play-card::after{content:"";position:absolute;right:-34px;top:-34px;width:130px;height:130px;background:rgba(245,130,0,.13);border-radius:44% 56% 59% 41%/50% 37% 63% 50%}.play-card::before{content:"";position:absolute;left:22px;right:22px;top:15px;height:9px;background:rgba(245,130,0,.20);border-radius:999px;transform:rotate(-.5deg)}.play-card--one{transform:rotate(-1.8deg);border-top:8px solid var(--orange);border-radius:38px 28px 34px 30px}.play-card--two{transform:rotate(1.4deg);border-top:8px solid var(--coal);border-radius:28px 42px 30px 38px}.play-card--three{transform:rotate(.8deg);border-top:8px solid #9b9b9b;border-radius:34px 28px 46px 30px}.play-card--four{transform:rotate(-1.2deg);border-top:8px solid var(--orange-dark);border-radius:26px 38px 34px 46px}.play-card h3{font-size:1.7rem;margin:18px 0 8px;color:var(--coal);letter-spacing:-.025em}.play-card p{margin:0}.number{font-size:.8rem;font-weight:950;color:var(--orange-dark);letter-spacing:.12em}.chronik-box{margin-top:auto;padding-top:18px}.chronik-box span{display:inline-block;font-weight:950;color:var(--coal);background:var(--orange-soft);padding:7px 12px;border-radius:999px;transform:rotate(-1.5deg)}.chronik-strip{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.chronik-strip img{aspect-ratio:4/3;object-fit:cover;border-radius:20px;box-shadow:0 10px 22px rgba(0,0,0,.10)}.chronik-strip img:first-child{transform:rotate(-2deg)}.chronik-strip img:last-child{transform:rotate(2deg)}
.section--event{background:linear-gradient(135deg,#343434,#606060);color:#fff;overflow:hidden}.section--event::before{content:"";position:absolute;inset:auto -10vw -72px -10vw;height:170px;background:var(--paper);border-radius:50% 50% 0 0/100% 100% 0 0}.section--event .eyebrow{color:#ffdca6}.section--event h2{color:#fff}.section--event p{color:#efece7}.event-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}.blackboard{position:relative;display:block;background:#262626;padding:34px 34px 70px;border:12px solid #6d5032;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.34), inset 0 0 0 2px rgba(255,255,255,.05);transform:rotate(-1.6deg);text-decoration:none;color:#fff}.blackboard:hover{transform:rotate(-.6deg) translateY(-4px)}.blackboard img{border-radius:13px;background:#fff;padding:8px;box-shadow:0 18px 36px rgba(0,0,0,.28)}.chalk{position:absolute;left:38px;bottom:22px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;color:#f6ead4}.tack{position:absolute;width:20px;height:20px;border-radius:999px;background:var(--orange);box-shadow:0 4px 0 var(--orange-dark),0 10px 16px rgba(0,0,0,.25);z-index:2}.tack--one{left:47px;top:24px}.tack--two{right:47px;top:24px}
.section--member{padding-top:112px}.member-box{display:flex;align-items:center;justify-content:space-between;gap:26px;background:#fff;border:1px solid var(--line);border-radius:42px;padding:40px 156px 40px 38px;box-shadow:var(--shadow);position:relative;overflow:hidden}.member-box::after{content:"";position:absolute;right:-40px;bottom:-50px;width:180px;height:180px;background:rgba(245,130,0,.12);border-radius:50%;z-index:0}.member-box>*{position:relative;z-index:1}.member-box h2{margin-bottom:8px}.section--contact{background:var(--paper-2)}.contact-layout{display:grid;grid-template-columns:1fr .82fr;gap:30px;align-items:stretch}.contact-card,.privacy-card{background:#fff;border:1px solid rgba(61,61,61,.11);border-radius:34px;padding:30px;box-shadow:var(--soft-shadow)}.contact-card{transform:rotate(-.6deg)}.privacy-card{align-self:center;transform:rotate(1.2deg);background:linear-gradient(180deg,#fff,#faf5eb)}.privacy-card h3{font-size:1.55rem;margin:0 0 10px;color:var(--coal)}.legal-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.legal-links a{font-weight:950;color:var(--orange-dark)}.footer{background:var(--ink);color:#eadfcd;padding:24px 0}.footer__inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}.footer a{color:inherit;text-decoration:none}.footer a:hover{text-decoration:underline}.reveal{opacity:0;transform:translateY(24px) rotate(.5deg);transition:opacity .62s ease,transform .62s ease}.reveal.is-visible{opacity:1;transform:none}
.legal-page{padding:96px 0;background:var(--paper);min-height:100vh}.legal-page h1{font-size:clamp(2.4rem,7vw,4rem);letter-spacing:-.05em;line-height:1;margin:38px 0 28px}.legal-page h2{font-size:1.4rem;margin-top:32px}.legal-note{margin-top:34px;padding:18px;border-radius:18px;background:#fff;box-shadow:var(--shadow)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.blackboard,.memory-photo img{transition:none}}
@media (max-width:960px){.site-header{top:10px}.brand img{width:54px;height:54px}.menu-button{display:inline-flex}.nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:#fff;padding:14px;border-radius:24px;box-shadow:var(--shadow)}.nav.is-open{display:flex}.nav a{padding:13px 16px;transform:none!important}.hero{min-height:90vh}.hero__logo-cloud{top:116px;width:min(570px,94vw)}.hero__content{margin-top:72px}.intro-layout,.event-layout,.contact-layout{grid-template-columns:1fr}.play-cards{grid-template-columns:1fr}.member-box{align-items:flex-start;flex-direction:column;padding:34px}.memory-board,.blackboard,.privacy-card,.play-card,.contact-card{transform:none}.section{padding:66px 0}.section--paper{padding-top:98px}.hero::after{height:120px;bottom:-54px}.section--event::before{height:120px;bottom:-54px}.dorfweg{display:none}.memory-board{min-height:430px}.memory-photo--main{width:78%;height:290px;left:30px;top:70px}.memory-photo--small{width:38%;height:145px}.mascot--peek{width:104px;right:-24px}.mascot--corner{display:none}}
@media (max-width:560px){.brand span{display:none}.hero{padding-top:120px}.hero h1{font-size:clamp(3rem,17vw,5rem)}.button--hero{width:min(100%,300px)}.memory-board{min-height:390px;padding:18px}.memory-photo--main{left:20px;top:62px;width:84%;height:245px}.memory-photo--small{right:16px;bottom:18px;width:42%;height:118px}.play-card{min-height:auto}.blackboard{padding:22px 22px 62px;border-width:8px}.footer__inner{flex-direction:column;align-items:flex-start}}

/* Anpassungen: echte Friedersdorf-Luftaufnahme, asymmetrische Aufgaben-Karten, zentrierter Download-Button */
.play-cards--asym{
  grid-template-columns:1.22fr .78fr;
  grid-auto-rows:minmax(235px, auto);
  align-items:stretch;
}
.play-cards--asym .play-card--large{min-height:360px;}
.play-cards--asym .play-card--small{min-height:235px;}
.play-cards--asym .play-card--one{grid-column:1;grid-row:1;}
.play-cards--asym .play-card--two{grid-column:2;grid-row:1;align-self:start;}
.play-cards--asym .play-card--four{grid-column:1;grid-row:2;align-self:start;}
.play-cards--asym .play-card--three{grid-column:2;grid-row:2;}
.play-card .number{display:none!important;}
.play-card h3{margin-top:28px;}
.member-box .button{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;min-height:54px;}
@media (max-width:960px){
  .play-cards--asym{grid-template-columns:1fr;grid-auto-rows:auto;}
  .play-cards--asym .play-card--one,
  .play-cards--asym .play-card--two,
  .play-cards--asym .play-card--three,
  .play-cards--asym .play-card--four{grid-column:auto;grid-row:auto;}
  .play-cards--asym .play-card--large,
  .play-cards--asym .play-card--small{min-height:auto;}
}


/* Onepageverspielt 3.0: Kartenraster nach Wunsch, Herz-Container, schlanke Fußzeile */
.play-cards--asym{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(3,178px);
  gap:26px;
  align-items:stretch;
}
.play-cards--asym .play-card{min-height:0;height:100%;}
.play-cards--asym .play-card--one{grid-column:1;grid-row:1 / span 2;}
.play-cards--asym .play-card--two{grid-column:2;grid-row:1;align-self:stretch;}
.play-cards--asym .play-card--four{grid-column:1;grid-row:3;align-self:stretch;}
.play-cards--asym .play-card--three{grid-column:2;grid-row:2 / span 2;}
.play-cards--asym .play-card--large,
.play-cards--asym .play-card--small{min-height:0;}
.play-cards--asym .play-card--one,
.play-cards--asym .play-card--three{padding:34px;}
.play-cards--asym .play-card--two,
.play-cards--asym .play-card--four{padding:26px 28px;}
.play-cards--asym .play-card h3{margin-top:20px;}
.play-cards--asym .play-card--two h3,
.play-cards--asym .play-card--four h3{font-size:1.48rem;}
.play-cards--asym .chronik-box{display:none;}
.heart-card{
  display:flex;
  min-height:100%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:48px 30px;
  background:linear-gradient(145deg,#fffaf1,#ffffff 56%,#fff1dc);
  border:1px solid rgba(245,130,0,.24);
  overflow:hidden;
}
.heart-card::before{
  content:"";
  position:absolute;
  inset:18px;
  border:2px solid rgba(245,130,0,.22);
  border-radius:30px;
  pointer-events:none;
}
.heart-card::after{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  right:-82px;
  bottom:-92px;
  border-radius:46% 54% 55% 45%/42% 45% 55% 58%;
  background:rgba(245,130,0,.10);
}
.heart-card__small{
  position:relative;
  z-index:1;
  font-size:.76rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:950;
  color:var(--orange-dark);
  margin-bottom:10px;
}
.heart-card strong{
  position:relative;
  z-index:1;
  display:block;
  font-size:clamp(2.2rem,5vw,4rem);
  line-height:.92;
  letter-spacing:-.06em;
  color:var(--coal);
}
.heart-card__icon{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  margin:16px auto 12px;
  border-radius:999px;
  color:var(--orange);
  font-size:2.1rem;
  background:#fff;
  box-shadow:0 14px 30px rgba(245,130,0,.18);
  transform:rotate(-7deg);
}
.heart-card em{
  position:relative;
  z-index:1;
  display:block;
  font-style:normal;
  font-weight:950;
  font-size:clamp(1.45rem,3vw,2.25rem);
  color:var(--coal);
}
.heart-card p{
  position:relative;
  z-index:1;
  margin:18px 0 0;
  color:var(--muted);
  font-weight:800;
}
.footer{padding:20px 0;}
.footer__inner--simple{
  justify-content:center;
  gap:18px;
  font-size:.92rem;
}
.footer__inner--simple a{font-weight:800;}
@media (max-width:960px){
  .play-cards--asym{grid-template-columns:1fr;grid-template-rows:auto;}
  .play-cards--asym .play-card--one,
  .play-cards--asym .play-card--two,
  .play-cards--asym .play-card--three,
  .play-cards--asym .play-card--four{grid-column:auto;grid-row:auto;}
  .play-cards--asym .play-card{min-height:230px;}
  .play-cards--asym .play-card--one,
  .play-cards--asym .play-card--three{min-height:300px;}
  .heart-card{min-height:310px;transform:none;}
}
@media (max-width:560px){
  .play-cards--asym .play-card,
  .play-cards--asym .play-card--one,
  .play-cards--asym .play-card--three{min-height:auto;}
.footer__inner--simple{align-items:center;flex-direction:row;justify-content:center;text-align:center;}
}

/* Startseite: ruhigerer Hero, damit Vereinsname und Logo nicht gequetscht wirken. */
.hero{
  min-height:94vh;
  padding:150px 20px 104px;
}
.hero__image{
  background:
    linear-gradient(110deg,rgba(36,34,31,.82),rgba(61,61,61,.46) 48%,rgba(245,130,0,.22)),
    url('assets/img/hero-friedersdorf.webp') center/cover no-repeat;
}
.hero__logo-cloud{
  top:128px;
  width:min(560px,72vw);
  padding:18px 30px;
  border-radius:34px;
  background:rgba(255,255,255,.13);
  transform:translateX(-50%) rotate(-1.5deg);
}
.hero__logo-cloud img{
  opacity:.24;
}
.hero__content{
  width:min(920px,calc(100% - 24px));
  margin-top:120px;
  padding:32px 34px 36px;
  border-radius:30px;
  background:linear-gradient(180deg,rgba(34,31,28,.34),rgba(34,31,28,.18));
  box-shadow:0 28px 80px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.14);
  backdrop-filter:blur(2px);
}
.hero .eyebrow{
  margin-bottom:14px;
  letter-spacing:.12em;
}
.hero h1{
  font-size:clamp(3.2rem,7.2vw,5.9rem);
  letter-spacing:0;
  line-height:1;
  margin-bottom:16px;
  text-wrap:balance;
}
.claim{
  font-size:clamp(1.28rem,2.7vw,2rem);
  line-height:1.18;
  margin-bottom:30px;
}
.button--hero{
  min-width:250px;
}
@media (max-width:960px){
  .hero{
    min-height:88vh;
    padding-top:132px;
  }
  .hero__logo-cloud{
    top:116px;
    width:min(430px,78vw);
  }
  .hero__content{
    margin-top:106px;
    padding:28px 24px 32px;
  }
  .hero h1{
    font-size:clamp(3rem,10.5vw,5.2rem);
  }
}
@media (min-width:700px){
  .hero h1{
    white-space:nowrap;
  }
}
@media (max-width:560px){
  .hero{
    min-height:86vh;
    padding:112px 14px 88px;
  }
  .hero__logo-cloud{
    top:104px;
    width:min(300px,78vw);
    padding:12px 18px;
  }
  .hero__content{
    width:100%;
    margin-top:92px;
    padding:24px 18px 28px;
    border-radius:24px;
  }
  .hero .eyebrow{
    font-size:.68rem;
    line-height:1.35;
  }
  .hero h1{
    font-size:clamp(2.55rem,12.6vw,4rem);
    line-height:1;
  }
  .claim{
    font-size:1.2rem;
  }
  .button--hero{
    width:min(100%,270px);
    min-width:0;
  }
}