/* FKC design refinement, 26 October 2026. Uses the existing FKC Measured tokens. */
.fkc .site-header__bar{gap:var(--s-2);min-width:0}
.fkc .site-header__logo img.site-header__full{width:210px;height:auto}
.fkc .site-header__actions,.fkc .nav~.site-header__actions{margin-left:auto;flex-shrink:0}
.fkc .nav__link{padding-inline:.6rem}
.fkc .quote-count__icon{display:block}
.fkc .quote-count__label{display:inline}
@media(min-width:48rem){.fkc .site-header__actions .quote-count__label{display:inline}}
.fkc .quote-count__n[data-n="0"]{display:none}
.fkc .nav{display:none}
.fkc .site-header .menu-toggle{display:flex}
.fkc .drawer__head{position:sticky;top:calc(-1 * var(--s-2));background:var(--c-surface);z-index:2}
.fkc .drawer__group{padding-block:var(--s-2)}
.fkc .drawer__group h2{margin-bottom:.25rem}
.fkc .drawer__group a{font-size:var(--fs-base);min-height:var(--touch)}
.fkc .drawer__group a:first-of-type{font-weight:var(--fw-head)}
.fkc .drawer__group a:hover{color:var(--c-action)}
.fkc .hero{padding-block:var(--s-4);min-height:0}
.fkc .hero__text{gap:var(--s-2)}
.fkc .hero__sub{font-size:var(--fs-base);max-width:42ch}
.fkc .hero__cta{gap:var(--s-2) var(--s-3)}
.fkc .hero__frame{aspect-ratio:16/11}
.fkc .hero__ruler{display:none}
.fkc .hero__steps{margin-top:var(--s-4)}
.fkc .hero__steps li{font-size:.75rem;letter-spacing:.08em}
.fkc .hero__caption{font-size:.8125rem}
.fkc .way__body{gap:.75rem}
.fkc .way__body h3{max-width:24ch}
.fkc .way:not(.way--lead) .way__media{aspect-ratio:4/3}
.fkc .tile__title{line-height:1.15}
.fkc .door--detail .door__media,.fkc .door--workshop .door__media{aspect-ratio:16/11}
.fkc .project-hero{min-height:0;display:grid}
.fkc .project-hero__media{position:relative;inset:auto;aspect-ratio:16/10;order:0}
.fkc .project-hero__media:after{display:none}
.fkc .project-hero__text{order:1;padding-block:var(--s-4);gap:var(--s-2)}
.fkc .project-hero h1{font-size:clamp(2rem,3.8vw,3.5rem);max-width:18ch}
.fkc .project-hero__lede{font-size:var(--fs-base)}
.fkc .fkc-project .project>.section:first-of-type{padding-block:var(--s-4)}
.fkc .book-intro{padding-block:var(--s-3);background:var(--c-surface);border-bottom:1px solid var(--c-line)}
.fkc .book-intro .container{display:grid;gap:var(--s-1)}
.fkc .book-intro h1{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1}
.fkc .book-intro p{max-width:65ch;color:var(--c-muted)}
.fkc .book-intro .crumb{margin-bottom:var(--s-1)}
.fkc .book-intro .crumb [aria-current]{color:var(--c-ink)}
.fkc .book-intro .crumb ol{color:var(--c-muted)}
.fkc .book{gap:var(--s-4)}
.fkc .fkc-book #main>.section{padding-block:var(--s-4)}
.fkc .book__form{background:var(--c-surface);border:1px solid var(--c-line);padding:var(--s-3)}
.fkc .book__aside{padding:var(--s-3);gap:var(--s-3)}
.fkc .book__aside .guide:before,.fkc .book__aside .guide li:before{color:var(--c-accent-dark)}
.fkc .book__aside .guide li{grid-template-columns:1fr}
.fkc .book__aside .guide li:before{display:none}
.fkc .book__aside .guide strong{color:var(--c-white)}
.fkc .book__aside .guide span{color:var(--c-silver)}
.fkc .book__aside .label{color:var(--c-silver)}
.fkc .book__aside .steps .tabular{color:var(--c-accent-dark)}
.fkc .book__form input,.fkc .book__form select,.fkc .book__form textarea{font-size:1rem}
.fkc .book__form :where(input,select,textarea):focus-visible{outline:2px solid var(--c-action);outline-offset:2px}
@media(min-width:56rem){
 .fkc .hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s-4)}
 .fkc .hero h1{font-size:clamp(2.25rem,10.5cqi,4.75rem)}
 .fkc .hero__frame{margin-right:0;aspect-ratio:4/3}
 .fkc .book{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--s-4)}
 .fkc .book__aside{position:sticky;top:calc(var(--header-h) + var(--adminbar,0px) + var(--s-2))}
 .fkc .project-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
 .fkc .project-hero__media{order:2;height:100%;aspect-ratio:auto;min-height:28rem}
 .fkc .project-hero__text{order:1;width:100%;max-width:40rem;margin-inline:0;justify-self:end;padding-block:var(--s-6)}
 .fkc .door--detail .door__media{aspect-ratio:4/3}
 .fkc .door--workshop .door__media{aspect-ratio:auto}
}
@media(min-width:80rem){
 .fkc .nav{display:block;margin-left:auto}
 .fkc .site-header .menu-toggle{display:none}
 .fkc .site-header__actions,.fkc .nav~.site-header__actions{margin-left:0}
 .fkc .site-header__actions .quote-count__label{display:inline}
 .fkc .hero{padding-block:var(--s-6)}
}
@media(max-width:55.99rem){
 .fkc .hero h1{font-size:clamp(2rem,10.4cqi,4rem);line-height:1.02}
 .fkc .hero__text>.label{font-size:.6875rem;letter-spacing:.1em}
 .fkc .hero__call{display:none}
 .fkc .hero__grid{gap:var(--s-3)}
 .fkc .hero__frame{aspect-ratio:16/10}
 .fkc .hero__steps{grid-template-columns:1fr;gap:0}
 .fkc .hero__steps li{padding-block:.5rem;border-bottom:1px solid var(--rule)}
 .fkc .book__aside{position:static}
}
@media(max-width:47.99rem){
 .fkc .site-header__logo img.site-header__full{width:165px;height:auto}
 .fkc .site-header__actions .quote-count__label{display:none}
 .fkc .site-header__actions .btn__full{display:none}
 .fkc .site-header__actions .btn__short{display:inline}
 .fkc .site-header__actions .btn{padding-inline:.8rem}
 .fkc .hero{padding-block:var(--s-3)}
 .fkc .hero__cta .btn{min-height:var(--touch);font-size:.875rem;padding-inline:1rem}
 .fkc .hero__cta .link{font-size:.875rem;min-height:var(--touch);display:inline-flex;align-items:center}
 .fkc .hero__sub{font-size:1rem;line-height:1.5}
 .fkc .book__form{padding:var(--s-2)}
 .fkc .book-intro{padding-block:var(--s-2)}
 .fkc .book-intro p{font-size:.9375rem;line-height:1.5}
}
@media(max-width:40rem){
 .fkc .utility a:nth-of-type(2){display:none}
 .fkc .utility__hours{display:block;font-size:.6875rem}
}
@media(max-width:22.5rem){
 .fkc .site-header__logo img.site-header__full{display:none}
 .fkc .site-header__symbol{display:block;width:44px;height:32px}
 .fkc .utility__hours{display:none}
 .fkc .site-header__bar{gap:.25rem}
 .fkc .hero__cta{gap:.25rem 1rem}
}
@media(prefers-reduced-motion:reduce){
 .fkc .way,.fkc .way__media img,.fkc .door__media img{transition:none}
 .fkc .way:hover,.fkc .way:hover .way__media img,.fkc .door:hover .door__media img{transform:none}
}
