/* Interactive showroom and the design-to-workshop-to-home journey. */
.fkc .journey-nav{position:sticky;top:var(--header-h);z-index:44;border-block:1px solid var(--c-line-dark)}
.fkc .journey-nav__inner{display:flex;justify-content:space-between;gap:var(--s-3)}
.fkc .journey-nav a{position:relative;display:flex;align-items:center;min-height:3.5rem;padding-block:.5rem;color:var(--c-silver);font-size:.9375rem;font-weight:600;text-decoration:none}
.fkc .journey-nav a:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--c-accent-dark);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-runner)}
.fkc .journey-nav a[aria-current=location]{color:var(--c-white)}
.fkc .journey-nav a[aria-current=location]:after,.fkc .journey-nav a:hover:after{transform:scaleX(1)}
.fkc [data-journey-section]{scroll-margin-top:2.5rem}
.fkc .showroom{padding-top:clamp(3rem,6vw,6rem);border-bottom:1px solid var(--c-line-dark)}
.fkc .showroom-heading{display:grid;gap:var(--s-3);margin-bottom:var(--s-4)}
.fkc .showroom-heading h2{max-width:20ch}
.fkc .showroom-heading>p{max-width:62ch;color:var(--c-silver);font-size:var(--fs-base)}
.fkc .showroom-grid{display:grid;gap:var(--s-4);grid-template-columns:minmax(0,1fr);align-items:start}
.fkc .showroom.is-enhanced .showroom-grid{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}
.fkc .showroom-preview{margin:0;display:grid;gap:var(--s-2);min-width:0;position:sticky;top:calc(var(--header-h) + 5rem)}
.fkc .showroom-stage{position:relative;width:100%;height:35rem;overflow:hidden;background:var(--c-ground);border:1px solid var(--c-line-dark)}
.fkc .showroom-poster,.fkc .showroom-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.fkc .showroom-poster{object-fit:cover;opacity:1;transition:opacity .4s}
.fkc .showroom-canvas{opacity:0;transition:opacity .4s;touch-action:pan-y;cursor:grab;outline-offset:-4px}
.fkc .showroom-canvas:active{cursor:grabbing}
.fkc .showroom-canvas[hidden]{display:none}
.fkc .showroom-stage.is-live .showroom-poster{opacity:0;pointer-events:none}
.fkc .showroom-stage.is-live .showroom-canvas{opacity:1}
.fkc .showroom-loading{position:absolute;bottom:var(--s-2);left:var(--s-2);right:var(--s-2);padding:.65rem 1rem;background:var(--c-ink);color:var(--c-white);font-size:.8125rem;pointer-events:none}
.fkc .showroom-loading[hidden]{display:none}
.fkc .showroom-preview figcaption{display:grid;gap:.25rem;font-size:.8125rem;color:var(--c-silver);max-width:66ch}
.fkc .showroom-preview figcaption strong{font-weight:600;color:var(--c-white)}
.fkc .showroom-status{font-size:.8125rem;color:var(--c-accent-dark);min-height:1.5em;max-width:66ch}
.fkc .showroom-panel{display:none;min-width:0}
.fkc .showroom.is-enhanced .showroom-panel{display:grid;gap:var(--s-3);align-content:start}
.fkc .showroom fieldset{border:0;margin:0;padding:0;min-width:0}
.fkc .showroom legend,.fkc .showroom-control-label{font-size:.9375rem;font-weight:600;line-height:1.4;margin:0 0 .75rem;padding:0;color:var(--c-white)}
.fkc .showroom-finishes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-1)}
.fkc .showroom-finish{position:relative;display:grid;gap:.5rem;cursor:pointer;border:1px solid var(--c-line-dark);padding:.4rem;color:var(--c-silver);font-size:.8125rem;line-height:1.35}
.fkc .showroom-finish input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}
.fkc .showroom-finish img{width:100%;height:4rem;object-fit:cover}
.fkc .showroom-finish span{font-weight:600;min-height:1.5em}
.fkc .showroom-finish:has(input:checked){border-color:var(--c-accent-dark);color:var(--c-white);box-shadow:inset 0 0 0 1px var(--c-accent-dark)}
.fkc .showroom-finish:has(input:focus-visible){outline:2px solid var(--c-accent-dark);outline-offset:3px}
.fkc .showroom-finish-reference{font-size:.75rem;line-height:1.5;color:var(--c-silver);min-height:2.5em;margin-top:.6rem}
.fkc .showroom-detail-controls{border-top:1px solid var(--c-line-dark);padding-top:var(--s-2)}
.fkc .showroom-views,.fkc .showroom-open{display:flex;gap:.5rem}
.fkc .showroom-views button,.fkc .showroom-open button{min-height:var(--touch);background:none;border:1px solid var(--c-line-dark);color:var(--c-white);font:inherit;font-size:.8125rem;cursor:pointer;padding:.5rem .75rem}
.fkc .showroom-views button{flex:1}
.fkc .showroom-views button[aria-pressed=true]{background:var(--c-surface);border-color:var(--c-surface);color:var(--c-ink)}
.fkc .showroom-open{margin-top:.5rem}
.fkc .showroom-open button{flex:1;padding-inline:.5rem}
.fkc .showroom-open button[aria-pressed=true]{border-color:var(--c-accent-dark);color:var(--c-accent-dark)}
.fkc .showroom-detail-controls button:disabled{opacity:.5;cursor:wait}
.fkc .showroom-panel .showroom-interests{border-top:1px solid var(--c-line-dark);padding-top:var(--s-2)}
.fkc .showroom-interests legend{float:left;width:100%}
.fkc .showroom-interests label{clear:both;display:flex;gap:.6rem;align-items:center;min-height:2.5rem;font-size:.875rem;cursor:pointer;color:var(--c-silver)}
.fkc .showroom-interests input{appearance:auto;width:1.1rem;height:1.1rem;margin:0;accent-color:var(--c-accent-dark)}
.fkc .showroom-interests input:focus-visible{outline:2px solid var(--c-accent-dark);outline-offset:3px}
.fkc .showroom-brief{border-top:1px solid var(--c-line-dark);padding-top:var(--s-2);display:grid;gap:.65rem}
.fkc .showroom-brief .showroom-control-label{margin:0}
.fkc .showroom-brief>[data-showroom-summary]{font-size:.875rem;color:var(--c-silver);max-width:40ch}
.fkc .showroom-brief .btn{justify-self:start;white-space:nowrap}
.fkc .showroom-brief__note,.fkc .showroom-save-status{font-size:.75rem;line-height:1.5;color:var(--c-silver)}
.fkc .showroom-brief__tools{display:flex;flex-wrap:wrap;gap:.5rem 1rem}
.fkc .showroom-brief__tools button{min-height:var(--touch);border:0;padding:0;background:none;color:var(--c-silver);font:inherit;font-size:.75rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.fkc .showroom-save-status:empty{display:none}
.fkc .cin-workshop[data-journey-section]{border-top:1px solid var(--c-line-dark)}
.fkc .cin-project--lead .cin-project__image{position:relative;overflow:visible;aspect-ratio:5/4;margin-bottom:2rem}
.fkc .cin-project--lead .cin-project__image>img{display:block;object-fit:cover}
.fkc .cin-project__detail{position:absolute;right:var(--s-3);bottom:-2rem;width:42%;aspect-ratio:4/3;border:6px solid var(--c-ground);overflow:hidden;box-shadow:0 12px 24px -14px rgba(32,30,29,.28)}
.fkc .cin-project__detail img{width:100%;height:100%;object-fit:cover}
@media(max-width:74.99rem){
 .fkc .showroom.is-enhanced .showroom-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--s-3)}
 .fkc .showroom-stage{height:32rem}
}
@media(max-width:55.99rem){
 .fkc .showroom.is-enhanced .showroom-grid{grid-template-columns:minmax(0,1fr)}
 .fkc .showroom-preview{position:static}
 .fkc .showroom-stage{height:30rem}
 .fkc .showroom.is-enhanced .showroom-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-3)}
 .fkc .showroom-brief{grid-column:span 2}
 .fkc .showroom-brief>[data-showroom-summary]{max-width:none}
 .fkc .showroom-panel .showroom-interests{border-top:0;padding-top:0}
 .fkc .journey-nav__inner{gap:var(--s-2)}
 .fkc .journey-nav a{font-size:.8125rem}
 .fkc .cin-project--lead .cin-project__image{aspect-ratio:4/3}
}
@media(max-width:47.99rem){
 .fkc .journey-nav{top:3.5rem}
 .fkc .journey-nav__inner{gap:.5rem}
 .fkc .journey-nav a{min-height:3rem;font-size:.75rem;line-height:1.25;flex:1}
 .fkc [data-journey-section]{scroll-margin-top:1rem}
 .fkc .showroom{padding-block:3.5rem}
 .fkc .showroom-heading{gap:var(--s-2)}
 .fkc .showroom-preview{position:static;background:var(--c-ink)}
 .fkc .showroom-stage{height:clamp(13rem,30svh,17rem)}
 .fkc .showroom-preview figcaption{font-size:.75rem}
 .fkc .showroom-status{font-size:.75rem;min-height:3em}
 .fkc .showroom.is-enhanced .showroom-panel{grid-template-columns:minmax(0,1fr)}
 .fkc .showroom-brief{grid-column:auto}
 .fkc .showroom-finishes__grid{gap:.75rem}
 .fkc .showroom-finish img{height:4.75rem}
 .fkc .showroom-finish-reference{min-height:0}
 .fkc .showroom-panel .showroom-interests{border-top:1px solid var(--c-line-dark);padding-top:var(--s-2)}
 .fkc .showroom-brief__tools{gap:.5rem 1.5rem}
 .fkc .showroom-brief__tools button{font-size:.8125rem}
 .fkc .showroom-views button,.fkc .showroom-open button{font-size:.875rem}
 .fkc .cin-project__detail{right:.75rem;width:44%;border-width:4px}
}
@media(max-width:22rem){
 .fkc .journey-nav a{font-size:.6875rem}
 .fkc .showroom-finish{font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){
 .fkc .showroom-poster,.fkc .showroom-canvas,.fkc .journey-nav a:after{transition:none}
}