*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#0E1621;color:#EFE8D8;font-family:'Manrope',sans-serif;font-size:18px;line-height:1.65;overflow-x:hidden}
h1,h2,h3{font-family:'Fraunces',serif;font-weight:400;margin:0;letter-spacing:-.03em}
a{color:inherit}
.mono{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.gold{color:#D4A02F}
.wrap{max-width:1360px;margin:0 auto;padding:0 56px}
header.top{display:flex;justify-content:space-between;align-items:center;height:88px;gap:20px;position:relative;z-index:5}
.brand{text-decoration:none;display:flex;align-items:center;gap:14px}
nav.nav{display:flex;gap:34px;align-items:center}
nav.nav a{text-decoration:none}nav.nav a:hover,nav.nav a.on{color:#D4A02F}
.dd{position:relative}
.dd .sub{display:none;position:absolute;right:0;top:100%;background:#0A111A;border:1px solid rgba(239,232,216,.28);padding:14px 20px;min-width:220px;flex-direction:column;gap:12px}
.dd:hover .sub,.dd:focus-within .sub{display:flex}
.menubtn{display:none;background:transparent;border:1.5px solid #EFE8D8;color:#EFE8D8;width:48px;height:48px;border-radius:50%;padding:0;cursor:pointer}
.btn{display:inline-block;text-decoration:none;background:#D4A02F;color:#0E1621;padding:20px 30px;border-radius:999px;font-weight:500;border:0;cursor:pointer}
.btn.ghost{background:transparent;color:#EFE8D8;border:1.5px solid #EFE8D8;padding:18px 30px}
.hero{position:relative;padding-bottom:40px;overflow:hidden}
.graph{position:absolute;right:-30px;top:20px;width:min(720px,80vw);opacity:.9;z-index:0}
.hero .wrap{position:relative;z-index:2;padding-top:72px;padding-bottom:56px}
.hero h1{font-size:clamp(46px,8.4vw,142px);line-height:.94;max-width:1060px}
.hero p.lead{margin:44px 0 0;max-width:600px;font-size:21px;color:#C9D1D9}
.band{background:#D4A02F;color:#0E1621;display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:34px 56px;font-family:'Fraunces',serif;font-style:italic;font-size:clamp(28px,4.6vw,72px);letter-spacing:-.03em;line-height:1.1}
.sec{padding:112px 0}
h2.big{font-size:clamp(38px,6vw,96px);line-height:.98;max-width:980px}
.row{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,5fr) 48px;gap:32px;align-items:baseline;padding:34px 56px;border-top:1px solid rgba(239,232,216,.28);text-decoration:none;color:inherit;transition:background .2s,color .2s}
.row:hover{background:#D4A02F;color:#0E1621}.row:hover .rowdesc{color:#0E1621}
.rowdesc{color:#AEB9C4;margin:0;max-width:560px;grid-column:3}
.rowtitle{font-size:clamp(34px,4.2vw,64px);line-height:1;grid-column:3}
.rownum{grid-column:1}
.paper{background:#EFE8D8;color:#15191F;border-radius:4px;padding:64px;transform:rotate(-1.2deg);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.paper .t{margin:0;font-family:'IBM Plex Mono',monospace;font-size:clamp(16px,1.9vw,26px);line-height:2.35}
.bar{display:inline-block;background:#0E1621;height:.95em;vertical-align:-.12em;margin:0 .15em;border-radius:1px}
.mark{background:#F2C94C;color:#14181F;padding:.04em .3em;border-radius:2px;font-weight:600}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;color:#C9D1D9}
.cols3 p{margin:0}
.bigmail{font-family:'Fraunces',serif;font-size:clamp(34px,7.4vw,118px);letter-spacing:-.035em;line-height:1;color:#D4A02F;text-decoration:none;border-bottom:3px solid transparent;word-break:break-word}
.bigmail:hover{border-bottom-color:#D4A02F}
.contactgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;margin-top:72px}
.field{font:inherit;font-size:20px;color:#EFE8D8;background:transparent;border:0;border-bottom:1.5px solid rgba(239,232,216,.55);padding:14px 0;width:100%;outline:none;border-radius:0;resize:vertical}
.field:focus{border-bottom-color:#D4A02F}
form{display:flex;flex-direction:column;gap:18px}
label{color:#AEB9C4}
.wa{background:#25D366;color:#06210F}
.vgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.vgrid.big{grid-template-columns:repeat(2,minmax(0,1fr))}
.vid{display:flex;flex-direction:column;gap:12px}
.vid .frame{position:relative;aspect-ratio:16/9;border:1px solid rgba(239,232,216,.3);background:#000}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
footer.foot{background:#0A111A;padding:72px 0 0;overflow:hidden}
.footcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.footcols a{text-decoration:none;display:block}.footcols a:hover{color:#D4A02F}
.aca{margin:40px 0 0;font-family:'Fraunces',serif;font-size:clamp(120px,36vw,560px);line-height:.78;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(212,160,47,.65);text-align:center;white-space:nowrap;overflow:hidden;height:.62em}
@media(max-width:900px){
.row{grid-template-columns:70px minmax(0,1fr);padding:28px 24px}.rowtitle,.rowdesc{grid-column:2}.rowarrow{display:none}
.cols3,.contactgrid,.footcols{grid-template-columns:minmax(0,1fr);gap:32px}
.graph{opacity:.3}.vgrid,.vgrid.big{grid-template-columns:repeat(2,minmax(0,1fr))}
.paper{padding:36px 26px}}
@media(max-width:640px){
.wrap{padding:0 22px}.sec{padding:64px 0}
nav.nav{display:none;position:absolute;top:88px;left:0;right:0;background:#0A111A;flex-direction:column;align-items:flex-start;padding:24px 22px;gap:20px;border-bottom:1px solid rgba(239,232,216,.28)}
nav.nav.open{display:flex}
.dd .sub{display:flex;position:static;border:0;padding:12px 0 0 14px;background:none}
.menubtn{display:inline-block}
.band{flex-direction:column;align-items:flex-start;padding:28px 22px}
.vgrid,.vgrid.big{grid-template-columns:minmax(0,1fr)}
.hero .wrap{padding-top:40px}}
.prose{max-width:820px;color:#C9D1D9}.prose p{margin:0 0 20px}.prose .sh{font-size:clamp(26px,3vw,40px);color:#EFE8D8;margin:44px 0 16px;line-height:1.1}
.prose ul{margin:0 0 24px;padding-left:22px}.prose li{margin:0 0 8px}
.cta{margin-top:64px;border:1px solid rgba(239,232,216,.3);padding:36px;max-width:820px}
.facade{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background-size:cover;background-position:center;border:1px solid rgba(239,232,216,.3);text-decoration:none;color:#0E1621}
.facade:hover{border-color:#D4A02F}
.facade .play{width:64px;height:64px;border-radius:50%;background:#D4A02F;color:#0E1621;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.facade iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
select.field{appearance:none;background:transparent;color:#EFE8D8}select.field option{background:#0E1621;color:#EFE8D8}
footer.foot{padding:120px 0 0}.footcols{gap:64px}.footcols a{margin-bottom:2px}
footer.foot .aca{margin:96px 0 0;height:.86em;line-height:.86}
@media(max-width:900px){footer.foot{padding-top:80px}footer.foot .aca{margin-top:64px}}
