:root{
	--ink:#000000;
	--muted:#667087;
	--purple:#c1bafe;
	--blue:#397ddc;
	--light:#f5f6fb;
	--white:#fff;
	--max:1160px}
	
	*{box-sizing:border-box}
	
	html{scroll-behavior:smooth}
	
	body{
		margin:0;
		font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
		color:var(--ink);
		background:var(--white);
		line-height:1.6}

		a{
			color:inherit;
			text-decoration:none
		}
		
		.site-header{
			background:#c1bafe;
			position:relative;
			z-index:5;
			border-bottom:1px solid #edf0f6
		}
		
		.nav-wrap{
			max-width:var(--max);
			margin:2px;
			
			min-height:80px;
			padding:0 28px;
			display:flex;
			align-items:center;
			justify-content:space-between}
			
		.brand{
			font-size:1.9rem;
			letter-spacing:.15em;
			font-weight:800}

		.main-nav{
			display:flex;
			gap:26px;
			align-items:center}
		
		.main-nav a{
			font-size:.9rem;
			font-weight:600;
			color:#5b6479;
			transition:color .2s}
			
		.main-nav a:hover,.main-nav a.active{
			color:var(--white);
			font-weight:650;
		}
		
		.menu-toggle{display:none}
		
		.section1, .section2, .section3 {
			/*min-height:400px;*/
			position:relative;
			overflow:hidden;
			display:flex;												
			align-items:center;
			/*background:linear-gradient(116deg,#c1bafe 0%,#29245f 51%,#573ba0 100%);**/
			/*color:c1bafe*/}
		
		.section1-content, .section2-content, .section3-content {
			width:min(var(--max),100%);
			padding:50px 40px 25px;
			margin:0px;
			position:relative;
			z-index:2}
			
		.eyebrow{
			font-size:.95rem;
			letter-spacing:.23em;
			font-weight:800;
			text-transform:uppercase;
			color:#151d36;
			margin:0 0 18px}
		
		.section1 h1{
			font-size:clamp(3rem,7vw,6rem);
			line-height:1.06;
			letter-spacing:-.055em;
			margin:0 0 28px;
			max-width:700px}
			
		.section1 h1 em{
			font-style:normal;
			color:#a7b9ff}
			
		.section1-description{
			max-width:7000px;
			color:#ink;
			font-size:1rem;
			margin:0 0 22px}

		/*	
		.section1-index{
			position:absolute;
			bottom:32px;
			right:6%;
			color:#b8b9e4;
			font-size:.7rem;
			letter-spacing:.15em}
			
		.content-section{
			max-width:var(--max);
			margin:auto;
			padding:100px 28px;
			display:grid;
			grid-template-columns:1fr 1fr;
			gap:80px;
			align-items:start}
			
		.content-section h2{
			font-size:clamp(2rem,3vw,2.8rem);
			line-height:1.2;
			letter-spacing:-.04em;
			margin:0}
		*/	
		.section1-content a, .section2-content a, .section3-content a {
			font-size: .9rem;
			letter-spacing: .10em;
			font-weight: 800;
			text-transform: uppercase;
			color: #151d36;}

		
		.section3-content a:hover,.main-nav a.active {
			color:var(--purple)}
			

		@media screen and (max-width: 768px) {
			.section1, .section2, .section3 {                       
				width: 100%;                  
				flex-direction: column;                       
				padding: 2px;                                
			}                                              
			.site-header {                    
				width: 100%;               
				flex-direction: column;                 
				padding: 2px;                 
				flex-direction: column;                                                                                                                    
				align-items: center;                      
				gap: 2px;                                                                                                                                                
			}                          
			.nav-wrap {                
			display: flex;                  
			flex-direction: row;                                                                                                  
			flex-wrap: wrap;                     
			justify-content: center;          
			}                                          
			.nav-wrap a {                       
				margin: 2px 2px;                  
			}
			.main-nav a {
    				font-size: 0.6rem;
    				font-weight: 500;}
			.brand-mark {                         
				float: left;                     
				margin-top: 0 !important;                     
				padding-top: 0 !important;      
				margin-left: 0;        
				width: 50%;
			}
			
            		.footer {                        
				padding:10px max(10px,calc((100% - 1104px)/2));                
				background:#151d36;                   
				color:#cbd1e2;                   
				display:flex;                
				justify-content:space-between;                
				gap:20px;                        
				font-size:.85rem;
			}
		}	

		.footer{
			padding:0px max(2px,calc((100% - 1104px)/2));
			background:#151d36;
			color:#cbd1e2;
			display:flex;
			justify-content:space-between;
			gap:20px;
			font-size:.85rem}
		
		a:focus-visible,button:focus-visible{
			outline:3px solid #8b79ff;}