/* FKC inner pages. Shared with the cinematic homepage through existing brand tokens. */
.fkc .fkc-experience{overflow-x:clip}
.fkc .fkc-experience [hidden]{display:none!important}
.fkc .fkc-experience :where(figure,article,section,div){min-width:0}
.fkc .experience-head{padding-block:clamp(2rem,4vw,4rem);border-bottom:1px solid var(--c-line-dark)}
.fkc .experience-head__grid{display:grid;gap:var(--s-4);align-items:center}
.fkc .experience-head__text{display:grid;gap:var(--s-3);align-content:center}
.fkc .experience-head h1{font-size:clamp(2rem,4vw,3.75rem);line-height:1.04;letter-spacing:-.035em;max-width:18ch;text-wrap:balance}
.fkc .experience-head__lede{font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.55;max-width:46ch;color:var(--c-silver)}
.fkc .experience-head__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3)}
.fkc .experience-head__actions .btn{white-space:nowrap}
.fkc .experience-head__media{margin:0;display:grid;gap:.75rem;perspective:1100px}
.fkc .experience-head__frame{aspect-ratio:5/4;overflow:hidden;background:var(--c-line-dark);transform:rotateX(var(--x-rx,0deg)) rotateY(var(--x-ry,0deg));transition:transform .45s var(--ease-runner);transform-style:preserve-3d}
.fkc .experience-head__frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.035);transition:transform .9s var(--ease-runner)}
.fkc .experience-head__media:hover img{transform:scale(1.065)}
.fkc .experience-head__media figcaption{color:var(--c-silver);font-size:.75rem}
.fkc .experience-head .crumb ol{letter-spacing:.06em;font-size:.6875rem}
.fkc .experience-head--working{background:var(--c-surface);border-color:var(--c-line);padding-block:var(--s-4)}
.fkc .experience-head--working h1{font-size:clamp(1.875rem,3.2vw,3rem);max-width:22ch}
.fkc .experience-head--working .experience-head__lede,.fkc .experience-head--working .crumb ol{color:var(--c-muted)}
.fkc .experience-head--working .crumb [aria-current]{color:var(--c-ink)}
.fkc .experience-head--working .experience-head__media figcaption{color:var(--c-muted)}
.fkc .experience-head--working .experience-head__frame{aspect-ratio:2/1;background:var(--c-ground);max-height:15rem}
.fkc .experience-head--product .experience-head__frame img{object-fit:contain;padding:1rem;transform:none}
.fkc .experience-head--product .experience-head__frame{background:var(--c-surface)}
.fkc .experience-guide{border-bottom:1px solid var(--c-line);background:var(--c-ground);padding-block:var(--s-3)}
.fkc .experience-guide>.container{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);align-items:center}
.fkc .experience-guide p{max-width:66ch;font-size:.875rem;color:var(--c-muted)}
.fkc .experience-guide .guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3);width:100%;border-top:0}
.fkc .experience-guide .guide li{border:0;padding:0;grid-template-columns:1.75rem 1fr}
.fkc .experience-guide .guide li:before{grid-row:span 2}
.fkc .experience-chapters{position:sticky;top:calc(var(--header-h) + var(--adminbar,0px));z-index:35;border-bottom:1px solid var(--c-line);background:var(--c-surface)}
.fkc .experience-chapters>.container{display:flex;gap:clamp(1rem,4vw,4rem);overflow-x:auto;scrollbar-width:thin}
.fkc .experience-chapters a{display:flex;align-items:center;white-space:nowrap;min-height:3.5rem;text-decoration:none;font-size:.875rem;font-weight:600;border-bottom:2px solid transparent;color:var(--c-muted)}
.fkc .experience-chapters a:hover,.fkc .experience-chapters a[aria-current]{border-color:var(--c-action);color:var(--c-action)}
.fkc .fkc-experience :where([id^=svc-],#closer-title,#photos-title,#others-title,#cnc-title,#floor-title,#why-title,[id^=d2r-]){scroll-margin-top:5rem}
.fkc .fkc-experience .section{padding-block:clamp(2.5rem,5vw,5rem)}
.fkc .fkc-experience .section.is-tight{padding-block:clamp(1.5rem,3vw,3rem)}
.fkc .fkc-experience .section-head{margin-bottom:var(--s-4)}
.fkc .fkc-experience .section-head h2,.fkc .fkc-experience .story h2{font-size:clamp(1.875rem,3.2vw,3rem);line-height:1.08;max-width:23ch}
.fkc .fkc-experience .story__text{gap:var(--s-3)}
.fkc .fkc-experience .story__text>p{max-width:60ch}
.fkc .fkc-experience .story__media img{aspect-ratio:5/4;object-fit:cover}
.fkc .service-story .svc__grid{gap:var(--s-4)}
.fkc .service-story .svc__text{gap:var(--s-3)}
.fkc .service-story .svc__text h2{font-size:clamp(1.75rem,3vw,2.75rem);max-width:19ch;line-height:1.08}
.fkc .service-story .svc__media img{aspect-ratio:5/4;object-fit:cover}
.fkc .service-story .svc__media{align-self:start}
.fkc .service-story .svc__media figcaption{position:static;inset:auto;padding:.75rem 0 0;background:transparent}
.fkc .service-story .svc__media .tag{background:transparent}
.fkc .service-story--1{background:var(--c-surface)}
.fkc .service-story--1 .svc__media img{aspect-ratio:16/8}
.fkc .service-story--2{background:var(--c-ink);color:var(--c-white)}
.fkc .service-story--2 .svc__text>p,.fkc .service-story--2 .spec-list{color:var(--c-silver)}
.fkc .service-story--2 .spec-list li{border-color:var(--c-line-dark)}
.fkc .service-story--2 .spec-list li:before{background:var(--c-accent-dark)}
.fkc .service-story--2 .btn{border-color:var(--c-silver);color:var(--c-white)}
.fkc .service-story--2 .svc__media figcaption{color:var(--c-silver)}
.fkc .service-story--2 .tag{color:var(--c-silver);border-color:var(--c-line-dark)}
.fkc .service-story--3,.fkc .service-story--4{border-bottom:1px solid var(--c-line)}
.fkc .service-story--3 .svc__media img{object-fit:contain;background:var(--c-surface);aspect-ratio:1/1}
.fkc .fkc-experience .doors{gap:var(--s-4)}
.fkc .fkc-experience .door{background:transparent;border:0;box-shadow:none;transition:none}
.fkc .fkc-experience .door__body{padding:var(--s-2) 0 0;gap:.75rem}
.fkc .fkc-experience .door__title{font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.08}
.fkc .fkc-experience .door--workshop{background:var(--c-ink);color:var(--c-white);padding:var(--s-3)}
.fkc .fkc-experience .door--workshop .door__body{padding:var(--s-3) 0 0}
.fkc .fkc-experience .door--workshop .door__title{font-size:clamp(1.5rem,2.4vw,2.25rem)}
.fkc .fkc-experience .door--render .door__media{background:var(--c-surface)}
.fkc .fkc-experience .door--render .door__media img{object-fit:contain}
.fkc .fkc-experience .door--photo,.fkc .fkc-experience .door--workshop{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start}
.fkc .fkc-experience .door--photo .door__media{aspect-ratio:16/10;min-height:0;height:auto}
.fkc .fkc-experience .door--workshop .door__media{aspect-ratio:16/9;min-height:0;height:auto}
.fkc .fkc-experience .tile{border:0;box-shadow:none;background:transparent}
.fkc .fkc-experience .tile__title{font-size:clamp(1.5rem,2.4vw,2.25rem);line-height:1.1}
.fkc .fkc-experience .tile__media{overflow:hidden;perspective:1100px}
.fkc .fkc-experience .tile__media img{transition:transform .8s var(--ease-runner);transform:scale(1.015)}
.fkc .fkc-experience .tile:hover .tile__media img{transform:scale(1.055)}
.fkc .fkc-experience .tile p{max-width:56ch;color:var(--c-muted)}
.fkc .fkc-experience .projects{column-gap:var(--s-4);row-gap:var(--s-5)}
.fkc .fkc-experience .projects__lead .tile__media{aspect-ratio:5/4}
.fkc .fkc-experience .projects__lead .tile__title{font-size:clamp(2rem,3vw,3rem)}
.fkc .fkc-experience .project-hero{grid-template-columns:1fr;min-height:0}
.fkc .fkc-experience .project-hero__text{padding-block:var(--s-4);order:0;max-width:none;justify-self:auto}
.fkc .fkc-experience .project-hero__media{order:1;min-height:0;aspect-ratio:16/9;overflow:hidden}
.fkc .fkc-experience .project-hero__img{height:100%;width:100%;object-fit:cover}
.fkc .fkc-experience .project-hero h1{font-size:clamp(2rem,3.6vw,3.5rem);max-width:18ch;line-height:1.04}
.fkc .project-hero__actions{display:flex;gap:var(--s-3);flex-wrap:wrap;align-items:center}
.fkc .fkc-experience .closer{display:grid;gap:0;border-top:1px solid var(--c-line)}
.fkc .fkc-experience .closer>div{padding-block:var(--s-3);border-bottom:1px solid var(--c-line);border-left:0;display:grid;gap:var(--s-2)}
.fkc .fkc-experience .closer dt{font-size:1.25rem}
.fkc .fkc-experience .closer dd{max-width:65ch}
.fkc .experience-search{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:end;margin-bottom:var(--s-3);padding-bottom:var(--s-3);border-bottom:1px solid var(--c-line)}
.fkc .experience-search[hidden]{display:none}
.fkc .experience-search label{display:grid;gap:.5rem;flex:1 1 18rem;font-size:.875rem;font-weight:600}
.fkc .experience-search input{width:100%;font:inherit;font-weight:400;background:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-line);border-radius:var(--r);min-height:3rem;padding:.7rem .9rem}
.fkc .experience-search input::placeholder{color:var(--c-muted);opacity:1}
.fkc .experience-search input:focus-visible{outline:2px solid var(--c-action);outline-offset:2px}
.fkc .experience-search__status{flex-basis:100%;font-size:.8125rem;color:var(--c-muted)}
.fkc .experience-search__status:empty{display:none}
.fkc .experience-layout{display:flex;border:1px solid var(--c-line);height:3rem}
.fkc .experience-layout button{background:var(--c-surface);color:var(--c-ink);padding-inline:1rem;font-size:.875rem;font-weight:600;border:0}
.fkc .experience-layout button[aria-pressed=true]{background:var(--c-ink);color:var(--c-white)}
.fkc .fkc-experience .gallery__grid{gap:var(--s-4) var(--s-3);align-items:start}
.fkc .fkc-experience .gallery__grid [hidden]{display:none}
.fkc .fkc-experience .gitem__media{aspect-ratio:4/3}
.fkc .fkc-experience .gitem__media img{transition:transform .75s var(--ease-runner)}
.fkc .fkc-experience .gitem__open:hover img{transform:scale(1.035)}
.fkc .fkc-experience .gitem figcaption{padding-top:.75rem}
.fkc .fkc-experience .gitem__cap{font-size:.875rem;line-height:1.5}
.fkc .fkc-experience .catalogue__tools{background:var(--c-surface);border:1px solid var(--c-line);padding:var(--s-3);margin-bottom:var(--s-3)}
.fkc .fkc-experience .chips{display:flex;gap:.5rem;flex-wrap:wrap}
.fkc .fkc-experience .chip{display:inline-flex;gap:.5rem;align-items:center;min-height:2.75rem;padding:.55rem .8rem;border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-surface);color:var(--c-ink);font:inherit;font-weight:600;font-size:.8125rem}
.fkc .fkc-experience .chip[aria-pressed=true]{background:var(--c-ink);color:var(--c-white);border-color:var(--c-ink)}
.fkc .fkc-experience .chip:hover{border-color:var(--c-action)}
.fkc .fkc-experience .unit{padding:var(--s-2);border:1px solid var(--c-line);background:var(--c-surface)}
.fkc .fkc-experience .unit__media{background:var(--c-ground)}
.fkc .fkc-experience .unit__name{font-size:1.125rem}
.fkc .fkc-experience .unit__views button{min-height:2.75rem}
.fkc .fkc-experience .unit__add{margin-top:auto}
.fkc .fkc-experience .contact__form,.fkc .fkc-experience .cutlist-form,.fkc .fkc-experience .quote-list__form{background:var(--c-surface);padding:var(--s-3);border:1px solid var(--c-line)}
.fkc .fkc-experience .contact__details{padding-top:var(--s-2)}
.fkc .fkc-experience .contact__v{overflow-wrap:anywhere}
.fkc .fkc-experience .contact__list>div{padding-block:var(--s-2)}
.fkc .fkc-experience .map{border:1px solid var(--c-line);margin-top:var(--s-3)}
.fkc .fkc-experience .map__placeholder{opacity:.5}
.fkc .fkc-experience .faq__index{align-self:start}
.fkc .fkc-experience .accordion--faq summary{font-size:clamp(1rem,1.4vw,1.25rem);padding-block:1.25rem}
.fkc .fkc-experience .accordion__body{max-width:70ch}
.fkc .fkc-experience .places>div{border-bottom:1px solid var(--c-line);padding-block:var(--s-3)}
.fkc .fkc-experience .places dt{font-size:1.125rem}
.fkc .fkc-experience .places dt .tabular{display:none}
.fkc .fkc-experience .machine__n{display:none}
.fkc .fkc-experience .machine__media{aspect-ratio:4/3}
.fkc .fkc-experience .machines{gap:var(--s-4) var(--s-3)}
.fkc .fkc-experience .ws__grid{gap:var(--s-4)}
.fkc .fkc-experience .ws__text{gap:var(--s-3)}
.fkc .fkc-experience .film{border:1px solid var(--c-line-dark)}
.fkc .fkc-experience .film__toggle{min-height:3rem;border-radius:var(--r)}
.fkc .fkc-experience .d2r{padding-top:var(--s-4)}
.fkc .fkc-experience .d2r__chapter{padding-block:var(--s-4)}
.fkc .fkc-experience .d2r__chapter h2{font-size:clamp(2rem,3.5vw,3.5rem)}
.fkc .fkc-experience .d2r__ruler{display:none}
.fkc .fkc-experience .showroom{padding-top:var(--s-4)}
.fkc .fkc-experience .showroom-preview{top:calc(var(--header-h) + var(--s-3))}
.fkc .fkc-experience .showroom .btn{min-height:3rem}
.fkc .experience-book-photo{margin:calc(-1 * var(--s-3)) calc(-1 * var(--s-3)) 0;display:grid;gap:.5rem}
.fkc .experience-book-photo img{width:100%;aspect-ratio:16/9;object-fit:cover}
.fkc .experience-book-photo figcaption{font-size:.75rem;color:var(--c-silver);padding:0 var(--s-3)}
.fkc .fkc-experience .book-intro{padding-block:var(--s-4)}
.fkc .fkc-experience .book-intro h1{font-size:clamp(2rem,3.2vw,3rem)}
.fkc .fkc-experience .book__form{padding:var(--s-3)}
.fkc .fkc-experience .fkc-form :where(input,select,textarea){font-size:1rem}
.fkc .fkc-experience .convert-band{border-top:1px solid var(--c-line-dark);padding-block:clamp(3rem,6vw,6rem)}
.fkc .fkc-experience .convert h2{font-size:clamp(2rem,4vw,4rem);max-width:17ch;line-height:1.04}
.fkc .fkc-experience .convert .stack{gap:var(--s-3)}
.fkc .fkc-experience .convert__phones{border-left:1px solid var(--c-line-dark);padding-left:var(--s-4)}
.fkc .fkc-experience .site-footer{border-top:1px solid var(--c-line-dark)}
@media(min-width:56rem){
 .fkc .experience-head.has-image .experience-head__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
 .fkc .experience-head--working.has-image .experience-head__grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
 .fkc .service-story--1 .svc__grid{grid-template-columns:1fr}
 .fkc .service-story--1 .svc__text{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3) var(--s-4)}
 .fkc .service-story--1 .svc__text h2{grid-column:1;grid-row:1}
 .fkc .service-story--1 .svc__text>p:first-of-type{grid-column:1;grid-row:2}
 .fkc .service-story--1 .spec-list{grid-column:2;grid-row:1 / span 3}
 .fkc .service-story--3 .svc__grid,.fkc .service-story--4 .svc__grid{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}
 .fkc .service-story--3 .spec-list,.fkc .service-story--4 .spec-list{columns:2;column-gap:var(--s-3)}
 .fkc .service-story--3 .spec-list li,.fkc .service-story--4 .spec-list li{break-inside:avoid}
 .fkc .fkc-experience .closer>div{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
 .fkc .fkc-experience .project-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}
 .fkc .fkc-experience .project-hero__text{padding-block:var(--s-5);padding-right:var(--s-4);padding-left:max(var(--gutter),calc((100vw - 1280px)/2 + var(--gutter)))}
 .fkc .fkc-experience .project-hero__media{aspect-ratio:auto;height:100%;min-height:31rem;max-height:41rem}
 .fkc .fkc-experience .gallery__grid--photo,.fkc .fkc-experience .gallery__grid--detail,.fkc .fkc-experience .gallery__grid--render{grid-template-columns:repeat(3,minmax(0,1fr))}
 .fkc .fkc-experience .gallery__grid:not(.is-grid):not(.is-searching)>li:nth-child(7n+1){grid-column:span 2;grid-row:span 2}
 .fkc .fkc-experience .gallery__grid:not(.is-grid):not(.is-searching)>li:nth-child(7n+1) .gitem__media{aspect-ratio:1.15}
 .fkc .fkc-experience .gallery__grid--project:not(.is-grid)>li:nth-child(7n+1){grid-column:auto;grid-row:auto}
 .fkc .fkc-experience .gallery__grid--project:not(.is-grid)>li:nth-child(7n+1) .gitem__media{aspect-ratio:4/3}
 .fkc .fkc-experience .others--3{grid-template-columns:1.3fr 1fr 1fr;align-items:start}
 .fkc .fkc-experience .others--3 .tile:nth-child(2){margin-top:var(--s-4)}
 .fkc .fkc-experience .others--3 .tile:nth-child(3){margin-top:var(--s-6)}
 .fkc .fkc-experience .units{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}
 .fkc .fkc-experience .machines{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fkc .fkc-experience .machine{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);align-content:start}
 .fkc .fkc-experience .machine__media{grid-column:1 / -1}
 .fkc .fkc-experience .machine h3{font-size:1.25rem}
 .fkc .fkc-experience .machine__tag{grid-column:1 / -1}
 .fkc .fkc-experience .ws .film{min-height:29rem}
 .fkc .fkc-experience .ws .film video{height:100%;object-fit:cover}
}
@media(max-width:55.99rem){
 .fkc .experience-head{padding-block:var(--s-3)}
 .fkc .experience-head__grid{gap:var(--s-3)}
 .fkc .experience-head__text{gap:var(--s-2)}
 .fkc .experience-head h1{max-width:21ch;font-size:clamp(2rem,5.2vw,3.25rem)}
 .fkc .experience-head__frame{aspect-ratio:16/9;max-height:23rem}
 .fkc .experience-head--working.has-image .experience-head__media{display:none}
 .fkc .experience-guide .guide{grid-template-columns:1fr;gap:var(--s-2)}
 .fkc .fkc-experience .project-hero__text{padding-block:var(--s-3)}
 .fkc .fkc-experience .project-hero__media{aspect-ratio:16/10}
 .fkc .fkc-experience .project-hero h1{max-width:22ch}
 .fkc .fkc-experience .convert__phones{border-left:0;border-top:1px solid var(--c-line-dark);padding-left:0;padding-top:var(--s-3)}
 .fkc .fkc-experience .others--3 .tile{margin-top:0}
 .fkc .fkc-experience .showroom-preview{position:static}
}
@media(max-width:39.99rem){
 .fkc .experience-head__frame{aspect-ratio:16/10;max-height:16rem}
 .fkc .experience-head__lede{font-size:.9375rem;max-width:40ch}
 .fkc .experience-head__actions .btn{font-size:.875rem;padding-inline:1rem}
 .fkc .experience-head__actions .link{font-size:.875rem}
 .fkc .experience-chapters>.container{gap:1.5rem}
 .fkc .experience-chapters a{font-size:.8125rem;min-height:3rem}
 .fkc .experience-search{gap:.75rem}
 .fkc .experience-search label{flex-basis:100%}
 .fkc .experience-search .btn{min-height:2.75rem;font-size:.8125rem;padding-inline:1rem}
 .fkc .experience-layout{height:2.75rem}
 .fkc .experience-layout button{font-size:.8125rem;padding-inline:.75rem}
 .fkc .fkc-experience .gallery__grid{grid-template-columns:1fr;gap:var(--s-3)}
 .fkc .fkc-experience .units{grid-template-columns:1fr;gap:var(--s-3)}
 .fkc .fkc-experience .unit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--s-2);align-content:start}
 .fkc .fkc-experience .unit__media{grid-column:1;grid-row:span 4;align-self:start}
 .fkc .fkc-experience .unit__views,.fkc .fkc-experience .unit__only{grid-column:1;grid-row:5}
 .fkc .fkc-experience .unit__code{font-size:.6875rem;align-self:end}
 .fkc .fkc-experience .unit__name{font-size:1rem;line-height:1.25;align-self:start}
 .fkc .fkc-experience .unit__add{grid-column:2;grid-row:5;min-height:2.75rem;font-size:.75rem;padding-inline:.5rem;white-space:normal}
 .fkc .fkc-experience .unit__views{display:flex;flex-wrap:wrap;gap:.25rem}
 .fkc .fkc-experience .unit__views button{font-size:.6875rem;padding:.35rem;min-height:2.75rem}
 .fkc .fkc-experience .unit__only{font-size:.6875rem}
 .fkc .fkc-experience .catalogue__tools,.fkc .fkc-experience .contact__form,.fkc .fkc-experience .cutlist-form,.fkc .fkc-experience .book__form{padding:var(--s-2)}
 .fkc .fkc-experience .book__aside{position:static}
 .fkc .fkc-experience .faq__index{display:none}
 .fkc .fkc-experience .faq{grid-template-columns:1fr}
 .fkc .fkc-experience .showroom .showroom-stage{height:clamp(13rem,30svh,17rem)}
}
@media(prefers-reduced-motion:reduce){
 .fkc .experience-head__frame,.fkc .experience-head__frame img,.fkc .fkc-experience .tile__media img,.fkc .fkc-experience .gitem__media img{transition:none;transform:none}
 .fkc .experience-head__media:hover img,.fkc .fkc-experience .tile:hover .tile__media img,.fkc .fkc-experience .gitem__open:hover img{transform:none}
}
@media print{.fkc .experience-search,.fkc .experience-chapters{display:none}.fkc .experience-head{break-inside:avoid}}
