/* Katch-Up studio showcase preview: real projects, restrained motion, vector controls. */
:root{--showcase-paper:#f3eee7;--showcase-ink:#151515;--showcase-red:#f52227;--showcase-peach:#f7c9b2}
svg.ku-icon{width:20px!important;height:20px!important;min-width:20px;max-width:24px;max-height:24px;flex:0 0 20px}
.page-wipe{display:none!important}body.page-leaving{opacity:.98}
.ku-spotlights{background:var(--showcase-paper);padding:76px 6vw 90px;color:var(--showcase-ink)}
.ku-spotlight-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.ku-spotlight-heading h2{font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.06em;margin:18px 0 0;text-transform:uppercase}.ku-spotlight-heading h2 em{font-family:var(--font-serif,'DM Serif Display');font-weight:400;text-transform:none;color:var(--showcase-red)}.ku-spotlight-heading>p{max-width:320px;font-size:14px;line-height:1.7;color:#655f59}
.ku-spotlight-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.ku-spotlight-card{min-width:0}.ku-spotlight-media{display:block;aspect-ratio:16/10;overflow:hidden;border:1px solid #15151520;border-radius:16px;background:#181818;padding:18px;transition:transform .35s}.ku-spotlight-media img{width:100%;height:100%;object-fit:contain;border-radius:7px;transition:transform .5s}.ku-spotlight-media:hover img{transform:scale(1.025)}.ku-spotlight-caption{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding-top:20px}.ku-spotlight-caption p{margin:0 0 9px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#786f68}.ku-spotlight-caption h3{font-size:clamp(22px,2.4vw,35px);line-height:1.1;letter-spacing:-.04em;margin:0}.ku-spotlight-caption .link-arrow{width:20px;height:20px}.ku-spotlights>.work-all-link{color:var(--showcase-ink);border-color:#15151580}
.work-case[data-work-slug="franklin-chapel-obs-themes"] .work-case-media>img:not(.work-case-mark),.work-case[data-work-slug="franklin-chapel-custom-cms"] .work-case-media>img:not(.work-case-mark){object-fit:contain;padding:18px;background:#151515}
.ku-work-opening{padding:90px 6vw 42px;background:var(--showcase-paper);color:var(--showcase-ink)}.ku-work-opening h1{font-size:clamp(60px,8vw,118px);line-height:.9;letter-spacing:-.065em;text-transform:uppercase;margin:25px 0}.ku-work-opening em{font-family:var(--font-serif);font-weight:400;text-transform:none;color:var(--showcase-red)}.ku-work-opening>p:last-child{max-width:580px;font-size:16px;line-height:1.7}.ku-work-opening+.work-intro{display:none}.page-id-9 .work-archive{padding-top:30px}
body .ku-team{padding-top:84px}.ku-team .ku-founder-section{padding:70px 0 80px!important;background:var(--showcase-paper)}.ku-team .ku-founder{grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.ku-team .ku-founder-media{border-radius:18px;overflow:hidden;aspect-ratio:4/5;max-height:650px}.ku-team .ku-founder-copy h1{font-size:clamp(65px,7.7vw,112px);line-height:.91;letter-spacing:-.065em;text-transform:uppercase;margin:24px 0}.ku-team .ku-founder-copy h1 em{font-family:var(--font-serif);font-weight:400;text-transform:none;color:var(--showcase-red)}
.ku-journal-heading{padding:65px 6vw 35px;background:var(--showcase-paper);color:var(--showcase-ink)}.ku-journal-heading h1{font-size:clamp(48px,6vw,84px);line-height:.95;letter-spacing:-.06em;margin:20px 0;text-transform:uppercase}.ku-journal-heading h1 em{font-family:var(--font-serif);font-weight:400;text-transform:none;color:var(--showcase-red)}.ku-journal-heading>p:last-child{max-width:600px;font-size:15px;line-height:1.7;margin:0}.ku-journal .ku-section-top{padding-top:28px!important;padding-bottom:22px!important}.ku-journal .ku-story-art{border-radius:16px;border-bottom:0!important}.ku-journal .ku-stories{padding-top:10px}.ku-journal .ku-story:first-child{gap:4vw!important}.ku-journal .ku-story-art::after{width:24px!important;height:24px!important}.ku-journal .ku-story:first-child h2{font-size:clamp(30px,3.3vw,47px)}
/* OBS: a wall of real slides flowing into a sticky cinematic screen. */
.case-obs .case-hero{height:auto;min-height:0;background:#151515;padding:82px 6vw 65px}.case-obs .case-hero>img,.case-obs .case-hero-shade{display:none}.case-obs .case-hero-content{position:relative;inset:auto;max-width:1040px;padding:0}.case-obs .case-hero h1{font-size:clamp(70px,10vw,148px);margin:24px 0;letter-spacing:-.07em;line-height:.9}.case-obs .case-hero-content>p:last-of-type{max-width:620px;color:#c9c1bd;font-size:16px;line-height:1.7}.case-obs .case-scroll{margin-top:25px}.case-obs .obs-showcase,.case-obs .case-gallery{display:none}.case-obs .case-intro{padding-top:70px;padding-bottom:65px}
.obs-experience{background:#101011;color:#f6f0e9;overflow:clip;padding:55px 0 0}.obs-opening{max-width:900px;margin:0 auto;text-align:center;padding:0 6vw 40px}.obs-opening>.section-label{color:var(--showcase-peach)}.obs-opening h2{font-size:clamp(45px,6.3vw,88px);line-height:.96;letter-spacing:-.055em;margin:25px 0;text-transform:uppercase}.obs-opening h2 em,.obs-finish h3 em{font-family:var(--font-serif);font-weight:400;text-transform:none;color:var(--showcase-peach)}.obs-opening>p:last-child{max-width:550px;margin:25px auto 0;color:#b7b0ad;font-size:16px;line-height:1.75}
.obs-wall{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1220px;margin:15px auto 65px;padding:0 4vw;transform:perspective(1200px) rotateX(5deg) rotateZ(-2deg)}.obs-wall figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid #ffffff30;box-shadow:0 20px 65px #0008}.obs-wall figure:nth-child(even){transform:translateY(28px)}.obs-wall img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}
.obs-scene-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:24px 5vw 10px}.obs-scene-nav button{font:inherit;font-size:11px;font-weight:600;line-height:1.3;color:#d7cfcb;background:#ffffff09;border:1px solid #ffffff30;border-radius:99px;padding:12px 17px;cursor:pointer;transition:background .2s,color .2s}.obs-scene-nav button[aria-pressed=true]{background:var(--showcase-peach);border-color:var(--showcase-peach);color:#151515}.obs-scene-nav button:focus-visible,.obs-open-image:focus-visible,.obs-finish a:focus-visible{outline:2px solid var(--showcase-peach);outline-offset:5px}
.obs-scroll{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.65fr 1fr;gap:6vw;position:relative;padding:0 5vw 90px;--obs-progress:0}
.obs-stage{position:sticky;top:max(100px,calc(50vh - 210px));align-self:start;padding-top:50px;min-width:0;z-index:2}
.obs-screen{position:relative;aspect-ratio:16/9;width:100%;border:7px solid #28272a;border-radius:17px;box-shadow:0 0 0 1px #ffffff30,0 35px 90px #000b;background:#050505;overflow:hidden;transform:scale(calc(.93 + var(--obs-progress)*.07));transition:transform .15s linear}
.obs-screen-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(1.025);transition:opacity .55s ease,transform .8s ease}.obs-screen-image.is-active{opacity:1;transform:scale(1)}
.obs-now{font-size:12px;font-weight:600;color:var(--showcase-peach);text-align:center;margin:24px 0 8px}.obs-scroll-hint{font-size:11px;color:#938c8a;text-align:center;margin:0}
.obs-static-image{display:none}
.obs-chapter{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:70px 0;opacity:.4;transition:opacity .4s}.obs-chapter:first-child{min-height:68vh}.obs-chapter.is-current{opacity:1}.obs-chapter[id]{scroll-margin-top:100px}.obs-chapter .section-label{color:var(--showcase-peach);font-size:10px;letter-spacing:.13em}.obs-chapter h3{font-size:clamp(29px,3.2vw,45px);line-height:1.05;letter-spacing:-.045em;margin:22px 0;color:#fff}.obs-chapter>p:not(.section-label){font-size:15px;line-height:1.8;color:#b9b1ad}.obs-open-image{display:inline-flex;align-items:center;gap:14px;width:max-content;color:#f7c9b2;font-size:12px;margin-top:18px}.obs-open-image svg,.obs-finish a svg{width:18px;height:18px;flex:0 0 18px}
.obs-finish{text-align:center;border-top:1px solid #ffffff20;padding:70px 6vw 90px;background:radial-gradient(ellipse at bottom,#582c4633,transparent 65%)}.obs-finish>.section-label{color:var(--showcase-peach)}.obs-finish h3{font-size:clamp(45px,6vw,82px);line-height:1;letter-spacing:-.05em;text-transform:uppercase;margin:24px 0}.obs-finish>p:last-of-type{max-width:600px;margin:25px auto;color:#c1b7b1;font-size:15px;line-height:1.8}.obs-finish a{display:inline-flex;gap:22px;align-items:center;border:1px solid #f7c9b270;padding:17px 22px;border-radius:99px;margin-top:15px;font-size:12px}
@media(max-width:760px){body .ku-team{padding-top:78px}.ku-spotlights{padding:48px 6vw 60px}.ku-spotlight-heading{display:block}.ku-spotlight-heading>p{margin-top:25px}.ku-spotlight-grid{grid-template-columns:1fr;gap:35px}.ku-spotlight-media{aspect-ratio:16/10;padding:10px}.ku-spotlight-caption h3{font-size:25px}.ku-work-opening{padding-top:55px}.ku-work-opening h1{font-size:17vw}.ku-team .ku-founder-section{padding-top:35px!important}.ku-team .ku-founder{grid-template-columns:1fr;gap:35px}.ku-team .ku-founder-media{aspect-ratio:4/5;max-height:480px}.ku-team .ku-founder-copy h1{font-size:21vw}.ku-journal-heading{padding-top:42px}.ku-journal-heading h1{font-size:13vw}.ku-journal .ku-story:first-child{gap:26px!important}.case-obs .case-hero{padding:48px 6vw}.case-obs .case-hero h1{font-size:21vw}.obs-experience{padding-top:25px}.obs-opening h2{font-size:12vw}.obs-opening>p:last-child{font-size:14px}.obs-wall{gap:10px;padding:0 4vw;margin-bottom:35px}.obs-wall figure{border-radius:7px}.obs-wall figure:nth-child(even){transform:translateY(14px)}.obs-scene-nav{gap:7px;padding-bottom:18px}.obs-scene-nav button{padding:10px 12px;font-size:10px}.obs-scroll{display:block;padding:0 6vw 45px}.obs-stage{top:76px;padding:20px 0 18px;background:#101011;box-shadow:0 20px 25px #101011;z-index:3}.obs-screen{border-width:4px;border-radius:10px;transform:none}.obs-now{margin-top:16px}.obs-scroll-hint{font-size:10px}.obs-chapter,.obs-chapter:first-child{min-height:68vh;padding:35px 0 75px;max-width:480px}.obs-chapter h3{font-size:34px}.obs-chapter>p:not(.section-label){font-size:14px}.obs-finish{padding:50px 6vw}.obs-finish h3{font-size:12vw}}
@media(prefers-reduced-motion:reduce){.obs-scroll{display:block;max-width:900px}.obs-static-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:10px;margin-bottom:24px}.obs-stage{display:none}.obs-wall{transform:none}.obs-screen,.obs-screen-image{transform:none!important;transition:none!important}.obs-chapter{opacity:1;transition:none}.ku-spotlight-media,.ku-spotlight-media img{transition:none;transform:none!important}.obs-stage{position:relative;top:auto}.obs-chapter,.obs-chapter:first-child{min-height:0;padding:35px 0}.obs-screen-image:not(.is-active){display:none}}