*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111415;color:#fff;font:15px/1.6 'Segoe UI',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e8a16d;outline-offset:5px}.craft-hero{height:900px;position:relative;isolation:isolate;overflow:hidden;background:#15191a}.craft-media{position:absolute;inset:0;z-index:-3}.craft-media img{width:100%;height:100%;object-fit:cover;object-position:center 56%;filter:grayscale(.88) brightness(.84)}.craft-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(13,18,20,.94),rgba(13,18,20,.64) 40%,rgba(13,18,20,.05) 74%),linear-gradient(0deg,#101718 0%,transparent 45%)}.craft-header{height:102px;margin:0 64px;border-bottom:1px solid #ffffff35;display:flex;align-items:center;justify-content:space-between;gap:30px}.craft-brand{display:flex;align-items:center;gap:15px;font-weight:750;font-size:15px;letter-spacing:.035em;line-height:1.4}.brand-mark{font:900 51px/1 'Bahnschrift','Segoe UI',Arial;letter-spacing:-.06em}.brand-mark>span{color:#f29859}.craft-brand small{display:block;font-size:9px;letter-spacing:.19em;color:#bbbfc0;margin-top:5px}.craft-header nav{display:flex;gap:32px;font-size:12px}.header-contact{background:none;border:1px solid #ffffff6b;border-radius:0;color:white;padding:14px 20px;font-size:12px}.header-contact>span{margin-left:24px}.craft-content{margin:112px 64px 0;max-width:900px}.craft-eyebrow{font-size:10px;letter-spacing:.2em;font-weight:650;margin:0 0 24px;color:#f29859}.craft-content h1{font:600 89px/1.02 'Bahnschrift','Segoe UI',Arial,sans-serif;letter-spacing:-.052em;margin:0 0 28px}.craft-content h1>span{display:block;height:90.78px;white-space:nowrap}.craft-content h1 em{font-weight:300;font-style:normal}.craft-intro{font-size:16px;line-height:1.8;color:#d0d4d5;max-width:560px;margin:0 0 30px}.craft-actions{display:flex;align-items:center;gap:30px}.main-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:#f29859;border:1px solid #f29859;color:#14191b;padding:18px 24px;font-size:13px;font-weight:800}.main-cta span{font-size:20px;font-weight:400}.secondary-cta{font-size:12px;border-bottom:1px solid #9ba2a3;padding:9px 0}.secondary-cta span{margin-left:15px}.craft-foot{position:absolute;bottom:0;left:64px;right:64px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;border-top:1px solid #ffffff40;min-height:130px;gap:36px}.craft-foot>p{font-size:13px;color:#a4afb1;line-height:1.6}.craft-foot>p strong{color:white;font-weight:500}.craft-foot>a{position:relative;padding-right:32px;border-left:1px solid #ffffff30;padding-left:25px}.craft-foot>a>span{font-size:16px;font-weight:650;display:block}.craft-foot small{color:#aeb8ba;font-size:10px;display:block;margin-top:6px}.craft-foot b{position:absolute;right:0;top:3px;font-weight:400;font-size:20px;color:#f29859}.craft-details{padding:100px 64px;max-width:1440px;margin:auto}.section-label{font-size:10px;letter-spacing:.14em;color:#f29859}.craft-details h2,.craft-project h2{font:500 clamp(32px,4vw,58px)/1.12 'Bahnschrift','Segoe UI',Arial;letter-spacing:-.035em;margin:22px 0 46px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.detail-grid details{border-top:1px solid #ffffff40;padding:20px 0}.detail-grid summary{cursor:pointer;font-size:18px}.detail-grid p{font-size:14px;max-width:40ch;color:#b7bec0}.craft-project{padding:90px 64px;border-top:1px solid #ffffff30}.craft-project>p{font-size:10px;letter-spacing:.14em;color:#f29859}footer{padding:45px 64px;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;font-size:11px;color:#bac2c4}footer p{margin:0}dialog{background:#181e21;color:white;border:1px solid #566065;width:min(480px,calc(100% - 32px));padding:38px}dialog::backdrop{background:#000a}dialog h2{font:500 34px/1.1 Construct}dialog p{font-size:14px;color:#b7c1c4}dialog>.close{position:absolute;top:5px;right:12px;border:0;background:none;color:#fff;font-size:28px}dialog label{display:grid;gap:8px;font-size:12px;margin:25px 0}select{background:#fff;color:#111;padding:12px;font:inherit;border:1px solid #8a959a;width:100%}.photo-placeholder{display:none}
/* The same DOM and dimensions generate the sketch, wireframe and final captures. */
html[data-stage] .craft-hero{background:#fff;color:#202529}html[data-stage] .craft-media img,html[data-stage] .craft-shade{visibility:hidden}html[data-stage] .photo-placeholder{display:block;position:absolute;inset:24px;background:#f2f3f4;border:1px solid #c6cbcf;color:#747c81}html[data-stage] .photo-placeholder>span{position:absolute;right:10%;top:44%;font-size:17px}html[data-stage] .photo-placeholder svg{width:100%;height:100%;stroke:#c4c9cc;stroke-width:1;fill:none}html[data-stage] .craft-header{border-color:#969fa5}html[data-stage] [data-frame]:not(.craft-media){outline:1px solid #88949a;outline-offset:8px}html[data-stage] .craft-content{background:#fff;padding:0}html[data-stage] .craft-content h1{color:transparent}html[data-stage] .craft-content h1>span{background:#bdc5ca;width:fit-content}html[data-stage] .craft-content h1>span+span{margin-top:0}html[data-stage] .craft-eyebrow,html[data-stage] .craft-intro,html[data-stage] .secondary-cta,html[data-stage] .craft-foot *,html[data-stage] .craft-header *{color:#4d5a62}html[data-stage] .main-cta{background:#d6dbde;border-color:#88949a;color:#4d5a62}html[data-stage] .craft-foot{background:#fff;border-color:#88949a}html[data-stage] .craft-foot>a{border-color:#88949a}html[data-stage] .header-contact{border-color:#88949a}html[data-stage=sketch] .photo-placeholder{background:repeating-linear-gradient(-35deg,#fff,#fff 14px,#e4e7e9 15px,#fff 16px);border:2px solid #333}html[data-stage=sketch] [data-frame]:not(.craft-media){outline:2px solid #424a4f;outline-offset:7px;border-radius:2px 8px 3px 6px / 3px 2px 6px 3px}html[data-stage=sketch] .craft-content h1>span{background:none;color:#363d41;font-family:'Segoe Print','Comic Sans MS',cursive;font-size:.79em;line-height:1.2912;height:90.78px;letter-spacing:-.055em}html[data-stage=sketch] .craft-eyebrow,html[data-stage=sketch] .craft-intro{font-family:'Segoe Print','Comic Sans MS',cursive}html[data-stage=sketch] .main-cta{border:1px solid #555;border-radius:4px 2px 6px 3px;background:#fff}
@media(min-width:1600px){.craft-hero{height:min(1000px,100svh);min-height:820px}.craft-content{margin-top:140px}}@media(max-width:1050px){.craft-header{margin:0 32px;gap:20px}.craft-header nav{gap:18px}.craft-content{margin-left:32px;margin-right:32px;max-width:740px}.craft-content h1{font-size:72px}.craft-foot{left:32px;right:32px;gap:20px}.craft-foot small{font-size:9px}}@media(max-width:700px){.craft-hero{height:auto;min-height:900px;padding-bottom:225px}.craft-header{margin:0 22px;height:90px}.craft-header nav{display:none}.craft-brand{font-size:10px;gap:9px}.brand-mark{font-size:37px}.craft-brand small{font-size:7px}.header-contact{padding:10px;font-size:10px}.header-contact>span{margin-left:10px}.craft-content{margin:100px 22px 0}.craft-eyebrow{font-size:9px;letter-spacing:.13em}.craft-content h1{font-size:clamp(34px,9.7vw,59px);line-height:1.08;letter-spacing:-.04em}.craft-content h1>span{height:auto;white-space:normal}.craft-content h1>span:last-child{max-width:10ch}.craft-intro{font-size:14px;line-height:1.75;max-width:30ch}.craft-intro br{display:none}.craft-media img{object-position:64% center;filter:grayscale(.85) brightness(.55)}.craft-shade{background:linear-gradient(90deg,#0d1214bc,#0d121455),linear-gradient(0deg,#101718,transparent 50%)}.craft-actions{align-items:flex-start;flex-direction:column;gap:15px}.main-cta{font-size:12px;padding:15px 18px}.secondary-cta{font-size:11px}.craft-foot{left:22px;right:22px;grid-template-columns:1fr;gap:0;min-height:auto;padding:12px 0}.craft-foot>p{display:none}.craft-foot>a{border-left:0;padding:12px 0;border-bottom:1px solid #ffffff25}.craft-foot>a>span{font-size:14px}.craft-foot small{display:none}.craft-foot b{top:8px}.craft-details,.craft-project{padding:64px 22px}.detail-grid{grid-template-columns:1fr;gap:12px}footer{display:block;padding:32px 22px}footer p{margin-top:18px}html[data-stage=sketch] .craft-content h1>span{height:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}