.safe-frame{background:radial-gradient(circle at 8% 15%,rgba(var(--theme-rgb),.12),transparent 30%),linear-gradient(180deg,#f8f5f1 0%,#eee5da 100%);overflow:hidden}.safe-grid{grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);align-items:center;gap:clamp(48px,8vw,108px);display:grid}.safe-copy .lead{max-width:640px}.safe-benefits{gap:20px;margin-top:34px;display:grid}.safe-benefit{grid-template-columns:68px minmax(0,1fr);align-items:start;gap:18px;display:grid}.safe-benefit .icon-box{width:60px;height:60px}.safe-benefit h3{letter-spacing:-.02em;font-size:1rem}.safe-benefit p{color:var(--muted);margin-top:5px;font-size:.9rem}.safe-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;display:flex}.demo-note{max-width:245px;color:var(--muted);font-size:.78rem;line-height:1.4}.demo-stage{position:relative}.demo-stage:before{z-index:0;border:1px solid rgba(var(--theme-rgb),.18);content:"";border-radius:48px;position:absolute;inset:-38px -48px -44px 8%;transform:rotate(2.2deg)}.demo-window{--demo-accent:#704120;z-index:1;background:#fff;border:1px solid #17151324;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 34px 90px #2219122e,0 8px 24px #22191214}.demo-bar{border-bottom:1px solid var(--line);background:#f3efea;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:52px;padding:0 18px;display:grid}.demo-dots{gap:6px;display:flex}.demo-dots span{background:#c7bbb0;border-radius:50%;width:9px;height:9px}.demo-dots span:first-child{background:#df7d6d}.demo-dots span:nth-child(2){background:#ddb663}.demo-dots span:nth-child(3){background:#75b988}.demo-title{color:#69635d;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.demo-status{color:#67615b;align-items:center;gap:7px;font-size:.7rem;font-weight:700;display:inline-flex}.demo-status:before{content:"";background:#68a777;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #68a7771f}.demo-toolbar{border-bottom:1px solid var(--line);opacity:.42;pointer-events:none;background:#fff;align-items:center;gap:16px;min-height:62px;padding:10px 16px;transition:opacity .25s;display:flex}.demo-window.editing .demo-toolbar{opacity:1;pointer-events:auto}.demo-toolbar-group{align-items:center;gap:7px;display:flex}.demo-toolbar-label{color:#69635d;font-size:.72rem;font-weight:700}.swatch{cursor:pointer;border:3px solid #fff;border-radius:50%;width:24px;height:24px;padding:0;box-shadow:0 0 0 1px #17151333}.swatch.brown{background:#704120}.swatch.blue{background:#268cbf}.swatch.sage{background:#5d7254}.swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px}.swatch.brown.active{color:#704120}.swatch.blue.active{color:#268cbf}.swatch.sage.active{color:#5d7254}.tool{border:1px solid var(--line);color:#5e5954;cursor:pointer;background:#fff;border-radius:9px;align-items:center;min-height:31px;padding:0 10px;font:700 .72rem/1 Inter,system-ui,sans-serif;display:inline-flex}.tool.active{border-color:var(--demo-accent);color:var(--demo-accent)}.tool.reset{margin-left:auto}.demo-canvas{background:linear-gradient(45deg,#17151306 25%,#0000 25%) 0 0/18px 18px,linear-gradient(-45deg,#17151306 25%,#0000 25%) 0 9px/18px 18px,#ece9e5;padding:22px}.demo-page{min-height:390px;transition:grid-template-columns .35s var(--ease),max-width .35s var(--ease),border-radius .35s var(--ease);background:#f9f7f3;border-radius:18px;grid-template-columns:minmax(0,1.04fr) minmax(230px,.96fr);display:grid;overflow:hidden;box-shadow:0 12px 32px #1e19151a}.demo-window.compact .demo-page{border-radius:27px;grid-template-columns:1fr;max-width:540px;margin-inline:auto}.demo-content{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(35px,5vw,58px);display:flex}.demo-editable{max-width:100%;position:relative}.demo-editable+.demo-editable{margin-top:18px}.demo-content small{color:var(--demo-accent);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:800;display:inline-block}.demo-content h3{max-width:500px;font-size:clamp(1.4rem,2vw,2rem)}.demo-content p{max-width:500px;color:var(--muted);font-size:.88rem}.demo-button{background:var(--demo-accent);color:#fff;border-radius:999px;align-items:center;min-height:42px;padding:0 16px;font-size:.82rem;font-weight:700;display:inline-flex}.edit-control{z-index:4;background:var(--demo-accent);color:#fff;opacity:0;pointer-events:none;width:35px;height:35px;transition:opacity .2s ease,transform .2s var(--ease);border:2px solid #fff;border-radius:11px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:-46px;transform:translateY(-50%)scale(.84);box-shadow:0 8px 22px #17151338}.edit-control .icon{width:17px;height:17px}.demo-window.editing .edit-control{opacity:1;pointer-events:auto;transform:translateY(-50%)scale(1)}.demo-window.editing [data-editable]{outline:1.5px dashed var(--demo-accent);outline-offset:5px;cursor:text}.demo-window.editing [data-editable]:focus{outline:2px solid var(--demo-accent);background:#ffffffb8}.demo-image{background-image:linear-gradient(135deg,#0000 38%,#1715132e),url(/assets/images/projects/project-skischule-foto.jpg);background-position:50%;background-size:cover;min-height:390px;position:relative;overflow:hidden}.demo-image:before,.demo-image:after{display:none}.demo-image-inner{color:#fff;text-transform:uppercase;letter-spacing:.08em;transition:.35s var(--ease);background:linear-gradient(#0000 48%,#17151380);align-items:flex-end;padding:18px;font-size:.72rem;font-weight:800;display:flex;position:absolute;inset:0}.demo-image.preset-2{background-image:linear-gradient(135deg,#0000 38%,#1715132e),url(/assets/images/projects/project-projektzeiten-foto.jpg)}.demo-image.preset-3{background-image:linear-gradient(135deg,#0000 38%,#1715132e),url(/assets/images/projects/project-envivo-foto.jpg)}.image-edit{top:20px;right:20px;transform:scale(.84)}.demo-window.editing .image-edit{transform:scale(1)}.demo-window.compact .demo-image{order:-1;min-height:225px}.demo-hint{border-top:1px solid var(--line);color:#716a64;background:#faf9f7;align-items:center;gap:9px;min-height:46px;padding:0 17px;font-size:.73rem;display:flex}.demo-hint .icon,.demo-window.editing .demo-hint{color:var(--demo-accent)}@media (width<=1100px){.safe-grid{grid-template-columns:1fr}.safe-copy{max-width:780px}.demo-stage:before{inset:-24px -20px -30px 12%}}@media (width<=760px){.demo-bar{grid-template-columns:auto 1fr}.demo-status{display:none}.demo-toolbar{flex-wrap:wrap;align-items:flex-start;gap:10px 14px}.tool.reset{margin-left:0}.demo-canvas{padding:12px}.demo-page{grid-template-columns:1fr}.demo-image{order:-1;min-height:220px}.demo-content{padding:32px 26px 40px}.demo-editable{padding-right:40px}.edit-control{right:-3px}.image-edit{right:14px}.demo-note{max-width:none}}.demo-window[data-astro-cid-ysgr2rrp].accent-brown{--demo-accent:#704120}.demo-window[data-astro-cid-ysgr2rrp].accent-blue{--demo-accent:#268cbf}.demo-window[data-astro-cid-ysgr2rrp].accent-sage{--demo-accent:#5d7254}