@layer components{.scroll-scrub{--ss-progress:0;isolation:isolate;color:var(--ss-ink);background:var(--ss-bg);position:relative}.scroll-scrub__stage{z-index:0;background:var(--ss-bg);width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.scroll-scrub__media,.scroll-scrub__layer,.scroll-scrub__picture,.scroll-scrub__poster,.scroll-scrub__video{width:100%;height:100%;position:absolute;inset:0}.scroll-scrub__media{z-index:0}.scroll-scrub__layer{opacity:0;will-change:opacity;margin:0;overflow:hidden}.scroll-scrub__layer:first-child{opacity:1}.scroll-scrub__poster,.scroll-scrub__video{object-fit:cover;object-position:var(--ss-object-position);display:block}.scroll-scrub__poster{z-index:0}.scroll-scrub__video{z-index:1}.scroll-scrub__layer[data-video-painted=true] .scroll-scrub__poster{visibility:hidden}.scroll-scrub__overlay{z-index:1000;pointer-events:none;height:100dvh;margin-top:-100dvh;position:sticky;top:0}.scroll-scrub__progress{z-index:5;background:color-mix(in srgb, var(--ss-ink) 14%, transparent);pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.scroll-scrub__progress-fill{background:var(--ss-accent);width:100%;height:100%;transform:scaleX(var(--ss-progress));transform-origin:0;display:block}.scroll-scrub__route{z-index:6;pointer-events:auto;justify-content:flex-end;gap:.25rem;display:flex;position:absolute;top:clamp(1rem,3vw,2rem);left:clamp(1rem,4vw,4rem);right:clamp(1rem,4vw,4rem)}.scroll-scrub__route-button{min-height:2.75rem;color:var(--ss-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:.65rem .9rem}.scroll-scrub__route-button:hover,.scroll-scrub__route-button[aria-current=step]{color:var(--ss-ink)}.scroll-scrub__route-button[aria-current=step]{text-decoration:underline;-webkit-text-decoration-color:var(--ss-accent);text-decoration-color:var(--ss-accent);text-underline-offset:.3em;text-decoration-thickness:.15em}.scroll-scrub__route-button:focus-visible{outline:2px solid var(--ss-accent);outline-offset:3px}.scroll-scrub__story{z-index:3;pointer-events:none;margin-top:-100dvh;position:relative}.scroll-scrub__chapter,.scroll-scrub__connector-band{position:relative}.scroll-scrub__chapter-pin{pointer-events:none;align-items:center;min-height:100dvh;padding:clamp(5rem,9vw,8rem) clamp(1.25rem,6vw,6rem);display:flex;position:sticky;top:0}.scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin{justify-content:flex-end}.scroll-scrub__copy{pointer-events:auto;width:min(40rem,48vw);position:relative}.scroll-scrub__copy:before{z-index:-1;content:"";background:radial-gradient(ellipse at center, color-mix(in srgb, var(--ss-bg) 88%, transparent) 0%, color-mix(in srgb, var(--ss-bg) 58%, transparent) 52%, transparent 76%);pointer-events:none;position:absolute;inset:-3rem -5rem}.scroll-scrub__kicker{max-width:30ch;color:var(--ss-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:.8rem;font-weight:700}.scroll-scrub__title{max-width:13ch;color:var(--ss-ink);font:inherit;letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.75rem,6vw,6.75rem);font-weight:700;line-height:.94}.scroll-scrub__body{max-width:42ch;color:var(--ss-muted);margin:1.5rem 0 0;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.55}.scroll-scrub__tags{flex-wrap:wrap;gap:.55rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.scroll-scrub__tags li{border:1px solid color-mix(in srgb, var(--ss-ink) 20%, transparent);color:var(--ss-ink);padding:.45rem .7rem;font-size:.82rem}.scroll-scrub__actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}@media (max-width:860px){.scroll-scrub__poster,.scroll-scrub__video{object-position:var(--ss-mobile-position)}.scroll-scrub__route{right:max(.75rem, env(safe-area-inset-right));left:max(.75rem, env(safe-area-inset-left));overscroll-behavior-x:contain;scrollbar-width:thin;justify-content:flex-start;overflow-x:auto}.scroll-scrub__route-button{flex:none}.scroll-scrub__chapter-pin,.scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin{padding:6.5rem max(1.25rem, env(safe-area-inset-right)) calc(4rem + env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));justify-content:flex-start;align-items:flex-end}.scroll-scrub__copy{width:min(100%,36rem)}.scroll-scrub__copy:before{background:linear-gradient(to top, var(--ss-bg) 0%, color-mix(in srgb, var(--ss-bg) 82%, transparent) 58%, transparent 100%);inset:-3rem -2rem}.scroll-scrub__title{max-width:14ch;font-size:clamp(2.3rem,11vw,4.5rem)}}@media (prefers-reduced-motion:reduce){.scroll-scrub__chapter{min-height:100dvh!important}.scroll-scrub__connector-band{display:none}.scroll-scrub__progress-fill{transition:none}}}
@layer components{.journey-section{padding-bottom:clamp(75px,9vw,130px);overflow:hidden}.journey-intro{padding-bottom:42px}.journey-carousel{--journey-gutter:max(24px, 6vw);position:relative}.journey-controls{justify-content:space-between;align-items:center;gap:24px;padding-top:0;padding-bottom:22px;display:flex}.journey-hint{color:var(--kit-muted);font-size:15px}.journey-buttons{align-items:center;gap:10px;display:flex}.journey-count{min-width:68px;color:var(--kit-ink);margin-right:12px;font-size:14px}.journey-buttons button{cursor:pointer;background:#ffffff73;border:1px solid #6c464e40;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;line-height:1;transition:background .2s,transform .2s;display:grid}.journey-buttons button svg{width:20px;height:20px;display:block}.journey-buttons button:hover:not(:disabled){background:#44cf6c;transform:translateY(-2px)}.journey-buttons button:disabled{opacity:.35;cursor:not-allowed}.journey-track{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--journey-gutter);padding:0 var(--journey-gutter) 24px;scrollbar-width:none;gap:clamp(16px,2vw,32px);display:flex;position:relative;overflow-x:auto}.journey-track::-webkit-scrollbar{display:none}.journey-track:focus-visible{outline-offset:-4px;outline:3px solid #44cf6c}.journey-card{scroll-snap-align:start;background:linear-gradient(145deg,#ffffffc2,#ffffff57);border:1px solid #6c464e1f;border-radius:30px;flex-direction:column;flex:0 0 min(1110px,86vw);min-height:550px;padding:clamp(24px,3.2vw,46px);display:flex;box-shadow:0 22px 54px #6c464e0e}.journey-card-head{border-bottom:1px solid #6c464e1f;justify-content:space-between;align-items:center;gap:24px;padding-bottom:25px;display:flex}.journey-brand{align-items:center;gap:16px;min-width:0;display:flex}.journey-logo{background:#fff;border-radius:12px;flex:0 0 104px;place-items:center;width:104px;height:58px;padding:8px;display:grid}.journey-logo img{object-fit:contain;width:100%;height:100%}.journey-company-block{flex-direction:column;gap:2px;min-width:0;display:flex}.journey-role{color:var(--kit-muted);font-size:12px;line-height:1.2}.journey-company{color:var(--kit-ink);font-size:clamp(14px,1.25vw,18px);font-weight:500;line-height:1.25}.journey-year{white-space:nowrap;color:var(--kit-ink);font-size:clamp(19px,2vw,30px);line-height:1}.journey-card-main{flex:1;grid-template-columns:.86fr 1.14fr;align-items:center;gap:clamp(28px,5vw,76px);padding-top:28px;display:grid}.journey-index{letter-spacing:.17em;text-transform:uppercase;color:#57865d;margin-bottom:16px;font-size:12px;display:inline-block}.journey-card h3{letter-spacing:-.045em;max-width:12ch;font-size:clamp(35px,4.1vw,62px);line-height:1.02}.journey-caption{max-width:30ch;color:var(--kit-muted);margin-top:20px;font-size:clamp(16px,1.4vw,19px);line-height:1.5}.journey-card-lists{gap:25px;padding:6px 0;display:grid}.journey-card-lists>div{padding-left:23px;position:relative}.journey-card-lists>div:before{content:"";background:#6c464e;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:0}.journey-card-lists>.journey-achievements:before{background:#44cf6c;box-shadow:0 0 0 5px #44cf6c24}.journey-card h4{letter-spacing:.11em;text-transform:uppercase;color:var(--kit-ink);margin:0 0 9px;font-size:13px;font-weight:500}.journey-card ul{margin:0;padding-left:18px}.journey-card li{color:var(--kit-muted);margin:6px 0;padding-left:2px;font-size:clamp(14px,1.14vw,16px);line-height:1.48}.journey-card li::marker{color:#9e8e93}.journey-achievements li::marker{color:#44cf6c}.journey-rail{margin:26px var(--journey-gutter) 0;border-top:2px solid #6c464e24;justify-content:space-between;align-items:flex-start;gap:5px;padding-top:0;display:flex}.journey-rail button{cursor:pointer;text-align:left;color:var(--kit-muted);background:0 0;border:0;flex:1;justify-items:start;gap:12px;padding:0 0 10px;display:grid;position:relative}.journey-rail-dot{background:#c7bfc3;border:2px solid #eeeef1;border-radius:50%;width:12px;height:12px;margin-top:-7px;transition:transform .2s,background .2s}.journey-rail button.is-active .journey-rail-dot{background:#44cf6c;transform:scale(1.4)}.journey-rail-year{white-space:nowrap;font-size:11px}.journey-rail button.is-active .journey-rail-year{color:var(--kit-ink);font-weight:500}@media (max-width:860px){.journey-intro{padding-bottom:20px}.journey-controls{padding:0 24px 18px}.journey-hint{max-width:19ch;font-size:13px}.journey-buttons{gap:5px}.journey-count{min-width:53px;margin-right:2px;font-size:12px}.journey-buttons button{width:38px;height:38px;font-size:20px}.journey-card{border-radius:22px;flex-basis:calc(100vw - 48px);min-height:0;padding:22px}.journey-card-head{gap:10px;padding-bottom:18px}.journey-brand{gap:10px}.journey-logo{flex-basis:62px;width:62px;height:48px;padding:5px}.journey-company{font-size:12px}.journey-year{font-size:14px}.journey-card-main{grid-template-columns:1fr;align-items:start;gap:20px;padding-top:24px}.journey-index{margin-bottom:9px}.journey-card h3{font-size:clamp(30px,8vw,42px)}.journey-caption{margin-top:10px;font-size:15px}.journey-card-lists{gap:18px}.journey-card li{font-size:13px;line-height:1.45}.journey-rail{scrollbar-width:none;gap:0;margin-top:21px;padding-bottom:2px;overflow-x:auto}.journey-rail button{min-width:78px}.journey-rail-year{font-size:10px}}@media (prefers-reduced-motion:reduce){.journey-track{scroll-behavior:auto}.journey-buttons button:hover:not(:disabled){transform:none}}}
@layer components{.work{z-index:3;background:#eeeef1;max-width:none;padding-top:clamp(100px,10vw,160px);padding-bottom:clamp(100px,10vw,160px);position:relative}.work-heading{text-align:center;max-width:780px;margin:0 auto clamp(50px,6vw,90px)}.work-heading .eyebrow{margin-bottom:20px}.work-heading h2{max-width:14ch;margin:0 auto 20px}.section-intro{max-width:51ch;color:var(--kit-muted);margin:0 auto;font-size:clamp(17px,1.5vw,20px)}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(16px,2vw,30px);max-width:1320px;margin:0 auto;display:grid}.project{background:#ffffffc7;border:1px solid #6c464e1f;border-radius:26px;flex-direction:column;min-width:0;margin:0;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 46px #6c464e0b}.project:hover{transform:translateY(-6px);box-shadow:0 25px 54px #6c464e17}.project-index{z-index:2;color:var(--kit-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc4;border:1px solid #ffffffb3;border-radius:999px;padding:7px 11px;font-size:12px;line-height:1;position:absolute;top:17px;right:17px}.project-visual{background:linear-gradient(135deg,#e4ece5,#e9e5e9);order:-1;height:clamp(245px,23vw,330px);padding:0;display:block;overflow:hidden}.project-featured .project-visual{background:linear-gradient(135deg,#e3e9de,#f1e8df)}.project-wide .project-visual{background:linear-gradient(135deg,#e0e7f0,#e8e2eb)}.project-independent .project-visual{background:linear-gradient(135deg,#e9f2e8,#f2e9df)}.project-image{object-fit:cover;object-position:center top;width:100%;max-width:none;height:100%;transition:transform .55s;display:block}.project-featured .project-image{object-position:40% 0}.project-wide .project-image{object-position:0 0}.project-independent .project-image{object-position:56% 0}.project:hover .project-image{transform:scale(1.045)}.project-copy{flex-direction:column;flex:1;min-width:0;padding:clamp(25px,2.4vw,38px);display:flex}.project-category{color:#57865d;text-transform:uppercase;letter-spacing:.11em;margin:0 0 14px;font-size:12px}.project-copy h3{margin:0 0 17px;font-size:clamp(28px,2.4vw,38px);line-height:1.08}.project-copy>p:not(.project-category){color:var(--kit-muted);margin:0 0 18px;font-size:16px;line-height:1.52}.project details{border-top:1px solid #6c464e29;margin-top:auto;padding:15px 0 0}.project summary{cursor:pointer;color:var(--kit-ink);justify-content:space-between;gap:20px;font-size:14px;list-style:none;display:flex}.project summary::-webkit-details-marker{display:none}.project summary span{transition:transform .2s}.project details[open] summary span{transform:rotate(45deg)}.project details p{color:var(--kit-muted);margin:12px 0 0;font-size:14px;line-height:1.5}.project-link{min-height:40px;color:var(--kit-ink);align-self:flex-start;align-items:center;gap:10px;margin-top:auto;padding-top:14px;font-size:15px;display:inline-flex}.project details+.project-link{margin-top:14px}.project-link:hover .arrow-circle{background:#44cf6c;transform:translate(4px,-4px)}.approach{background:#f9f8f8;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(48px,8vw,130px);max-width:none;padding-top:clamp(95px,10vw,160px);padding-bottom:clamp(100px,10vw,160px);display:grid}.principles{background:linear-gradient(145deg,#e8f2e9,#f5ece8 65%,#eee8ef);border-radius:30px;justify-self:end;gap:14px;width:100%;max-width:570px;padding:clamp(18px,2.8vw,34px);display:grid}.principle{background:#ffffffdb;border:1px solid #6c464e13;border-radius:18px;grid-template-columns:55px 1fr;align-items:center;gap:17px;min-height:104px;padding:18px 22px;display:grid;box-shadow:0 9px 25px #6c464e0b}.principle-number{color:#3b8e52;background:#e8f9ed;border-radius:50%;place-items:center;width:47px;height:47px;font-size:15px;font-weight:500;display:grid}.principle h3{margin:0 0 3px;font-size:clamp(21px,2vw,27px);line-height:1.1}.principle p{color:var(--kit-muted);margin:0;font-size:14px;line-height:1.42}.approach-copy{max-width:530px}.approach-copy .eyebrow{margin-bottom:18px}.approach-copy h2{margin-bottom:24px;font-size:clamp(47px,5vw,77px);line-height:1}.approach-period{color:#44cf6c}.approach-copy>p:not(.eyebrow){max-width:46ch;color:var(--kit-muted);margin-bottom:15px;font-size:clamp(16px,1.35vw,19px)}.approach-cta{background:#fff;border:1px solid #6c464e29;border-radius:999px;align-items:center;gap:12px;margin-top:16px;padding:6px 6px 6px 20px;font-size:16px;display:inline-flex;box-shadow:0 10px 25px #6c464e0f}.approach-cta .arrow-circle{background:#44cf6c;border-color:#44cf6c}.approach-cta:hover .arrow-circle{transform:translate(3px,-3px)}@media (max-width:1020px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project:last-child{grid-column:1/-1;justify-self:center;width:min(100%,50% - 12px)}.approach{grid-template-columns:1fr 1fr;gap:42px}}@media (max-width:760px){.work{padding-top:86px;padding-bottom:95px}.work-heading{margin-bottom:40px}.work-heading h2{font-size:clamp(37px,9vw,52px)}.work-grid{grid-template-columns:1fr;gap:22px}.project:last-child{grid-column:auto;width:100%}.project-visual{height:clamp(225px,64vw,310px)}.project-copy{padding:26px}.project-copy h3{font-size:30px}.approach{grid-template-columns:1fr;gap:38px;padding-top:85px;padding-bottom:95px}.approach-copy{grid-row:1}.approach-copy h2{font-size:clamp(43px,10vw,61px)}.principles{border-radius:23px;max-width:none;padding:14px}.principle{grid-template-columns:47px 1fr;gap:12px;min-height:94px;padding:15px}.principle-number{width:42px;height:42px;font-size:13px}.principle h3{font-size:22px}}@media (prefers-reduced-motion:reduce){.project,.project-image,.project-link .arrow-circle{transition:none}.project:hover,.project:hover .project-image{transform:none}}}