/* Telon site styles. Most styling is inline on the elements; this file holds what is shared. */

/* Base: type, colour, motion */
body{margin:0;background:#F2F5EF}
a{color:#092F2A}a:hover{color:#176B5B}
.h{margin:0;font-family:'Fraunces',Georgia,serif;font-weight:300;font-variation-settings:"opsz" 9;letter-spacing:-0.035em;line-height:1.02}
.h em{font-style:italic}
.lab{font:500 13px 'Work Sans',sans-serif;letter-spacing:0.1em;text-transform:uppercase}
.reed{background:repeating-linear-gradient(90deg,rgba(242,245,239,0.16) 0 1px,rgba(242,245,239,0) 1px 34px),#176B5B}
.cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.glass{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,rgba(242,245,239,0.13) 0,rgba(242,245,239,0) 24px,rgba(9,47,42,0.18) 48px)}
.zoom{overflow:hidden}.zoom .cover{transition:transform .8s ease}.zoom:hover .cover{transform:scale(1.07)}
.lift{transition:transform .25s ease}.lift:hover{transform:translateY(-6px)}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.rise{animation:rise .9s ease both}.rise2{animation:rise .9s .15s ease both}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mq{display:flex;width:max-content;animation:mq 50s linear infinite}
@media (prefers-reduced-motion:reduce){.mq,.rise,.rise2{animation:none}.zoom .cover,.lift{transition:none}}

/* Layout: shared page margins and wide-screen scaling */
html{scroll-behavior:smooth}html,body{overflow-x:clip}:root{--gutter:clamp(20px,5vw,40px);--edge:var(--gutter)}.wrap{box-sizing:border-box;width:100%;padding-left:var(--edge)!important;padding-right:var(--edge)!important}.split>*{box-sizing:border-box;padding-left:var(--gutter)!important;padding-right:var(--gutter)!important}.split>:first-child{padding-left:var(--edge)!important}.split>:last-child{padding-right:var(--edge)!important}@media (min-width:1594px){body{zoom:1.0625}}@media (min-width:1693px){body{zoom:1.1289}}@media (min-width:1799px){body{zoom:1.1995}}@media (min-width:1912px){body{zoom:1.2744}}@media (min-width:2031px){body{zoom:1.3541}}@media (min-width:2158px){body{zoom:1.4387}}@media (min-width:2293px){body{zoom:1.5286}}@media (min-width:2436px){body{zoom:1.6242}}@media (min-width:2589px){body{zoom:1.7257}}@media (min-width:2750px){body{zoom:1.8335}}@media (min-width:2922px){body{zoom:1.9481}}@media (min-width:3105px){body{zoom:2.0699}}@media (min-width:3299px){body{zoom:2.1993}}@media (min-width:3505px){body{zoom:2.3367}}@media (min-width:3724px){body{zoom:2.4828}}@media (min-width:3957px){body{zoom:2.6379}}@media (min-width:4204px){body{zoom:2.8028}}@media (min-width:4467px){body{zoom:2.978}}@media (min-width:4746px){body{zoom:3.1641}}@media (min-width:5043px){body{zoom:3.3619}}@media (min-width:5358px){body{zoom:3.572}}@media (min-width:5693px){body{zoom:3.7952}}@media (min-width:6049px){body{zoom:4.0324}}.bleed{margin-left:calc(-1*var(--edge))!important;margin-right:calc(-1*var(--edge))!important}

/* Phone layout (below 760px) */
.menu-btn{display:none}
@media (max-width:760px){
/* navigation: logo + menu button, links in a drop-down panel */
.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-right:-10px;padding:0;border:0;background:none;color:#F2F5EF;cursor:pointer}
.menu-btn svg{width:28px;height:28px}
.menu-btn .x{display:none}.nav-open .menu-btn .x{display:block}.nav-open .menu-btn .bars{display:none}
header.wrap{padding-top:14px!important;padding-bottom:14px!important;gap:0!important}
header.nav-open{background:#092F2A}
.site-nav{display:none!important}
.nav-open .site-nav{display:flex!important;flex-direction:column;align-items:stretch!important;flex:1 0 100%;gap:0!important;padding:8px 0 12px}
.site-nav a{font-size:21px;min-height:56px!important;border-bottom:0!important;border-top:1px solid rgba(242,245,239,.22)}
.site-nav a[style*="border-radius: 999px"]{margin-top:16px;justify-content:center;border:1px solid #F2F5EF!important}
/* type scale */
h1.h{font-size:40px!important;line-height:1.05!important}
h2.h{font-size:34px!important;line-height:1.06!important}
h2.h[style*="clamp(56px"],h2.h[style*="clamp(52px"]{font-size:42px!important}
h3.h{font-size:30px!important}
p[style*="font-size: 21px"],p[style*="font-size: 23px"],div[style*="font-size: 21px"]{font-size:18px!important;flex-basis:auto!important}
p.h[style*="font-size"],div.h[style*="font-size: 28px"]{font-size:22px!important}
[style*="text-align: right"]{text-align:left!important}
/* vertical rhythm */
.wrap[style*="padding: 112px"],.wrap[style*="padding: 120px 40px;"],.wrap[style*="padding: 128px"],.wrap[style*="padding: 96px 40px"]{padding-top:64px!important;padding-bottom:64px!important}
.wrap[style*="padding: 144px"]{padding-top:80px!important;padding-bottom:80px!important}
.wrap[style*="padding: 120px 40px 40px"]{padding-top:64px!important;padding-bottom:24px!important}
.wrap[style*="padding: 40px 40px 120px"]{padding-top:8px!important;padding-bottom:56px!important}
.wrap[style*="padding: 80px 40px 56px"]{padding-top:56px!important;padding-bottom:36px!important;gap:28px!important}
.wrap[style*="padding: 72px 40px"]{padding-top:48px!important;padding-bottom:48px!important}
section[style*="padding: 88px 0"],section[style*="padding: 96px 0"]{padding:56px 0!important;gap:28px!important}
section[style*="padding: 120px 0 96px"]{padding:64px 0 56px!important;gap:28px!important}
.split>*{padding-top:56px!important;padding-bottom:56px!important;min-height:0!important;gap:24px!important}
.split>.zoom{min-height:240px!important;padding:0!important}
main.wrap{padding-top:48px!important;padding-bottom:72px!important}
[style*="gap: 64px"],[style*="gap: 56px"],[style*="gap: 48px"]{gap:32px!important}
[style*="padding: 56px 0"]{padding:36px 0!important;gap:16px 0!important}
/* no desktop staggering once things stack */
[style*="margin-top: 48px"],[style*="margin-top: 56px"],[style*="margin-top: 72px"],[style*="margin-top: 96px"],[style*="margin-top: 144px"]{margin-top:0!important}
[style*="auto-fit"]{grid-template-columns:1fr!important;gap:20px!important}
/* hero */
section[style*="overflow: hidden"][style*="min-height"]{min-height:0!important}
.rise2{padding-top:24px!important;gap:20px!important}
/* buttons fill the width and stay on one line */
a[style*="min-height: 54px"],a[style*="min-height: 66px"]{min-height:54px!important;width:100%;box-sizing:border-box;justify-content:center;padding:0 14px!important;font-size:clamp(14px,4.1vw,17px)!important;text-align:center;white-space:nowrap}
/* audience cards */
a.zoom[style*="min-height: 660px"]{min-height:0!important;padding:24px!important;gap:120px!important}
a.zoom .h[style*="clamp(40px"]{font-size:38px!important}
/* numbered steps: number beside the text */
.lift[style*="border-top: 1px solid #111716"]{display:grid!important;grid-template-columns:76px 1fr;column-gap:14px;row-gap:6px!important;padding-top:18px!important}
.lift[style*="border-top: 1px solid #111716"]>:first-child{grid-row:1/span 2;font-size:56px!important;line-height:.95!important}
.lift[style*="border-top: 1px solid #111716"]>:nth-child(2){font-size:26px!important;align-self:end}
[style*="font-size: 176px"]{font-size:76px!important;flex:0 0 100%!important;line-height:.9!important}
/* tiles */
.lift[style*="min-height: 320px"]{min-height:0!important;padding:28px 24px!important;gap:20px!important}
.lift[style*="min-height: 320px"] .h{font-size:32px!important}
[style*="font-size: 40px"].h{font-size:28px!important}
/* founders and hubs */
img[style*="width: 300px"]{width:168px!important}
.h[style*="font-size: 44px"]{font-size:32px!important}
[style*="minmax(220px"]{grid-template-columns:1fr 1fr!important;gap:24px 16px!important}
[style*="tabular-nums"]{font-size:46px!important}
/* logos */
.mq>div{flex-basis:190px!important;height:84px!important;margin-right:12px!important}
.mq img{max-width:130px!important;transform:scale(.82)}
[style*="padding: 22px 36px"]{padding:16px 24px!important;max-width:100%;box-sizing:border-box}[style*="padding: 22px 36px"] img{height:auto!important;width:100%;max-width:220px}
[style*="linear-gradient(90deg, rgba(9,47,42,0.9) 0%, rgba(9,47,42,0.6) 48%"]{background:rgba(9,47,42,.62)!important}
/* footer */
footer .wrap[style*="padding: 64px"]{padding-top:48px!important}
.legal h2{font-size:24px!important;margin-top:16px}
}

/* Privacy and terms pages */
.legal{max-width:820px;display:flex;flex-direction:column;gap:18px}.legal p,.legal ul{margin:0}.legal ul{padding-left:22px;display:flex;flex-direction:column;gap:8px}.legal h2{font-size:30px;margin-top:28px}.legal table{border-collapse:collapse;width:100%;min-width:520px;font-size:16px}.legal th,.legal td{text-align:left;vertical-align:top;padding:12px 16px 12px 0;border-top:1px solid rgba(17,23,22,0.3)}.legal th{font-weight:600}