html, body {  max-width: 1400px; margin: 0 auto; padding: 0px; font-family: "montserrat", sans-serif; font-size: 0.875rem; font-size: clamp(0.875rem, 3.5vw, 1rem); color: #080808; background: #fffffe; }



img { max-width: 100%; height: auto; }

.icon { width: 80px; height: 79px; }

.bolt { width: 50px; height: 49px; margin: 0px 0px 15px 12px; }

.highlighter { width: 50px; height: 47px; margin: 0px 0px 15px 100px; }

.stickylogo { padding: 10px 0px 5px; }

.logo { width: 100%; height: auto; box-shadow: 0 4px 8px #2d424c, 0 9px 18px #595959; }

.flatearth { width: 100%; height: auto; }



main { margin: 0 auto; text-align: left; width: 90%; }

.page { float: left; background: rgba(255,266,254,0.9); }



h1, h2, h3, h4, h5, h6, .h2 { text-transform: capitalize; font-weight: 900; margin: 20px 0px; text-wrap: balance; }

h2 { font-size: clamp( 2rem, 3.5vw, 2.2rem); }

h3 { font-size: clamp( 1.8rem, 3.5vw, 2rem); color: #181818; }

h4 { font-size: clamp( 1.4rem, 3.5vw, 1.5rem); margin-top: 40px; color: #282828; }

h5 { font-size: clamp( 1.1rem, 3.5vw, 1.2rem); margin: 10px 0px 30px; color: #383838; }

h6 { font-size: clamp( 1rem, 3.5vw, 1.1rem); margin: 50px 0px 0px; color: #484848; }

.reduce { margin: 0px 0px 10px; }

.margin30ten { margin: 30px 0px 10px; }

.margin40ten { margin: 40px 0px 10px; }



small { font-family: "Playfair Display", serif; font-weight: 900; }

p { text-align:justify; line-height: 150%; }

b, dfn { font-family: "Playfair Display", serif; font-size: clamp( 1.2rem, 3.5vw, 1.4rem); font-weight: 900; }

dfn { font-weight: 400; }



.strong, .strong2 { font-family: "Playfair Display", serif; font-weight: 900; color: #fffffe; }

.strong2 { font-size: clamp( 2.2rem, 3.5vw, 3rem); }

@keyframes IncreaseH1  { from { font-size: 1rem; } to { font-size: clamp( 1.6rem, 3.5vw, 3rem); } }

h1 { animation: IncreaseH1 1.8s ease-out forwards; margin: 0px 0px 10px; font-family: "Playfair Display", serif; }

@keyframes IncreaseStrong  { from { font-size: 1rem; } to { font-size: clamp( 2.2rem, 3.5vw, 3rem); } }

.strong { animation: IncreaseStrong 1.8s ease-out forwards; }



.size120PC { font-size: 140%; }

.lineH140PC { line-height: 140%; }

.whiteText { color: #fff; padding: 10px 20px; }

.white { color: #fff; }

.redT { color: #ef4123; margin: 0px 30px 0px 0px;  }

.lAlign { text-align:left; }



.backG { background-color: #606060; }

.blur, .blur2 { background-color: #606060; color: #fff; }

.blur { box-shadow: 0 4px 8px rgba(58,58,58,0.9); margin: 30px 0px; }

.blur img, .blur2 img { width: 100%; height: auto;  mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 80%);  mask-composite: intersect; }



@keyframes pulse { 0% { transform: scale(1); }

50% { transform: scale(1.1); }

100% { transform: scale(1); }}

.pulse { animation: pulse 0.9s infinite; }



.pane { transform: translateY(100%); opacity: 0; transition: transform 1s ease-out, opacity 2s ease-out, filter 2s ease-out; }

.pane.visible { transform: translateY(0);  opacity: 1; }



header, .wrapperL, .wrapperR { display: grid; margin: 4px 0px 10px 0px; place-items: center; gap: 20px; }

.wrapperL { grid-template-columns: 3fr 6fr; }

header { position: sticky; top: 0; color: white; grid-template-columns: 2fr 8fr; gap: 0px; margin: 0px; }

.wrapperR { grid-template-columns: 6fr 3fr; }

.wrapper3fr { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin: 0px 0px 20px 0px; }

@media screen and (max-width: 700px) { header, .wrapperL, .wrapperR, .bottomWrapper, .wrapper3fr { grid-template-columns: 100%; } }



.item2 { margin-top: 8%; z-index: 1; }

@media screen and (max-width: 700px) { .item { margin-top: -26%; } }

@media screen and (max-width: 700px) { .item2 { animation: pulse 0.9s infinite; margin-top: -23%; z-index: 1; } }



@media screen and (max-width: 800px) { .drop800 { grid-template-columns: 100%; } }

@media screen and (max-width: 800px) { .backG { padding: 0px 20px; } }



.padding, .padding2 { margin-left: 30px; margin-right: 30px; }

.padding3 { margin-left: 60px; margin-right: 60px; }

.sections { padding: 0px 40px 0px 0px; }



@media screen and (max-width: 700px) { .padding { padding: 0px; margin-left: 0px; margin-right: 0px; } }



.greyGlass { background: rgba(58,58,58,0.9); color: #fff; margin: 5px 0px 0px; padding: 7px 8px; }

.greyGlassHeader { background: rgba(58,58,58,0.9); color: #fff; padding: 8px 20px 8px 20px; z-index: 1; margin: 5px 0px 0px; }



@media screen and (max-width: 700px) { .whiteSpace {  height: 20px;  } }



details > summary { cursor: grab; padding: 8px 0px; margin: 4px 0px 4px 0px; font-weight: bold; color: white; text-wrap: balance; text-decoration: underline;}

details > summary:hover { text-decoration: none; }



@keyframes slide { from { transform: translateX(100%); } to { transform: translateX(0); } }



div.sticky { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 4; animation: slide 0.9s ease-out; }



#fadeout { height: 100px; position: fixed; bottom: 0; width: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%); z-index: 3; }



section { position: relative; display: flex; flex-direction: column; }

.section-heading { position: sticky; top: 0; }

.section-heading h2 { font-size: clamp( 1.6rem, 3.5vw, 2rem); font-family: "Playfair Display", serif; color: #fff; margin: 4px 0px; padding: 5px 20px 13px; background: rgba(58,58,58,0.9); }

section::before { content: ''; display: block; height: 70px;  margin-top: -70px; visibility: hidden; pointer-events: none; }



.br { display: block; margin-top: 8px; }

.br2 { display: block; margin-top: 20px; }

@media screen and (max-width: 700px) { .break { display: block; margin: 4px 0px 20px; } }



fieldset { padding: 10px; margin: 40px 0px; text-align:justify; border: 4px solid; border-image-source: radial-gradient( circle at bottom right, #4f4f4e, #ccc, transparent 120%); border-image-slice: 1; line-height: 150%; }

legend {  font-size: clamp(1.1rem, 3.5vw, 1.6rem); font-weight: 900; text-wrap: balance; text-align: left; }

@media screen and (max-width: 700px) { fieldset { margin: 30px 0px; } }

@media screen and (max-width: 700px) { .margin { margin: 60px 0px 40px; } }

.nine11 { margin: 20px 0px -20px; }

@media screen and (max-width: 700px) { .nine11 { margin: 10px 0px; } }



mark { background-color: #ccc; text-transform: capitalize; font-weight: 600; }

.hidden-mark mark { font-weight: 400;  background-color: transparent; color: inherit; text-transform: none; }



.link a { color: #4d329a; text-decoration: underline; font-weight: 900; }

.link a:hover { text-decoration: none; color: #32cd32; }

.link a:visited { text-decoration: none; }



nav, ul { list-style-type: none; margin: 2px 0px 2px 0px; padding: 10px 0px; overflow: hidden; text-wrap: balance; font-size: clamp(0.9rem, 3.5vw, 1.1rem);}

nav li { float: left; }

nav li a { display: inline-block; color: white; padding: 10px; font-weight: bold; text-decoration: underline; border-radius: 6px; }

nav li a:hover { color: black; background-color: white; }

nav li a.active { color: #ef4123;  text-decoration: none; cursor: default;  pointer-events: none; }



.sansS { font-family: "montserrat", sans-serif; font-weight: 400; }

.sansBold { font-weight: 900; }



footer { font-size: 12px; margin: 10px 5px 10px 5px; text-align: right; font-weight: bold; }