/* Three continuous scenes, with real text over independently revealed artwork. */
.about-page{max-width:1680px;overflow:clip;--about-navy:#0b1d30;--about-blue:#305ce8}
.about-page h1,.about-page h2{font-weight:600;letter-spacing:-.058em;line-height:1.04;text-wrap:balance}
.about-page h1{font-size:clamp(48px,5.05vw,78px);margin:0 0 30px}
.about-page h2{font-size:clamp(40px,4.4vw,68px);margin:0 0 30px}
.about-copy{position:relative;z-index:3}
.about-copy>p:not(.eyebrow):not(.founder-name):not(.company-credit){font-size:clamp(16px,1.35vw,20px);line-height:1.6;color:#4a5669;max-width:460px;text-wrap:pretty}
.about-page .eyebrow{font-size:11px;letter-spacing:.2em;margin-bottom:26px}
.about-scene{position:relative;margin:0;isolation:isolate}
.scene-image{position:absolute;inset:0;overflow:hidden}
.scene-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.scene-image [data-sketch]{opacity:0;pointer-events:none}
.sketch-ready .scene-image [data-sketch]{opacity:1}
.scene-image .sketch-trace{pointer-events:none;opacity:.72}
.about-replay{position:absolute;z-index:5;right:30px;bottom:32px;display:flex;align-items:center;gap:8px;min-height:44px;padding:11px 16px;border:1px solid #ffffff90;border-radius:28px;background:#fffffff0;box-shadow:0 3px 16px #10203912;color:#536579;font-size:11px;cursor:pointer}
.about-replay svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.about-replay[hidden]{display:none}
.about-hero{position:relative;min-height:clamp(680px,62vw,940px);margin-top:-102px;padding-top:102px;isolation:isolate}
.river-scene{position:absolute;inset:0;z-index:0}
.river-scene .scene-image{mask-image:linear-gradient(104deg,transparent 25%,#000 55%);-webkit-mask-image:linear-gradient(104deg,transparent 25%,#000 55%)}
.river-scene .sketch-trace{mask-image:linear-gradient(104deg,transparent 26%,#000 35%,transparent 48%);-webkit-mask-image:linear-gradient(104deg,transparent 26%,#000 35%,transparent 48%)}
.river-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#fff 23%,#ffffffeb 31%,#ffffff80 40%,transparent 57%)}
.river-scene .about-replay{bottom:110px}
.about-hero .about-copy{width:45%;max-width:650px;padding:clamp(95px,10vw,150px) 0 150px 6%}
.about-hero .about-copy p:not(.eyebrow){max-width:400px}
.about-founder{position:relative;z-index:2;isolation:isolate;clip-path:url(#founder-flow);margin-top:-98px;padding:102px 0 120px;color:#fff}
.founder-fill{position:absolute;z-index:-1;inset:96px 0 0;background:var(--about-navy)}
.founder-curve{position:absolute;z-index:-1;top:0;left:0;width:100%;height:102px;fill:var(--about-navy)}
.founder-outflow{display:none;position:absolute;z-index:2;bottom:-1px;left:0;width:100%;height:90px;fill:white;pointer-events:none}
.founder-layout{display:grid;grid-template-columns:52% 48%;align-items:center;max-width:1500px;margin:auto}
.portrait-scene{height:clamp(490px,49vw,700px);margin:0 5% 0 2.5%}
.portrait-scene .scene-image{border-radius:3% 24% 22% 4% / 5% 11% 10% 5%}
.portrait-scene .scene-image img{object-position:50% 41%}
.portrait-scene figcaption{position:absolute;left:20px;right:20px;bottom:16px;z-index:4;max-width:285px;padding:8px 11px;border-radius:9px;background:#0b1d30dd;color:#f0f4f8;font-size:10px;line-height:1.5}
.portrait-scene .about-replay{bottom:21px;right:20px;padding:10px;min-width:44px;justify-content:center}
.about-founder .about-copy{padding:25px 12% 40px 8%}
.chapter-mark{display:block;width:42px;height:3px;background:#fa881c;margin-bottom:38px}
.about-founder .about-copy>p:not(.founder-name):not(.eyebrow):not(.company-credit){color:#dce4ee}
.founder-name{margin:32px 0 0;padding-top:22px;border-top:1px solid #ffffff26;font-size:16px;font-weight:500;line-height:1.5;color:#fff}
.founder-name span{display:block;font-size:12px;font-weight:400;color:#b4c4d6;margin-top:4px}
.about-freedom{position:relative;min-height:clamp(650px,55vw,820px);margin-top:-105px;isolation:isolate}
.motorcycle-scene{position:absolute;top:0;right:0;bottom:0;width:68%;z-index:0}
.motorcycle-scene .scene-image{mask-image:linear-gradient(100deg,transparent 0%,#000 30%);-webkit-mask-image:linear-gradient(100deg,transparent 0%,#000 30%);border-radius:48% 0 0 0 / 19% 0 0 0}
.motorcycle-scene .scene-image img{object-position:62% 50%}
.motorcycle-scene .sketch-trace{mask-image:linear-gradient(100deg,transparent 0%,#000 15%,transparent 36%);-webkit-mask-image:linear-gradient(100deg,transparent 0%,#000 15%,transparent 36%)}
.motorcycle-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#ffffffde 13%,transparent 38%),linear-gradient(0deg,#fff 0%,transparent 12%);pointer-events:none}
.about-freedom .about-copy{width:47%;padding:110px 0 95px 6%}
.about-freedom .about-copy>p{max-width:410px!important}
.company-credit{margin-top:38px;font-size:14px;color:#44546b;line-height:1.6}
.company-credit a{border-bottom:1px solid #b8c6d5}
.about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:22px}
.about-actions .button{border-radius:30px;background:var(--about-blue);padding:17px 25px;font-size:14px}
.about-contact{display:inline-flex;align-items:center;gap:12px;color:#2451bf;font-size:14px;min-height:46px}
.about-contact span{font-size:20px}
.about-footer{max-width:1510px;margin:auto;padding:30px 5% 32px;gap:24px;align-items:center}
.about-footer .brand{font-size:26px}
.about-footer nav{gap:24px;flex-wrap:wrap;align-items:center}
.about-footer nav a{display:inline-flex;align-items:center;min-height:44px;color:#4a5a70;font-size:12px}
.about-footer nav [aria-current=page]{color:#215b98;font-weight:600}
.about-footer .footer-bottom{margin-top:12px;align-items:center;flex-wrap:wrap;gap:16px}
.about-legal{display:flex;gap:22px}
.about-legal a{min-height:32px;display:inline-flex;align-items:center}
@media(hover:hover) and (pointer:fine){.about-replay:hover{background:#fff;color:#215b98}.about-contact:hover{color:#102039}.about-actions .button:hover{background:#214ac8}.about-footer a:hover{color:#215b98}}
@media(min-width:1680px){.about-hero{margin-top:-102px}.about-hero .about-copy{padding-top:150px}.about-freedom .about-copy{padding-top:145px}}
@media(max-width:1050px) and (min-width:761px){.about-hero .about-copy{width:48%;padding-left:5%}.about-page h1{font-size:52px}.about-page h2{font-size:43px}.about-founder .about-copy{padding:25px 9% 35px 5%}.portrait-scene{height:520px}.about-freedom .about-copy{padding-left:5%;width:49%}.about-copy>p:not(.eyebrow):not(.founder-name):not(.company-credit){font-size:16px}}
@media(max-width:760px){
 .about-page h1{font-size:clamp(42px,9.5vw,64px);margin-bottom:24px;max-width:550px}
 .about-page h2{font-size:clamp(38px,8.5vw,54px);margin-bottom:23px}
 .about-copy>p:not(.eyebrow):not(.founder-name):not(.company-credit){font-size:16px;line-height:1.65;max-width:530px}
 .about-hero{min-height:0;padding-top:0;margin-top:0;display:flex;flex-direction:column}
 .about-hero .about-copy{order:-1;width:auto;max-width:none;padding:45px 7% 0}
 .about-hero .about-copy p:not(.eyebrow){max-width:530px}
 .river-scene{position:relative;inset:auto;height:440px;margin-top:-5px}
 .river-scene .scene-image{mask-image:linear-gradient(180deg,transparent,#000 24%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%)}
 .river-scene .scene-image img{object-position:70% 50%}
 .river-scene:after{background:linear-gradient(180deg,#fff 0%,#ffffffb0 7%,transparent 24%)}
 .river-scene .sketch-trace{mask-image:linear-gradient(115deg,transparent 0%,#000 8%,transparent 32%);-webkit-mask-image:linear-gradient(115deg,transparent 0%,#000 8%,transparent 32%)}
 .river-scene .about-replay{bottom:85px;right:20px}
 .about-founder{margin-top:-62px;padding:75px 0 86px}
 .founder-curve{height:78px}.founder-fill{top:72px}.founder-outflow{height:50px}
 .founder-layout{display:flex;flex-direction:column}
 .portrait-scene{height:auto;aspect-ratio:1/1.1;width:88%;max-width:520px;margin:0 auto}
 .portrait-scene .scene-image{border-radius:4% 25% 25% 4% / 5% 10% 10% 5%}
 .portrait-scene figcaption{left:12px;bottom:12px;right:62px;max-width:270px;font-size:9px;padding:7px 9px}
 .portrait-scene .about-replay{right:12px;bottom:12px}
 .about-founder .about-copy{width:100%;padding:46px 7% 20px}
 .chapter-mark{margin-bottom:27px}.founder-name{margin-top:24px;padding-top:18px}
 .about-freedom{min-height:0;margin-top:-25px;display:flex;flex-direction:column}
 .about-freedom .about-copy{order:-1;width:100%;padding:45px 7% 0}
 .about-freedom .about-copy>p{max-width:530px!important}
 .company-credit{margin-top:28px}.about-actions{gap:18px}
 .motorcycle-scene{position:relative;inset:auto;width:100%;height:420px;margin-top:20px}
 .motorcycle-scene .scene-image{mask-image:linear-gradient(180deg,transparent,#000 15%,#000 88%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 88%,transparent);border-radius:0}
 .motorcycle-scene .scene-image img{object-position:61% 50%}
 .motorcycle-scene:after{background:linear-gradient(180deg,#fff,transparent 18%,transparent 85%,#fff)}
 .motorcycle-scene .sketch-trace{mask-image:linear-gradient(100deg,#000,transparent 40%);-webkit-mask-image:linear-gradient(100deg,#000,transparent 40%)}
 .motorcycle-scene .about-replay{bottom:38px;right:20px}
 .about-footer{padding:25px 7% 30px;gap:14px}.about-footer nav{margin-left:0;gap:6px 21px;width:100%}.about-footer .footer-bottom{margin-top:8px}
}
@media(max-width:380px){.about-hero .about-copy,.about-freedom .about-copy{padding-left:24px;padding-right:24px}.about-page h1{font-size:42px}.river-scene{height:370px}.motorcycle-scene{height:360px}.about-founder .about-copy{padding-left:24px;padding-right:24px}.about-actions{gap:10px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.about-page *{animation:none!important;transition:none!important}.scene-image [data-sketch]{opacity:0!important}.about-replay{display:none!important}}

@media(max-width:380px){.about-site .site-header.nav-island{gap:6px;padding-left:12px}.about-site .nav-island .brand{font-size:23px;gap:6px}.about-site .nav-island .brand img{width:26px;height:26px}.about-site .nav-island .mobile-menu-toggle{padding:10px 12px;gap:8px}.about-site .nav-island .language summary{padding:12px 6px;gap:4px}}