.studioApproachSection{--studio-story-inset:42px;--studio-story-shift:0px;--studio-story-progress:0;border-inline:1px solid var(--border);padding-bottom:2em;position:relative}.studioApproachViewportHeight{visibility:hidden;pointer-events:none;width:0;height:100svh;position:absolute;top:0;left:0}.studioApproachLead{padding:72px var(--studio-story-inset) 32px}.studioApproachStage{min-width:0;padding-inline:var(--studio-story-inset)}.studioApproachHeadingRow{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;display:flex}.studioApproachContext{color:#adbdc9;align-items:center;gap:12px;font-size:9px;display:flex}.studioApproachContext span{color:var(--cyan)}.studioApproachIntroduction{justify-content:space-between;align-items:flex-end;gap:28px;margin-top:32px;display:flex}.studioApproachHeadingCopy{min-width:0}.studioApproachHeading{letter-spacing:-.055em;font-size:clamp(32px,4.3vw,58px);font-weight:550;line-height:1.13}.studioApproachHeading span{color:var(--cyan)}.studioApproachHeadingCopy>p{color:#bdccd6;max-width:590px;margin-top:18px;font-size:14px;line-height:1.8}.studioApproachAbout{flex-shrink:0;gap:12px;font-size:12px}.studioApproachAboutPath{color:var(--cyan);font:10px var(--mono)}.studioApproachAbout>.studioIcon{width:20px;height:20px;color:var(--cyan);transition:transform .2s}.studioApproachNavigation{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.studioApproachChapter.studioNote{min-width:0;min-height:50px;color:var(--muted);font:12px var(--font);text-align:left;background:0 0;flex-direction:row;align-items:center;gap:12px;padding:12px 16px;transition:color .2s;display:flex}.studioApproachChapterNumber{color:#8ca4b5;font:10px var(--mono)}.studioApproachChapter.studioNote>.studioIcon{width:15px;height:15px;color:var(--cyan);flex-shrink:0;align-self:center;margin-left:auto}.studioApproachChapter.studioNote:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.studioApproachChapter[aria-current=step]{--studio-note-border:var(--cyan);--studio-note-background:#10263173;color:var(--paper)}.studioApproachChapter[aria-current=step] .studioApproachChapterNumber{color:var(--cyan)}.studioApproachProgress{background:var(--border);height:1px;margin-top:18px;overflow:hidden}.studioApproachProgress span{background:var(--cyan);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--studio-story-progress));display:block}.studioApproachViewport{scrollbar-width:thin;scrollbar-color:var(--cyan) #0c1b28;min-width:0;margin-top:18px;overflow:auto hidden}.studioApproachViewport:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.studioApproachTrack{width:max-content;min-width:100%;transform:translate3d(var(--studio-story-shift), 0, 0);align-items:stretch;gap:20px;display:flex}.studioApproachCard.studioNote{--studio-story-card-inset:30px;width:clamp(370px,48vw,580px);min-width:0;min-height:0;padding:var(--studio-story-card-inset);scroll-snap-align:start;flex-shrink:0;gap:18px}.studioApproachCard[data-active=true]{--studio-note-border:var(--cyan);--studio-note-background:#10263173}.studioApproachCardTop{top:calc(var(--studio-story-card-inset) + 14px);left:calc(var(--studio-story-card-inset) + 16px);right:calc(var(--studio-story-card-inset) + 16px);z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute}.studioApproachCardLabel{color:var(--paper);text-shadow:0 1px 8px #020b13;align-items:center;gap:10px;font-size:10px;display:inline-flex}.studioApproachCardLabel .studioIcon{width:18px;height:18px;color:var(--cyan)}.studioApproachCardNumber{color:var(--cyan);letter-spacing:-.07em;text-shadow:0 1px 12px #020b13;font-size:40px;font-weight:500;line-height:1}.studioApproachCardMedia.studioNoteMedia{aspect-ratio:16/7;background:0 0;flex-shrink:0;width:100%;margin-top:0;position:relative;overflow:hidden}.studioApproachCardImage{object-fit:cover;width:100%;height:100%;display:block}.studioApproachCard.studioNote h3{letter-spacing:-.055em;max-width:440px;margin:0;font-size:clamp(23px,2.2vw,32px);font-weight:550;line-height:1.24}.studioApproachCard.studioNote p{max-width:500px;color:var(--muted);margin:0;font-size:13px;line-height:1.85}.studioApproachCardMeta{border-top:1px solid var(--border);color:#a9c1d1;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:auto;padding-top:18px;font-size:9px;line-height:1.6;display:flex}.studioApproachCardMeta>span:last-child{color:var(--cyan);white-space:nowrap}.studioApproachFooter{color:#c2d1db;justify-content:space-between;align-items:center;gap:18px;margin-top:16px;font-size:10px;line-height:1.6;display:flex}.studioApproachFooterDivider{color:var(--cyan);padding-inline:7px}.studioApproachFooterChapter{color:#91aabb;margin-left:16px}.studioApproachSection[data-scroll-story=true]{height:calc(var(--studio-story-lead) + var(--studio-story-height) + var(--studio-story-travel))}.studioApproachSection[data-scroll-story=true] .studioApproachStage{top:var(--studio-story-top);height:var(--studio-story-available-height);flex-direction:column;display:flex;position:sticky}.studioApproachSection[data-scroll-story=true] .studioApproachNavigation,.studioApproachSection[data-scroll-story=true] .studioApproachProgress,.studioApproachSection[data-scroll-story=true] .studioApproachFooter{flex-shrink:0}.studioApproachSection[data-scroll-story=true] .studioApproachViewport{scroll-snap-type:none;flex:1;min-height:0;overflow-x:clip}.studioApproachSection[data-scroll-story=true] .studioApproachTrack{will-change:transform;height:100%}.studioApproachSection[data-scroll-story=true] .studioApproachCardMedia{flex:1;min-height:104px}@media (width>=1001px) and (hover:hover) and (pointer:fine){.studioApproachCard.studioNote{--studio-story-card-inset:clamp(20px, 2.6svh, 30px);gap:clamp(14px,1.8svh,18px)}.studioApproachCardMedia.studioNoteMedia{aspect-ratio:auto;height:104px}}@media (hover:hover) and (pointer:fine){.studioApproachChapter:hover{color:var(--paper)}.studioApproachAbout:hover>.studioIcon{transform:translate(2px,-2px)}}@media (width<=1000px){.studioApproachSection{--studio-story-inset:28px}.studioApproachLead{padding-block:56px 28px}.studioApproachStage{padding-bottom:28px}.studioApproachIntroduction{flex-wrap:wrap;gap:18px}.studioApproachAbout{padding-block:8px}.studioApproachCard.studioNote{width:min(560px,100vw - 150px)}}@media (width<=600px){.studioApproachSection{--studio-story-inset:24px}.studioApproachContext{display:none}.studioApproachHeadingRow{padding-bottom:20px}.studioApproachIntroduction{margin-top:26px}.studioApproachViewport{scroll-snap-type:x mandatory}.studioApproachHeadingCopy>p{font-size:13px}.studioApproachNavigation{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.studioApproachChapter.studioNote{flex-direction:column;justify-content:center;gap:4px;min-height:52px;padding:8px 4px;font-size:10px}.studioApproachChapterNumber{display:none}.studioApproachChapter.studioNote>span:not(.studioApproachChapterNumber){text-align:center;overflow-wrap:anywhere;max-width:100%}.studioApproachChapter.studioNote>.studioIcon{order:-1;width:13px;height:13px;margin-left:0}.studioApproachCard.studioNote{--studio-story-card-inset:24px;gap:20px;width:calc(100vw - 108px)}.studioApproachCardNumber{font-size:34px}.studioApproachCard.studioNote h3{font-size:25px}.studioApproachCardMeta{flex-direction:column;gap:8px}.studioApproachFooter{align-items:flex-start}.studioApproachFooterChapter{display:none}}@media (width<=1000px) and (prefers-reduced-motion:no-preference){.studioApproachCard.studioNote{--studio-story-card-inset:16px;gap:12px}.studioApproachCardMedia.studioNoteMedia{aspect-ratio:auto;height:80px}.studioApproachCard.studioNote h3{font-size:23px}.studioApproachCard.studioNote p{font-size:12px;line-height:1.7}.studioApproachCardMeta{flex-direction:row;gap:6px 12px;padding-top:12px}}@media (width<=600px) and (prefers-reduced-motion:no-preference){.studioApproachStage{padding-bottom:16px}.studioApproachCard.studioNote{width:var(--studio-story-card-width,calc(100vw - 98px))}.studioApproachSection[data-scroll-story=true] .studioApproachCardMedia{min-height:80px}}@media (prefers-reduced-motion:reduce){.studioApproachTrack{transform:none}.studioApproachCard:before,.studioApproachChapter.studioNote,.studioApproachAbout>.studioIcon{transition:none}.studioApproachAbout:hover>.studioIcon{transform:none}}