/* The right-hand preview is intentionally labeled as a design demo, not a customer case. */
.hero-shape.website-preview{height:350px;background:#dce3d2;padding:0}.preview-label{position:absolute;top:13px;right:17px;z-index:5;font:500 8px 'DM Mono',monospace;letter-spacing:.06em;color:#4e564b}.website-window{position:absolute;inset:37px 22px 20px;background:#f8f7f1;box-shadow:14px 14px 0 rgba(23,24,21,.12);overflow:hidden}.browser-bar{height:25px;display:flex;align-items:center;gap:4px;padding:0 10px;background:#171815;color:#c9cec2;font:500 7px 'DM Mono',monospace}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#9ba196}.browser-bar span{margin-left:7px;opacity:.9}.demo-site{height:calc(100% - 25px);position:relative;overflow:hidden;background:#f5f4ec;color:#171815;background-image:linear-gradient(90deg,transparent 0,transparent 71%,rgba(23,24,21,.08) 71%,rgba(23,24,21,.08) calc(71% + 1px),transparent calc(71% + 1px))}.demo-site:before{content:"UDVALGTE PROJEKTER  ·  01 / 03";position:absolute;z-index:4;right:12px;bottom:11px;padding:5px 6px;background:#d6ff3e;font:500 6px 'DM Mono',monospace;letter-spacing:.03em}.demo-site:after{content:"";position:absolute;z-index:1;left:16px;top:67px;width:38px;height:3px;background:#d6ff3e;box-shadow:0 9px 0 #cdd0c4,0 18px 0 #cdd0c4}.demo-nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;margin:0 12px;padding:11px 3px;border-bottom:1px solid rgba(23,24,21,.14);font-size:7px}.demo-nav b{font-size:13px;letter-spacing:-.11em}.demo-nav b:after{content:" / ARCHITECTS";margin-left:4px;color:#687066;font:500 6px 'DM Mono',monospace;letter-spacing:.02em}.demo-nav span{padding:5px 6px;background:#171815;color:#f5f4ec;font:500 6px 'DM Mono',monospace;letter-spacing:.01em}.demo-nav span:after{content:"  +";color:#d6ff3e}.demo-main{position:relative;z-index:3;padding:26px 16px}.demo-main>p{max-width:205px;margin:0;font:800 clamp(26px,2.8vw,39px)/.78 Manrope;letter-spacing:-.11em}.demo-main em{font:500 italic 1em Georgia,serif}.demo-copy{margin-top:16px;font-size:8px;line-height:1.4;color:#55594f}.demo-main a{display:inline-block;margin-top:17px;padding:8px 9px;background:#171815;color:#f8f7f1;font:500 7px 'DM Mono',monospace;letter-spacing:.03em}.demo-main a b{margin-left:8px;color:#d6ff3e}.demo-arch{position:absolute;right:-7%;bottom:-35%;width:58%;height:88%;border-radius:52% 52% 0 0;background:#385347}.demo-arch:before{content:"";position:absolute;inset:11% 13% 0 13%;border:1px solid rgba(245,244,236,.6);border-bottom:0;border-radius:50% 50% 0 0}.demo-arch:after{content:none}.demo-site small{position:absolute;z-index:3;left:16px;bottom:12px;color:#51584e;font:500 7px 'DM Mono',monospace}.eyebrow{gap:11px;color:#171815;font-size:13px;font-weight:700;letter-spacing:.035em;line-height:1.2}.eyebrow i{width:10px;height:10px;flex:0 0 10px;background:#6b9000;border-radius:2px}.eyebrow.light{color:#fff}.eyebrow.light i{background:var(--lime)}@media(max-width:760px){.hero-shape.website-preview{height:270px}.website-window{inset:31px 17px 16px}.preview-label{top:10px;right:10px;transform:scale(.8);transform-origin:right}.demo-main{padding:20px 14px}.demo-main>p{font-size:27px}.demo-copy{margin-top:10px}.demo-main a{margin-top:11px}.demo-nav{margin:0 9px;padding:8px 2px}.demo-nav b{font-size:10px}.demo-nav b:after{font-size:5px}.demo-nav span{font-size:5px;padding:4px}.eyebrow{font-size:12px}.eyebrow i{width:9px;height:9px;flex-basis:9px}.demo-site:before{transform:scale(.82);transform-origin:right bottom}}