/* FKC project photography, composed as a continuous studio visit. */
.fkc .studio-feature [hidden],.fkc .studio-hero-controls [hidden]{display:none!important}
.fkc .studio-feature{min-width:0}
.fkc .studio-project-choices{display:flex;gap:var(--s-3);border-bottom:1px solid var(--c-line);margin-bottom:var(--s-4);align-items:stretch}
.fkc .studio-project-choices button{flex:1;min-width:0;appearance:none;background:transparent;color:var(--c-muted);border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:.8rem 0 1rem;font:inherit;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;line-height:1.4;transition:color .2s,border-color .2s}
.fkc .studio-project-choices button[aria-pressed=true]{color:var(--c-ink);border-color:var(--c-action)}
.fkc .studio-project-choices button:hover{color:var(--c-action)}
.fkc .studio-feature__grid{display:grid;grid-template-columns:minmax(0,7.5fr) minmax(0,4.5fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}
.fkc .studio-feature__visual{display:grid;gap:var(--s-2);margin:0;min-width:0}
.fkc .studio-feature__frame{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--c-line);isolation:isolate}
.fkc .studio-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.fkc .studio-feature__frame .studio-photo{position:absolute;inset:0}
.fkc .studio-feature__visual figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.75rem;line-height:1.5;color:var(--c-muted)}
.fkc .studio-photo-choices{display:flex;gap:.75rem;flex-wrap:wrap}
.fkc .studio-photo-choices button{position:relative;appearance:none;border:2px solid transparent;border-radius:var(--r);background:none;padding:3px;cursor:pointer;min-height:3.5rem;width:5.5rem}
.fkc .studio-photo-choices button[aria-pressed=true]{border-color:var(--c-action)}
.fkc .studio-photo-choices img{display:block;width:100%;height:3.5rem;object-fit:cover}
.fkc .studio-feature__story{display:grid;gap:var(--s-3);padding-top:.25rem;align-content:start}
.fkc .studio-feature__story :is(h2,h3){font-size:clamp(1.875rem,3.2vw,3.25rem);font-weight:800;letter-spacing:-.035em;line-height:1.06;max-width:17ch;text-wrap:balance}
.fkc .studio-feature__summary{font-size:1rem;color:var(--c-muted);line-height:1.55;max-width:49ch}
.fkc .studio-feature__facts{display:grid;margin:0;border-top:1px solid var(--c-line)}
.fkc .studio-feature__facts>div{display:grid;gap:.45rem;padding-block:1rem;border-bottom:1px solid var(--c-line)}
.fkc .studio-feature__facts dt{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600;color:var(--c-action)}
.fkc .studio-feature__facts dd{font-size:.9375rem;line-height:1.55;color:var(--c-ink);margin:0;max-width:48ch}
.fkc .studio-feature__consider{font-size:.875rem;color:var(--c-muted);line-height:1.55;max-width:48ch}
.fkc .studio-feature__links{display:flex;align-items:center;gap:.75rem 1.5rem;flex-wrap:wrap}
.fkc .studio-feature__links .btn{white-space:nowrap;min-height:3rem;font-size:.875rem;padding-inline:1.15rem}
.fkc .studio-feature__links .btn svg{height:1.1rem;width:1.1rem}
.fkc .studio-feature__links .link{font-size:.875rem;min-height:3rem;display:inline-flex;align-items:center}
.fkc .studio-feature__status{font-size:.875rem;color:var(--c-muted);min-height:1.5em;margin-top:var(--s-2)}
.fkc .studio-feature__status:empty{display:none}
.fkc .studio-feature__fallback{display:flex;gap:var(--s-3);flex-wrap:wrap;margin-top:var(--s-3);padding-top:var(--s-2);border-top:1px solid var(--c-line)}
.fkc .studio-feature__fallback[hidden]{display:none}
.fkc .studio-feature__frame[aria-busy=true]{cursor:progress}
.fkc .studio-feature :where(button,a):focus-visible,.fkc .studio-hero-controls :where(button,a):focus-visible{outline:2px solid var(--c-action);outline-offset:4px}
.fkc .studio-hero-controls :where(button,a):focus-visible{outline-color:var(--c-accent-dark)}
.fkc .studio-hero-controls{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.8fr) auto;align-items:center;gap:var(--s-3);padding-block:var(--s-2)}
.fkc .studio-hero-caption{display:grid;gap:.25rem;min-width:0}
.fkc .studio-hero-notice{grid-column:1 / -1;color:var(--c-silver);font-size:.8125rem;line-height:1.5}
.fkc .studio-hero-caption>span{font-size:.6875rem;color:var(--c-silver);letter-spacing:.04em}
.fkc .studio-hero-caption .cin-text-link{font-size:.875rem;min-height:2rem;line-height:1.35;gap:.5rem;color:var(--c-white)}
.fkc .studio-hero-caption svg{flex:none;width:1.1rem;height:1.1rem}
.fkc .studio-hero-thumbs{display:flex;gap:.75rem;min-width:0;align-items:stretch}
.fkc .studio-hero-thumbs button{position:relative;flex:1;min-width:0;padding:4px;display:flex;gap:.6rem;align-items:center;background:transparent;border:1px solid var(--c-line-dark);color:var(--c-silver);font:inherit;font-size:.6875rem;line-height:1.35;text-align:left;cursor:pointer;overflow:hidden}
.fkc .studio-hero-thumbs button[aria-pressed=true]{border-color:var(--c-accent-dark);color:var(--c-white)}
.fkc .studio-hero-thumbs button img{width:3.5rem;height:2.75rem;object-fit:cover;flex:none}
.fkc .studio-hero-playback{display:flex;align-items:center;border:1px solid var(--c-line-dark);min-width:0}
.fkc .studio-hero-playback button{appearance:none;background:transparent;border:0;border-radius:0;color:var(--c-white);min-height:3rem;padding:.6rem .75rem;font:inherit;font-size:.75rem;white-space:nowrap;cursor:pointer}
.fkc .studio-hero-playback button:hover{background:var(--c-line-dark)}
.fkc .studio-hero-playback button[data-studio-tour]{border-inline:1px solid var(--c-line-dark)}
.fkc .studio-hero-playback button[aria-pressed=true]{color:var(--c-accent-dark)}
.fkc .studio-hero-thumbs button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--c-accent-dark);transform:scaleX(0);transform-origin:left}
.fkc [data-studio-hero][data-playing=true] .studio-hero-thumbs button[aria-pressed=true]:after{animation:fkc-photo-duration 6.5s linear forwards}
@keyframes fkc-photo-duration{to{transform:scaleX(1)}}
.fkc .cin-hero{min-height:clamp(32rem,calc(86svh - var(--header-h)),48rem)}
.fkc .cin-hero__shade{background:linear-gradient(90deg,rgba(32,30,29,.96),rgba(32,30,29,.88) 30%,rgba(32,30,29,.66) 48%,rgba(32,30,29,.12) 72%,rgba(32,30,29,.02)),linear-gradient(0deg,rgba(32,30,29,.35),transparent 40%)}
.fkc .cin-hero__content{padding-block:clamp(3rem,7vw,7rem)}
.fkc .cin-hero__text{width:min(100%,41rem)}
.fkc .cin-hero h1{font-size:clamp(3.25rem,6vw,6rem);letter-spacing:-.045em;line-height:1.01}
.fkc .cin-hero__lede{font-size:clamp(1rem,1.3vw,1.125rem);max-width:39ch}
.fkc .cin-hero__plane>.cin-hero__image{position:absolute;inset:0}
.fkc .fkc-experience .project-hero__media{position:relative;overflow:hidden}
.fkc .fkc-experience .project-hero__img{object-position:center}
.fkc .studio-film-tools{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}
.fkc .studio-film-wrap{min-width:0;align-self:start}
.fkc .studio-film-expand{appearance:none;min-height:3rem;padding:.6rem 1rem;font:inherit;font-size:.8125rem;font-weight:600;border:1px solid var(--c-line-dark);background:var(--c-ink);color:var(--c-white);cursor:pointer}
.fkc .studio-film-expand:hover{border-color:var(--c-silver)}
.fkc video:fullscreen{object-fit:contain;background:var(--c-ink);height:100%;width:100%;max-height:none}
.fkc .fkc-experience .experience-head__media figcaption{line-height:1.5}
.fkc .fkc-experience .experience-head__frame{isolation:isolate}
.fkc .fkc-experience .book__form,.fkc .fkc-experience .contact__form{border-top:3px solid var(--c-action)}
@media(min-width:90rem){.fkc .studio-feature__frame{aspect-ratio:1.3}.fkc .studio-feature__story{padding-top:var(--s-2)}}
@media(max-width:74.99rem){
 .fkc .studio-hero-controls{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:var(--s-2)}
 .fkc .studio-hero-playback{grid-column:2;justify-self:end}
 .fkc .studio-hero-thumbs button span{display:none}
 .fkc .studio-hero-thumbs button{justify-content:center}
 .fkc .studio-hero-thumbs button img{width:100%;height:3rem}
 .fkc .studio-feature__grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--s-3)}
 .fkc .studio-feature__story{gap:var(--s-2)}
 .fkc .studio-feature__story :is(h2,h3){font-size:clamp(1.75rem,3.2vw,2.75rem)}
}
@media(max-width:55.99rem){
 .fkc .studio-feature__grid{grid-template-columns:minmax(0,1fr);gap:var(--s-3)}
 .fkc .studio-feature__frame{aspect-ratio:4/3}
 .fkc .studio-feature__story :is(h2,h3){font-size:clamp(1.875rem,5.5vw,3rem);max-width:22ch}
 .fkc .studio-feature__summary{max-width:60ch}
 .fkc .studio-feature__facts{grid-template-columns:1fr 1fr;gap:var(--s-3)}
 .fkc .studio-feature__facts>div{padding-block:var(--s-2)}
 .fkc .studio-feature__consider{max-width:60ch}
 .fkc .studio-project-choices{gap:var(--s-2);margin-bottom:var(--s-3)}
 .fkc .studio-project-choices button{font-size:.8125rem}
 .fkc .studio-hero-controls{grid-template-columns:minmax(0,1fr) auto}
 .fkc .studio-hero-caption{grid-column:1;grid-row:1}
 .fkc .studio-hero-thumbs{grid-column:1;grid-row:2;gap:.5rem}
 .fkc .studio-hero-playback{grid-column:2;grid-row:2;align-self:stretch}
 .fkc .studio-hero-thumbs button img{height:2.75rem}
 .fkc .studio-hero-playback button{padding:.5rem .65rem;font-size:.6875rem}
 .fkc .studio-hero-caption .cin-text-link{font-size:.8125rem}
 .fkc .cin-hero{min-height:calc(100svh - var(--header-h));align-items:end}
 .fkc .cin-hero__content{padding-top:clamp(13rem,33svh,20rem);padding-bottom:var(--s-4)}
 .fkc .cin-hero__scene{height:64%;mask-image:linear-gradient(to bottom,var(--c-white) 60%,transparent)}
 .fkc .cin-hero__shade{background:linear-gradient(0deg,rgba(32,30,29,.99) 0%,rgba(32,30,29,.9) 30%,rgba(32,30,29,.12) 69%,rgba(32,30,29,.08))}
 .fkc .cin-hero h1{font-size:clamp(2.125rem,8.8vw,4.75rem);line-height:1.03}
 .fkc .cin-hero__lede{font-size:1rem;max-width:43ch}
}
@media(max-width:39.99rem){
 .fkc .studio-project-choices{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--c-line)}
 .fkc .studio-project-choices button{padding:.75rem 0;min-height:2.75rem;border-bottom:1px solid var(--c-line);margin:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.875rem}
 .fkc .studio-project-choices button:after{content:"+";font-size:1.2rem;color:var(--c-action)}
 .fkc .studio-project-choices button[aria-pressed=true]:after{content:"−"}
 .fkc .studio-project-choices button[aria-pressed=true]{border-bottom-color:var(--c-action)}
 .fkc .studio-feature__frame{aspect-ratio:4/3}
 .fkc .studio-feature__facts{grid-template-columns:1fr;gap:0}
 .fkc .studio-feature__story{gap:var(--s-2)}
 .fkc .studio-feature__story :is(h2,h3){font-size:2rem}
 .fkc .studio-feature__visual figcaption{font-size:.6875rem}
 .fkc .studio-photo-choices button{width:4.75rem}
 .fkc .studio-photo-choices img{height:3rem}
 .fkc .studio-hero-controls{gap:.75rem}
 .fkc .studio-hero-caption{grid-column:1 / -1}
 .fkc .studio-hero-playback button{padding:.5rem;font-size:.6875rem}
 .fkc .studio-hero-thumbs{gap:.35rem}
 .fkc .studio-hero-thumbs button{padding:2px}
 .fkc .studio-hero-thumbs button img{height:2.5rem}
}
@media(max-width:22rem){
 .fkc .studio-hero-playback button[data-studio-tour]{max-width:4.5rem;white-space:normal;line-height:1.3}
 .fkc .studio-hero-playback button{padding:.4rem}
 .fkc .studio-feature__links .btn{font-size:.8125rem;padding-inline:1rem}
}
@media(max-height:740px) and (max-width:55.99rem){.fkc .cin-hero__content{padding-top:8rem;padding-bottom:var(--s-3)}}
@media(prefers-reduced-motion:reduce){
 .fkc .studio-hero-thumbs button:after{animation:none!important}
 .fkc .cin-hero__plane,.fkc .cin-hero__text{transform:none;will-change:auto}
 .fkc .studio-project-choices button{transition:none}
}
@media print{.fkc .studio-project-choices,.fkc .studio-photo-choices,.fkc .studio-hero-playback,.fkc .studio-film-tools{display:none!important}}
