/* Original introduction from page 770.css, with its site3 grid defaults.
   Geometry, font sizes and responsive boundaries are retained. Theme colors
   are applied directly; photographs are never inverted with their ancestors. */
@font-face{font-family:SuisseIntl;font-style:normal;font-weight:600;font-display:swap;unicode-range:U+000-5FF;src:url('/assets/95f29efbf40a-SuisseIntl-Medium-WebS.woff2') format('woff2')}
#section-6028c7f2e1{--text:#000;--accent:#da3c3c}
html[data-theme=dark] #section-6028c7f2e1{--text:#fff}

#section-6028c7f2e1{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;width:var(--content-width);max-width:var(--content-max);margin:200px auto 0;padding:100px 0;border:0;font-family:SuisseIntl,sans-serif;font-size:18px;font-weight:300;line-height:32.4px;letter-spacing:normal;white-space:normal;word-wrap:break-word;color:var(--text);background:var(--bg)}
#section-6028c7f2e1 #headline-6028c82fbf{display:block;max-width:100%;margin:0 0 58px;font-family:SuisseIntl,sans-serif;font-size:100px;font-weight:200;font-style:normal;line-height:57.6px;letter-spacing:normal;white-space:pre-wrap;color:var(--text);filter:none}

/* The original flex grid stretches both portrait/detail columns equally. */
#section-6028c7f2e1 .ch-row{display:flex;flex-wrap:wrap}
#section-6028c7f2e1 .ch-col{position:relative;width:100%;min-height:1px;flex-wrap:wrap}
#section-6028c7f2e1 .ch-col-6{flex:0 0 50%;max-width:50%}
#section-6028c7f2e1 .ch-col-4{flex:0 0 33.33333333%;max-width:33.33333333%}
#section-6028c7f2e1 .ch-div{width:100%;flex-wrap:wrap}
#section-6028c7f2e1 #row-6028c89d71{width:100%}
#section-6028c7f2e1 #column-6028c89dcb{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:transparent;background-image:linear-gradient(270deg,rgb(0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 59%),linear-gradient(0deg,rgb(0,0,0) 0%,rgba(0,0,0,0) 50%),url('/assets/d2608b54b2ce-200213_Yannic_N_27.JPG');background-size:auto,auto,cover;background-position:0% 0%;background-repeat:repeat;filter:none}
#section-6028c7f2e1 #image-6028c8a30b{display:inline-block;vertical-align:middle;width:4240px;max-width:100%;height:auto;border:0;opacity:1;filter:none}
html[data-theme=dark] #section-6028c7f2e1 #image-6028c8a30b{opacity:0}
#section-6028c7f2e1 #column-6028c89d62{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;padding-left:50px;color:var(--text)}

/* List text and its hand-drawn dash markers preserve the archived metrics. */
#section-6028c7f2e1 #html-6028c98f3e ul{margin-top:0;margin-bottom:10px;padding-left:60px}
#section-6028c7f2e1 #html-6028c98f3e li{font-size:36px;list-style:none;position:relative;line-height:180%;color:var(--text);filter:none}
#section-6028c7f2e1 #html-6028c98f3e li span{width:50px;content:' ';height:2px;position:absolute;top:.9em;left:-60px;background:var(--text)}
#section-6028c7f2e1 #div-6028caf823{display:flex;margin-left:0vw;margin-right:0vw;flex-direction:column;align-items:flex-start;justify-content:flex-start}
#section-6028c7f2e1 #div-5ff36ac218{display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;margin-bottom:29px;border-style:none;border-width:0 0 1px;border-color:var(--text);font-weight:600}
#section-6028c7f2e1 #link-5ff36add46{display:block;margin:0;padding:0 0 6px;font-family:SuisseIntl,sans-serif;font-size:36px;font-weight:inherit;line-height:150%;letter-spacing:normal;color:var(--text);text-decoration:none}
#section-6028c7f2e1 #link-5ff36add46:hover{color:var(--accent)}
#section-6028c7f2e1 #link-5ff36add46 .thecontent{margin-bottom:30px;filter:none}
#section-6028c7f2e1 #link-5ff36add46 svg{display:inline;width:89px;height:32px;vertical-align:baseline;overflow:hidden}

/* Three original SVG quotation cards, with their original asymmetric gutters. */
#section-6028c7f2e1 #row-6028f78822{width:100%;margin-top:50px}
#section-6028c7f2e1 #column-6028f78810{display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;padding-right:1vw}
#section-6028c7f2e1 #column-6028f788a9{display:flex;padding-left:.5vw;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-right:.5vw}
#section-6028c7f2e1 #column-6028f8d6a6{display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;padding-left:1vw}
#section-6028c7f2e1 #html-6028e13c73,#section-6028c7f2e1 #html-6028e13c73 svg,#section-6028c7f2e1 #html-6028f8fc43,#section-6028c7f2e1 #html-6028f8fc43 svg,#section-6028c7f2e1 #html-602901b789,#section-6028c7f2e1 #html-602901b789 svg{width:100%;height:auto}
#section-6028c7f2e1 #html-6028e13c73 #Fight path,#section-6028c7f2e1 #html-6028e13c73 #Fight rect,#section-6028c7f2e1 #Simplicity path{stroke:rgb(218,60,60)}
#section-6028c7f2e1 #The *,#section-6028c7f2e1 #Vignelli *,#section-6028c7f2e1 #Just *,#section-6028c7f2e1 #Graphikdesigner *,#section-6028c7f2e1 #Massimo *,#section-6028c7f2e1 #Simplicity *:nth-child(-n+10),#section-6028c7f2e1 #Leonardo *,#section-6028c7f2e1 #in-design *,#section-6028c7f2e1 #clear *,#section-6028c7f2e1 #Footer1 *,#section-6028c7f2e1 #Footer2 *,#section-6028c7f2e1 #Footer3 *{fill:var(--text)!important}
#section-6028c7f2e1 #clear *,#section-6028c7f2e1 #in-design *{stroke:var(--text)}

@media(max-width:991px){
  #section-6028c7f2e1{padding-top:75px;padding-bottom:75px}
  #section-6028c7f2e1 .ch-col-md-12{flex:0 0 100%;max-width:100%}
  #section-6028c7f2e1 #column-6028c89d62{padding-top:30px;padding-left:0px}
  #section-6028c7f2e1 #link-5ff36add46{margin-top:30px}
  #section-6028c7f2e1 #row-6028f78822{margin-top:30px}
  #section-6028c7f2e1 #html-6028c98f3e li{font-size:20px;list-style:none;position:relative;line-height:180%}
  #section-6028c7f2e1 #html-6028c98f3e ul{padding-left:40px}
  #section-6028c7f2e1 #html-6028c98f3e li span{width:30px;content:' ';height:1px;position:absolute;top:.9em;left:-40px;background:var(--text)}
}
@media(max-width:767px){
  #section-6028c7f2e1 .ch-row{margin-right:auto;margin-left:auto}
  #section-6028c7f2e1 .ch-col-6,#section-6028c7f2e1 .ch-col-4{flex:0 0 100%;max-width:100%}
}
@media(max-width:479px){
  #section-6028c7f2e1{margin-top:0px;padding-top:50px;padding-bottom:50px}
  #section-6028c7f2e1 #headline-6028c82fbf{font-size:50px;line-height:100%}
  #section-6028c7f2e1 #column-6028c89d62{font-size:20px}
  #section-6028c7f2e1 #link-5ff36add46{font-size:25px}
  #section-6028c7f2e1 #link-5ff36add46 .thecontent{line-height:36px}
}