:root{color-scheme:dark;--ink:#191c19;--paper:#f4f2e9;--yellow:#ffd539;--muted:#afb4a9;--line:#3b4138;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;background:var(--ink);color:var(--paper)}*{box-sizing:border-box}body{position:relative;margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}main:focus{outline:none}.page{max-width:1440px;min-height:100svh;margin:0 auto;padding:30px 64px 0;display:flex;flex-direction:column}.site-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:26px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:24px;font-weight:650;letter-spacing:-.06em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--yellow);color:var(--ink);font-weight:900;font-size:25px;border-radius:2px}.language-nav{display:flex;gap:5px;font:12px ui-monospace,monospace}.language-nav a{display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px 12px;color:var(--muted);border-radius:3px}.language-nav a[aria-current]{background:var(--yellow);color:var(--ink)}.language-nav a:hover{color:var(--paper);background:var(--line)}.hero{flex:1;display:grid;grid-template-columns:minmax(0,1.5fr)minmax(0,1fr);grid-template-areas:"copy scene" "details scene";grid-template-rows:auto 1fr;column-gap:36px;row-gap:110px;align-items:start;padding:24px 0 36px}.hero-copy{grid-area:copy;position:relative;z-index:3}.hero-details{grid-area:details;align-self:end;position:relative;z-index:3}.status{display:flex;align-items:center;gap:10px;margin:0 0 26px;color:var(--yellow);font:11px ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}.status-light{width:7px;height:7px;background:var(--yellow);border-radius:50%;animation:pulse 3s ease-in-out infinite}h1{max-width:9em;margin:0;font-size:clamp(2.8rem,5.5vw,6rem);line-height:1.02;font-weight:800;letter-spacing:-.065em}.period{color:var(--yellow)}.intro{max-width:360px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}.worksite{grid-area:scene;position:absolute;right:max(64px,calc((100vw - 1312px)/2));top:calc(52svh - min(30.4vw,34.2svh) - 50px);width:min(32vw,36svh)}.scene{position:relative;width:100%;max-width:420px;aspect-ratio:400/380;isolation:isolate}.scene-grid{position:absolute;inset:7% 0 3%;z-index:-1;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,black 35%,transparent 70%)}.crane{display:block;width:100%;height:100%;color:#4d5548}.crane-load{animation:lift 7s ease-in-out infinite}.bricks{position:absolute;left:27%;bottom:10%;font-size:48px;line-height:1}.barrier{position:absolute;right:10%;bottom:5%;font-size:clamp(48px,6.5vw,84px);line-height:1}.toolbox{position:absolute;left:7%;bottom:7%;font-size:26px;line-height:1}.scene-label{position:absolute;top:40%;left:5%;color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.1em;transform:rotate(-90deg);transform-origin:left top}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0 27px;border-top:1px solid var(--line)}.site-footer p{color:var(--muted);margin:0;font-size:12px}.contact-links{display:flex;gap:24px;font-size:12px}.contact-links span{display:inline-block;margin-left:4px;color:var(--yellow)}.contact-links a:hover{color:var(--yellow)}.foreground{--tape-angle:atan2(20svh, 100vw);position:absolute;top:0;left:0;width:100%;height:100svh;overflow:hidden;pointer-events:none;z-index:2}.tape{position:absolute;top:calc(40% - 27px);left:-24px;width:150vw;overflow:hidden;height:54px;display:flex;align-items:center;transform:rotate(var(--tape-angle));transform-origin:24px 50%;background:var(--yellow);color:var(--ink);border-block:5px solid transparent;border-image:repeating-linear-gradient(135deg,var(--ink) 0 10px,var(--yellow) 10px 20px)5;box-shadow:0 12px 24px #0005}.support{position:absolute;width:60px;transform:translateX(-50%)}.support-1,.mount-1{left:2.5%;--attachment-height:40.5%}.support-2,.mount-2{left:92%;--attachment-height:58.4%}.support{top:calc(var(--attachment-height) - 65px)}.mount{position:absolute;top:var(--attachment-height);width:10px;height:62px;border:1px solid #a6ae9b;border-radius:3px;background:linear-gradient(90deg,#6a735f,#d3d7cb 45%,#6a735f);box-shadow:2px 0 3px #0005;transform:translate(-50%,-50%)rotate(var(--tape-angle))}.support svg{display:block;width:100%}.tape-track{display:flex;flex:none;width:max-content;animation:conveyor 32s linear infinite}.tape-track span{flex-shrink:0;font:800 19px ui-monospace,monospace;letter-spacing:.08em;white-space:nowrap}.skip-link{position:absolute;top:8px;left:12px;z-index:5;padding:12px;background:var(--yellow);color:var(--ink);transform:translateY(-150%)}.skip-link:focus{transform:none}.error-page{flex:1;padding:100px 0}.error-page h1{max-width:900px}.error-page>p:not(.status){color:var(--muted);margin-block:28px}.home-link{display:inline-block;color:var(--yellow)}@keyframes conveyor{to{transform:translateX(-50%)}}@keyframes lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}@media(min-width:1440px){.hero{column-gap:60px}}@media(max-width:800px){.page{padding:24px 28px 0}.hero{column-gap:16px}.worksite{right:28px}.intro{font-size:14px}}@media(max-width:620px){.page{padding:22px 24px 0}.site-header{padding-bottom:20px}.brand{font-size:22px}.language-nav a{padding:9px}.hero{grid-template-columns:1fr;grid-template-areas:"copy" "scene" "details";grid-template-rows:auto auto auto;row-gap:28px;padding:32px 0 30px}h1{font-size:clamp(2.6rem,10.4vw,4.3rem)}.status{margin-bottom:21px;font-size:10px}.intro{max-width:300px}.worksite{position:static;width:100%;margin-top:calc(20svh + 28px);display:flex;justify-content:center}.scene{max-width:310px}.barrier{font-size:64px}.scene-label{display:none}.site-footer{align-items:flex-start;flex-direction:column;gap:17px}.tape-track span{font-size:16px}.error-page{padding:60px 0}}@media(prefers-reduced-motion:reduce){.animated{animation:none}}