.about-editorial{background:#fff;color:#333;overflow:clip}.about-editorial img{display:block;width:100%;height:100%;object-fit:cover}.about-label{font-size:11px;line-height:1.8;margin:0;color:#f76200}.about-split{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 86px)}.about-split-copy{background:#20231f;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 30px;justify-content:center}.about-split-copy>.about-label{color:#fff9;margin-bottom:52px}.about-split-title{position:relative;z-index:1}.about-split-title>p{font-size:13px;margin:0 0 16px}.about-split h1{font-size:clamp(32px,3.3vw,58px);line-height:1.5;margin:0;font-weight:500}.about-split .about-detail{width:clamp(160px,17vw,270px);height:clamp(220px,23vw,350px);margin:-12px 0 36px;object-fit:cover}.about-text-link{display:flex;justify-content:space-between;align-items:center;gap:42px;min-width:180px;width:fit-content;padding:12px 0;border-bottom:1px solid currentColor;font-size:13px}.about-text-link span{transition:transform .25s}.about-text-link:hover span{transform:translate(4px,-4px)}.about-split-image{min-height:100%;position:relative}.about-split-image img{position:absolute;inset:0;object-position:center}.about-mosaic{height:760px;position:relative;margin:0 auto;max-width:2100px}.about-mosaic .mosaic-image{position:absolute;width:17%;height:360px}.mosaic-one{left:2%;top:310px;z-index:2}.mosaic-two{left:14%;top:110px}.mosaic-four{right:14%;top:100px}.mosaic-five{right:0;top:300px;z-index:2}.about-mosaic-copy{position:absolute;top:180px;left:33%;width:34%;text-align:center}.about-editorial h2{font-size:clamp(25px,2.5vw,40px);font-weight:500;line-height:1.5;margin:16px 0 22px}.about-mosaic-copy>p:not(.about-label){font-size:14px;line-height:2.2}.about-mosaic-copy .about-text-link{margin:25px auto 0;color:#f76200}.about-connect{text-align:center;padding:72px 24px 85px;background:#faf9f6}.about-connect>p:not(.about-label){font-size:14px;line-height:2.2;margin:30px 0 0}.about-contact-links{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:700px;margin:46px auto 28px}.about-contact-links>a,.about-contact-links>button{display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #999;background:none;color:#333;font:inherit;font-size:15px;text-align:left;padding:18px 0;cursor:pointer}.about-contact-links>a:hover,.about-contact-links>button:hover{color:#f76200;border-color:#f76200}.about-email{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;font-size:12px}.about-email button{font:inherit;background:none;border:0;color:#777;cursor:pointer}.about-connect #copy-status{min-height:20px;font-size:12px;margin:12px 0 0}.about-image-ribbon{display:grid;grid-template-columns:1fr 1.25fr .9fr 1.3fr .9fr .7fr;align-items:end;height:520px;background:#faf9f6;padding-top:30px}.about-image-ribbon img:nth-child(1){height:76%}.about-image-ribbon img:nth-child(2){height:100%}.about-image-ribbon img:nth-child(3){height:65%}.about-image-ribbon img:nth-child(4){height:92%}.about-image-ribbon img:nth-child(5){height:58%}.about-image-ribbon img:nth-child(6){height:44%}.about-editorial a:focus-visible,.about-editorial button:focus-visible{outline:2px solid #f76200;outline-offset:6px}.about-reveal{transition:opacity .8s ease,translate .8s ease}.about-reveal.is-pending{opacity:0;translate:0 24px}
@media(min-width:1700px){.about-mosaic{height:820px}.about-mosaic .mosaic-image{height:425px}.about-mosaic-copy{top:210px}}
@media(max-width:1000px){.about-split-copy{padding:48px 24px}.about-mosaic{height:640px}.about-mosaic .mosaic-image{height:280px;width:20%}.mosaic-one{left:0;top:260px}.mosaic-two{left:10%;top:80px}.mosaic-four{right:10%;top:70px}.mosaic-five{right:0;top:270px}.about-mosaic-copy{top:160px;left:32%;width:36%}.about-mosaic-copy>p:not(.about-label){font-size:12px}.about-image-ribbon{height:380px}}
@media(max-width:600px){.about-split{grid-template-columns:1fr;min-height:0}.about-split-copy{padding:44px 20px}.about-split-copy>.about-label{margin-bottom:30px}.about-split h1{font-size:34px}.about-split .about-detail{width:170px;height:220px;margin-bottom:20px}.about-split-image{height:420px;min-height:0}.about-mosaic{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:46px 18px}.about-mosaic .mosaic-image{position:static;width:100%;height:180px;grid-column:auto}.about-mosaic .mosaic-one{margin-top:36px}.about-mosaic .mosaic-two{margin-top:0}.about-mosaic .mosaic-four{grid-column:auto;height:160px}.about-mosaic .mosaic-five{grid-column:auto;height:160px;margin-top:22px}.about-mosaic-copy{position:static;grid-column:1/-1;width:auto;padding-top:0;margin-bottom:16px}.about-mosaic-copy>p:not(.about-label){font-size:13px}.about-connect{padding:56px 24px 42px}.about-contact-links{grid-template-columns:1fr;gap:10px;margin-top:30px}.about-connect>p:not(.about-label){font-size:13px}.about-email{font-size:11px;gap:14px}.about-image-ribbon{height:250px;grid-template-columns:1fr 1.2fr 1fr 1.2fr}.about-image-ribbon img:nth-child(n+5){display:none}}
@media(prefers-reduced-motion:reduce){.about-reveal{transition:none}.about-reveal.is-pending{opacity:1;translate:none}}

/* Hold the opening split for four normal scroll steps before the next section. */
.about-split-pin.is-scroll-held{height:calc(var(--about-split-height) + var(--about-hold-distance))}
.about-split-pin.is-scroll-held>.about-split{position:sticky;top:var(--about-sticky-top)}

/* Contact demo: full-width artwork behind the copy, 950px tall. */
.about-connect{position:relative;isolation:isolate;min-height:950px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:#faf9f6}
.about-connect::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(250,249,246,.48),rgba(250,249,246,.88) 32%,rgba(250,249,246,.88) 68%,rgba(250,249,246,.38)),url('/assets/trades-clean-i-bg.png') center bottom/cover no-repeat}
.about-connect .about-contact-links{width:100%}
.about-connect .about-email{position:relative}
@media(max-width:600px){.about-connect{min-height:950px}.about-connect::before{background-size:auto,auto 100%;background-position:center,58% bottom}}

/* Center every image on the same horizontal axis, clear of the footer. */
.about-image-ribbon{align-items:center;grid-template-rows:minmax(0,1fr);height:490px;box-sizing:content-box;padding:30px 0 80px}
@media(max-width:1000px){.about-image-ribbon{height:350px}}
@media(max-width:600px){.about-image-ribbon{height:220px;padding-bottom:48px}}

/* The opening image is followed by four scroll-driven story changes. */
.about-split-copy{position:relative}
.about-split-image{overflow:hidden}
.about-story-controls{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px}
.about-story-controls[hidden]{display:none}
.about-story-controls button{display:grid;place-items:center;width:36px;height:32px;padding:0;border:1px solid #ffffff55;border-radius:3px;background:transparent;color:#ffffffb3;font-size:11px;line-height:1;cursor:pointer}
.about-story-controls button:hover{border-color:#fff;color:#fff}
.about-story-controls button[aria-pressed="true"]{background:#fff;border-color:#fff;color:#20231f}
@media(max-width:600px){.about-split.has-story-controls .about-split-copy{padding-bottom:80px}}

/* Dark contact artwork, with an 850px section height. */
.about-connect{min-height:850px;background:#111;color:#f5f3ef}
.about-connect::before{background-image:linear-gradient(180deg,rgba(8,9,10,.66),rgba(8,9,10,.86) 32%,rgba(8,9,10,.86) 68%,rgba(8,9,10,.72)),url('/assets/trades-clean-i-bg.png')}
.about-connect h2,.about-connect>p:not(.about-label),.about-connect .about-email a{color:#f5f3ef}
.about-connect .about-contact-links>a,.about-connect .about-contact-links>button{color:#f5f3ef;border-bottom-color:#ffffff70}
.about-connect .about-email button{color:#d0ceca}
.about-connect .about-contact-links>a:hover,.about-connect .about-contact-links>button:hover,.about-connect .about-email button:hover{color:#ff8a3d;border-color:#ff8a3d}

/* Keep moving artwork behind an opaque header throughout the intro. */
body>header,body>header.is-scrolled{background:#fff;backdrop-filter:none}