:root{--ink:#202526;--muted:#626b6b;--paper:#fbfaf7;--soft:#f1f2ef;--petrol:#18373b;--petrol-2:#244a4f;--line:#d8ddda;--warm:#e9e1d3;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1.06rem/1.72 "DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;width:100%}h1,h2,h3,blockquote{font-family:"Manrope",sans-serif;font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(3rem,6vw,6.3rem);line-height:.99;margin:.18em 0 .28em;max-width:850px}h2{font-size:clamp(2.15rem,4vw,4.15rem);line-height:1.08;margin:.25em 0 .65em}h3{font-size:1.45rem}p{margin:0 0 1.1em}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;padding:.7rem 1rem;z-index:99}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:20;background:rgba(251,250,247,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(32,37,38,.1)}.nav-wrap{height:82px;max-width:var(--max);margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-family:"Manrope";font-size:1.08rem;font-weight:600;line-height:1.05}.brand small{display:block;color:var(--muted);font:400 .7rem/1.2 "DM Sans";letter-spacing:.11em;text-transform:uppercase;margin-top:.35rem}.site-header nav{display:flex;gap:2rem}.site-header nav a{text-decoration:none;font-size:.9rem}.site-header nav a:hover{color:var(--petrol-2)}.menu-button{display:none;border:0;background:none;font:500 .9rem "DM Sans";color:var(--ink)}.hero{max-width:1440px;margin:auto;min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.6fr);align-items:stretch}.hero-copy{padding:clamp(70px,8vw,130px) clamp(32px,7vw,110px)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:600;color:var(--petrol-2);margin-bottom:1.7rem}.subhead{font-family:"Manrope";font-size:clamp(1.15rem,2vw,1.45rem);color:var(--muted);margin-bottom:1.8rem}.lead{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.35;max-width:820px}.hero-text{max-width:760px;color:#4a5151}.offer{font-weight:600;margin:2rem 0 1.6rem}.offer span{color:#9da3a1;padding:0 .38rem}.button{display:inline-flex;gap:1.4rem;align-items:center;text-decoration:none;background:var(--petrol);color:#fff;padding:1rem 1.25rem;border:1px solid var(--petrol);font-weight:500;transition:.25s}.button:hover{background:var(--petrol-2);transform:translateY(-2px)}.hero-image{margin:0;position:relative;min-height:680px;overflow:hidden;background:#d8d2c5}.hero-image img{height:100%;object-fit:cover;object-position:50% 45%}.hero-image figcaption{position:absolute;right:1.3rem;bottom:1rem;color:#fff;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 5px #000}.section{padding:clamp(90px,11vw,170px) max(32px,calc((100vw - var(--max))/2))}.section-light{background:var(--soft)}.section-quiet{background:#f7f5ef}.section-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,9vw,150px)}.questions{border-top:1px solid #abb2af}.question{padding:1rem 0;margin:0;border-bottom:1px solid #c9cfcc;font-family:"Manrope";font-size:1.14rem}.accent-question{font-weight:600;color:var(--petrol)}.statement{margin:clamp(80px,10vw,150px) 0 0 auto;max-width:820px;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.45}.statement strong{font-weight:600;color:var(--petrol)}.narrow{max-width:860px;margin:auto}.narrow .intro{font-size:1.35rem;color:var(--petrol);margin-top:2rem}.pullquote{margin-top:3.5rem;padding:2rem 0 2rem 2rem;border-left:3px solid var(--petrol);font:500 clamp(1.35rem,2.5vw,2.1rem)/1.42 "Manrope"}.section-dark{background:var(--petrol);color:#f6f4ed}.section-dark .eyebrow{color:#a9c2c1}.dark-copy{font-size:1.12rem;color:#d6dfdc}.result-open{font:500 1.6rem "Manrope";color:#fff;margin-top:2.6rem}.expectations{border-top:1px solid rgba(255,255,255,.22);margin-top:7rem;padding-top:2rem}.expectations ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:1rem 0 0}.expectations li{border-bottom:1px solid rgba(255,255,255,.22);padding:1rem 1rem 1rem 0}.about{display:grid;grid-template-columns:minmax(330px,.75fr) minmax(0,1.25fr);gap:clamp(60px,9vw,140px);align-items:start}.about-image{position:sticky;top:120px}.about-image img{aspect-ratio:3/4;object-fit:cover;object-position:center}.about-copy{max-width:720px}.about-copy h2{margin-bottom:.8em}.principle{background:var(--warm);padding:clamp(90px,11vw,170px) 32px}.principle-inner{max-width:var(--max);margin:auto}.principle blockquote{font-size:clamp(2.6rem,6vw,6rem);line-height:1.08;margin:2rem 0 5rem;max-width:1050px}.principle-copy{margin-left:auto;max-width:650px}.contact{background:#102d31;color:#fff;padding:clamp(100px,13vw,190px) 32px}.contact-inner{max-width:var(--max);margin:auto}.contact .eyebrow{color:#aac0bd}.contact h2{max-width:1000px}.contact-name{font:500 1.5rem "Manrope";margin-top:3rem}.contact-links{display:flex;gap:2rem;flex-wrap:wrap;margin:0 0 2.2rem}.contact-links a{text-decoration:none;border-bottom:1px solid #76908e}.button-light{background:#f7f4ec;color:#173438;border-color:#f7f4ec}.button-light:hover{background:#fff;color:#173438}footer{background:#0b2528;color:#bcc9c7;padding:2rem 32px;font-size:.8rem}footer>div{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:2rem}footer a{margin-left:1.4rem;text-decoration:none}.legal{max-width:840px;margin:auto;padding:100px 32px 140px}.legal h1{font-size:clamp(2.8rem,6vw,5rem)}.legal h2{font-size:1.6rem;margin-top:2.2rem}.notice{background:#fff1cc;border-left:4px solid #b38015;padding:1rem 1.2rem;margin:2rem 0}.back-link{display:inline-block;margin-bottom:3rem;text-decoration:none;border-bottom:1px solid}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-image{min-height:70vh;max-height:820px;order:-1}.hero-copy{padding-top:70px}.section-grid,.two-col,.about{grid-template-columns:1fr;gap:45px}.about-image{position:static;max-width:600px}.expectations ul{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body{font-size:1rem}.nav-wrap{height:70px;padding:0 20px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:1.2rem 20px 1.7rem;flex-direction:column;gap:1rem;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero-copy,.section{padding-left:22px;padding-right:22px}.hero-image{min-height:63vh}.hero-image img{object-position:50% 38%}.expectations ul{grid-template-columns:1fr}.principle{padding-left:22px;padding-right:22px}.principle blockquote{margin-bottom:3rem}.contact{padding-left:22px;padding-right:22px}.contact-links{flex-direction:column;gap:.6rem}footer>div{flex-direction:column}footer a{margin:0 1.4rem 0 0}}
/* Refined responsive typography and spacing */
body{font-family:"Aptos","Segoe UI",Arial,sans-serif}
h1,h2,h3,blockquote,.brand,.subhead,.question,.pullquote,.result-open,.contact-name{font-family:"Aptos","Segoe UI",Arial,sans-serif}
h1{font-size:clamp(3rem,5.5vw,5.75rem);line-height:1.01}
h2{font-size:clamp(2.15rem,3.7vw,3.8rem);line-height:1.1}
.site-header{background:rgba(251,250,247,.97)}
@media(max-width:900px){
  .hero-image{min-height:64svh;max-height:720px}
  .section-grid,.two-col,.about{gap:38px}
  .about-image img{aspect-ratio:4/5;object-position:center 42%}
}

/* Mobile-only line breaks and spacing corrections. */
.mobile-break{display:none}
@media(max-width:700px){
  .mobile-break{display:block}
  .section.turning-points{padding-top:0}
  .turning-points{gap:26px}
}
@media(max-width:700px){
  html{scroll-padding-top:56px}
  body{font-size:.98rem;line-height:1.64}
  body.menu-open{overflow:hidden}
  h1{font-size:clamp(2.25rem,10.8vw,3rem);line-height:1.06;letter-spacing:-.032em}
  h2{font-size:clamp(1.8rem,8.2vw,2.35rem);line-height:1.13;letter-spacing:-.028em}
  .nav-wrap{height:56px;padding:0 18px}
  .brand{font-size:1rem}
  .brand small{display:none}
  .menu-button{padding:.7rem 0 .7rem 1rem}
  .site-header nav{position:fixed;top:56px;left:0;right:0;width:100vw;max-width:none;padding:1.15rem 22px 1.5rem;background:var(--paper);box-shadow:0 12px 30px rgba(24,55,59,.12);z-index:30}
  .hero-image{min-height:56svh;max-height:610px}
  .hero-image img{object-position:50% 39%}
  .hero-copy{padding-top:58px;padding-bottom:72px}
  .lead{font-size:1.28rem;line-height:1.4}
  .subhead{font-size:1.1rem;line-height:1.42;margin-bottom:1.45rem}
  .eyebrow{font-size:.69rem;line-height:1.45;margin-bottom:1.35rem}
  .section{padding-top:72px;padding-bottom:72px}
  .offer .price{white-space:nowrap;padding:0}
  #situationen{padding-bottom:46px}
  #situationen h2{font-size:clamp(1.62rem,7.2vw,2.05rem);line-height:1.16}
  #entscheidungssparring{padding-top:52px}
  .section-grid,.two-col,.about{gap:30px}
  .statement{margin-top:64px;font-size:1.3rem}
  .narrow .intro{font-size:1.2rem}
  .pullquote{font-size:1.28rem;margin-top:2.6rem;padding:1.35rem 0 1.35rem 1.25rem}
  .expectations{margin-top:4.5rem}
  .about-image{max-width:none}
  .about-image img{aspect-ratio:4/5;object-position:center 42%}
  .about-copy p{margin-bottom:1.28em}
  .about-copy h2{margin-bottom:.62em}
  .principle{padding-top:76px;padding-bottom:76px}
  .principle blockquote{font-size:clamp(2rem,9vw,2.7rem);line-height:1.12;margin:1.4rem 0 2.7rem}
  .contact{padding-top:82px;padding-bottom:88px}
  .contact h2{font-size:clamp(1.9rem,8.5vw,2.5rem)}
  .contact-name{margin-top:2.4rem}
  .legal{padding:72px 22px 100px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Visual refinement inspired by the approved reference layout.
   Content and information architecture intentionally remain unchanged. */
:root{
  --ink:#17313a;
  --muted:#52656a;
  --paper:#fcfcf9;
  --soft:#eef5f4;
  --petrol:#073d4c;
  --petrol-2:#0b5363;
  --line:#ced9d7;
  --warm:#ece4d7;
  --max:1280px;
}

.site-header{background:rgba(252,252,249,.97)}
.nav-wrap{height:74px}
.brand{color:var(--petrol);font-size:1.16rem}
.brand small{color:#45636b;letter-spacing:.18em}
.site-header nav a{font-weight:500;color:#24444c}

.hero{
  max-width:none;
  min-height:720px;
  grid-template-columns:minmax(520px,43%) minmax(0,57%);
  background:var(--petrol);
}
.hero-copy{
  padding:clamp(58px,6vw,96px) clamp(38px,6vw,96px) clamp(58px,6vw,96px) max(38px,calc((100vw - var(--max))/2));
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero .eyebrow{color:#a9cbd0;margin-bottom:1.25rem}
.hero h1{font-size:clamp(2.9rem,4.6vw,5.2rem);max-width:720px}
.hero .subhead{color:#d6e2e2;max-width:650px}
.hero .lead{color:#fff;font-size:clamp(1.3rem,1.75vw,1.7rem);max-width:670px}
.hero-text{color:#d0dddd;max-width:690px}
.hero .offer{color:#fff}
.hero .offer span{color:#8fb0b5}
.hero .button{background:#f7faf7;color:var(--petrol);border-color:#f7faf7;width:max-content}
.hero .button:hover{background:#fff;color:var(--petrol)}
.hero-image{min-height:720px;background:#c8d6d5}
.hero-image img{object-position:45% 50%}
.hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,61,76,.13),transparent 22%);pointer-events:none}

.section{padding-top:clamp(78px,8.2vw,128px);padding-bottom:clamp(78px,8.2vw,128px)}
.section-light{background:var(--soft)}
.section-quiet{background:#f8f8f3}
.section h2{color:var(--petrol)}
.statement{max-width:900px}
.pullquote{background:#f1f7f6;padding:2rem 2.2rem;border-left-color:#0b6675}

.section-dark{background:linear-gradient(115deg,#073d4c 0%,#0a4653 100%)}
.section-dark h2{color:#fff}
.expectations li{font-size:1.05rem}

.about{
  padding-left:0;
  grid-template-columns:minmax(420px,47vw) minmax(0,1fr);
  gap:clamp(55px,7vw,112px);
  align-items:stretch;
}
.about-image{position:relative;top:auto;min-height:100%;overflow:hidden}
.about-image img{height:100%;min-height:820px;aspect-ratio:auto;object-fit:cover;object-position:50% 42%}
.about-copy{padding-right:max(32px,calc((100vw - var(--max))/2));align-self:center;max-width:790px}

.turning-points{padding-left:0;display:grid;grid-template-columns:minmax(360px,36vw) minmax(0,1fr);gap:clamp(48px,6vw,96px);align-items:center}
.turning-image{align-self:stretch;min-height:620px;overflow:hidden}
.turning-image img{height:100%;object-fit:cover;object-position:50% 38%}
.turning-points .two-col{grid-template-columns:minmax(250px,.85fr) minmax(280px,1.15fr);gap:clamp(38px,4vw,72px)}

.principle{background:var(--warm)}
.principle blockquote{color:var(--petrol)}
.contact{background:linear-gradient(115deg,#063845 0%,#0a4a58 100%)}
footer{background:#052d37}

@media(max-width:1100px){
  .hero{grid-template-columns:minmax(450px,50%) minmax(0,50%)}
  .hero-copy{padding-left:42px;padding-right:42px}
  .hero h1{font-size:clamp(2.75rem,5vw,4.2rem)}
  .about{grid-template-columns:minmax(340px,42vw) minmax(0,1fr)}
}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;min-height:0;background:var(--paper)}
  .hero-image{order:-1;min-height:64svh;max-height:720px}
  .hero-copy{background:var(--petrol);padding:64px 32px 72px}
  .about{padding-left:32px;grid-template-columns:1fr;gap:48px}
  .about-image{max-width:none;margin-left:-32px;margin-right:-32px}
  .about-image img{height:auto;min-height:0;aspect-ratio:4/5;object-position:center 40%}
  .about-copy{padding-right:0;max-width:760px}
  .turning-points{padding-left:32px;grid-template-columns:1fr;gap:48px}
  .turning-image{min-height:0;margin-left:-32px;margin-right:-32px}
  .turning-image img{height:auto;aspect-ratio:4/5;object-position:center 40%}
  .turning-points .two-col{grid-template-columns:1fr;gap:38px}
}

@media(max-width:700px){
  .nav-wrap{height:56px}
  .site-header nav{background:var(--paper)}
  .hero-image{min-height:56svh}
  .hero-image img{object-position:43% 50%}
  .hero-copy{padding:52px 22px 64px}
  .hero h1{font-size:clamp(2.2rem,10.4vw,2.9rem)}
  .hero .button{width:100%;justify-content:space-between}
  .about{padding-left:22px;padding-right:22px}
  .about-image{margin-left:-22px;margin-right:-22px}
  .about-image img{aspect-ratio:2/3;object-position:center 40%}
  .turning-points{padding-left:22px;padding-right:22px}
  .turning-image{margin-left:-22px;margin-right:-22px}
  .turning-image img{aspect-ratio:4/5;object-position:center 40%}
  .pullquote{padding:1.4rem 1.35rem}
}

/* About portrait: quieter scale, with the original image preserved */
.about{align-items:start}
.about-image{
  min-height:0;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding-top:24px;
  overflow:visible;
}
.about-image img{
  width:auto;
  height:auto;
  min-height:0;
  max-width:72%;
  max-height:680px;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
}
@media(max-width:900px){
  .about-image{margin:0;padding-top:0}
  .about-image img{
    width:auto;
    max-width:min(78vw,360px);
    max-height:560px;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center;
  }
}
@media(max-width:700px){
  #ueber-mich{padding-top:0}
  .about-image{
    margin-left:-22px;
    margin-right:-22px;
    width:calc(100% + 44px);
    height:500px;
    overflow:hidden;
  }
  .about-image img{
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center 40%;
  }
}

/* Laptop and desktop refinement only.
   Mobile and tablet layouts at 900px and below remain untouched. */
@media(min-width:901px){
  body{font-size:1rem;line-height:1.62}

  h1{font-size:clamp(2.9rem,4.35vw,4.75rem);line-height:1.02}
  h2{font-size:clamp(2.25rem,3.15vw,3.3rem);line-height:1.1}
  h3{font-size:1.3rem}

  .section{
    padding-top:clamp(72px,6.8vw,104px);
    padding-bottom:clamp(72px,6.8vw,104px);
  }
  .section-grid,.two-col{gap:clamp(52px,6vw,92px)}
  .eyebrow{margin-bottom:1.25rem}

  .hero{
    min-height:680px;
    grid-template-columns:46% 54%;
  }
  .hero-copy{
    padding-top:42px;
    padding-right:clamp(40px,4.2vw,68px);
    padding-bottom:42px;
    padding-left:max(40px,calc((100vw - var(--max))/2));
  }
  .hero h1{
    font-size:clamp(2.9rem,4.15vw,4.25rem);
    line-height:1.01;
    margin:.12em 0 .24em;
    max-width:700px;
  }
  .hero .subhead{font-size:clamp(1.08rem,1.45vw,1.28rem);margin-bottom:1.2rem}
  .hero .lead{font-size:clamp(1.2rem,1.55vw,1.48rem);line-height:1.32;margin-bottom:.9rem}
  .hero-text{font-size:.96rem;line-height:1.58}
  .hero-text p{margin-bottom:.78em}
  .hero .offer{margin:1.25rem 0 1.05rem}
  .hero .button{padding:.85rem 1.1rem}
  .hero-image{min-height:680px}
  .hero-image img{object-fit:contain;object-position:50% 50%}

  .statement{
    margin-top:clamp(64px,6.5vw,96px);
    max-width:940px;
    font-size:clamp(1.35rem,1.8vw,1.7rem);
  }
  .statement strong{display:block}
  .narrow .intro{font-size:1.25rem;margin-top:1.5rem}
  .pullquote{
    margin-top:2.7rem;
    padding:1.55rem 1.8rem;
    font-size:clamp(1.35rem,1.85vw,1.75rem);
  }
  .expectations{margin-top:5rem}

  .about{
    grid-template-columns:minmax(360px,36vw) minmax(0,1fr);
    gap:clamp(52px,5.5vw,84px);
    align-items:start;
  }
  .about-image{
    position:sticky;
    top:98px;
    height:calc(100vh - 126px);
    min-height:620px;
    max-height:780px;
    padding-top:0;
    overflow:hidden;
    align-items:center;
  }
  .about-image img{
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    object-fit:contain;
    object-position:center;
  }
  .about-copy{
    padding-right:max(32px,calc((100vw - var(--max))/2));
    align-self:start;
    max-width:820px;
  }
  .about-copy h2{margin-bottom:.55em}

  .turning-points{
    grid-template-columns:minmax(320px,30vw) minmax(0,1fr);
    gap:clamp(48px,5vw,76px);
    align-items:center;
  }
  .turning-image{
    min-height:0;
    height:640px;
    align-self:center;
  }
  .turning-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
  }
  .turning-points .two-col{
    grid-template-columns:minmax(330px,1.08fr) minmax(300px,.92fr);
    gap:clamp(38px,4vw,58px);
  }
  .turning-points h2{font-size:clamp(2rem,2.55vw,2.7rem);line-height:1.12}

  .principle{padding-top:clamp(76px,7vw,108px);padding-bottom:clamp(76px,7vw,108px)}
  .principle blockquote{
    font-size:clamp(2.8rem,4.3vw,4.6rem);
    margin:1.5rem 0 3.6rem;
  }
  .contact{padding-top:clamp(86px,8vw,122px);padding-bottom:clamp(86px,8vw,122px)}
}

/* Compact first view for laptops with limited screen height. */
@media(min-width:901px) and (max-height:820px){
  .nav-wrap{height:64px}
  .hero{min-height:calc(100svh - 64px)}
  .hero-copy{
    padding-top:22px;
    padding-bottom:22px;
  }
  .hero .eyebrow{margin-bottom:.65rem}
  .hero h1{
    font-size:clamp(2.45rem,3.45vw,3.2rem);
    line-height:1.01;
    margin:.08em 0 .18em;
  }
  .hero .subhead{
    font-size:1rem;
    line-height:1.35;
    margin-bottom:.72rem;
  }
  .hero .lead{
    font-size:1.08rem;
    line-height:1.3;
    margin-bottom:.55rem;
  }
  .hero-text{font-size:.84rem;line-height:1.42}
  .hero-text p{margin-bottom:.48em}
  .hero .offer{margin:.72rem 0 .68rem}
  .hero .button{padding:.68rem 1rem}
  .hero-image{
    min-height:calc(100svh - 64px);
    background:var(--petrol);
  }
}

/* Desktop-only proportioning for biography and personal turning points. */
@media(min-width:901px){
  .section.about{padding-bottom:48px}
  .about{align-items:stretch}
  .about-image{
    position:relative;
    top:auto;
    height:auto;
    min-height:0;
    max-height:none;
    align-self:stretch;
  }
  .about-image img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 38%;
  }

  .section.turning-points{
    padding-top:56px;
    grid-template-columns:minmax(280px,320px) minmax(0,1fr);
    gap:clamp(44px,4.5vw,68px);
    align-items:stretch;
  }
  .turning-image{
    height:auto;
    min-height:620px;
    align-self:stretch;
    overflow:hidden;
  }
  .turning-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 42%;
  }
  .turning-points>.two-col{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    align-content:center;
  }
}

/* Quiet, native disclosures keep the complete text in the document. */
.content-disclosure{margin-top:1.35rem}
.content-disclosure summary{
  width:max-content;
  max-width:100%;
  color:var(--petrol);
  cursor:pointer;
  list-style:none;
  font-weight:600;
  border-bottom:1px solid currentColor;
  padding:0 0 .18rem;
}
.content-disclosure summary::-webkit-details-marker{display:none}
.content-disclosure summary::after{content:"+";display:inline-block;margin-left:.65rem;font-weight:400}
.content-disclosure[open] summary::after{content:"−"}
.disclosure-close{display:none}
.content-disclosure[open] .disclosure-open{display:none}
.content-disclosure[open] .disclosure-close{display:inline}
.content-disclosure[open] summary{margin-bottom:1.25rem}
.disclosure-content>p:last-child{margin-bottom:0}

@media(min-width:901px){
  .about-image{min-height:620px}
}