.facades-page{background:#edf2f8;color:#293f57}.facades-page main{overflow:hidden}.facades-page main>section{position:relative;isolation:isolate}.facades-page h1,.facades-page h2,.facades-page h3{font-weight:500;letter-spacing:-.04em}.facades-page p{font-size:16px;line-height:1.75}.fa-kicker{font-size:12px!important;letter-spacing:.11em;line-height:1.6!important;margin:0 0 21px}.fa-hero{padding:32px 5% 38px 6%;display:grid;grid-template-columns:.85fr 1.3fr;gap:2%;align-items:center;background:#102137;color:#f1f7ff}.fa-copy{position:relative;z-index:1}.fa-back{font-size:13px;color:#afc8e7;display:inline-block;margin-bottom:43px}.fa-copy .fa-kicker{color:#adc8e9}.fa-hero h1{font-size:clamp(37px,3.85vw,59px);line-height:1.13;margin:0 0 24px}.fa-hero h1 span{color:#aacbf7}.fa-lead{color:#bdcfe5;max-width:400px;margin:0 0 27px}.fa-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:16px 21px;border:1px solid #7b9dc7;background:#23466f;color:#f5f9ff;font-size:15px;line-height:1.5;transition:background .25s,box-shadow .25s}.fa-primary:hover{background:#335b8c;box-shadow:0 5px 20px #060f1c30}.fa-primary span{font-size:22px}.fa-hero-art{margin:0;min-width:0}.fa-hero-art img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:contain}.fa-hero-art figcaption{display:flex;gap:20px;justify-content:space-between;padding:15px 0 0;border-top:1px solid #52729670;font-size:12px;color:#9db9da;line-height:1.5}.fa-project{padding:45px 6% 29px;background:#edf2f8}.fa-section-head{display:grid;grid-template-columns:1fr .75fr;gap:8%;align-items:end;margin-bottom:33px}.fa-section-head .fa-kicker{color:#547394;margin-bottom:13px}.fa-section-head h2{font-size:clamp(33px,3.5vw,49px);line-height:1.13;margin:0;color:#284260}.fa-section-head h2 span{color:#537da9}.fa-section-head>p{max-width:370px;color:#546d87;margin:0 0 3px}.fa-sheets{display:flex;align-items:stretch;padding:13px 9px 25px;isolation:isolate}.fa-sheet{position:relative;min-width:0;flex:1;margin:0 -7px;padding:22px 24px 16px;text-align:left;color:#3c5671;background:#f9fbfe;border:1px solid #aebfd3;box-shadow:0 8px 22px #19334f15;transform:rotate(-2deg);transform-origin:50% 90%;cursor:pointer;transition:transform .3s,box-shadow .3s,border-color .3s;background-image:linear-gradient(90deg,#dae5f140,transparent 15%)}.fa-sheet:nth-child(2){transform:rotate(.5deg);z-index:1;background-color:#e4edf7}.fa-sheet:nth-child(3){transform:rotate(2deg);background-color:#d8e5f3}.fa-sheet:hover{transform:translateY(-9px) rotate(0);z-index:4;box-shadow:0 16px 30px #183b5c25}.fa-sheet[aria-selected=true]{transform:translateY(-7px) rotate(0);z-index:3;border-color:#476f9f;box-shadow:0 12px 25px #183b5c23,inset 0 3px #5482b7}.fa-sheet-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;color:#4c6b8c;line-height:1.5}.fa-sheet-sign{font-size:23px;color:#375f8b;transition:transform .25s}.fa-sheet:hover .fa-sheet-sign{transform:translate(2px,-2px)}.fa-sheet-drawing{display:block;margin:15px 0 10px}.fa-sheet-drawing svg{display:block;width:100%;height:auto;max-height:180px;overflow:visible;color:#7d96b0}.fa-sheet-drawing path{stroke:currentColor;stroke-width:1.3;fill:none;vector-effect:non-scaling-stroke}.fa-sheet-drawing .fd-heavy{stroke:#526f90;stroke-width:1.7}.fa-sheet-drawing .fd-accent{color:#396ea7}.fa-sheet-drawing .fd-measure{stroke:#9bb1c9;stroke-width:1}.fa-sheet strong{display:block;font-size:clamp(23px,2.1vw,31px);line-height:1.2;font-weight:500;letter-spacing:-.03em;margin:0 0 18px;color:#234264}.fa-sheet-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #a9bdd4;padding-top:12px;font-size:12px;letter-spacing:.08em;color:#637e9c}.fa-sheet-bottom i{height:3px;width:38px;background:#91afcf}.fa-sheet[aria-selected=true] .fa-sheet-bottom i{background:#2c619e}.fa-panels{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid #aebfd3;border-bottom:1px solid #bdccdd;margin-top:4px}.fa-panels article{grid-area:1/1;display:grid;grid-template-columns:1.15fr .85fr;gap:8%;padding:26px 0;min-width:0}.facades-page .fa-panels article[hidden]{display:grid!important;visibility:hidden;pointer-events:none}.fa-panels .fa-kicker{color:#56789e;margin:0 0 11px}.fa-panels h3{font-size:27px;line-height:1.25;color:#284565;margin:0 0 13px}.fa-panels p{color:#546d87;margin:0;max-width:600px}.fa-deliverables{padding-top:4px}.fa-deliverables>span{font-size:12px;letter-spacing:.07em;color:#5b7796}.fa-deliverables ul{padding:0;margin:14px 0 0;list-style:none}.fa-deliverables li{padding:9px 0;border-bottom:1px solid #ccd7e4;font-size:16px;line-height:1.5;color:#334f70}.fa-deliverables li:last-child{border:0}.fa-panels article:not([hidden])>div{animation:faEnter .3s ease-out both}.fa-caption{font-size:13px!important;color:#607892;margin:15px 0 0}.fa-input{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;padding:42px 6%;background:#fff}.fa-input .fa-kicker{color:#577898;margin-bottom:16px}.fa-input h2{font-size:clamp(32px,3.3vw,47px);line-height:1.13;color:#294662;margin:0 0 21px}.fa-input>div>p:last-child{max-width:430px;color:#546f8a;margin-bottom:0}.fa-input-list{align-self:center;border-top:1px solid #b8c9dc}.fa-input-list details{border-bottom:1px solid #b8c9dc;padding:0 2px}.fa-input-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:22px 0;color:#2c4b70;font-size:21px;line-height:1.4;cursor:pointer}.fa-input-list summary::-webkit-details-marker{display:none}.fa-input-list summary>span{font-size:25px;color:#5c83af;transition:transform .2s}.fa-input-list details[open] summary>span{transform:rotate(45deg)}.fa-input-list details p{margin:0 25px 22px 0;color:#566e87}.fa-contact{padding:35px 6% 40px;background:#18324e;color:#f2f7fd;display:flex;justify-content:space-between;align-items:center;gap:40px}.fa-contact .fa-kicker{color:#aac6e8;margin-bottom:15px}.fa-contact h2{font-size:clamp(31px,3.5vw,48px);line-height:1.13;margin:0 0 18px}.fa-contact p:last-child{color:#bdcfe4;margin:0}.fa-contact .fa-primary{min-width:230px;background:#dbe8f8;color:#23466e;border-color:#dbe8f8}.fa-contact .fa-primary:hover{background:white}.facades-page footer{background:#0a1422}.fa-sheet:focus-visible,.fa-panels article:focus-visible,.fa-input-list summary:focus-visible,.fa-primary:focus-visible{outline:3px solid #5489c7;outline-offset:5px;z-index:5}@keyframes faEnter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:950px){.fa-hero{grid-template-columns:1fr 1.1fr;gap:3%}.fa-hero h1{font-size:39px}.fa-back{margin-bottom:29px}.fa-sheet{padding:19px 18px 15px}.fa-sheet-top{font-size:12px}.fa-sheet strong{font-size:25px}.fa-sheet-bottom{font-size:12px}.fa-hero-art figcaption{flex-direction:column;gap:5px}.fa-input{gap:6%}}@media(max-width:650px){.fa-hero{grid-template-columns:1fr;gap:28px;padding:25px 6% 28px}.fa-back{margin-bottom:26px}.fa-hero h1{font-size:41px;line-height:1.12}.fa-copy .fa-kicker{margin-bottom:17px}.fa-lead{max-width:none}.fa-hero-art figcaption{flex-direction:row;font-size:11px}.fa-project{padding:34px 6% 25px}.fa-section-head{grid-template-columns:1fr;gap:18px;margin-bottom:20px}.fa-section-head h2{font-size:35px}.fa-section-head>p{max-width:none}.fa-sheets{overflow-x:auto;scroll-snap-type:x proximity;padding:16px 9px 27px;gap:5px;margin-right:-6.8%;scroll-padding:9px;scrollbar-width:thin;scrollbar-color:#7798bc transparent}.fa-sheet{flex:0 0 76%;max-width:330px;scroll-snap-align:start;margin:0 0 0 -2px;padding:20px}.fa-sheet:nth-child(2){transform:rotate(1deg)}.fa-sheet:nth-child(3){transform:rotate(1.5deg)}.fa-sheet[aria-selected=true]{transform:translateY(-5px)}.fa-sheet strong{font-size:28px}.fa-sheet-top{font-size:13px}.fa-sheet-bottom{font-size:12px}.fa-sheet-drawing svg{max-height:150px}.fa-panels article{grid-template-columns:1fr;gap:21px;padding:24px 0}.fa-panels h3{font-size:26px}.fa-input{grid-template-columns:1fr;gap:27px;padding:33px 6%}.fa-input h2{font-size:35px}.fa-input>div>p:last-child{max-width:none}.fa-input-list summary{font-size:19px;padding:19px 0}.fa-contact{flex-direction:column;align-items:stretch;gap:25px;padding:32px 6%}.fa-contact h2{font-size:35px}.fa-contact .fa-primary{align-self:flex-start}.fa-caption{font-size:12px!important}}@media(prefers-reduced-motion:reduce){.fa-sheet,.fa-sheet-sign,.fa-primary,.fa-input-list summary>span{transition:none}.fa-panels article:not([hidden])>div{animation:none}}
/* Quiet edge circuitry and the depth of a project folder. */
.facades-page main>section{--fa-line:#547ca6;--fa-light:#8db9f0}
.facades-page .fa-project,.facades-page .fa-input{--fa-line:#93abc7;--fa-light:#477bb5}
.fa-rail{position:absolute;top:0;bottom:0;width:38px;height:100%;pointer-events:none;z-index:-1;overflow:hidden;opacity:.6}
.fa-rail-left{left:8px}.fa-rail-right{right:8px;transform:scaleX(-1)}
.fa-trace{fill:none;stroke:var(--fa-line);stroke-width:.65;opacity:.65;vector-effect:non-scaling-stroke}
.fa-current{fill:none;stroke:var(--fa-light);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:3 97;animation:faCircuit 11s linear infinite;animation-play-state:paused;opacity:.9}
.fa-current-secondary{animation-duration:16s;animation-delay:-8s;stroke-width:1;opacity:.6}.fa-rail-right .fa-current{animation-delay:-5s}.fa-rail-right .fa-current-secondary{animation-delay:-12s}
.fa-inview .fa-current{animation-play-state:running}.fa-background-paused .fa-current{animation-play-state:paused!important}
.fa-project{background:radial-gradient(ellipse at 100% 5%,#ccddf04d,transparent 40%),#edf2f8}
.fa-input{background:radial-gradient(ellipse at 0 100%,#e6eef980,transparent 50%),#fff}
.fa-sheets{padding-top:21px;padding-bottom:33px;perspective:1200px}
.fa-sheet{transform:translateY(3px) rotate(-2deg) scale(.98);box-shadow:0 6px 14px #19334f16;transition:transform .42s cubic-bezier(.22,.75,.2,1),box-shadow .35s,border-color .3s}
.fa-sheet:nth-child(2){transform:translateY(6px) rotate(.5deg) scale(.98)}
.fa-sheet:nth-child(3){transform:translateY(3px) rotate(2deg) scale(.98)}
.fa-sheet[aria-selected=true]{transform:translateY(-11px) rotate(0) scale(1.025);box-shadow:0 20px 34px #183b5c26,inset 0 3px #5482b7;border-color:#537aa7}
@media(hover:hover){.fa-sheet:hover{transform:translateY(-7px) rotate(0) scale(1.005);box-shadow:0 17px 27px #183b5c24}.fa-sheet[aria-selected=true]:hover{transform:translateY(-13px) scale(1.025)}}
.fa-panels{position:relative;background:linear-gradient(120deg,#f8fbff9c,#e6eef750);padding:0 24px;border:1px solid #b4c8df;border-left:3px solid #779fce;box-shadow:0 7px 23px #36577908}
.fa-panels article{padding:28px 0;gap:7%;grid-template-columns:1fr 1fr}
.fa-panels article:not([hidden])>div{animation:faReveal .42s cubic-bezier(.2,.65,.3,1) both}.fa-panels article:not([hidden]) .fa-deliverables{animation-delay:.06s}
.fa-deliverables li{padding:11px 0}.fa-deliverables li strong{display:block;font-weight:500;color:#2d4d70;font-size:16px;line-height:1.5}.fa-deliverables li span{display:block;font-size:14px;line-height:1.6;color:#59718b;margin-top:4px}
.fa-caption-row{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:15px}.fa-caption-row .fa-caption{margin:0}.fa-motion{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid #a8bdd5;background:#eef4fc;color:#3c6089;font-size:15px;cursor:pointer}.fa-motion:hover{background:#dce9f7}.fa-motion:focus-visible{outline:2px solid #406c9f;outline-offset:3px}
@keyframes faCircuit{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes faReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:950px){.fa-rail{width:25px}.fa-rail-left{left:5px}.fa-rail-right{right:5px}.fa-panels{padding:0 19px}}
@media(max-width:650px){.fa-rail{width:13px;opacity:.5}.fa-rail-left{left:2px}.fa-rail-right{right:2px}.fa-sheets{padding-top:20px;padding-bottom:28px}.fa-sheet[aria-selected=true]{transform:translateY(-8px) scale(1)}.fa-sheet:nth-child(2),.fa-sheet:nth-child(3){transform:translateY(3px) rotate(1deg) scale(.98)}.fa-sheet:nth-child(2)[aria-selected=true],.fa-sheet:nth-child(3)[aria-selected=true]{transform:translateY(-8px) rotate(0) scale(1)}.fa-panels article{grid-template-columns:1fr;padding:22px 0;gap:21px}.fa-panels{padding:0 17px}.fa-caption-row{gap:12px}.fa-deliverables li span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.fa-current{animation:none;display:none}.fa-motion{display:none}.fa-sheet{transition:none}.fa-panels article:not([hidden])>div{animation:none}}