@font-face{font-family:Perandory;src:url('assets/Perandoryv2-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:SourceSerif;src:url('assets/SourceSerifPro-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:SourceSerif;src:url('assets/SourceSerifPro-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#f7f3ec;--navy:#071b2d;--cream:#e8dccb;--red:#a82620}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-snap-type:y mandatory}
body{margin:0;background:#071b2d;color:var(--ink);font-family:SourceSerif,Georgia,serif}
a{color:inherit;text-decoration:none}
.site{min-height:100vh}
.slide{position:relative;min-height:100vh;height:100vh;overflow:hidden;background-color:var(--navy);background-repeat:no-repeat;background-position:center;background-size:cover;scroll-snap-align:start}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.08));pointer-events:none}
.content{position:relative;z-index:2;width:100%;height:100%;padding:3.2vw 4.5vw}
.display{font-family:Perandory,Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:.88}
.center{text-align:center}
.body{font-size:clamp(18px,1.65vw,29px);font-weight:700;line-height:1.34}
.sub{font-size:clamp(18px,1.75vw,29px);line-height:1.15}
.kicker{font-family:SourceSerif;font-weight:700;font-size:clamp(17px,1.4vw,25px)}
.title{font-size:clamp(52px,5.8vw,69px)}
.navbar{position:fixed;z-index:100;left:0;right:0;top:0;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;opacity:.18;transition:.25s ease}
.navbar:hover,.navbar:focus-within{opacity:1}
.brand{font-family:Perandory;font-size:32px}
.navlinks{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.navlinks>a,.dropbtn{font-family:SourceSerif;font-weight:700;font-size:12px;letter-spacing:.08em;padding:8px 10px;color:#fff;background:rgba(7,27,45,.48);border:1px solid rgba(255,255,255,.12)}
.dropdown{position:relative}
.dropdown-menu{position:absolute;top:100%;right:0;display:flex;flex-direction:column;min-width:190px;background:rgba(7,27,45,.96);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}
.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:none}
.dropdown-menu a{padding:10px 12px;font-size:12px}
.menu-btn{display:none}
.scrollhint{position:absolute;z-index:5;left:50%;bottom:20px;transform:translateX(-50%);font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.scrollhint:after{content:"";display:block;width:1px;height:34px;background:#fff;margin:8px auto 0}
.home .content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.home .logo{font-size:clamp(70px,9vw,145px);margin-top:-3vh}
.home .tag{font-size:clamp(17px,1.35vw,25px);margin-top:23vh}
.home .discover{margin-top:7vh;font-size:clamp(16px,1.35vw,24px);line-height:.95}
.home .discover span{display:block;width:135px;border-bottom:2px solid #fff;padding-bottom:9px}
.value .content{text-align:center}
.value h1{font-size:clamp(52px,5.5vw,88px);margin:0}
.value .sub{margin-top:12px}
.value .statement{position:absolute;left:5%;right:5%;top:25%;font-size:clamp(23px,2.05vw,36px);font-weight:700;line-height:1.2}
.value .bottom{position:absolute;left:4.5%;right:4.5%;bottom:7%;font-size:clamp(19px,1.65vw,29px);font-weight:700;line-height:1.3}
.method h1{position:absolute;left:8.5%;top:5%;font-size:clamp(52px,4.8vw,62px)}
.method .subhead{position:absolute;left:14%;top:30%;font-size:clamp(18px,1.75vw,29px)}
.method .points{position:absolute;right:5%;top:18%;width:48%;font-size:clamp(18px,1.65vw,28px);font-weight:700;line-height:1.13;text-align:center}
.method .point{margin-bottom:7.5vh}
.ideology .left{position:absolute;left:4.5%;top:8%;width:45%;font-size:clamp(18px,1.65vw,28px);font-weight:700;line-height:1.18}
.ideology .left p{margin:0 0 22px}
.ideology h1{position:absolute;right:7%;top:5%;font-size:clamp(52px,5.8vw,69px)}
.ideology .subhead{position:absolute;right:6%;top:30%;width:30%;text-align:center;font-size:clamp(18px,1.75vw,29px);line-height:1.1}
.growth h1{position:absolute;left:6%;top:8%;font-size:clamp(52px,4.8vw,62px)}
.growth .subhead{position:absolute;left:16%;top:30%;font-size:clamp(18px,1.7vw,28px)}
.growth .right{position:absolute;right:5%;top:20%;width:46%;font-size:clamp(19px,1.7vw,29px);font-weight:700;line-height:1.15}
.growth .right p{margin:0 0 28px}
.quant h1{position:absolute;right:7%;top:5%;font-size:clamp(52px,5.7vw,60px)}
.quant .subhead{position:absolute;right:7%;top:30%;font-size:clamp(18px,1.75vw,29px)}
.quant .copy{position:absolute;right:7%;top:28%;width:48%;font-size:clamp(18px,1.65vw,28px);font-weight:700;line-height:1.12}
.quant ul{position:absolute;left:7%;right:5%;bottom:5%;margin:0;padding-left:1.5em;font-size:clamp(17px,1.5vw,26px);font-weight:700;line-height:1.14}
.conversion .left{position:absolute;left:4.5%;top:4%;width:54%;font-size:clamp(18px,1.65vw,28px);font-weight:700;line-height:1.2}
.conversion .left p{margin:0 0 25px}
.conversion h1{position:absolute;right:8%;top:5%;font-size:clamp(52px,5.7vw,60px)}
.conversion .subhead{position:absolute;right:7%;top:30%;font-size:clamp(18px,1.7vw,28px)}
.conversion .cta{position:absolute;left:28%;bottom:3%;font-size:clamp(18px,1.6vw,28px);font-weight:700}
.form-wrap{position:absolute;z-index:2;left:22%;right:22%;top:9%;bottom:9%;background:#082039e8;border-radius:7px;padding:3% 2.5%}
.form-wrap h1{font-size:clamp(30px,2.5vw,42px);margin:0 0 24px}
.form-row{margin-bottom:20px}
label{display:block;font-size:15px;font-weight:700;margin-bottom:8px}
input,textarea{width:100%;background:transparent;border:1px solid #687582;color:white;padding:12px;font:inherit}
textarea{min-height:70px;resize:vertical}
.submit{width:100%;border:0;background:#fff;color:#cfc3b5;padding:11px;border-radius:12px;font:700 15px SourceSerif}
.privacy{text-align:center;font-size:9px;color:#a8a4a0;margin-top:7px}
.about{text-align:center}
.about h1{font-size:clamp(52px,5.8vw,69px);margin:0 0 40px}
.about .item{font-size:clamp(20px,1.8vw,31px);margin:0 0 38px}
.about .item strong{display:block;font-weight:400;margin-bottom:18px}
.extra .centerbox{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:10%}
.extra h1{font-size:clamp(44px,6vw,70px);margin:0 0 25px}
.extra p{font-size:clamp(20px,1.7vw,29px);font-weight:700;max-width:850px}
.next{position:absolute;z-index:8;right:25px;bottom:22px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:#071b2dcc;padding:8px 11px}
@media(max-width:900px){
 html{scroll-snap-type:none}
 .slide{height:auto;min-height:100svh;background-position:center;background-size:cover}
 .navbar{opacity:1;padding:12px 15px}.brand{font-size:25px}.navlinks{display:none}.menu-btn{display:block;background:rgba(7,27,45,.8);border:1px solid #ffffff33;color:#fff;padding:8px 11px}
 .mobile-menu{position:fixed;z-index:99;top:58px;left:10px;right:10px;background:#071b2df2;padding:10px;display:none;flex-direction:column}
 .mobile-menu.open{display:flex}.mobile-menu a{padding:10px;border-bottom:1px solid #ffffff18;font-size:12px}
 .content{padding:80px 24px 70px;min-height:100svh}
 .home .logo{font-size:20vw}.home .tag{margin-top:24vh;font-size:5vw}.home .discover{margin-top:8vh}
 .value h1,.method h1,.ideology h1,.growth h1,.quant h1,.conversion h1,.about h1,.extra h1{position:static;font-size:10vw}
 .value .sub,.method .subhead,.ideology .subhead,.growth .subhead,.quant .subhead,.conversion .subhead{position:static;width:auto;text-align:center;margin:15px 0 30px;font-size:6vw}
 .value .statement,.value .bottom,.method .points,.ideology .left,.growth .right,.quant .copy,.quant ul,.conversion .left,.conversion .cta{position:static;width:auto;left:auto;right:auto;top:auto;bottom:auto;font-size:5vw;line-height:1.25;text-align:left}
 .method .points,.growth .right,.quant .copy{margin-top:35px}.method .point{margin-bottom:30px}
 .ideology .left p,.growth .right p,.conversion .left p{margin-bottom:25px}
 .quant ul{margin-top:35px}.conversion .cta{text-align:center;margin-top:25px}
 .form-wrap{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:8vh 5vw;padding:28px 20px}
 .about .item{font-size:6vw;margin-bottom:35px}.next{right:12px;bottom:12px}
}