@import "/api-Marvidos/v2/tauon/css/Marvidos-important.css";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
 

:root{

/* Core Canvas & Brand Base */
  --marvidos-swatch-canvas-alternative: rgb(93, 4, 116); /* Deep Charcoal Background */
    --marvidos-swatch-canvas: #f7f8fbff; /* Deep Charcoal Background */
    
  --marvidos-swatch-primary: #50099cff; /* Logo Purple */
  --marvidos-swatch-secondary: #0080FF; /* Deep Electric Blue */
  --marvidos-swatch-accent: linear-gradient(135deg, var( --marvidos-swatch-primary) 5%,var( --marvidos-swatch-secondary) 80%, var( --marvidos-swatch-info) 100%); /* Signature Gradient */
  
  /* Feedback & Messaging */
  --marvidos-swatch-info: #008ec2ff; /* Teal Clarity */
    --marvidos-swatch-info: #e4e3e9ff; /* Teal Clarity */
  
  --marvidos-swatch-success: #7AD7E3; /* Light Aqua Success */
  --marvidos-swatch-warning: #CBAA5A; /* Deep Tea Gold Warning / Highlight */
  --marvidos-swatch-alert: #E85A5A; /* Elegant Coral Alert */

  /* Neutral Tones */
  --marvidos-swatch-mute: #1E1E22; /* Graphite Muted Areas */
  --marvidos-swatch-white: #ffffffff; /* Warm Ivory for Text & Highlights */
  --marvidos-swatch-black: #000000; /* Absolute Black, for shadows and text contrast */
  --marvidos-font-color:#000000; 
--marvidos-display-reset: block;
--marvidos-font-family: "Open Sans", sans-serif;
--marvidos-min-font-size:18px;
--marvidos-paragraph-size:1.2;
--marvidos-font-siz:0.8;
--marvidos-line-height: 1.5;
--marvidos-h-size-increment: 0.3;
--marvidos-left-sidebar-width: 9%;
--marvidos-right-sidebar-width: 5%;
--marvidos-sidebar-width: calc(var(--marvidos-left-sidebar-width) + var(--marvidos-right-sidebar-width));
--marvidos-font-color: #000;
--marvidos-swatch-text-heading:#000;


--sticky-offset: 100px;




}
[id^="the-"], [id^="why-"],#tea-snapshot,#istm-protocol,#go-build,:target {
  scroll-margin-top: var(--sticky-offset); 
}


/* View Transition Names */
header {
  view-transition-name: aq-header;
}

main {
  view-transition-name: aq-main;
}

footer {
  view-transition-name: aq-footer;
}

/* Root transition safety */
::view-transition {
  pointer-events: none;
}

/* Old state */
::view-transition-old(aq-header),
::view-transition-old(aq-main),
::view-transition-old(aq-footer) {
  animation: aq-page-out 260ms ease both;
}

/* New state */
::view-transition-new(aq-header),
::view-transition-new(aq-main),
::view-transition-new(aq-footer) {
  animation: aq-page-in 360ms ease both;
}

/* Header slightly tighter */
::view-transition-old(aq-header) {
  animation-duration: 3s;
}

::view-transition-new(aq-header) {
  animation-duration: 3s;
}

/* Main content carries the motion */
::view-transition-old(aq-main) {
  animation-duration: 3s;
}

::view-transition-new(aq-main) {
  animation-duration: 3s;
}

/* Footer subtle */
::view-transition-old(aq-footer) {
  animation-duration: 2s;
}

::view-transition-new(aq-footer) {
  animation-duration: 3s;
}

/* Animations */
@keyframes aq-page-out {
  from {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }

  to {
    opacity: 0;
    transform: translateY(-10px);
    filter: blur(4px);
  }
}

@keyframes aq-page-in {
  from {
    opacity: 0;
    transform: translateY(12px);
    filter: blur(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

/* Reduced motion accessibility */












.marvidos-box-accordian {background: var(--marvidos-swatch-accent);
color:white;

}



html {


  min-height: 100%;
  overflow-y:auto;
 
  }
body {
  min-height: 100%;


    
  }
       
                              
                                
           

b, strong {
    font-weight: 600;
}
#top {
 margin: 0;
  padding: 0;
  height: 4rem;
  overflow: hidden;
 
}
a.marvidos--anchor-arrow {
 text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-color: rgba(93, 4, 116, 1);
  text-underline-offset: 2px;
 
}

p.marvidos--anchor-arrow-left a::after, a.marvidos--anchor-arrow-left::after {
  content: "→";
  display: inline-block;
  margin-left: 0.15em;
  font: inherit;
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  opacity:1;
}

a.marvidos--anchor-arrow::after {
  content: "↗";
  display: inline-block;
  margin-left: 0.15em;
  font: inherit;
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  opacity:0.5;
}

marvidos-gap {
display:block;
width:100%;
height:var(--marvidos-gap-height-mobile, 3rem);
}
#top ul {
  list-style: none;margin: 0;
  padding: 0;
height: 100%;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 3rem;
  
}
#top ul li {
  margin: 0; 

}
#moveable {
   
--move-logo:10vw;
height: 100%;


}
footer {
margin-bottom: 4rem;
margin-top: 2rem;

}
main, header, footer,  .marvidos--shift-content {

  width: 100%;
    margin-left: 0;
  margin-right: 0;
  overflow:hidden;



}
  header {
  --marvidos-swatch-bg-img: var(--marvidos-swatch-bg-img-small);
  
  }

main #marvidos-body > * {  padding-left: 7%;
  padding-right: 7%;
  
}

main #marvidos-body > *.marvidos--margin-left-right-no {
  padding-left: 0; /* Adjust as needed */
  padding-right: 0;
  }

main :is(li,p) {

text-align:revert;
line-height:1.5;

}
main :is(p) {

text-align:revert;
font-weight:400;

}

main :is(li) {
line-height:1.5;
margin-bottom: 1rem!important;
width: 90%;
}

main :is(mark,u) {background:transparent!important; text-decoration:underline;text-decoration-thickness:0.1em; text-decoration-color: rgb(167, 166, 168);}

.accordian details summary::-webkit-details-marker {
  display: none;
}

.accordian details summary {
  width: 100%;
  padding: 0.5rem 0;
  border-top: 0px solid black;
  padding-right: 3ch;
  position: relative;
  cursor: pointer;
  font-weight: 300;
  list-style: none;


}



 .accordian details:first-of-type summary {
   border-top: none;


} 
.accordian .excerpt {
  font-size: 1.25rem!important;
  color:white!important;

  
}
.accordian details summary:after {
  content: "+";
  color: white;
  position: absolute;
  font-size: 1.75rem;
  line-height: 0;
  right: 0;
  top: 0.8em;
  font-weight: 200;
  transform-origin: center;
  transition: 200ms linear;
}
.accordian details[open] summary:after {
  transform: rotate(45deg);
  font-size: 2rem;
}
.accordian details summary {
  outline: 0;
}
.accordian details p {
  font-size: 0.95rem;
  margin: 0 0 1rem;
  padding-top: 1rem;
}








 .headline {
                                    line-height: normal;
                     
                                    font-size: calc(0.5 * 10vw);
                                    font-size: calc(0.5 * 10vmax);
                                    padding-right: 10px;
                                    padding:1rem;
                                    padding-left: 0px;
                                    
                                    display: inline;
                                    background: inherit;
                                    box-shadow: 0.3rem 0 0 inherit, -0.3rem 0 0 inherit;
                                    -webkit-box-decoration-break: clone;
                                    box-decoration-break: clone;
                                    width:130%;
                                }

left-sidebar, right-sidebar {
width:100%;
height: auto;
opacity:1;
overflow: hidden;
background: var(--marvidos-swatch-white);
background:white;
 z-index: +1;
 justify-content:space-evenly!important; align-content:space-evenly!important;

 
}
left-sidebar a {width:auto; height:auto;}
left-sidebar a img {
width:40px;
height: auto;
margin-right: 2rem;
margin-left:1rem;
margin-bottom:0.1rem;
margin-top:0.1rem; 
}
 right-sidebar {
display: none;
width:0%;
}

   #bio-title{
margin-top: -10px;
padding-left: 1%;

}
   #bio-title div{
padding-left: 0px;

}
#bio-title div h1{
margin-top:-20px;
}

.marvidos-spcial-hide-on-mobile {display:none!important;}

.marvidos-m--text-left{text-align: left;}
.marvidos-m--text-center{text-align: center;}
.marvidos-m--text-full{text-align: justify;}
.marvidos-m--text-right{text-align: right;}

.marvidos--bg-zoom { cursor: pointer;  }
.marvidos---bg-zoom:hover {background-size: var(--marvidos-bg-zoom,250%);}

@media (min-width:993px){
:root{
--sidebar-offset: 15px;
}  
html {

}

[id^="the-"], [id^="why-"],#tea-snapshot,#istm-protocol,#go-build,:target {
  scroll-margin-top: var(--sticky-offset);
}
.marvidos-spcial-hide-on-none-mobile {display:none!important;}
marvidos-gap {
display:block;
width:100%;
height:var(--marvidos-gap-height-large, 5rem);
}
footer {margin-bottom: 0.4rem;}
main, header, footer, .marvidos--shift-content, preloader {

  width: calc(100% - var(--marvidos-sidebar-width));
    margin-left: var(--marvidos-left-sidebar-width);
  margin-right: var(--marvidos-right-sidebar-width);


}

header{
   --marvidos-swatch-bg-img: var(--marvidos-swatch-bg-img-large);
}

   left-sidebar, right-sidebar { 
width:var(--marvidos-left-sidebar-width);
   }
   left-sidebar a{width:100%; height:auto;margin-bottom:2.2rem;}

left-sidebar a img {
width:70%;
height:auto;
margin-left:1rem;margin-right:1rem;
display:block;
}

right-sidebar { 
width:var(--marvidos-right-sidebar-width);

   }

   
   
   
   left-sidebar, right-sidebar { 
   height: 100%;
 
background:white;

   }

   #bio-title{
margin-top: -75px;
padding-left: 5%;

}
   
   #bio-title div h1{
margin-top:50px;
}
  

.marvidos-t--text-left{text-align: left;}
.marvidos-t--text-center{text-align: center;}
.marvidos-t--text-full{text-align: justify;}
.marvidos-t--text-right{text-align: right;}
   }