@font-face{font-family:'Barlow Condensed';src:url('swivot-barlow-condensed-700.ttf') format('truetype');font-display:swap;font-weight:700}
@font-face{font-family:'Source Sans 3';src:url('swivot-source-sans-400.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:'Source Sans 3';src:url('swivot-source-sans-600.ttf') format('truetype');font-display:swap;font-weight:600}
.swivot-about{--violet:oklch(24% .09 294);--orange:oklch(60% .20 45);--surface:oklch(96% .008 294);--ink:oklch(15% .025 294);--muted:oklch(40% .025 294);--line:oklch(86% .012 294);--white:oklch(100% 0 0);color:var(--ink);background:var(--white);font:400 1.0625rem/1.6 'Source Sans 3',Arial,sans-serif;overflow:clip}
.swivot-about *{box-sizing:border-box}.swivot-about h1,.swivot-about h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;line-height:.96;letter-spacing:-.025em;text-wrap:balance;margin:0}.swivot-about h1{font-size:clamp(3.5rem,7vw,6rem)}.swivot-about h2{font-size:clamp(2.75rem,5vw,4.5rem)}.swivot-about h3{font:600 1.25rem/1.2 'Source Sans 3',Arial,sans-serif;margin:0}.swivot-about p{margin:0;text-wrap:pretty}.swivot-about__shell{width:min(1320px,calc(100vw - 40px));margin-inline:auto}
.swivot-about__hero{min-height:clamp(460px,68vh,760px);position:relative;display:flex;align-items:flex-end;color:var(--white)}.swivot-about__hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 68%}.swivot-about__hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,oklch(10% .02 294/.68),transparent 68%)}.swivot-about__hero-copy{position:relative;padding-block:clamp(3rem,7vw,6rem)}.swivot-about__hero-copy p{font-size:clamp(1.25rem,2vw,1.6rem);margin-top:1rem}.swivot-about__hero-copy::after{content:'';display:block;width:64px;height:3px;background:var(--orange);margin-top:1.75rem}
.swivot-about__story,.swivot-about__system{padding-block:clamp(5rem,10vw,9rem)}.swivot-about__system{background:var(--surface)}.swivot-about__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,8vw,8rem);align-items:center}.swivot-about__copy{max-width:62ch}.swivot-about__copy h2{color:var(--violet);margin-bottom:clamp(1.5rem,3vw,2.25rem)}.swivot-about__prose{display:grid;gap:1.2rem}.swivot-about__media{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:12px}.swivot-about__media img{width:100%;height:100%;object-fit:cover;display:block}.swivot-about__split--reverse .swivot-about__media{order:0}.swivot-about__split--reverse .swivot-about__copy{order:1}
.swivot-about__origin{padding-block:clamp(5rem,9vw,8rem)}.swivot-about__origin h2{color:var(--violet);margin-bottom:clamp(2.5rem,5vw,4.5rem)}.swivot-about__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;gap:clamp(2rem,5vw,5rem)}.swivot-about__steps::before{content:'';position:absolute;left:0;right:0;top:7px;height:2px;background:var(--line)}.swivot-about__steps::after{content:'';position:absolute;left:0;right:0;top:7px;height:2px;background:var(--orange);transform:scaleX(.68);transform-origin:left}.swivot-about__steps li{position:relative;padding-top:2.25rem;z-index:1}.swivot-about__step-dot{position:absolute;top:0;left:0;width:16px;height:16px;border:4px solid var(--white);border-radius:50%;background:var(--orange);box-shadow:0 0 0 1px var(--orange)}.swivot-about__steps p{color:var(--muted);margin-top:.75rem;max-width:31ch}
.swivot-about__closing{background:var(--violet);color:var(--white);overflow:hidden}.swivot-about__closing-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:clamp(3rem,7vw,7rem);align-items:stretch}.swivot-about__closing-copy{padding-block:clamp(4rem,8vw,7rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(2rem,5vw,4rem)}.swivot-about__closing h2{font-size:clamp(3rem,5.5vw,5rem);max-width:15ch}.swivot-about__closing a{color:var(--white);font-weight:600;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:.5rem;position:relative}.swivot-about__closing a::after{content:'';position:absolute;left:0;right:0;bottom:6px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform 280ms cubic-bezier(.16,1,.3,1)}.swivot-about__closing a:hover{color:var(--white)}.swivot-about__closing a:hover::after,.swivot-about__closing a:focus-visible::after{transform:scaleX(1);transform-origin:left}.swivot-about__closing-media{margin:0;min-height:clamp(500px,55vw,680px);position:relative;overflow:hidden}.swivot-about__closing-media video,.swivot-about__closing-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.swivot-about__closing-media img{display:none}.swivot-about a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:799px){.swivot-about__hero{min-height:520px}.swivot-about__hero>img{object-position:58% center}.swivot-about__hero-shade{background:linear-gradient(0deg,oklch(10% .02 294/.72),transparent 70%)}.swivot-about__split{grid-template-columns:1fr;gap:2.5rem}.swivot-about__story .swivot-about__copy{order:1}.swivot-about__story .swivot-about__media{order:0}.swivot-about__steps{grid-template-columns:1fr;gap:2.25rem}.swivot-about__steps::before,.swivot-about__steps::after{left:7px;right:auto;top:0;bottom:0;width:2px;height:auto}.swivot-about__steps::after{transform:scaleY(.68);transform-origin:top}.swivot-about__steps li{padding:0 0 0 2.5rem}.swivot-about__step-dot{top:.2rem}.swivot-about__closing-layout{grid-template-columns:1fr;gap:0}.swivot-about__closing-media{order:-1;min-height:0;aspect-ratio:4/5;width:calc(100% + 40px);margin-left:-20px}.swivot-about__closing-copy{padding-block:clamp(3.5rem,14vw,5rem);gap:2rem}}
@media(prefers-reduced-motion:reduce){.swivot-about *{scroll-behavior:auto!important}.swivot-about__closing a::after{transition:none}}