:root{--ink:#111319;--muted:#6c7180;--line:#e5e7ec;--paper:#f6f5f1;--card:#fff;--orange:#ff6b2c;--blue:#2368ff;--lime:#c8ff5a;--radius:22px;--shadow:0 22px 70px rgba(20,25,38,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}
.catalog{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:17px clamp(20px,5vw,72px);background:rgba(246,245,241,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(17,19,25,.08)}.brand{display:flex;align-items:center;gap:12px;font-family:"Space Grotesk";font-weight:700}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:12px;font-size:18px}.brand span small{display:block;font:500 10px "DM Sans";letter-spacing:.15em;color:var(--muted);text-transform:uppercase}.top-actions{display:flex;gap:9px}.chip,.btn{border:0;border-radius:999px;padding:11px 16px;background:#fff;color:var(--ink);font-weight:700;box-shadow:0 0 0 1px var(--line)}.btn.dark{background:var(--ink);color:#fff;box-shadow:none}.btn.orange{background:var(--orange);color:#fff;box-shadow:none}.btn.blue{background:var(--blue);color:#fff;box-shadow:none}.btn.ghost{background:transparent}.hero{padding:clamp(64px,9vw,120px) clamp(22px,8vw,120px) 64px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-weight:800;font-size:12px;color:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font:700 clamp(48px,7vw,104px)/.94 "Space Grotesk";letter-spacing:-.065em;margin:18px 0 26px;max-width:900px}.hero h1 em{font:600 italic .92em "Playfair Display";color:var(--orange)}.hero-copy{font-size:clamp(18px,2vw,23px);line-height:1.5;color:#4e5360;max-width:690px}.hero-panel{background:var(--ink);color:#fff;border-radius:32px;padding:29px;transform:rotate(2deg);box-shadow:var(--shadow)}.hero-panel .metric{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #31343d}.hero-panel .metric:last-child{border:0}.metric b{font-size:30px}.metric span{color:#adb0ba}.section{padding:54px clamp(22px,8vw,120px) 96px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section h2{font:700 clamp(34px,4.8vw,62px)/1 "Space Grotesk";letter-spacing:-.04em;margin-bottom:8px}.section-head p{max-width:560px;color:var(--muted);line-height:1.6}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.demo-card{min-height:360px;border-radius:28px;padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:#fff;border:1px solid rgba(17,19,25,.08);transition:.25s ease}.demo-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.demo-card:nth-child(3n+1){background:#f1edff}.demo-card:nth-child(3n+2){background:#e8f4ff}.demo-card:nth-child(3n){background:#edffd9}.demo-card.featured{box-shadow:inset 0 0 0 2px var(--ink)}.recommend{position:absolute;top:20px;right:20px;z-index:3;padding:7px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:800}.demo-card .num{font:600 12px "Space Grotesk";letter-spacing:.15em}.demo-card h3{font:700 clamp(28px,3vw,42px)/1 "Space Grotesk";letter-spacing:-.035em;margin:30px 0 14px}.demo-card p{color:#555b68;max-width:500px;line-height:1.55}.demo-card .mock{position:absolute;width:48%;height:78%;right:-5%;top:15%;background:#fff;border-radius:20px;box-shadow:0 20px 45px rgba(0,0,0,.12);padding:16px;transform:rotate(5deg)}.demo-card .mock:before,.demo-card .mock:after{content:"";display:block;border-radius:8px;background:#e9ebf0;height:15px;margin-bottom:10px}.demo-card .mock:after{height:56px;background:linear-gradient(135deg,var(--blue),#79a3ff)}.card-content{position:relative;z-index:2;width:55%}.card-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;margin-top:16px}.card-link i{font-style:normal;transition:.2s}.demo-card:hover .card-link i{transform:translateX(5px)}.web-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.web-card{aspect-ratio:.78;border-radius:22px;overflow:hidden;position:relative;display:flex;align-items:end;padding:20px;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.12);transition:.25s}.web-card:hover{transform:translateY(-6px)}.web-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 62%)}.web-card h3,.web-card p{position:relative;z-index:2}.web-card h3{font:700 23px "Space Grotesk";margin-bottom:5px}.web-card p{font-size:13px;opacity:.75;margin:0}.fiction-note{margin:18px 0 0;color:var(--muted);font-size:13px}.w1{background:linear-gradient(130deg,#1a160f,#8d5d32)}.w2{background:radial-gradient(circle at 70% 18%,#dfb4a0,#7c3139 55%,#2a1318)}.w3{background:linear-gradient(145deg,#e96337,#39140d)}.w4{background:linear-gradient(145deg,#246b61,#102e30)}.w5{background:linear-gradient(145deg,#bec7d7,#273349)}.insight{margin:0 clamp(22px,8vw,120px) 100px;background:#111319;color:#fff;padding:clamp(28px,6vw,70px);border-radius:34px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.insight h2{font:700 clamp(36px,5vw,70px)/.98 "Space Grotesk";letter-spacing:-.05em}.insight ul{list-style:none;padding:0;margin:0}.insight li{padding:17px 0;border-bottom:1px solid #30333c;display:flex;gap:14px;color:#c6c8ce}.insight li b{color:var(--lime)}.pricing-section{background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.price-card{padding:28px;border:1px solid var(--line);border-radius:24px;background:#f8f8f6;display:flex;flex-direction:column}.price-card.primary{background:var(--lime);border-color:var(--lime);transform:translateY(-12px)}.price-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5c6270}.price-card h3{font:700 27px "Space Grotesk";margin:12px 0}.price{font:700 29px "Space Grotesk"}.price-card ul{padding-left:20px;line-height:1.8;color:#505561;flex:1}.project-builder{margin:90px clamp(22px,8vw,120px);padding:clamp(28px,6vw,70px);border-radius:34px;background:linear-gradient(135deg,#191d27,#263c67);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px}.project-builder h2{font:700 clamp(36px,5vw,66px)/1 "Space Grotesk";letter-spacing:-.045em}.project-builder .field label{color:#d5d9e3}.project-result{margin-top:18px;padding:18px;border-radius:16px;background:#fff;color:var(--ink)}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font:700 19px "Space Grotesk";cursor:pointer}.faq details p{max-width:760px;color:var(--muted);margin:12px 0 0}footer{padding:20px clamp(22px,8vw,120px) 46px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}

/* shared demo chrome */
.demo-shell{min-height:100vh;background:#edf0f5}.demo-nav{height:68px;padding:0 clamp(18px,4vw,54px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dfe3e9;position:sticky;top:0;z-index:40}.back{display:flex;align-items:center;gap:9px;font-weight:800}.demo-brand{font:700 17px "Space Grotesk"}.demo-brand small{font:500 10px "DM Sans";color:#8a8f9a;display:block;letter-spacing:.12em}.demo-wrap{padding:28px clamp(16px,4vw,54px) 54px}.app-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;max-width:1400px;margin:auto}.sidebar{background:#161922;color:#fff;border-radius:23px;padding:22px;min-height:730px;min-width:0}.side-logo{font:800 24px "Space Grotesk";margin-bottom:34px}.side-nav{max-width:100%}.side-nav button{width:100%;text-align:left;border:0;color:#aeb3c0;background:transparent;padding:13px 12px;border-radius:12px;margin:3px 0}.side-nav button.active,.side-nav button:hover{background:#282c37;color:#fff}.app-main{min-width:0}.app-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;min-width:0}.app-title>div{min-width:0}.product-badge{display:inline-flex;padding:5px 9px;margin-bottom:8px;border-radius:999px;background:#dce7ff;color:#2558bf;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.app-title h1{font:700 clamp(30px,4vw,48px) "Space Grotesk";letter-spacing:-.04em;margin:0}.app-title p{color:#737986;margin:6px 0 0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card,.panel{background:#fff;border-radius:18px;padding:20px;border:1px solid #e1e5ec;min-width:0}.stat-card small{color:#7c8290}.stat-card strong{display:block;font:700 30px "Space Grotesk";margin-top:8px}.stat-card em{font-style:normal;color:#2d9e68;font-size:12px}.panel h2{font:700 21px "Space Grotesk";margin-bottom:16px}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:18px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.job{padding:15px;border:1px solid #e4e7ec;border-radius:14px;margin:10px 0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.job b{display:block}.job small{color:#737986}.status{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.status.blue{background:#e7efff;color:#2463df}.status.orange{background:#fff0e7;color:#d86324}.status.green{background:#e4f8ed;color:#25885a}.progress{height:9px;background:#e8ebf0;border-radius:10px;overflow:hidden}.progress span,.progress i{display:block;height:100%;background:#4a72ff;border-radius:10px}.week-panel{margin-top:18px}.week-panel .panel-head p{margin:0;color:var(--muted)}.week-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.week-day{padding:15px;border-radius:14px;background:#f5f7fa}.week-day small,.week-day span{display:block;color:#747a88}.week-day b{display:block;font:700 25px "Space Grotesk";margin:5px 0}.week-day .progress{margin-top:10px}.solution-brief{margin-top:18px;padding:30px;border-radius:24px;background:#171b25;color:#fff;display:grid;grid-template-columns:1.2fr 1fr auto;gap:24px;align-items:center}.solution-brief h2{font:700 clamp(25px,3vw,40px)/1.08 "Space Grotesk";letter-spacing:-.035em;margin:10px 0 0}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.benefit-grid div{padding:13px;border-radius:13px;background:#252a37}.benefit-grid b,.benefit-grid span{display:block}.benefit-grid span{font-size:12px;color:#b7bdc8;margin-top:4px}.solution-brief .btn{white-space:nowrap;background:#fff;color:#111}.booking-demo{margin-top:18px;padding:clamp(24px,4vw,44px);border-radius:24px;background:linear-gradient(135deg,#dce7ff,#f7e7ff);display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center}.booking-copy h2{font:700 clamp(32px,4vw,52px)/1 "Space Grotesk";letter-spacing:-.04em}.booking-copy p{color:#545b69;line-height:1.6}.booking-proof{display:flex;align-items:center;gap:12px}.booking-proof b{font:800 32px "Space Grotesk"}.booking-proof span{max-width:220px;color:#565c69}.booking-widget{background:#fff;padding:24px;border-radius:20px;box-shadow:0 18px 50px rgba(40,55,90,.13)}.booking-widget>small{display:block;margin-top:12px;color:#767c87}.day.today{box-shadow:inset 0 0 0 2px var(--blue);background:#f4f7ff}.field{display:grid;gap:6px;margin:11px 0}.field label{font-size:12px;font-weight:800;color:#616674}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #d9dde5;border-radius:11px;background:#fff}.field textarea{min-height:90px}.toast{position:fixed;right:24px;bottom:24px;background:#12151c;color:#fff;padding:14px 18px;border-radius:13px;box-shadow:var(--shadow);z-index:80;animation:toast .25s ease}@keyframes toast{from{opacity:0;transform:translateY(12px)}}.empty{padding:36px;text-align:center;color:#8c929f}.invoice-line{display:grid;grid-template-columns:minmax(0,1fr) 90px 120px 40px;gap:8px;margin:8px 0}.invoice-line input{min-width:0;padding:10px;border:1px solid #d9dde5;border-radius:9px}.icon-btn{border:0;background:#f1f2f5;border-radius:9px}.total-row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #e4e6eb}.total-row.grand{font-size:22px;font-weight:800}.check{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #e3e6eb;border-radius:12px;margin:9px 0}.check input{width:20px;height:20px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.day{min-height:78px;padding:8px;border:1px solid #e1e5eb;border-radius:10px;font-size:12px;background:#fff;min-width:0}.day b{display:block;margin-bottom:7px}.appt{padding:4px;border-radius:6px;background:#e8efff;color:#285dc4;margin:3px 0;font-size:10px;overflow:hidden}.calendar-grid>.day{overflow:hidden}

/* website demo shared */
.site-demo{min-height:100vh}.site-back{position:fixed;left:18px;bottom:18px;z-index:90;background:#111;color:#fff;border-radius:999px;padding:12px 16px;box-shadow:0 8px 28px rgba(0,0,0,.25);font-weight:700}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,6vw,84px);position:relative;z-index:5}.site-links{display:flex;gap:24px;align-items:center}.site-links a{font-size:14px}.site-hero{min-height:82vh;padding:60px clamp(22px,8vw,120px);display:flex;align-items:center}.site-hero h1{font-size:clamp(48px,7.5vw,108px);line-height:.93;letter-spacing:-.055em;margin-bottom:25px}.site-hero p{font-size:20px;line-height:1.55;max-width:600px}.site-cta{display:inline-flex;margin-top:22px;padding:14px 22px;border-radius:999px;font-weight:800}.site-section{padding:90px clamp(22px,8vw,120px)}.site-section h2{font-size:clamp(36px,5vw,68px);letter-spacing:-.04em}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-box{padding:28px;border-radius:20px}.service-box b{display:block;font-size:25px;margin-bottom:10px}.quote{font:600 italic clamp(30px,4vw,58px)/1.15 "Playfair Display";max-width:1000px}.photo-panel{min-height:450px;border-radius:30px;background-size:cover;background-position:center}.booking{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1050px}.booking .field input,.booking .field select{background:rgba(255,255,255,.9)}

/* five distinct website identities */
.site-craft{background:#f3eee4;color:#1b211d;font-family:"Manrope"}.site-craft .site-hero{background:linear-gradient(90deg,rgba(22,29,25,.94) 0 50%,rgba(22,29,25,.25)),url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1800&q=85') center/cover;color:#fff}.site-craft .site-hero div{max-width:760px}.site-craft .site-cta{background:#dbff65;color:#172017}.site-craft .service-box{background:#fff}.site-craft .accent{color:#687936}
.site-wellness{background:#f8eee9;color:#542d34;font-family:"DM Sans"}.site-wellness .site-nav{font-family:"Playfair Display"}.site-wellness .site-hero{background:radial-gradient(circle at 80% 40%,#e2b9aa 0 20%,transparent 45%),linear-gradient(135deg,#f7e7e1,#efe2dc)}.site-wellness .site-hero h1{font-family:"Playfair Display";font-weight:600;letter-spacing:-.035em}.site-wellness .site-cta{background:#7d3943;color:#fff}.site-wellness .service-box{background:#fff7f3}.site-wellness .photo-panel{background-image:url('https://images.unsplash.com/photo-1544161515-4ab6ce6db874?auto=format&fit=crop&w=1600&q=85')}
.site-gastro{background:#23120e;color:#fff;font-family:"Space Grotesk"}.site-gastro .site-nav{background:#23120e}.site-gastro .site-hero{background:linear-gradient(90deg,rgba(35,18,14,.95),rgba(35,18,14,.1)),url('https://images.unsplash.com/photo-1515003197210-e0cd71810b5f?auto=format&fit=crop&w=1800&q=85') center/cover}.site-gastro .site-hero h1{color:#ff7b46}.site-gastro .site-cta{background:#ff7140;color:#21110d}.site-gastro .service-box{background:#351c16;border:1px solid #553126}.site-gastro .site-section:nth-child(even){background:#f2d6b7;color:#29150f}
.site-estate{background:#e9eee9;color:#173b35;font-family:"Manrope"}.site-estate .site-nav{background:#e9eee9}.site-estate .site-hero{background:linear-gradient(90deg,#e9eee9 0 43%,transparent 72%),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1800&q=85') right/70% 100% no-repeat}.site-estate .site-hero div{max-width:590px}.site-estate .site-cta{background:#173b35;color:#fff}.site-estate .service-box{background:#f7f9f7}.site-estate .accent{color:#bd6f44}
.site-move{background:#eef1f6;color:#14233d;font-family:"DM Sans"}.site-move .site-nav{background:#fff}.site-move .site-hero{background:linear-gradient(90deg,rgba(15,39,71,.96),rgba(15,39,71,.35)),url('https://images.unsplash.com/photo-1600518464441-9154a4dea21b?auto=format&fit=crop&w=1800&q=85') center/cover;color:#fff}.site-move .site-hero div{max-width:760px}.site-move .site-cta{background:#ffce45;color:#12233d}.site-move .service-box{background:#fff}.site-move .accent{color:#e99300}

@media(max-width:900px){.hero,.insight,.two-col,.booking{grid-template-columns:minmax(0,1fr)}.hero-panel{transform:none}.grid{grid-template-columns:1fr}.web-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-layout{grid-template-columns:minmax(0,1fr)}.sidebar{min-height:auto;overflow:hidden}.side-nav{display:flex;overflow:auto;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.side-nav button{width:auto;white-space:nowrap;flex:0 0 auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.site-estate .site-hero{background:linear-gradient(rgba(233,238,233,.86),rgba(233,238,233,.94)),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=80') center/cover}.service-grid{grid-template-columns:1fr}.site-links{display:none}}@media(max-width:600px){.top-actions .chip{display:none}.hero{padding-top:54px}.demo-card{min-height:390px}.demo-card .mock{width:55%;opacity:.55}.card-content{width:72%}.web-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.app-title{align-items:flex-start;flex-direction:column}.three-col{grid-template-columns:1fr}.invoice-line{grid-template-columns:minmax(0,1fr) 55px 72px 35px}.site-hero{min-height:75vh}.site-nav{padding:17px 20px}footer{flex-direction:column}}
@media(max-width:1050px){.solution-brief{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.price-card.primary{transform:none}.project-builder,.booking-demo{grid-template-columns:1fr}.benefit-grid{max-width:620px}}
@media(max-width:900px){.week-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.week-strip,.benefit-grid{grid-template-columns:1fr}.project-builder{margin:55px 18px;padding:26px}.pricing-section{padding-left:18px;padding-right:18px}.recommend{top:14px;right:14px}.booking-widget{padding:18px}.solution-brief{padding:24px}.faq{padding-left:18px;padding-right:18px}}
.demo-contact{padding:10px 15px;border-radius:999px;background:#111319;color:#fff;font-size:13px;font-weight:800}.site-inquiry{position:fixed;right:18px;bottom:18px;z-index:90;background:#c8ff5a;color:#111319;border-radius:999px;padding:12px 16px;box-shadow:0 8px 28px rgba(0,0,0,.25);font-weight:800}.catalog footer a{text-decoration:underline;text-underline-offset:3px}@media(max-width:620px){.demo-contact{font-size:0;padding:11px 13px}.demo-contact:after{content:'Anfragen';font-size:12px}.site-inquiry{right:12px;bottom:68px;font-size:12px}.site-back{left:12px;bottom:12px}}

/* richer, deliberately different website demo worlds */
.site-demo{--site-pad:clamp(22px,7vw,110px);position:relative;overflow:hidden}.site-demo .site-nav{min-height:78px;padding-left:var(--site-pad);padding-right:var(--site-pad)}.site-demo .site-nav>b{font-size:clamp(18px,2vw,26px);letter-spacing:-.03em}.site-demo .site-links a:not(.nav-contact){position:relative}.site-demo .site-links a:not(.nav-contact):after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:currentColor;transition:.25s}.site-demo .site-links a:hover:after{right:0}.nav-contact{padding:11px 18px;border-radius:999px;font-weight:800;border:1px solid currentColor}.site-demo .site-hero{min-height:calc(88vh - 78px);padding:clamp(48px,7vw,96px) var(--site-pad);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.65fr);gap:clamp(32px,7vw,100px);align-items:center}.site-hero-copy{max-width:760px}.site-demo .site-hero h1{font-size:clamp(52px,8vw,118px)}.site-demo .site-hero p{font-size:clamp(17px,1.8vw,22px)}.hero-feature{justify-self:end;width:min(100%,390px);min-height:390px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.hero-feature b,.hero-feature small,.hero-feature span{display:block}.site-proof{display:grid;grid-template-columns:repeat(3,1fr);margin:0 var(--site-pad);position:relative;z-index:2}.site-proof>div{padding:25px;border-right:1px solid currentColor}.site-proof>div:last-child{border-right:0}.site-proof b,.site-proof span{display:block}.site-proof b{font-size:clamp(26px,4vw,48px);letter-spacing:-.04em}.site-proof span{font-size:13px;opacity:.7}.section-title-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:45px;align-items:end;margin-bottom:38px}.section-title-row h2{margin:10px 0 0}.section-title-row>p{font-size:18px;line-height:1.7;opacity:.72}.site-demo .service-box{position:relative;min-height:235px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.site-demo .service-box:hover{transform:translateY(-6px)}.site-demo .service-box small{font-weight:800;letter-spacing:.12em;opacity:.55}.site-demo .service-box b{margin-top:auto}.service-more{font-size:13px;font-weight:800;margin-top:18px;text-decoration:underline;text-underline-offset:4px}.quote-band{position:relative;min-height:430px;display:flex;align-items:center;overflow:hidden}.quote-band .quote{position:relative;z-index:2}.quote-mark{position:absolute;right:5vw;top:-15px;font:700 320px/1 "Playfair Display";opacity:.09}.site-demo .booking{max-width:1180px;gap:clamp(30px,7vw,100px);align-items:start}.site-demo .booking h2{margin:12px 0 18px}.site-demo .booking form{min-height:0}.site-demo .booking form .site-cta{border:0;cursor:pointer}

/* FEUER & SALZ: loud menu-poster energy */
.site-gastro .site-nav{border-bottom:1px solid #633022}.site-gastro .site-nav>b{color:#ff7140;letter-spacing:.08em}.site-gastro .nav-contact{background:#ff7140;color:#23120e;border:0}.site-gastro .site-hero{background:linear-gradient(90deg,rgba(35,18,14,.98) 0 43%,rgba(35,18,14,.18)),url('https://images.unsplash.com/photo-1515003197210-e0cd71810b5f?auto=format&fit=crop&w=1800&q=85') center/cover}.site-gastro .site-hero h1{text-transform:uppercase;font-size:clamp(58px,9vw,132px);line-height:.82}.gastro-feature{min-height:440px;background:#f3d5b5;color:#25120d;transform:rotate(-3deg);box-shadow:15px 18px 0 #ff7140}.gastro-feature small{font-weight:800;letter-spacing:.18em;border-bottom:2px solid;padding-bottom:13px}.gastro-feature b{font-size:clamp(38px,5vw,66px);line-height:.9;text-transform:uppercase}.gastro-feature span{font-size:18px;font-weight:800;text-align:right}.site-gastro .site-proof{margin:0;background:#ff7140;color:#24110d}.site-gastro .site-proof>div{border-color:#7e311d}.site-gastro .site-section{border-bottom:1px solid #553126}.site-gastro .section-title-row h2{text-transform:uppercase;color:#ff7140}.site-gastro .service-box{border-radius:0}.site-gastro .service-box:nth-child(2){background:#ff7140;color:#23120e;transform:rotate(2deg)}.site-gastro .service-box:nth-child(2):hover{transform:rotate(2deg) translateY(-6px)}.site-gastro .quote-band{background:#f3d5b5!important;color:#29150f!important}.site-gastro .quote{font-family:"Space Grotesk";font-style:normal;font-weight:700;text-transform:uppercase}.site-gastro #booking{background:#ff7140!important;color:#23120e!important}.site-gastro #booking form{background:#23120e;color:#fff;border-color:#23120e}

/* FREIRAUM: gallery-like luxury and a real listing card */
.site-estate{background:#f1f4ef}.site-estate .site-nav{border-bottom:1px solid #bdc9c2}.site-estate .site-nav>b{font-weight:500;letter-spacing:.16em}.site-estate .nav-contact{background:#173b35;color:#fff;border:0}.site-estate .site-hero{background:linear-gradient(90deg,#e9eee9 0 43%,rgba(233,238,233,.12) 72%),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1800&q=85') right/70% 100% no-repeat}.site-estate .site-hero h1{font-weight:500}.estate-feature{align-self:end;min-height:360px;background:#fff;padding:18px;box-shadow:0 25px 70px rgba(20,50,45,.2);transform:translateY(60px)}.estate-feature>span{position:absolute;top:30px;left:30px;z-index:2;background:#d5ff71;padding:8px 11px;font-size:12px;font-weight:800}.estate-photo{height:230px;background:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=900&q=80') center/cover}.estate-feature b{font-size:21px;margin-top:17px}.estate-feature small{color:#67766f;margin-top:5px}.site-estate .site-proof{margin-top:45px;border-top:1px solid #b7c4bd;border-bottom:1px solid #b7c4bd}.site-estate .service-box{border-radius:0;border-top:3px solid #173b35;background:transparent}.site-estate .service-box:hover{background:#fff;box-shadow:0 20px 50px rgba(23,59,53,.09)}.site-estate .quote-band{background:#173b35;color:#fff}.site-estate .quote{font-family:"Manrope";font-style:normal;font-weight:500}.site-estate #booking{background:#dfe7df}.site-estate #booking form{box-shadow:0 20px 60px rgba(23,59,53,.12)}

/* NORDSTERN: cheerful, bold and kinetic */
.site-move{background:#f3f6fb}.site-move .site-nav>b{font-weight:900;font-style:italic}.site-move .nav-contact{background:#ffce45;color:#14233d;border:0}.site-move .site-hero{background:linear-gradient(90deg,rgba(15,39,71,.98) 0 47%,rgba(15,39,71,.35)),url('https://images.unsplash.com/photo-1600518464441-9154a4dea21b?auto=format&fit=crop&w=1800&q=85') center/cover}.site-move .site-hero h1{font-weight:800;font-style:italic;text-transform:uppercase}.move-feature{background:#ffce45;color:#14233d;border-radius:28px;transform:rotate(3deg);box-shadow:14px 14px 0 #fff}.move-feature>span{font-weight:900;letter-spacing:.16em}.move-feature ol{list-style:none;padding:0;margin:0}.move-feature li{padding:13px 0 13px 30px;border-bottom:2px solid #dba900;font-size:18px;font-weight:700;position:relative}.move-feature li:before{content:"○";position:absolute;left:0}.move-feature li.done:before{content:"●"}.move-feature b{font-size:72px;line-height:.7;text-align:right}.site-move .site-proof{margin-top:-35px;background:#fff;border-radius:22px;box-shadow:0 18px 45px rgba(20,35,61,.13)}.site-move .service-box{border:2px solid #14233d;box-shadow:7px 7px 0 #ffce45}.site-move .service-box:nth-child(2){background:#14233d;color:#fff;transform:rotate(-2deg)}.site-move .service-box:nth-child(2):hover{transform:rotate(-2deg) translateY(-6px)}.site-move .quote-band{background:#ffce45;color:#14233d;clip-path:polygon(0 8%,100% 0,100% 92%,0 100%)}.site-move .quote{font-family:"DM Sans";font-style:normal;font-weight:900;text-transform:uppercase}.site-move #booking{background:#14233d;color:#fff}.site-move #booking form{color:#14233d}

/* catalogue thumbnails hint at the five different identities */
.web-card.w1{border-radius:2px;box-shadow:8px 8px 0 #d9ff67}.web-card.w2{border-radius:110px 110px 22px 22px}.web-card.w3{border-radius:0;transform:rotate(-1deg);box-shadow:8px 9px 0 #ff7140}.web-card.w3:hover{transform:rotate(-1deg) translateY(-6px)}.web-card.w4{border-radius:2px 30px 2px 2px}.web-card.w5{border:3px solid #14233d;box-shadow:7px 7px 0 #ffce45;color:#fff}

@media(max-width:900px){.site-demo .site-hero{grid-template-columns:1fr;min-height:auto}.hero-feature{justify-self:start;width:min(100%,420px);min-height:340px}.site-proof{margin-left:20px;margin-right:20px}.section-title-row{grid-template-columns:1fr}.site-estate .site-hero{background:linear-gradient(rgba(233,238,233,.86),rgba(233,238,233,.94)),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=80') center/cover}.estate-feature{transform:none}.site-craft .site-proof,.site-move .site-proof{margin-top:20px!important}.site-wellness .service-box:nth-child(2){transform:none!important}.site-wellness .service-box:nth-child(2):hover{transform:translateY(-6px)!important}}
@media(max-width:600px){.site-demo .site-hero{padding-top:42px;padding-bottom:58px}.site-demo .site-hero h1{font-size:clamp(46px,16vw,76px)}.hero-feature{min-height:300px;padding:27px}.craft-feature b{font-size:96px}.wellness-feature{min-height:330px}.gastro-feature{min-height:320px}.site-proof{grid-template-columns:1fr}.site-proof>div{border-right:0;border-bottom:1px solid currentColor;padding:17px 22px}.site-proof>div:last-child{border-bottom:0}.site-proof b{font-size:31px}.quote-band{min-height:360px}.site-demo .site-section{padding-top:68px;padding-bottom:68px}.site-demo .service-box{min-height:210px}.section-title-row{gap:10px}.site-move .quote-band{clip-path:none}}

/* KERN: dark, architectural and tactile */
.site-craft .site-nav{background:#151b17;color:#f4f0e6;border-bottom:1px solid rgba(255,255,255,.16)}.site-craft .nav-contact{color:#d9ff67}.site-craft .site-hero{background:linear-gradient(90deg,rgba(18,25,20,.97) 0 48%,rgba(18,25,20,.48)),url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1800&q=85') center/cover;color:#fff}.site-craft .site-hero h1{text-transform:uppercase;font-weight:800}.craft-feature{background:#d9ff67;color:#182018;clip-path:polygon(0 7%,93% 0,100% 92%,7% 100%);transform:rotate(2deg)}.craft-feature span{font-weight:800;text-transform:uppercase;letter-spacing:.14em}.craft-feature b{font-size:128px;line-height:.75;letter-spacing:-.1em}.craft-feature small{font-size:20px;line-height:1.25}.craft-feature i{font-style:normal;font-weight:800;border-top:2px solid;padding-top:12px}.site-craft .site-proof{background:#1b231d;color:#fff;margin-top:-38px}.site-craft .site-section{border-bottom:1px solid #cfc8b9}.site-craft .service-box{border:1px solid #c9c1b1;border-radius:2px;box-shadow:8px 8px 0 #1b211d}.site-craft .quote-band{background:#d9ff67}.site-craft .quote{font-family:"Manrope";font-style:normal;font-weight:800;text-transform:uppercase}.site-craft #booking{background:#1b211d;color:#fff}.site-craft #booking form{color:#1b211d}

/* LUMA: soft, editorial and gently playful */
.site-wellness{background:#fff8f4}.site-wellness .site-nav{padding-top:28px}.site-wellness .site-nav>b{letter-spacing:.28em}.site-wellness .nav-contact{background:#7d3943;color:#fff;border:0}.site-wellness .site-hero{background:radial-gradient(circle at 72% 18%,#edc8bc 0 13%,transparent 13.2%),radial-gradient(circle at 88% 68%,#ddaca3 0 18%,transparent 18.2%),linear-gradient(135deg,#fff8f4,#efdcd6)}.site-wellness .site-hero h1{max-width:760px;font-size:clamp(54px,8.5vw,128px);line-height:.9}.wellness-feature{min-height:450px;border-radius:50% 50% 48% 52%/55% 45% 55% 45%;background:#7d3943;color:#fff;text-align:center;align-items:center;justify-content:center;box-shadow:0 30px 80px rgba(84,45,52,.22)}.wellness-feature:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.45);border-radius:inherit}.wellness-feature .ritual-orbit{font:600 17px "Playfair Display";letter-spacing:.3em;margin-bottom:30px}.wellness-feature b{font:600 52px "Playfair Display"}.wellness-feature small{font-size:16px;line-height:1.6;margin:12px 0 24px}.wellness-feature a{position:relative;z-index:2;border-bottom:1px solid;font-weight:700}.site-wellness .site-proof{border-top:1px solid #d9bbb4;border-bottom:1px solid #d9bbb4}.site-wellness .service-grid{gap:28px}.site-wellness .service-box{border-radius:100px 100px 20px 20px;padding-top:70px;text-align:center}.site-wellness .service-box:nth-child(2){background:#f2d8d3;transform:translateY(28px)}.site-wellness .service-box:hover{transform:translateY(-6px)}.site-wellness .service-box:nth-child(2):hover{transform:translateY(20px)}.site-wellness .quote-band{margin-top:35px;background:#7d3943;color:#fff}.site-wellness .quote{margin:auto;text-align:center;max-width:850px}.site-wellness #booking{background:#efdcd6}.site-wellness #booking form{box-shadow:0 24px 60px rgba(84,45,52,.12)}
