/* Bafureqo Blueprint Commons: ivory paper, blueprint blue, brick red and cedar; long drafting surfaces, not a systems workbench. */
:root{--ivory:#f7f3e8;--blue:#1f6fb2;--red:#c94a3b;--cedar:#a96e4f;--ink:#183242;--serif:'Syne',sans-serif;--body:'Source Serif 4',serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}header{height:76px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:absolute;width:100%;z-index:4;color:var(--ink)}.brand{display:flex;gap:9px;align-items:center;font:700 18px var(--serif)}.brand img{width:36px;height:36px}.brand small{display:block;font:9px var(--mono);letter-spacing:.08em}header nav,footer nav{display:flex;gap:20px;font:14px var(--mono);text-transform:uppercase}.hero{min-height:760px;display:grid;grid-template-columns:1.1fr .9fr;padding:76px 6% 0;background:#fff}.hero>div{padding:100px 9% 60px 0;display:flex;flex-direction:column;justify-content:center;border-right:2px solid var(--blue)}.hero p,.layers>div>p:first-child,.drawing>p,.reader p,.walk p,.maintenance p:first-child,.desk p:first-child{font:11px var(--mono);letter-spacing:.1em;color:var(--red)}h1,h2,h3{font-family:var(--serif);letter-spacing:-.05em}h1{font-size:clamp(4.5rem,8vw,8.5rem);line-height:.82;margin:0 0 25px}em{color:var(--red);font-style:normal}.hero span{max-width:500px;font-size:19px;line-height:1.6}.hero a,.desk button{width:max-content;margin-top:30px;background:var(--blue);color:#fff;padding:14px 17px;min-height:48px;font:700 14px var(--body)}.hero>img{height:100%;width:100%;object-fit:cover}.layers{padding:120px 8%;display:grid;grid-template-columns:1.1fr .75fr;gap:9vw}.layers h2,.reader h2,.walk h2,.maintenance h2,.desk h2{font-size:clamp(3.6rem,6vw,7rem);line-height:.83;margin:0 0 23px}.layers>div>p:not(:first-child){line-height:1.75;max-width:580px}.layers button{min-height:44px;padding:9px 13px;border:1px solid var(--blue);background:transparent;color:var(--blue);font:14px var(--body)}.layers button.active{background:var(--blue);color:#fff}.layers output{display:block;margin-top:22px;padding:20px;border-left:6px solid var(--red);background:#fff}.layers output b{font:30px var(--serif)}.layers output p{line-height:1.7;margin:8px 0 0}.layers figure{margin:0;border:14px solid var(--blue);padding:14px;align-self:center}.layers figure img{height:440px;width:100%;object-fit:cover}.layers figcaption,.drawing figcaption{font:10px var(--mono);color:var(--red);margin-top:10px}.drawing{padding:115px 8%;background:var(--blue);color:#fff}.drawing>p{color:#ffd0c8}.draw-grid{display:grid;grid-template-columns:1fr .8fr;gap:0;margin-top:38px;border:1px solid rgba(255,255,255,.7)}.draw-grid>*{min-height:290px;padding:20px;border-right:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.7)}.draw-grid img{width:100%;height:100%;object-fit:cover}.draw-grid article{display:flex;flex-direction:column;justify-content:end}.draw-grid h3{font-size:45px;line-height:.9;margin:0 0 15px}.draw-grid p{line-height:1.7;margin:0}.reader{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--cedar);color:#fff}.reader>img{height:100%;min-height:590px;width:100%;object-fit:cover}.reader>div{padding:105px 14%}.reader p{color:#fff1d9}.reader select{font-size:16px;padding:14px;width:100%;border:0;margin:20px 0}.readerNote{}#readerNote{padding:20px;border:1px solid #fff;line-height:1.7}#readerNote b{font:11px var(--mono)}#readerNote p{margin:8px 0 0;color:#fff}.walk{padding:120px 8%;display:grid;grid-template-columns:1fr .8fr .45fr .45fr .45fr;gap:20px;align-items:end}.walk>div{grid-column:span 2}.walk h2{margin:0}.walk img{width:100%;height:360px;object-fit:cover}.walk article{min-height:210px;padding:18px;border-top:6px solid var(--blue);background:#fff;font:25px/1.1 var(--serif)}.walk article span{display:block;color:var(--red);font:12px var(--mono);margin-bottom:36px}.maintenance{padding:120px 8%;display:grid;grid-template-columns:1.1fr .55fr .55fr;gap:26px;background:#fff}.maintenance>div>p:not(:first-child){line-height:1.75;max-width:550px}.maintenance button{min-height:45px;padding:10px 13px;border:0;background:var(--red);color:#fff;font:700 14px var(--body)}#maintainNote{padding:17px;background:var(--ivory);border-left:5px solid var(--blue);line-height:1.7}.maintenance img{width:100%;height:355px;object-fit:cover;align-self:center}.desk{padding:115px 8%;display:grid;grid-template-columns:1fr .85fr;gap:10vw;background:var(--ink);color:#fff}.desk p:first-child{color:#b8dff9}.desk h2{margin:0 0 23px}.desk>div>p:not(:first-child){line-height:1.75}.desk>div img{width:100%;height:210px;object-fit:cover;margin-top:30px}.desk form{padding:30px;background:var(--ivory);color:var(--ink);align-self:center;display:grid;gap:12px}.form-control,.form-select{border-radius:0;font-size:16px;padding:13px}.desk textarea{min-height:110px}.desk label{font-size:14px}.desk form button{border:0}.desk #result{margin:0;color:var(--red);font-weight:700}.open-door{min-height:450px;position:relative;isolation:isolate;color:#fff;padding:95px 8%;display:flex;align-items:end}.open-door img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.open-door:after{content:'';position:absolute;inset:0;background:rgba(24,50,66,.65);z-index:-1}.open-door h2{font-size:clamp(4rem,7vw,8rem);line-height:.82;margin:0}footer{padding:55px 8%;background:var(--blue);color:#fff;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}footer p{max-width:270px;margin:0;line-height:1.7}@media(max-width:750px){header{height:62px;padding:0 5%}header nav{display:none}.hero,.layers,.reader,.walk,.maintenance,.desk{display:grid;grid-template-columns:1fr;gap:32px}.hero{padding:62px 0 0}.hero>div{min-height:550px;padding:90px 8% 50px;border-right:0;border-bottom:6px solid var(--blue)}h1{font-size:4.4rem}.hero>img{height:380px}.layers,.drawing,.walk,.maintenance,.desk{padding:75px 7%}.layers figure img{height:350px}.draw-grid{grid-template-columns:1fr}.reader>img{min-height:350px;height:350px}.reader>div{padding:75px 7%}.walk>div{grid-column:auto}.walk img{height:320px}.maintenance img{height:300px}.desk form{padding:22px}footer{padding:45px 7%;display:grid;grid-template-columns:1fr 1fr}footer p{grid-column:1/-1}}