/* Immersive homepage. FKC Measured palette and Archivo type remain the design source. */
.fkc .fkc-home-cinema{background:var(--c-ground)}
.fkc .cin-section{padding-block:clamp(4rem,8vw,8rem)}
.fkc .cin-section h2{font-size:clamp(2.25rem,4.6vw,4.75rem);line-height:1.04;letter-spacing:-.035em;max-width:18ch;text-wrap:balance}
.fkc .cin-section-head{display:grid;gap:var(--s-3);margin-bottom:var(--s-6)}
.fkc .cin-section-head>p{max-width:54ch;color:var(--fg-muted);font-size:var(--fs-base)}
.fkc .cin-text-link{display:inline-flex;align-items:center;gap:.75rem;min-height:var(--touch);color:var(--link);font-weight:var(--fw-label);text-decoration:none;line-height:1.4}
.fkc .cin-text-link svg{width:1.25rem;height:1.25rem;flex:none;transition:transform .3s var(--ease-runner)}
.fkc .cin-text-link:hover svg{transform:translateX(5px)}
.fkc .cin-text-link:hover{text-decoration:underline;text-underline-offset:.35em}
.fkc .cin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2) var(--s-3)}
.fkc .cin-hero{position:relative;isolation:isolate;display:grid;align-items:center;min-height:calc(100svh - 6.75rem);overflow:clip;background:var(--c-ink)}
.fkc .cin-hero__scene{position:absolute;inset:0;z-index:-3;perspective:1400px}
.fkc .cin-hero__plane{position:absolute;inset:-5%;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(1.04);will-change:transform}
.fkc .cin-hero__image{width:100%;height:100%;object-fit:cover;object-position:65% 50%;display:block}
.fkc .cin-hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(32,30,29,.97) 0%,rgba(32,30,29,.92) 35%,rgba(32,30,29,.82) 55%,rgba(32,30,29,.16) 78%,rgba(32,30,29,.02) 95%),linear-gradient(0deg,rgba(32,30,29,.58),rgba(32,30,29,0) 34%)}
.fkc .cin-hero__content{padding-block:var(--s-8)}
.fkc .cin-hero__text{display:grid;gap:var(--s-3);width:min(100%,46rem);transform:translate3d(var(--text-x,0px),var(--text-y,0px),0)}
.fkc .cin-hero .label{color:var(--c-accent-dark);font-size:.75rem;letter-spacing:.13em}
.fkc .cin-hero h1{font-size:clamp(3.5rem,6.5vw,6.5rem);line-height:.98;letter-spacing:-.045em;font-weight:800;margin:0}
.fkc .cin-hero h1 span,.fkc .cin-hero h1 em{display:block;white-space:nowrap}
.fkc .cin-hero h1 em{font-style:normal;color:var(--c-accent-dark)}
.fkc .cin-hero__lede{max-width:38ch;font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.55;color:var(--c-white)}
.fkc .cin-hero .cin-actions{margin-top:.5rem}
.fkc .cin-room-bar{border-top:1px solid var(--c-line-dark);border-bottom:1px solid var(--c-line-dark)}
.fkc .cin-room-bar__inner{display:flex;align-items:center;gap:var(--s-3);padding-block:var(--s-2)}
.fkc .cin-room-bar__label{font-size:.8125rem;color:var(--c-silver);max-width:15ch}
.fkc .cin-project-switch{display:none;gap:var(--s-2);flex:1;justify-content:center}
html.cin-ready .cin-project-switch{display:flex}
.fkc .cin-project-switch__button{appearance:none;background:none;color:var(--c-silver);border:1px solid transparent;border-radius:var(--r);display:flex;align-items:center;gap:.75rem;max-width:15rem;padding:.4rem;text-align:left;cursor:pointer;font:inherit;font-size:.8125rem;line-height:1.3;transition:border-color .25s,color .25s}
.fkc .cin-project-switch__button img{width:3.75rem;height:2.75rem;object-fit:cover;flex:none}
.fkc .cin-project-switch__button[aria-pressed=true]{border-color:var(--c-accent-dark);color:var(--c-white)}
.fkc .cin-project-switch__button:hover{color:var(--c-white);border-color:var(--c-line-dark)}
.fkc .cin-room-link{margin-left:auto;white-space:nowrap;font-size:.875rem}
.fkc .cin-selected{background:var(--c-ground)}
.fkc .cin-projects{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--s-6) var(--s-4);align-items:start;perspective:1600px}
.fkc .cin-project{display:block;text-decoration:none;color:var(--c-ink);transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s var(--ease-runner);transform-origin:50% 50%}
.fkc .cin-project--lead{grid-row:span 2}
.fkc .cin-project__figure{margin:0;display:grid;gap:var(--s-2)}
.fkc .cin-project__image{overflow:hidden;aspect-ratio:16/10;background:var(--c-line)}
.fkc .cin-project--lead .cin-project__image{aspect-ratio:4/5}
.fkc .cin-project__image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-runner)}
.fkc .cin-project:hover .cin-project__image img{transform:scale(1.035)}
.fkc .cin-project figcaption{display:grid;gap:.5rem}
.fkc .cin-project__type{font-size:.75rem;color:var(--c-muted)}
.fkc .cin-project__title{font-size:clamp(1.35rem,1.65vw,1.75rem);font-weight:800;letter-spacing:-.025em;line-height:1.15;display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2)}
.fkc .cin-project--lead .cin-project__title{font-size:clamp(1.75rem,2.8vw,2.75rem)}
.fkc .cin-project__arrow{display:inline-flex;color:var(--c-action);flex:none}
.fkc .cin-project__arrow svg{width:1.4rem;height:1.4rem}
.fkc .cin-project__summary{font-size:var(--fs-sm);color:var(--c-muted);max-width:50ch}
.fkc .cin-section-end{max-width:none;margin-top:var(--s-4);border-top:1px solid var(--c-line);padding-top:var(--s-2)}
.fkc .cin-build{overflow:clip}
.fkc .cin-build__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--s-6);align-items:center}
.fkc .cin-build__copy{display:grid;gap:var(--s-3)}
.fkc .cin-build__copy>.label{color:var(--c-accent-dark)}
.fkc .cin-build__copy>p:not(.label){color:var(--c-silver);max-width:48ch}
.fkc .cin-process{list-style:none;padding:0;margin:0;display:grid}
.fkc .cin-process li{border-top:1px solid var(--c-line-dark);padding-block:var(--s-2);display:grid;gap:.25rem}
.fkc .cin-process strong{font-weight:600;color:var(--c-white)}
.fkc .cin-process span{font-size:.9375rem;color:var(--c-silver)}
.fkc .cin-model-wrap{min-width:0;perspective:1200px}
.fkc .cin-model-stage{position:relative;height:29rem;display:grid;place-items:center;perspective:1000px;touch-action:pan-y;--view-rotation:-28deg}
.fkc .cin-model{position:absolute;top:46%;left:50%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(var(--view-rotation));transition:transform .9s var(--ease-runner)}
.fkc .cin-panel{position:absolute;left:0;top:0;width:var(--pw);height:var(--ph);margin-left:calc(var(--pw) / -2);margin-top:calc(var(--ph) / -2);transform-style:preserve-3d;transform:translate3d(var(--px),var(--py),var(--pz));transition:transform 1.1s var(--ease-runner)}
.fkc .cin-model-stage.is-exploded .cin-panel{transform:translate3d(var(--ex),var(--ey),var(--ez))}
.fkc .cin-face{position:absolute;inset:0;display:block;background:var(--c-surface);border:1px solid var(--c-silver);backface-visibility:hidden}
.fkc .cin-face--front{transform:translateZ(calc(var(--pd) / 2))}
.fkc .cin-face--back{transform:rotateY(180deg) translateZ(calc(var(--pd) / 2));background:var(--c-line)}
.fkc .cin-face--left,.fkc .cin-face--right{width:var(--pd);left:calc((var(--pw) - var(--pd)) / 2);background:var(--c-silver)}
.fkc .cin-face--left{transform:rotateY(-90deg) translateZ(calc(var(--pw) / 2))}
.fkc .cin-face--right{transform:rotateY(90deg) translateZ(calc(var(--pw) / 2))}
.fkc .cin-face--top,.fkc .cin-face--bottom{height:var(--pd);top:calc((var(--ph) - var(--pd)) / 2)}
.fkc .cin-face--top{transform:rotateX(90deg) translateZ(calc(var(--ph) / 2))}
.fkc .cin-face--bottom{transform:rotateX(-90deg) translateZ(calc(var(--ph) / 2));background:var(--c-line)}
.fkc .cin-panel--back .cin-face--front{background:var(--c-line)}
.fkc .cin-model-ground{position:absolute;left:50%;top:76%;width:19rem;height:10rem;margin-left:-9.5rem;background:radial-gradient(ellipse,rgba(32,30,29,.6),rgba(32,30,29,0) 72%);transform:rotateX(72deg);border:1px solid var(--c-line-dark)}
.fkc .cin-model-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--s-1)}
.fkc .cin-model-controls[hidden]{display:none}
.fkc .cin-model-controls .btn--ghost{color:var(--c-white);border-color:var(--c-line-dark)}
.fkc .cin-model-caption{font-size:.8125rem;color:var(--c-silver);text-align:center;max-width:47ch;margin:var(--s-2) auto 0}
.fkc .cin-paths__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s-3)}
.fkc .cin-path{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);border-top:1px solid var(--c-line);color:var(--c-ink);text-decoration:none;gap:var(--s-3);align-items:center;padding-top:var(--s-3)}
.fkc .cin-path--lead{grid-row:span 2;grid-template-columns:1fr;padding:0;border:0}
.fkc .cin-path__image{aspect-ratio:4/5;overflow:hidden;background:var(--c-surface)}
.fkc .cin-path--lead .cin-path__image{aspect-ratio:16/11}
.fkc .cin-path__image img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease-runner)}
.fkc .cin-path--product .cin-path__image img{object-fit:contain;padding:var(--s-2)}
.fkc .cin-path:hover .cin-path__image img{transform:scale(1.04)}
.fkc .cin-path__body{display:grid;gap:var(--s-2);align-content:start}
.fkc .cin-path__body h3{font-size:clamp(1.4rem,2vw,2rem);line-height:1.1;letter-spacing:-.025em}
.fkc .cin-path__body p{font-size:var(--fs-sm);color:var(--c-muted)}
.fkc .cin-path__meta{font-size:.8125rem;color:var(--c-muted)}
.fkc .cin-workshop__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s-8);align-items:center}
.fkc .cin-workshop__film{margin:0;position:relative;display:grid;gap:var(--s-2)}
.fkc .cin-workshop__film video{width:100%;height:38rem;max-height:80svh;object-fit:cover;background:var(--c-line-dark)}
.fkc .cin-workshop__film figcaption{font-size:.8125rem;color:var(--c-silver);max-width:48ch}
.fkc .cin-film-toggle{position:absolute;left:var(--s-2);top:var(--s-2);min-height:var(--touch);padding:.5rem 1rem;background:var(--c-ink);color:var(--c-white);border:1px solid var(--c-silver);font:inherit;font-size:.8125rem;cursor:pointer}
.fkc .cin-film-toggle[hidden]{display:none}
.fkc .cin-workshop__copy{display:grid;gap:var(--s-3)}
.fkc .cin-workshop__copy>p{color:var(--c-silver);max-width:48ch}
.fkc .cin-workshop__detail{width:70%;aspect-ratio:16/10;margin-top:var(--s-2);overflow:hidden}
.fkc .cin-workshop__detail img{width:100%;height:100%;object-fit:cover}
.fkc .cin-storage{background:var(--c-surface)}
.fkc .cin-storage__heading{margin-bottom:var(--s-4)}
.fkc .cin-storage h2{max-width:none}
.fkc .cin-storage__image{margin:0;display:grid;gap:var(--s-1)}
.fkc .cin-storage__image img{width:100%;height:34rem;object-fit:cover;object-position:center 55%}
.fkc .cin-storage__image figcaption{color:var(--c-muted);font-size:.8125rem}
.fkc .cin-storage__copy{display:flex;justify-content:space-between;gap:var(--s-4);align-items:start;padding-top:var(--s-3)}
.fkc .cin-storage__copy p{max-width:54ch;color:var(--c-muted)}
.fkc .cin-storage__copy a{flex-shrink:0}
.fkc .cin-faq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s-8)}
.fkc .cin-faq__intro{display:grid;gap:var(--s-3);align-content:start}
.fkc .cin-faq__intro p{max-width:40ch;color:var(--c-muted)}
.fkc .cin-faq h2{font-size:clamp(2rem,3.3vw,3.75rem)}
.fkc .fkc-home-cinema .accordion__item summary{font-size:1.0625rem}
@media(min-width:90rem){.fkc .cin-hero__text{width:46rem}.fkc .cin-hero__lede{max-width:40ch}}
@media(max-width:63.99rem){
 .fkc .cin-hero h1{font-size:clamp(3rem,7vw,5rem)}
 .fkc .cin-room-bar__label{display:none}
 .fkc .cin-project-switch__button{font-size:.75rem}
 .fkc .cin-project-switch__button img{width:2.75rem;height:2.25rem}
 .fkc .cin-build__grid{gap:var(--s-4)}
 .fkc .cin-model-stage{height:26rem}
 .fkc .cin-workshop__grid{gap:var(--s-4)}
 .fkc .cin-faq__grid{gap:var(--s-4)}
 .fkc .cin-paths__grid{gap:var(--s-4)}
 .fkc .cin-path{grid-template-columns:1fr}
 .fkc .cin-path:not(.cin-path--lead) .cin-path__image{aspect-ratio:16/10;max-height:14rem}
}
@media(max-width:55.99rem){
 .fkc .cin-hero{min-height:calc(100svh - 5.5rem);align-items:end}
 .fkc .cin-hero__content{padding-top:17rem;padding-bottom:var(--s-4)}
 .fkc .cin-hero__scene{height:60%;bottom:auto;mask-image:linear-gradient(to bottom,var(--c-white) 70%,transparent 100%)}
 .fkc .cin-hero__plane{inset:-2%}
 .fkc .cin-hero__text{width:100%;gap:var(--s-2)}
 .fkc .cin-hero__image{object-position:55% 50%}
 .fkc .cin-hero__shade{background:linear-gradient(0deg,rgba(32,30,29,.98) 0%,rgba(32,30,29,.86) 32%,rgba(32,30,29,.12) 70%,rgba(32,30,29,.08))}
 .fkc .cin-hero h1{font-size:clamp(2.75rem,8vw,4.5rem);max-width:100%}
 .fkc .cin-hero__lede{max-width:42ch;font-size:1.0625rem}
 .fkc .cin-hero .label{font-size:.6875rem;max-width:42ch}
 .fkc .cin-project-switch{justify-content:flex-start;gap:.5rem}
 .fkc .cin-project-switch__button{padding:.25rem}
 .fkc .cin-project-switch__button span{display:none}
 .fkc .cin-room-bar__inner{gap:var(--s-2);padding-block:.75rem}
 .fkc .cin-room-bar__label{display:block;max-width:14ch;font-size:.6875rem}
 .fkc .cin-room-link{font-size:.75rem}
 .fkc .cin-room-link svg{display:none}
 .fkc .cin-projects{grid-template-columns:1fr 1fr;gap:var(--s-4) var(--s-2)}
 .fkc .cin-project--lead{grid-column:span 2;grid-row:auto}
 .fkc .cin-project--lead .cin-project__image{aspect-ratio:4/3}
 .fkc .cin-project__image{aspect-ratio:4/5}
 .fkc .cin-project__title{font-size:1.25rem}
 .fkc .cin-project__summary{font-size:.8125rem}
 .fkc .cin-project:not(.cin-project--lead) .cin-project__summary{display:none}
 .fkc .cin-project__arrow{display:none}
 .fkc .cin-build__grid{grid-template-columns:1fr}
 .fkc .cin-build__copy h2{max-width:18ch}
 .fkc .cin-build__copy>p{max-width:54ch}
 .fkc .cin-model-wrap{margin-top:var(--s-2)}
 .fkc .cin-model-stage{height:27rem}
 .fkc .cin-paths__grid{grid-template-columns:1fr}
 .fkc .cin-path:not(.cin-path--lead){grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:var(--s-2)}
 .fkc .cin-path:not(.cin-path--lead) .cin-path__image{aspect-ratio:4/5;height:100%;max-height:none}
 .fkc .cin-path--lead{grid-row:auto}
 .fkc .cin-path__body{gap:.75rem}
 .fkc .cin-path__body h3{font-size:1.5rem}
 .fkc .cin-path__body p{font-size:.875rem}
 .fkc .cin-path__meta{display:none}
 .fkc .cin-workshop__grid{grid-template-columns:1fr;gap:var(--s-4)}
 .fkc .cin-workshop__film video{height:30rem}
 .fkc .cin-workshop__copy{max-width:38rem}
 .fkc .cin-workshop__detail{width:55%;max-height:14rem}
 .fkc .cin-storage__image img{height:26rem}
 .fkc .cin-storage__copy{display:grid;gap:var(--s-2)}
 .fkc .cin-faq__grid{grid-template-columns:1fr}
}
@media(max-width:30rem){
 .fkc .cin-hero__content{padding-top:18rem}
 .fkc .cin-hero h1{font-size:clamp(2.1rem,10.8vw,3.2rem)}
 .fkc .cin-hero__lede{font-size:1rem}
 .fkc .cin-hero .cin-actions .btn{font-size:.875rem;padding-inline:1rem}
 .fkc .cin-hero .cin-actions{gap:.5rem 1rem}
 .fkc .cin-hero .cin-text-link{font-size:.875rem}
 .fkc .cin-section{padding-block:3.5rem}
 .fkc .cin-section h2{font-size:2.5rem}
 .fkc .cin-section-head{gap:var(--s-2);margin-bottom:var(--s-4)}
 .fkc .cin-room-bar__label{display:none}
 .fkc .cin-project-switch__button img{width:3.25rem;height:2.5rem}
 .fkc .cin-project__title{font-size:1.1rem}
 .fkc .cin-project--lead .cin-project__title{font-size:1.75rem}
 .fkc .cin-model{scale:.88}
 .fkc .cin-model-stage{height:25rem}
 .fkc .cin-model-ground{width:16rem;margin-left:-8rem}
 .fkc .cin-model-controls .btn{padding-inline:1rem;font-size:.8125rem}
 .fkc .cin-path__body h3{font-size:1.3rem}
 .fkc .cin-path:not(.cin-path--lead) .cin-path__body p{font-size:.8125rem}
 .fkc .cin-path .cin-text-link{font-size:.875rem}
 .fkc .cin-workshop__film video{height:27rem}
 .fkc .cin-storage__image img{height:23rem}
}
@media(max-width:22rem){
 .fkc .cin-hero__content{padding-top:15rem}
 .fkc .cin-hero h1{font-size:10.3vw}
 .fkc .cin-hero .cin-actions{gap:.25rem .5rem}
 .fkc .cin-hero .cin-text-link{font-size:.8125rem}
 .fkc .cin-room-link{font-size:.6875rem}
 .fkc .cin-project-switch__button img{width:2.6rem}
 .fkc .cin-project__title{font-size:1rem}
 .fkc .cin-model{scale:.73}
}
@media(max-height:720px) and (max-width:55.99rem){
 .fkc .cin-hero__content{padding-top:10rem;padding-bottom:var(--s-3)}
}
@media(min-width:48rem) and (max-width:55.99rem){
 .fkc .cin-hero{min-height:calc(100svh - 6.75rem)}
}
@media(prefers-reduced-motion:reduce){
 .fkc .cin-hero__plane,.fkc .cin-hero__text,.fkc .cin-project{transform:none;will-change:auto}
 .fkc .cin-panel,.fkc .cin-model,.fkc .cin-project__image img,.fkc .cin-path__image img,.fkc .cin-text-link svg{transition:none}
 .fkc .cin-project:hover .cin-project__image img,.fkc .cin-path:hover .cin-path__image img{transform:none}
}