@font-face{font-family:Inter;src:url('/assets/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--blue:#3266d1;--ink:#292b30;--muted:#626773;--paper:#f8f9fb;--line:#dfe3eb}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--blue);outline-offset:7px;border-radius:2px}
::selection{background:#d9e5ff;color:#173568}
.page{max-width:1560px;min-height:100svh;margin:0 auto;padding:0 clamp(24px,5.5vw,88px);display:flex;flex-direction:column}
.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}
.wordmark{font-size:28px;font-weight:850;letter-spacing:-1.2px}.brand-dot{color:var(--blue)}
.edition{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#636a77}.edition-number{color:var(--blue);margin-left:21px}
.hero{flex:1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(30px,5vw,90px);padding:78px 0 88px}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:1.9px;margin:0 0 28px;color:var(--blue)}
.status-dot{width:8px;height:8px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 5px #3266d10d}
h1{font-size:clamp(54px,5.8vw,86px);letter-spacing:-.065em;line-height:1.04;font-weight:650;margin:0}
.blue{color:var(--blue)}
.description{color:var(--muted);max-width:370px;font-size:16px;line-height:1.8;margin:28px 0 31px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 22px;color:#fff;background:var(--blue);border:1px solid var(--blue);border-radius:4px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}
.button span{font-size:21px;line-height:1}.button:hover{background:#2453b8;transform:translateY(-2px)}
.contact{display:table;font-size:11px;line-height:1.8;color:var(--muted);margin-top:20px}.contact span{color:var(--ink);border-bottom:1px solid #aeb5c3;padding-bottom:2px}.contact:hover span{color:var(--blue);border-color:var(--blue)}
.worksite{position:relative;min-width:0;height:510px;isolation:isolate}
.blueprint{position:absolute;inset:0 -16px 18px;background-image:linear-gradient(#3266d10c 1px,transparent 1px),linear-gradient(90deg,#3266d10c 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 73%);z-index:-2}
.logo-board{position:absolute;left:15%;top:66px;width:70%;aspect-ratio:1.08;background:#fff;padding:36px 45px;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg);border:1px solid #dfe4ed;box-shadow:6px 12px 0 #3266d108,0 22px 38px #2437540a}
.logo-board img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain}
.pin{position:absolute;top:12px;width:5px;height:5px;background:#bfc6d2;border-radius:50%;box-shadow:0 1px 1px #0002}.pin-left{left:12px}.pin-right{right:12px}
.scaffold{position:absolute;top:47px;bottom:65px;width:8px;border:1px solid #bbc6d9;background:#edf1f7;z-index:-1;border-radius:2px}.scaffold-left{left:14%}.scaffold-right{right:14%}
.scaffold:after{content:'';position:absolute;bottom:-3px;left:-9px;width:24px;height:6px;background:#b7c3d6;border-radius:2px}
.scaffold-cross{position:absolute;left:16%;top:90px;width:77%;height:3px;background:#d4dce9;transform:rotate(50deg);transform-origin:left center;z-index:-1}
.construction-tape{position:absolute;top:423px;left:3%;width:94%;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;transform:rotate(4deg);background:#ffcc63;color:#45340f;border:1px solid #eabc5d;box-shadow:0 5px 0 #7e581607;font-size:10px;font-weight:750;letter-spacing:2px}
.construction-tape:before,.construction-tape:after{content:'';position:absolute;top:0;bottom:0;width:10px;background:repeating-linear-gradient(-45deg,#d4a240 0 5px,#ffcc63 5px 12px)}.construction-tape:before{left:0}.construction-tape:after{right:0}.construction-tape b{font-size:24px;font-weight:400}
.measurement{position:absolute;border-color:#c8d6f0;color:#6882b5}.measure-top{top:23px;left:13%;width:74%;height:12px;border-top:1px solid;border-left:1px solid;border-right:1px solid;display:flex;justify-content:center}.measure-top span{font-size:8px;letter-spacing:1.6px;background:var(--paper);padding:0 12px;position:relative;top:-5px}.measure-side{right:0;top:73px;height:276px;width:10px;border-right:1px solid;border-top:1px solid;border-bottom:1px solid;opacity:.6}
.ground{position:absolute;bottom:65px;height:1px;left:4%;right:4%;background:#c9d1df}.drawing-note{position:absolute;bottom:0;text-align:center;left:0;right:0;font-size:11px;color:#737c8a;letter-spacing:.1px}
.footer{min-height:87px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#727987;font-size:10px}
.footer-message{font-size:9px;letter-spacing:1.6px}.footer a{font-size:12px;font-weight:600;color:var(--ink)}.footer a span{color:var(--blue);margin-left:12px}
@media(min-width:1600px){.hero{padding-block:100px}.worksite{height:550px}.logo-board{top:75px}.construction-tape{top:390px}}
@media(max-width:1000px){.hero{gap:26px}.logo-board{padding:30px;top:94px}.worksite{height:440px}.construction-tape{top:298px;font-size:8px;letter-spacing:1.4px}.scaffold{top:66px}.measure-top{top:41px}.measure-side{height:222px;top:92px}h1{font-size:60px}.description{font-size:14px}.scaffold-cross{top:106px}}
@media(max-width:720px){.header{height:85px}.wordmark{font-size:25px}.edition{font-size:8px;letter-spacing:1px}.edition-number{margin-left:9px}.hero{grid-template-columns:1fr;gap:38px;padding:48px 0 34px}.intro{max-width:500px}.eyebrow{margin-bottom:23px;font-size:9px}h1{font-size:clamp(51px,10.7vw,76px)}.description{max-width:350px;font-size:14px;margin:24px 0}.button{padding:17px 20px}.worksite{width:100%;max-width:430px;height:400px;margin-inline:auto}.logo-board{top:56px;left:16%;width:68%;padding:25px 33px}.scaffold{top:36px;bottom:60px}.scaffold-left{left:18%}.scaffold-right{right:18%}.scaffold-cross{top:70px;left:20%;width:71%}.construction-tape{top:270px;left:6%;width:88%;height:48px}.measure-top{top:13px;left:17%;width:66%}.measure-side{top:48px;right:4%;height:202px}.ground{bottom:60px}.drawing-note{bottom:1px}.footer{flex-wrap:wrap;min-height:91px;padding:22px 0;row-gap:15px}.footer-message{order:3;flex-basis:100%;font-size:8px}.footer a{margin-left:auto}}
@media(max-width:380px){.edition{letter-spacing:.6px;font-size:7px}.worksite{height:355px}.construction-tape{top:235px;font-size:7px}.logo-board{padding:23px}.measure-side{height:175px}.scaffold-cross{width:75%}.ground{bottom:48px}.scaffold{bottom:48px}.contact{font-size:10px}}
.construction-tape{top:auto;bottom:43px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
