@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500&display=swap";:root{--black:#080808;--white:#fff;--soft:#f4f3f0;--line:#d8d7d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:#111;font-family:DM Sans,sans-serif}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:4px}img,video{width:100%;height:100%;display:block;object-fit:cover}button{font:inherit}.site{overflow:hidden}.logo{display:flex;flex-direction:column;align-items:center;text-transform:uppercase;color:#fff}.logo i{display:grid;place-items:center;width:30px;height:30px;border:1px solid;border-radius:50%;font:400 13px/1 "Source Serif 4",serif}.logo span{font-size:9px;letter-spacing:.32em;margin-top:7px;white-space:nowrap}header{position:absolute;z-index:20;top:0;left:0;width:100%;height:110px;padding:0 6.5vw;display:grid;grid-template-columns:180px 1fr 180px;align-items:center;color:#fff;text-shadow:0 1px 16px rgba(0,0,0,.4)}header .logo{justify-self:start}header nav{display:flex;justify-content:center;gap:48px;text-transform:uppercase;font:400 13px/1 "Source Serif 4",serif}header nav a{transition:opacity .2s}header nav a:hover{opacity:.55}.menu-button{display:block;justify-self:end;border:1px solid rgba(255,255,255,.65);background:#0000008c;padding:9px 11px;color:#fff;text-transform:uppercase;font:400 11px/1 "Source Serif 4",serif;letter-spacing:.12em}.hero{height:100svh;min-height:700px;position:relative;background:#333;color:#fff}.hero>video{filter:grayscale(1)}.veil{position:absolute;inset:0;background:linear-gradient(0deg,#0000006b,#00000014 58%)}.hero h1{position:absolute;left:6.5vw;right:6.5vw;bottom:11vh;margin:0;text-align:center;text-transform:uppercase;text-wrap:balance;font:500 clamp(58px,7vw,112px)/.9 "Source Serif 4",serif;letter-spacing:-.035em}.hero>a{position:absolute;left:50%;bottom:4vh;transform:translate(-50%);text-transform:uppercase;font-size:9px;letter-spacing:.18em}.upgrade{text-align:center;padding:125px 6vw 70px}.upgrade h2{margin:0 auto 46px;max-width:980px;text-wrap:balance;font:500 clamp(58px,7.4vw,118px)/.92 "Source Serif 4",serif;letter-spacing:-.045em}.solid-button,.outline-button,.light-button{display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:14px 18px;text-transform:uppercase;font-size:9px;letter-spacing:.14em;transition:background .25s,color .25s,transform .25s}.solid-button:hover,.light-button:hover{transform:translateY(-2px)}.solid-button{background:#111;color:#fff}.outline-button{border:1px solid #777;color:#fff}.outline-button:hover,.light-button{background:#fff;color:#111}.principles{margin-top:115px;padding:32px 0 0;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;text-transform:uppercase;font:400 14px/1 "Source Serif 4",serif;color:#666}.principles i{font-style:normal;color:#bbb}.founder{display:grid;grid-template-columns:1fr 1fr;background:var(--black);color:#fff}.founder-image{min-height:860px;overflow:hidden}.founder-image img{filter:grayscale(1);transition:transform 1.2s ease}.founder:hover .founder-image img{transform:scale(1.018)}.founder-copy{padding:110px 8vw;align-self:center}.eyebrow{text-transform:uppercase;font-size:9px;letter-spacing:.2em}.founder h2,.work h2,.lab h2,.services>h2,.closing h2{font:500 clamp(58px,6.6vw,104px)/.88 "Source Serif 4",serif;letter-spacing:-.045em;margin:32px 0 45px}.founder-copy>p:not(.eyebrow){max-width:570px;color:#c8c8c8;font:400 16px/1.75 "Source Serif 4",serif}.founder .outline-button{margin-top:30px}.manifesto{padding:150px 6vw;text-align:center}.manifesto blockquote{margin:0 auto;max-width:1050px;text-wrap:balance;font:400 clamp(42px,5vw,78px)/1.05 "Source Serif 4",serif}.manifesto p{margin:35px 0 0;text-transform:uppercase;font-size:9px;letter-spacing:.18em}.club{padding:140px 6vw 170px;background:var(--soft)}.club-intro{text-align:center}.club-intro h2{font:500 clamp(62px,7vw,112px)/.9 "Source Serif 4",serif;text-transform:uppercase;margin:0}.club-intro>p{font:400 20px/1.4 "Source Serif 4",serif}.club-story{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:8vw;margin-top:110px}.club-collage{height:720px;position:relative}.club-main{width:82%;filter:grayscale(1)}.club-detail{position:absolute;right:0;bottom:-55px;width:37%;height:42%;border:10px solid var(--soft);filter:grayscale(1)}.club-copy h3{font:500 clamp(48px,5vw,76px)/.92 "Source Serif 4",serif;margin:30px 0}.club-copy>p:not(.eyebrow){font:400 16px/1.7 "Source Serif 4",serif;color:#555}.club-copy .solid-button{margin-top:25px}.work{position:relative;height:860px;color:#fff}.work>video{filter:grayscale(1)}.work>.veil{background:linear-gradient(90deg,#000000ad,#0000002e)}.work>div:last-child{position:absolute;left:8vw;bottom:10vh}.work h2{font-size:clamp(64px,7vw,110px);text-wrap:balance}.work>div>p:not(.eyebrow){font:400 17px/1.6 "Source Serif 4",serif;max-width:530px;margin-bottom:35px}.lab{padding:145px 6vw;background:#fff}.lab-heading{text-align:center;max-width:1000px;margin:auto}.lab-heading h2{text-transform:uppercase;margin-bottom:25px;text-wrap:balance}.lab-heading>p:last-child{font:400 17px/1.6 "Source Serif 4",serif;max-width:650px;margin:0 auto 80px}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.profile-grid button{position:relative;height:470px;border:0;padding:0;color:#fff;overflow:hidden;cursor:pointer;background:#222}.profile-grid button:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 60%)}.profile-grid img,.profile-grid video{filter:grayscale(1);transition:transform .7s}.profile-grid button:hover img,.profile-grid button:hover video{transform:scale(1.04)}.profile-grid span{position:absolute;z-index:2;left:24px;bottom:25px;font:500 26px/1 "Source Serif 4",serif}.profile-grid b{position:absolute;z-index:2;right:22px;bottom:23px;font-size:18px;font-weight:400;transition:transform .25s}.profile-grid button:hover b{transform:rotate(90deg)}.services{padding:140px 6vw;background:var(--soft)}.services>h2{text-align:center;text-transform:uppercase}.services>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:80px}.services article{background:#fff;overflow:hidden}.services article>img,.services article>video{height:380px;filter:grayscale(1);transition:transform .8s}.services article:hover>img,.services article:hover>video{transform:scale(1.025)}.services article>div{padding:34px}.services h3{font:500 38px/1 "Source Serif 4",serif;margin:0 0 18px}.services article p{white-space:pre-wrap;text-transform:uppercase;font-size:9px;letter-spacing:.13em;color:#777}.services article a{display:block;margin-top:35px;border-top:1px solid #ccc;padding-top:15px;text-transform:uppercase;font-size:9px;letter-spacing:.12em}.closing{padding:160px 6vw;background:#080808;color:#fff;text-align:center}.closing h2{font-size:clamp(64px,8vw,126px);text-wrap:balance}footer{padding:60px 6vw;background:#080808;border-top:1px solid #444;color:#fff;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end}footer .logo{align-items:flex-start}footer p{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#888;margin:0;text-align:center}footer div{display:flex;justify-content:flex-end;gap:28px;font-size:9px;text-transform:uppercase}.modal{position:fixed;z-index:50;inset:0;background:#000000bf;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal article{position:relative;width:min(700px,100%);background:#fff;padding:75px}.modal article>button{position:absolute;right:20px;top:14px;border:0;background:none;color:#111;font-size:30px;cursor:pointer}.modal h2{font:500 clamp(60px,8vw,100px)/.9 "Source Serif 4",serif;margin:30px 0}.modal article>p:not(.eyebrow){font:400 17px/1.7 "Source Serif 4",serif;margin-bottom:40px}.mobile-menu{display:none}@media(max-width:820px){header{height:78px;padding:0 20px;display:flex;justify-content:space-between}header nav{display:none}header .menu-button{display:block!important;position:absolute;z-index:30;right:14px;top:24px;border:1px solid rgba(255,255,255,.65);background:#00000073;padding:8px 10px;color:#fff;text-transform:uppercase;font:400 11px/1 "Source Serif 4",serif}.logo i{width:25px;height:25px;font-size:11px}.logo span{font-size:7px}.hero{min-height:650px}.hero h1{left:20px;right:20px;bottom:16vh;font-size:52px;line-height:.9}.hero>a{bottom:6vh}.upgrade{padding:85px 20px 45px}.upgrade h2{font-size:51px}.principles{margin-top:80px;display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:12px}.principles i{display:none}.founder{grid-template-columns:1fr}.founder-image{min-height:580px}.founder-copy{padding:75px 20px 90px}.founder h2{font-size:64px}.manifesto{padding:95px 20px}.manifesto blockquote{font-size:40px}.club{padding:90px 20px 110px}.club-intro h2{font-size:52px}.club-story{grid-template-columns:1fr;gap:100px;margin-top:65px}.club-collage{height:500px}.club-main{width:90%}.club-detail{height:38%;bottom:-40px}.club-copy h3{font-size:52px}.work{height:720px}.work>div:last-child{left:20px;right:20px;bottom:8vh}.work h2{font-size:58px}.lab{padding:90px 20px}.lab h2{font-size:53px}.profile-grid{grid-template-columns:1fr 1fr}.profile-grid button{height:300px}.profile-grid span{font-size:22px;left:15px;bottom:18px}.profile-grid b{right:14px;bottom:16px}.services{padding:90px 20px}.services>h2{font-size:58px}.services>div{grid-template-columns:1fr;margin-top:55px}.services article>img,.services article>video{height:430px}.closing{padding:105px 20px}.closing h2{font-size:60px}footer{grid-template-columns:1fr;gap:35px;padding:55px 20px}footer p{text-align:left}footer div{justify-content:flex-start}.mobile-menu{position:fixed;z-index:60;inset:0;background:#080808;color:#fff;display:flex;flex-direction:column;padding:100px 28px 30px}.mobile-menu>button{position:absolute;right:22px;top:18px;border:0;background:none;color:#fff;font-size:34px}.mobile-menu a{padding:16px 0;border-bottom:1px solid #444;font:400 42px/1 "Source Serif 4",serif}.modal article{padding:60px 28px}.modal h2{font-size:62px}}@media(max-width:430px){.profile-grid{grid-template-columns:1fr}.profile-grid button{height:410px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero>video,.work>video{display:none}.hero,.work{background:url(/media/timo-running-poster.jpg) center/cover}.profile-grid img,.profile-grid video,.founder-image img,.services article>img,.services article>video{transition:none}}