/* Original project showroom. Own geometry; complete local portfolio assets. */
.sc-showroom{padding:100px var(--gutter);background:#eceef4;color:#161c2c;isolation:isolate;scroll-margin-top:90px}
.sc-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:end;margin-bottom:42px}
.sc-intro .eyebrow{color:#464e69;margin-bottom:24px;font-size:11px}
.sc-intro h2{font-size:clamp(40px,5.9vw,90px);letter-spacing:-.06em;line-height:1.02}
.sc-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#57429c}
.sc-intro>div>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:560px;color:#495067}
.sc-textlink{display:inline-block;margin-top:22px;font-size:14px;font-weight:700;border-bottom:1px solid #9096a7;padding-bottom:8px}
.sc-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid #bbc0d0;margin-bottom:28px}
.sc-tabs[hidden]{display:none}
.sc-tabs button{position:relative;display:flex;align-items:center;gap:12px;min-height:72px;border:0;background:transparent;color:#4c5266;padding:16px 22px;font-size:18px;text-align:left;font-weight:700;letter-spacing:-.025em}
.sc-tabs button span{font:11px monospace;align-self:center;color:inherit}
.sc-tabs button i{font-size:23px;font-style:normal;margin-left:auto}
.sc-tabs button[aria-pressed=true]{background:#172038;color:white;border-radius:18px 18px 0 0}
.sc-tabs button:hover{color:#5140ae;background:#e1dfed}
.sc-tabs button[aria-pressed=true]:hover{color:white;background:#283154}
.sc-showroom :is(button,a):focus-visible{outline:3px solid #8768fb;outline-offset:5px}
.sc-panel{--sc-accent:#dfff53;--sc-glow:#3e77d2;--sc-dark:#09182a;position:relative;border-radius:28px;background:var(--sc-dark);color:white;padding:28px 36px 34px;overflow:hidden;margin-bottom:20px;border:1px solid #ffffff24;box-shadow:0 24px 45px -30px #18203d75}
.sc-panel[hidden]{display:none!important}
.sc-panel::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 89% 30%,color-mix(in srgb,var(--sc-glow) 30%,transparent),transparent 58%),linear-gradient(105deg,transparent 70%,#ffffff04 70%);z-index:0}
.sc-panel[data-sc-brand=hausverwaltung]{--sc-accent:#ffe5b9;--sc-glow:#b384ee;--sc-dark:#251d39}
.sc-panel[data-sc-brand=entruempler]{--sc-accent:#ffd275;--sc-glow:#42c8c4;--sc-dark:#092e36}
.sc-project-top{position:relative;display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #ffffff30;font:10px/1.5 monospace;letter-spacing:.12em;color:#e0e6f4}
.sc-project-grid{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:32px;align-items:center;padding:46px 0 35px;min-height:500px}
.sc-copy{position:relative;z-index:2}
.sc-brand-name{display:block;font-size:12px;margin-bottom:22px;color:var(--sc-accent);font-weight:700;letter-spacing:.025em}
.sc-copy h3{font-size:clamp(35px,4.1vw,66px);line-height:1.04;letter-spacing:-.05em;margin-bottom:24px}
.sc-copy h3 em{font-style:normal;color:var(--sc-accent)}
.sc-copy p{font-size:15px;line-height:1.65;color:#d1dbea;max-width:410px}
.sc-tags{margin:23px 0;font:10px/1.7 monospace;letter-spacing:.035em;color:#c7ccdf}
.sc-button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:14px 20px;background:var(--sc-accent);color:#101a29;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:700}
.sc-button::after{content:'';position:absolute;inset:-4px;border:1px solid transparent;border-radius:12px;transition:border-color .3s,box-shadow .3s}
.sc-button:hover::after,.sc-button:focus-visible::after{border-color:var(--sc-accent);box-shadow:0 0 22px color-mix(in srgb,var(--sc-accent) 40%,transparent)}
.sc-canvas{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:1fr 1fr;gap:23px;min-height:410px;padding:18px 4px 18px 16px;perspective:1000px}
.sc-orbits{position:absolute;inset:0;pointer-events:none;z-index:0}
.sc-orbits i{position:absolute;inset:3% 7%;border:1px solid #b9d5ff45;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 25px #93c3ff08}
.sc-orbits i:nth-child(2){inset:16% 0;transform:rotate(20deg);border-color:color-mix(in srgb,var(--sc-accent) 36%,transparent)}
.sc-orbits i:nth-child(3){inset:-3% 30%;transform:rotate(50deg)}
.sc-orbits b{position:absolute;right:6%;top:2%;width:44px;height:44px;background:radial-gradient(circle at 30% 25%,white,var(--sc-accent) 35%,var(--sc-glow) 70%,#182f49);border-radius:50%;box-shadow:0 0 35px color-mix(in srgb,var(--sc-accent) 30%,transparent);transform:translateY(calc(var(--sc-progress,0)*-20px))}
.sc-media{margin:0;z-index:1;min-width:0;position:relative;align-self:center;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.sc-media a{position:relative;display:block;padding:9px;background:#f5f5f8;border:1px solid #fff8;border-radius:12px;box-shadow:0 22px 35px -15px #0009}
.sc-media img{display:block;width:100%;height:100%;object-fit:contain;max-height:330px;border-radius:5px}
.sc-media figcaption{font:9px/1.5 monospace;color:#d9e4f0;padding:10px 2px 0;letter-spacing:.025em}
.sc-enlarge{position:absolute;right:-8px;top:-8px;width:29px;height:29px;border-radius:50%;background:var(--sc-accent);color:#112039;display:grid;place-items:center;font-size:16px;box-shadow:0 0 0 4px var(--sc-dark)}
.sc-social{grid-column:1;grid-row:1 / 3;transform:translateY(calc(var(--sc-progress,0)*-14px)) rotate(-3deg)}
.sc-social a{height:320px}
.sc-web{grid-column:2;grid-row:1;transform:translateY(calc(var(--sc-progress,0)*-9px)) rotate(3deg)}
.sc-web a{height:155px}
.sc-print{grid-column:2;grid-row:2;justify-self:center;width:55%;transform:translateY(calc(var(--sc-progress,0)*16px)) rotate(5deg)}
.sc-print a{height:175px}
.sc-media:hover,.sc-media:focus-within{transform:translateY(-7px) rotate(0deg);z-index:3}
.sc-axis{position:absolute;bottom:-6px;right:5px;font:8px monospace;letter-spacing:.16em;color:#c4d4e3}
.sc-route{position:relative;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:25px 0 0;padding:26px 0 0;border-top:1px solid #ffffff30}
.sc-route li{position:relative;padding-right:10px}
.sc-route li>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff60;border-radius:50%;font:10px monospace;color:var(--sc-accent);margin-bottom:14px}
.sc-route li:not(:last-child)::after{content:'→';position:absolute;left:44px;right:5px;top:2px;color:#8f9ab0;border-bottom:1px solid #ffffff30;text-align:right;font-size:14px}
.sc-route h4{font-size:15px;margin:0 0 9px;font-weight:700;letter-spacing:-.02em}
.sc-route p{font-size:12px;line-height:1.6;color:#c3cddd}
.sc-foot{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-top:26px}
.sc-foot p{font-size:11px;line-height:1.6;color:#555e73;max-width:670px}
.sc-foot a{font-size:13px;font-weight:700;flex-shrink:0;border-bottom:1px solid #9ca2b3;padding-bottom:7px}
.sc-more{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin:55px 0 45px}
.sc-more-title{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:20px;border-bottom:1px solid #bfc4d2}
.sc-more-title>span{font:10px/1.6 monospace;letter-spacing:.1em;color:#565f74}
.sc-more-title h3{font-size:31px;line-height:1.05;text-align:right}
.sc-more>a{min-width:0;display:block}
.sc-more strong{display:flex;gap:10px;justify-content:space-between;font-size:15px;margin-top:18px;letter-spacing:-.03em}
.sc-more p{font-size:12px;line-height:1.65;color:#566077;margin-top:10px;max-width:260px}
.sc-mini{height:145px;position:relative;overflow:hidden;display:grid;place-items:center;background:#dcdfe9;border-radius:22px;isolation:isolate}
.sc-mini>*{position:absolute;transition:transform .5s}
.sc-mini-social{background:#ddd5ef}
.sc-mini-social i:first-child{width:63px;height:112px;border:3px solid #eae5ff;background:#674e94;border-radius:14px;transform:rotate(-14deg);box-shadow:9px 10px 0 #c1b3da}
.sc-mini-social b{background:#ccf592;color:#253927;padding:8px 15px;font-size:15px;transform:rotate(7deg);border-radius:50px;box-shadow:0 8px 15px #3a195b22}
.sc-mini-social i:last-child{width:135px;height:63px;border:1px solid #9a79c6;border-radius:50%;transform:rotate(-27deg);z-index:-1}
.sc-mini-print{background:#e5e6ce}
.sc-mini-print i:first-child{width:80px;height:108px;background:#fdfdef;transform:rotate(-12deg);box-shadow:8px 10px 0 #afb284}
.sc-mini-print b{font:italic 55px Georgia,serif;color:#384532;transform:rotate(-12deg)}
.sc-mini-print i:last-child{height:30px;width:30px;background:#b7d46b;border-radius:50%;right:17%;top:15%}
.sc-mini-space{background:#162d3b;color:#b6eee6}
.sc-mini-space i:first-child{width:160px;height:66px;border:1px solid #8fa4ad;transform:skewY(-10deg);box-shadow:6px 9px 0 #3c5866}
.sc-mini-space b{font-size:24px;letter-spacing:-.06em;transform:skewY(-10deg)}
.sc-mini-space i:last-child{width:40px;height:40px;border-radius:50%;border:6px solid #4c707a;left:10%;bottom:15%}
.sc-mini-slide{background:#f1dad4}
.sc-mini-slide i:first-child{width:138px;height:86px;background:#7d3e4a;transform:rotate(-6deg);border-radius:9px;box-shadow:7px 9px 0 #be8e95}
.sc-mini-slide b{font-size:19px;letter-spacing:-.04em;color:#fff3e8;transform:rotate(-6deg)}
.sc-mini-slide i:last-child{width:31px;height:31px;border-radius:50%;background:#edb968;right:12%;top:18%}
.sc-more a:hover .sc-mini>*,.sc-more a:focus-visible .sc-mini>*{transform:translateY(-6px) rotate(0)}
.sc-panel.sc-enter{animation:sc-enter .55s both}
@keyframes sc-enter{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}
/* A sculptural gallery cover and a distinct dossier treatment for existing cases. */
.sc-gallery-hero{position:relative;min-height:570px;padding-right:48%!important;overflow:hidden;background:#101d2b!important;color:#f5f2ea!important;isolation:isolate}
.sc-gallery-hero h1{font-size:clamp(42px,5.3vw,84px)!important;position:relative;z-index:2}
.sc-gallery-hero p{color:#d0d9e8!important;position:relative;z-index:2}
.sc-gallery-hero a{position:relative;z-index:2}
.sc-portal{position:absolute;width:40%;height:410px;right:4%;top:15%;perspective:700px}
.sc-portal-ring{position:absolute;inset:0 12%;border-radius:48% 48% 45% 45%;border:22px solid #7b63ad;box-shadow:inset 8px 4px 10px #dbc6ff,inset -9px -7px 10px #23163f,10px 16px 0 #373965,20px 22px 60px #af61f246,0 0 0 1px #bda3e0;transform:rotate(-18deg) rotateY(25deg);background:radial-gradient(ellipse at 50% 75%,#93ebd265,transparent 65%)}
.sc-portal-core{position:absolute;inset:20% -5%;display:flex;flex-direction:column;justify-content:center;transform:rotate(-10deg)}
.sc-portal-core span{font-weight:900;font-size:clamp(36px,5vw,74px);letter-spacing:-.075em;line-height:.96;color:#e9e5fa}
.sc-portal-core span:nth-child(2){color:transparent;-webkit-text-stroke:1px #c8affc;margin-left:10%}
.sc-portal-core span:nth-child(3){color:#b7f5da;margin-left:20%}
.sc-portal i{position:absolute;right:4%;top:3%;width:66px;height:66px;background:radial-gradient(circle at 30% 20%,#f0fce3,#c5f1a8 20%,#528a93 65%,#142638);border-radius:50%;box-shadow:10px 20px 20px #0003}
.sc-portal i:nth-of-type(2){left:3%;top:80%;width:27px;height:27px;background:radial-gradient(circle at 35% 25%,#ffdcdb,#f49ba5 25%,#6d426f 70%)}
.sc-portal b{position:absolute;bottom:-16px;left:22%;font:9px monospace;letter-spacing:.15em;color:#c8c8e3}
.sc-portal-ring{transform:rotate(calc(-18deg + var(--sc-progress,0)*18deg)) rotateY(25deg)}
.sc-portal-core{transform:rotate(calc(-10deg + var(--sc-progress,0)*8deg)) translateY(calc(var(--sc-progress,0)*-12px))}
@media(max-width:700px){.sc-more{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 17px}.sc-more-title{align-items:start;flex-direction:column;gap:15px}.sc-more-title h3{text-align:left}.sc-more strong{font-size:13px}.sc-mini{height:135px}.sc-mini-space i:first-child{width:110px}.sc-mini-space b{font-size:19px}.sc-mini-slide i:first-child{width:105px}.sc-mini-slide b{font-size:16px}.sc-more p{font-size:11px}}
body.motion-off .sc-mini>*{transition:none!important}
.sc-case{--case-accent:#dfff53;--case-bg:#101e32}
.sc-case-hausverwaltung{--case-accent:#f6ddbc;--case-bg:#2d2240}
.sc-case-entruempler{--case-accent:#96edc7;--case-bg:#0b363e}
.sc-case .page-hero{background:var(--case-bg);position:relative;overflow:hidden;color:#fff;padding-bottom:70px}
.sc-case .page-hero::before{content:'';position:absolute;width:65%;aspect-ratio:1;right:-10%;top:-20%;border:1px solid #fff2;border-radius:50%;box-shadow:0 0 0 55px #ffffff04,0 0 0 110px #ffffff03;pointer-events:none}
.sc-case .page-hero>div,.sc-case .page-hero figure{position:relative;z-index:1}
.sc-case .page-hero h1{font-size:clamp(44px,6vw,88px);letter-spacing:-.06em;line-height:1.04;color:#fff}
.sc-case .page-hero p,.sc-case .breadcrumbs{color:#d2d8e4}
.sc-case .page-hero .media-frame{padding:20px;background:#ffffff08;border:1px solid #fff3;border-radius:90px 20px 20px 20px;box-shadow:12px 16px 0 #ffffff05}
.sc-case .page-hero .media-frame img{height:430px;object-fit:contain;width:100%;border-radius:0}
.sc-case-label{display:flex;align-items:center;gap:20px;margin:25px 0;font:11px/1.5 monospace}
.sc-case-label span{border:1px solid var(--case-accent);color:var(--case-accent);border-radius:30px;padding:8px 12px}
.sc-case-label a{color:#e0e6ee;border-bottom:1px solid #ffffff40}
.sc-case-line{display:flex;justify-content:space-between;gap:25px;padding:0 0 24px;margin-bottom:28px;border-bottom:1px solid #c2c7cf;color:#202b3b}
.sc-case-line strong{font-size:18px;letter-spacing:-.04em}
.sc-case-line span{font:10px/1.6 monospace;color:#576075}
.sc-case .case-route a{border-radius:0!important;border-bottom:2px solid #65789b!important}
.sc-case .case-route a>span{font-size:28px;color:#5b5297}
.sc-case .case-route a:hover{background:#e6e7f1}
@media(min-width:1600px){.sc-project-grid{grid-template-columns:1fr 1.15fr;gap:70px}.sc-canvas{gap:35px}.sc-social a{height:380px}.sc-web a{height:190px}.sc-print a{height:210px}}
@media(max-width:1000px){.sc-showroom{padding:70px var(--gutter)}.sc-intro{gap:30px}.sc-tabs button{padding:16px 14px;font-size:15px}.sc-panel{padding:24px}.sc-project-grid{grid-template-columns:1fr 1.1fr;gap:25px}.sc-canvas{gap:16px;padding-left:0}.sc-social a{height:280px}.sc-web a{height:130px}.sc-print a{height:160px}.sc-copy h3{font-size:40px}.sc-project-top{font-size:9px}.sc-foot{align-items:start;flex-direction:column;gap:12px}.sc-gallery-hero{min-height:560px;padding-right:46%!important}.sc-portal{height:350px;top:24%}.sc-portal-ring{border-width:15px}.sc-case .page-hero .media-frame img{height:340px}}
@media(max-width:700px){.sc-intro{grid-template-columns:1fr;gap:22px}.sc-intro h2{font-size:clamp(39px,8.7vw,62px)}.sc-intro>div>p:not(.eyebrow){font-size:15px}.sc-tabs button{padding:14px 6px;font-size:12px;gap:6px;min-height:62px;justify-content:center}.sc-tabs button span,.sc-tabs button i{display:none}.sc-panel{padding:20px 18px;border-radius:19px}.sc-project-top{font-size:8px;letter-spacing:.03em;gap:15px}.sc-project-top span:last-child{max-width:170px;text-align:right}.sc-project-grid{grid-template-columns:1fr;gap:28px;padding-top:28px}.sc-copy h3{font-size:clamp(36px,8vw,54px)}.sc-copy p{font-size:14px;max-width:none}.sc-brand-name{margin-bottom:16px}.sc-canvas{min-height:340px;gap:16px;padding:14px 5px}.sc-social a{height:280px}.sc-web a{height:132px}.sc-print a{height:150px}.sc-print{width:67%}.sc-media figcaption{font-size:8px}.sc-route{grid-template-columns:1fr 1fr;gap:24px 20px;padding-top:22px;margin-top:10px}.sc-route li:nth-child(2)::after{display:none}.sc-route h4{font-size:14px}.sc-route p{font-size:12px}.sc-gallery-hero{padding-right:var(--gutter)!important;padding-bottom:40px!important}.sc-gallery-hero h1{font-size:clamp(42px,9vw,64px)!important}.sc-portal{position:relative;width:85%;height:320px;margin:40px auto 0;right:auto;top:auto}.sc-portal-core span{font-size:clamp(42px,9vw,62px)}.sc-case .page-hero h1{font-size:clamp(38px,9vw,62px)}.sc-case-label{font-size:10px;gap:12px;flex-wrap:wrap}.sc-case-line{flex-direction:column;gap:8px}.sc-case .page-hero .media-frame img{height:350px}.sc-case .page-hero .media-frame{border-radius:50px 16px 16px 16px}}
@media(max-width:370px){.sc-showroom{padding:55px 18px}.sc-panel{padding:18px 14px}.sc-tabs button{font-size:11px}.sc-copy h3{font-size:35px}.sc-social a{height:230px}.sc-web a{height:105px}.sc-print a{height:135px}.sc-canvas{min-height:310px;gap:14px}.sc-route{gap:20px 14px}.sc-route h4{font-size:13px}.sc-route p{font-size:11px}.sc-button{gap:18px;font-size:12px}}
body.motion-off .sc-panel,body.motion-off .sc-media{animation:none!important;transition:none!important}
body.motion-off .sc-media{transform:none!important}
@media(prefers-reduced-motion:reduce){.sc-panel,.sc-media{animation:none!important;transition:none!important}.sc-media{transform:none!important}}
@media print{.sc-tabs,.sc-orbits,.sc-portal{display:none!important}.sc-panel[hidden]{display:block!important}.sc-showroom,.sc-panel{background:#fff;color:#111;box-shadow:none;break-inside:avoid}.sc-copy p,.sc-route p,.sc-brand-name,.sc-tags{color:#333}.sc-media{transform:none}.sc-project-grid{grid-template-columns:1fr 1fr}}
