@layer components{.construction-site{min-height:100vh;overflow:hidden;color:var(--cflas-color-ink-950);background:radial-gradient(circle at 86% 0,color-mix(in srgb,var(--cflas-color-lime) 38%,transparent),transparent 30rem),var(--cflas-color-paper)}.construction-shell{width:min(100% - 3rem,76rem);margin:0 auto;padding:1.5rem 0 2rem}.construction-footer,.construction-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.construction-header{min-height:4.5rem;padding:0 .25rem 1.25rem}.construction-brand{display:inline-flex;align-items:center;min-height:var(--cflas-touch-target)}.construction-brand img{width:clamp(8.75rem,18vw,12rem);height:auto}.construction-art-note span,.construction-kicker,.construction-route,.construction-section-label,.construction-status{color:var(--cflas-color-brand-700);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.construction-status{display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap}.construction-status-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--cflas-color-success);box-shadow:0 0 0 .3rem color-mix(in srgb,var(--cflas-color-success) 14%,transparent)}.construction-hero{position:relative;min-height:38rem;overflow:hidden;isolation:isolate;border:1px solid color-mix(in srgb,var(--cflas-color-brand-700) 16%,transparent);border-radius:2rem;background:var(--cflas-color-brand-50);box-shadow:var(--cflas-shadow-lift)}.construction-hero-image{z-index:-2;object-fit:cover;object-position:center;animation:construction-float 16s ease-in-out infinite alternate}.construction-hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--cflas-color-paper) 96%,transparent) 0,color-mix(in srgb,var(--cflas-color-paper) 77%,transparent) 32%,transparent 68%),linear-gradient(0deg,color-mix(in srgb,var(--cflas-color-brand-900) 13%,transparent),transparent 42%)}.construction-copy{max-width:31rem;padding:clamp(3rem,8vw,7rem) clamp(1.75rem,6vw,5.5rem);animation:construction-rise .7s ease-out both}.construction-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}.construction-kicker i{color:var(--cflas-color-lime);font-style:normal}.construction-copy h1{max-width:25rem;margin-bottom:1.5rem;color:var(--cflas-color-brand-900);font-size:clamp(2.8rem,6vw,5.4rem);line-height:1.03;letter-spacing:-.075em}.construction-copy h1 em{color:var(--cflas-color-brand-700);font-style:normal}.construction-lede{max-width:25rem;margin-bottom:2rem;color:var(--cflas-color-ink-700);font-size:1rem;line-height:1.9}.construction-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.construction-primary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--cflas-touch-target);border-radius:var(--cflas-radius-pill);font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;gap:.8rem;padding:.8rem 1.2rem .8rem 1.35rem;color:var(--cflas-color-surface);background:var(--cflas-color-brand-900);box-shadow:var(--cflas-shadow-button)}.construction-primary span{font-size:1.1rem;line-height:1}.construction-primary:hover{transform:translateY(-2px);background:var(--cflas-color-brand-700);box-shadow:0 .8rem 1.4rem color-mix(in srgb,var(--cflas-color-brand-900) 22%,transparent)}.construction-route{margin:2.25rem 0 0;color:var(--cflas-color-muted);letter-spacing:.16em}.construction-route span{margin:0 .45rem;color:var(--cflas-color-lime)}.construction-art-note{position:absolute;right:clamp(1.5rem,5vw,4rem);bottom:2rem;display:grid;gap:.3rem;max-width:11rem;padding:.8rem .95rem;color:var(--cflas-color-brand-900);background:color-mix(in srgb,var(--cflas-color-surface) 74%,transparent);border:1px solid color-mix(in srgb,var(--cflas-color-brand-700) 14%,transparent);border-radius:var(--cflas-radius-md);backdrop-filter:blur(8px);animation:construction-rise .9s ease-out .18s both}.construction-art-note span{font-size:.61rem;letter-spacing:.12em}.construction-art-note strong{font-family:var(--cflas-font-display);font-size:1rem;line-height:1.35}.construction-intro{display:grid;grid-template-columns:minmax(13rem,.8fr) 1.6fr;gap:clamp(2rem,7vw,7rem);padding:clamp(4rem,9vw,8rem) clamp(.25rem,2vw,1.5rem) 4rem}.construction-section-label{margin-bottom:1.15rem}.construction-intro h2{margin-bottom:0;font-family:var(--cflas-font-display);font-size:clamp(1.7rem,3vw,2.7rem);font-weight:600;letter-spacing:-.05em}.construction-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.construction-principle{padding-top:1.1rem;border-top:1px solid var(--cflas-color-line-strong)}.construction-principle>span{color:var(--cflas-color-brand-600);font-family:var(--cflas-font-mono);font-size:.75rem}.construction-principle h3{margin:2rem 0 .5rem;font-size:1rem}.construction-principle p{margin-bottom:0;color:var(--cflas-color-muted);font-size:.88rem;line-height:1.75}.construction-footer{padding:1.25rem .25rem 0;color:var(--cflas-color-muted);border-top:1px solid var(--cflas-color-line);font-size:.75rem}.construction-footer span:first-child{color:var(--cflas-color-brand-700);font-weight:700}.construction-record{flex-basis:100%;color:var(--cflas-color-brand-700);text-align:center}@keyframes construction-rise{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes construction-float{0%{transform:scale(1)}to{transform:scale(1.025)}}@media (max-width:760px){.construction-shell{width:min(100% - 1.5rem,40rem);padding-top:.75rem}.construction-header{min-height:4rem;padding-bottom:.75rem}.construction-status{font-size:.62rem;letter-spacing:.08em}.construction-hero{min-height:42rem;border-radius:var(--cflas-radius-xl)}.construction-hero-image{object-position:64% center}.construction-hero-shade{background:linear-gradient(180deg,color-mix(in srgb,var(--cflas-color-paper) 96%,transparent) 0,color-mix(in srgb,var(--cflas-color-paper) 72%,transparent) 47%,transparent 78%)}.construction-copy{max-width:24rem;padding:2.5rem 1.5rem}.construction-copy h1{font-size:clamp(2.8rem,14vw,4.4rem)}.construction-lede{font-size:.94rem}.construction-art-note{right:1rem;bottom:1rem}.construction-intro{grid-template-columns:1fr;gap:2.25rem;padding:4rem .25rem 3rem}.construction-principles{grid-template-columns:1fr;gap:1.75rem}.construction-principle h3{margin-top:1rem}.construction-footer{align-items:flex-start;flex-wrap:wrap;gap:.5rem 1rem}.construction-footer span:nth-child(2){order:3;width:100%}}@media (prefers-reduced-motion:reduce){.construction-art-note,.construction-copy,.construction-hero-image{animation:none}.construction-primary{transition:none}}}