@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--ink:#111;--paper:#f4f1ea;--graphite:#2b2b2b;--stone:#8c8c87}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1320px,100% - 64px);margin:0 auto}.site-header{z-index:50;color:#fff;justify-content:space-between;align-items:center;height:94px;padding:0 4vw;transition:all .3s;display:flex;position:fixed;inset:0 0 auto}.site-header.is-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111111f5;height:76px;box-shadow:0 1px #ffffff1a}.logo-link{align-items:center;width:90px;height:78px;display:flex}.nav-logo{object-fit:contain;width:100%;height:100%}nav{text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:28px;font-size:12px;font-weight:600;display:flex}nav a{padding:9px 0;position:relative}nav a:not(.nav-cta):after{content:"";background:#fff;width:0;height:1px;transition:all .25s;position:absolute;bottom:3px;left:0}nav a:hover:after{width:100%}.nav-cta{border:1px solid #ffffffb3;padding:13px 17px}.menu-toggle{background:0 0;border:0;padding:12px;display:none}.menu-toggle span{background:#fff;width:25px;height:2px;margin:6px;display:block}.hero{color:#fff;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-media{background:url(/ruta-hero.png) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.02)}.hero-overlay{background:linear-gradient(90deg,#000000d1 0%,#0000007a 50%,#0003),linear-gradient(#0000 50%,#0000008c);position:absolute;inset:0}.hero-content{z-index:2;padding-top:90px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:600}.eyebrow.light{color:#ffffffb8}.hero h1{text-transform:uppercase;letter-spacing:-.035em;max-width:940px;margin:18px 0 15px;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(76px,8.3vw,132px);font-weight:800;line-height:.76}.hero-lead{margin:30px 0 8px;font-family:Barlow Condensed,sans-serif;font-size:clamp(24px,2.3vw,34px);font-weight:600}.hero-copy{color:#ffffffb8;max-width:590px;margin:0 0 28px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{text-transform:uppercase;letter-spacing:.16em;border:1px solid #0000;justify-content:center;align-items:center;gap:28px;min-height:52px;padding:0 20px;font-size:11px;font-weight:600;transition:all .25s;display:inline-flex}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-2px)}.button-light{color:var(--ink);background:#fff}.button-dark{background:var(--ink);color:#fff}.button-outline-light{border-color:#ffffff94}.button-outline-light:hover{color:var(--ink);background:#fff}.partner-note{letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;margin-top:24px;font-size:10px}.scroll-cue{z-index:2;text-transform:uppercase;letter-spacing:.2em;color:#fff9;transform-origin:100% 100%;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:38px;right:4vw;transform:rotate(90deg)}.scroll-cue span{background:#fff9;width:32px;height:1px}@media (width<=900px){.shell{width:min(100% - 36px,1320px)}.site-header{height:74px;padding:0 18px}.logo-link{width:84px;height:64px}.menu-toggle{z-index:2;display:block}nav{background:#111;flex-direction:column;align-items:flex-start;gap:15px;padding:110px 28px 42px;transition:all .35s;position:fixed;inset:0;transform:translate(100%)}nav.nav-open{transform:translate(0)}nav a{letter-spacing:.04em;font-family:Barlow Condensed,sans-serif;font-size:27px}.nav-cta{letter-spacing:.15em;margin-top:12px;font-family:Inter,sans-serif;font-size:11px}.hero{min-height:92svh}.hero h1{font-size:clamp(67px,20vw,104px)}.hero-content{padding-top:60px}.hero-actions{flex-direction:column;align-items:stretch;max-width:330px}.scroll-cue{display:none}.site-header nav{padding-bottom:28px;inset:0 0 auto}.site-header:has(nav.nav-open,nav.nav-closing){-webkit-backdrop-filter:none;backdrop-filter:none;background:#111;transition:none}.site-header nav.nav-open,.site-header nav.nav-closing{color:#fff;z-index:1;background:#111}.site-header nav.nav-open{transition:none}}.section-pad{padding:120px 0}.dark{color:#fff;background:#111}.narrow{max-width:880px}.center{text-align:center}h2,h3{text-transform:uppercase;margin:0;font-family:Barlow Condensed,Impact,sans-serif}h2{letter-spacing:-.025em;font-size:clamp(58px,7vw,104px);line-height:.85}.manifesto p:not(.eyebrow){color:#444;font-size:18px;line-height:1.8}.manifesto h2{margin:22px 0 38px}.route-mark{justify-content:center;align-items:center;height:84px;margin:44px auto 0;display:flex;position:relative}.route-mark:before,.route-mark:after{content:"";background:#111;width:36%;height:1px;position:absolute;top:50%}.route-mark:before{left:0;transform:rotate(3deg)}.route-mark:after{right:0;transform:rotate(-3deg)}.route-mark span{text-transform:uppercase;letter-spacing:.14em;font-family:Barlow Condensed;font-size:20px;font-weight:700}.split{grid-template-columns:1.05fr .95fr;align-items:center;gap:8vw;display:grid}.about{background:#fff}.image-panel{background:url(/ruta-hero.png) 50%/cover;height:720px;position:relative}.image-label{text-transform:uppercase;letter-spacing:.2em;background:#fff;padding:12px 15px;font-size:9px;position:absolute;bottom:24px;left:24px}.about-copy h2{margin:18px 0 35px}.about-copy p,.events-copy>p{color:#555;line-height:1.8}.about-copy .button{margin-top:22px}.principle-grid{border-top:1px solid #333;border-left:1px solid #333;grid-template-columns:repeat(4,1fr);margin-top:42px;display:grid}.principle-grid article{border-bottom:1px solid #333;border-right:1px solid #333;flex-direction:column;justify-content:flex-end;min-height:330px;padding:28px;display:flex}.principle-n{color:#888;letter-spacing:.2em;margin-bottom:auto;font-size:10px}.line-icon{border-top:1px solid #777;width:56px;height:28px;margin-bottom:30px;transform:skew(-32deg)}.principle-grid h3{font-size:48px}.principle-grid p{color:#999;margin:5px 0}.section-intro{grid-template-columns:1fr 1fr;align-items:end;gap:8vw;margin-bottom:55px;display:grid}.section-intro>p{color:#595955;max-width:550px;line-height:1.8}.category-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.category-card{color:#fff;grid-column:span 2;min-height:510px;position:relative;overflow:hidden}.category-card:nth-child(4),.category-card:nth-child(5){grid-column:span 3}.card-media,.card-shade{position:absolute;inset:0}.card-media{background-size:cover;transition:transform .5s}.media-hero{background-image:url(/ruta-hero.png)}.media-community{background-image:url(/ruta-community.png)}.media-route{background-image:url(/ruta-route.png)}.category-card:hover .card-media{transform:scale(1.04)}.card-shade{background:linear-gradient(#0000 24%,#000000e6)}.card-content{position:absolute;inset:auto 28px 28px}.card-number{letter-spacing:.2em;color:#bbb;font-size:9px}.card-content h3{margin:10px 0;font-size:42px}.card-content p{color:#ddd;max-width:460px;font-size:13px;line-height:1.65}.card-content small{color:#aaa;margin:10px 0;display:block}.card-content a{text-transform:uppercase;letter-spacing:.18em;border-bottom:1px solid #aaa;gap:22px;margin-top:14px;padding-bottom:7px;font-size:10px;font-weight:600;display:inline-flex}.inform-note,.placeholder-note{letter-spacing:.08em;color:#777;margin:22px 0 0;font-size:10px}.cinematic{color:#fff;text-align:center;background:url(/ruta-route.png) 50%/cover fixed;place-items:center;height:80svh;min-height:620px;display:grid;position:relative}.cinematic-overlay{background:#00000073;position:absolute;inset:0}.cinematic-content{position:relative}.cinematic h2{margin:18px 0 30px;font-size:clamp(72px,10vw,150px)}.partnership .shell{grid-template-columns:1fr 1fr;gap:55px;display:grid}.logo-equation{align-items:center;gap:24px;display:flex}.logo-box{background:#eee;place-items:center;width:230px;height:180px;padding:15px;display:grid}.logo-box img{object-fit:contain;max-width:100%;max-height:100%}.logo-box.iraces{width:310px}.logo-equation>span{font-size:40px}.partnership-copy h2{margin:20px 0 35px}.partnership-copy p{color:#aaa;line-height:1.8}.partnership-copy .lead{color:#fff}.role-grid{border:1px solid #333;grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.role-grid article{padding:38px}.role-grid article+article{border-left:1px solid #333}.role-grid span{text-transform:uppercase;letter-spacing:.2em;color:#777;font-size:9px}.role-grid h3{margin:11px 0;font-size:42px}.role-grid strong{text-transform:uppercase;letter-spacing:.14em;font-size:11px}.role-grid p{color:#888}.coming-soon{text-align:center;text-transform:uppercase;letter-spacing:.22em;border:1px solid #555;grid-column:1/-1;padding:18px;font-size:10px}.events h2{margin-top:20px}.capability-list{grid-template-columns:1fr 1fr;margin:32px 0;display:grid}.capability-list span{text-transform:uppercase;letter-spacing:.12em;border-top:1px solid #ccc;padding:17px 0;font-size:11px}.gallery{background:#dedbd4}.gallery h2{white-space:nowrap}.gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:270px;gap:12px;display:grid}.gallery-grid figure{background:#222;margin:0;position:relative;overflow:hidden}.gallery-1,.gallery-6{grid-column:span 2}.gallery-img{background-size:cover;transition:all .5s;position:absolute;inset:0}.gallery-img-0{background-image:url(/ruta-community.png)}.gallery-img-1{background-image:url(/ruta-hero.png)}.gallery-img-2{background-image:url(/ruta-route.png)}.gallery-grid figure:nth-child(2) .gallery-img{background-position:70%}.gallery-grid figure:nth-child(3) .gallery-img{background-position:25%}.gallery-grid figure:hover .gallery-img{transform:scale(1.04)}figcaption{color:#fff;text-transform:uppercase;letter-spacing:.14em;background:linear-gradient(#0000,#000c);justify-content:space-between;padding:42px 18px 16px;font-size:10px;display:flex;position:absolute;inset:auto 0 0}.closing{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:720px;padding:110px 20px;display:flex}.closing img{object-fit:contain;width:160px;height:140px}.closing h2{margin:28px 0 14px}.closing p{color:#aaa;margin:0 0 28px}.closing small{color:#777;text-transform:uppercase;letter-spacing:.22em;margin-top:60px}.contact{text-align:center}.contact h2{margin:20px 0}.contact p{color:#666}footer{color:#fff;background:#090909;padding:78px 0 28px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;display:grid}.footer-grid>div{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.footer-grid img{object-fit:contain;width:105px;height:95px}.footer-grid strong{text-transform:uppercase;letter-spacing:.15em;font-size:12px}.footer-grid p{color:#777;max-width:280px;font-size:13px;line-height:1.6}.footer-grid h4{text-transform:uppercase;letter-spacing:.2em;color:#888;margin:0 0 14px;font-size:10px}.footer-grid a{color:#bbb;font-size:13px;line-height:1.9}.footer-grid a:hover{color:#fff}.footer-bottom{color:#666;text-transform:uppercase;letter-spacing:.13em;border-top:1px solid #292929;justify-content:space-between;margin-top:55px;padding-top:25px;font-size:9px;display:flex}@media (width<=900px){.section-pad{padding:78px 0}.manifesto p:not(.eyebrow){font-size:16px}.split{grid-template-columns:1fr;gap:50px}.image-panel{height:520px}.principle-grid{grid-template-columns:1fr 1fr}.principle-grid article{min-height:245px;padding:20px}.principle-grid h3{font-size:38px}.section-intro{grid-template-columns:1fr;gap:25px;margin-bottom:36px}.category-grid{display:block}.category-card{min-height:500px;margin-bottom:14px}.cinematic{background-attachment:scroll;height:70svh;min-height:520px}.partnership .shell{grid-template-columns:1fr}.logo-equation{flex-direction:column}.logo-equation>span{font-size:28px}.logo-box,.logo-box.iraces{width:min(100%,310px);height:160px}.role-grid{grid-template-columns:1fr}.role-grid article+article{border-top:1px solid #333;border-left:0}.gallery h2{white-space:normal}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:210px}.gallery-1,.gallery-6{grid-column:span 2}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-bottom{flex-direction:column;gap:12px}.closing{min-height:620px}}@media (width<=560px){.principle-grid{grid-template-columns:1fr 1fr}.category-card{min-height:470px}.gallery-grid{grid-auto-rows:170px}.gallery-1,.gallery-6{grid-column:span 2}.capability-list,.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{margin-bottom:20px}.about-image{height:430px}}.logo-box.ruta{background:0 0;padding:0}.logo-box.iraces{background:#f1eee7;height:auto;padding:14px 20px;box-shadow:0 8px 24px #00000029}.site-header{height:76px}.site-header.is-scrolled{height:64px}.logo-link{width:72px;height:64px}.section-tight{padding-top:96px;padding-bottom:96px}.event-label{text-transform:uppercase;letter-spacing:.18em;color:#777;margin:22px 0 0;font-size:10px;font-weight:600}.category-card:not(.card-4):hover .card-media{transform:none}.closing small{margin-top:28px}.footer-grid{grid-template-columns:1.7fr 1fr 1.15fr}@media (width<=900px){.site-header{height:64px}.site-header.is-scrolled{height:58px}.logo-link{width:72px;height:56px}.section-tight{padding-top:64px;padding-bottom:64px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media (width<=560px){.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
