:root{--navy:#082642;--navy-deep:#041a30;--blue:#126ba9;--blue-bright:#0877c9;--mist:#f0f6fb;--ink:#102c45;--muted:#53697b;--line:#cbdbe8;--shadow:0 3px 7px #08264224,0 1px 2px #08264212;--radius:15px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-synthesis:none;font-size:16px;line-height:1.65}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:135px}body{margin:0;background:#fff}body.modal-open{overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}p{margin:0 0 1.1em}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.035em;margin:0 0 .6em;font-weight:700}h1{font-size:clamp(2.7rem,5.4vw,4.9rem)}h2{font-size:clamp(2rem,3.5vw,3.4rem)}h3{font-size:1.45rem}h4{font-size:1.5rem}em{font-style:normal;color:var(--blue)}img{display:block;max-width:100%;height:auto}figure{margin:0}figcaption{color:var(--muted);font-size:.85rem;margin-top:12px}.icon{width:24px;height:24px;flex:none;vertical-align:middle}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #f7bc4c;outline-offset:4px}a:hover{text-decoration-color:var(--blue)}button:disabled:focus-visible{outline-color:var(--blue)}[hidden]{display:none!important}.wrap{width:min(1264px,calc(100% - 112px));margin-inline:auto}.section{padding:100px 0}.section.compact{padding-top:38px}.mist{background:var(--mist)}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:.73rem;font-weight:700;line-height:1.6;margin-bottom:20px;color:var(--blue)}.lead{font-size:1.17rem;line-height:1.65;max-width:760px}.note,.group-note{font-size:.86rem;color:var(--muted);line-height:1.6}.note{margin-top:22px}.missing,.portfolio-notice,.preview-notice{border:1px solid var(--line);border-radius:10px;background:var(--mist);padding:17px 20px;font-size:.88rem;line-height:1.6}.placeholder-pill,.image-tag{display:inline-block;font-size:.75rem;font-weight:600;line-height:1.5;border:1px solid var(--line);border-radius:6px;padding:6px 10px;background:#fff;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:15px;z-index:1000;background:#fff;padding:12px;border:2px solid var(--navy)}.skip-link:focus{top:10px}.preview-bar{min-height:31px;display:flex;justify-content:center;gap:12px;align-items:center;padding:6px 20px;background:var(--mist);font-size:.65rem;color:var(--muted);letter-spacing:.04em}.header{position:sticky;top:0;background:#fff;z-index:30;box-shadow:0 3px 6px #041a3019}.header-inner{height:117px;display:flex;align-items:center;justify-content:space-between;gap:34px}.brand{width:230px;flex:none}.brand img{width:100%;filter:none;mix-blend-mode:normal}.header-actions{display:flex;align-items:center;gap:13px;min-width:0}.nav{display:flex;gap:3px;align-items:center;padding:7px 12px;background:linear-gradient(#0b3559,#06223e);border:1px solid #174667;border-radius:12px;box-shadow:var(--shadow)}.nav a{padding:9px 14px;color:#fff;font-size:.85rem;line-height:1.5;white-space:nowrap;border-radius:6px}.nav a:hover,.nav a[aria-current=page]{background:#ffffff19}.account-button,.menu-toggle{border:1px solid #174667;background:linear-gradient(#0b3559,#06223e);color:white;border-radius:12px;box-shadow:var(--shadow);height:55px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 19px;white-space:nowrap;font-size:.85rem;font-weight:600}.account-button .icon{width:21px;height:21px}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:13px 25px;border:1px solid #087ec1;border-radius:28px;background:linear-gradient(#087bc5,#075c9f);color:#fff;font-weight:600;font-size:.95rem;line-height:1.4;box-shadow:var(--shadow);text-align:left}.button:hover:not(:disabled){background:#07558d;transform:translateY(-1px)}.button.secondary{border-color:var(--line);background:#fff;color:var(--navy)}.button.secondary:hover:not(:disabled){background:#eaf3fa}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.text-link{display:inline-flex;align-items:center;gap:12px;font-weight:600;color:var(--blue);line-height:1.5;padding-block:8px}.text-link .icon{width:21px;height:21px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}
/* Full-width image surface; no side card, border, rounding or header fade. */
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--navy-deep);color:#fff}.hero-images,.hero-shade,.hero-slide{position:absolute;inset:0;z-index:-1}.hero-slide{opacity:0;transition:opacity 700ms ease;pointer-events:none}.hero-slide.is-active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:var(--photo-position,50% 50%)}.hero-shade{background:linear-gradient(90deg,#03192fe8 0%,#03192f99 45%,#03192f1f 80%),linear-gradient(0deg,#03192f9c,transparent 45%);z-index:-1}.hero-content{min-height:720px;display:flex;flex-direction:column;justify-content:center;padding-top:65px;padding-bottom:22px}.hero-copy{max-width:770px}.hero-copy .eyebrow{color:#e2f2ff;margin-bottom:23px}.hero h1{font-size:clamp(2.9rem,4.45vw,4.35rem);letter-spacing:-.035em;line-height:1.06;margin-bottom:20px;text-shadow:0 2px 8px #0003;max-width:800px}.hero h1 span{display:block}.hero-copy p{max-width:590px;font-size:1rem;line-height:1.65;color:#eef5fc;margin-bottom:25px}.hero-copy .button{min-width:235px}.hero-entries{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(740px,100%);margin-top:45px}.hero-entry{display:flex;align-items:center;gap:23px;border:1px solid #38648a;border-radius:12px;background:linear-gradient(135deg,#103d60ed,#041c34ed);box-shadow:var(--shadow);padding:22px 24px;min-height:93px;font-size:1.15rem;font-weight:600;line-height:1.3}.hero-entry>.icon:first-child{width:44px;height:44px;stroke-width:1.1}.hero-entry>.icon:last-child{margin-left:auto}.hero-entry:hover{background:#103d60}.slideshow-bottom{display:flex;gap:25px;align-items:center;justify-content:space-between;margin-top:26px}.slideshow-bottom>p{font-size:.69rem;line-height:1.5;color:#d3deeb;margin:0;max-width:500px}.slide-controls{display:flex;align-items:center;gap:4px;flex:none}.slide-arrow,.slide-dot,.slide-pause{height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:#041b327d;color:#fff;border-radius:8px}.slide-arrow:hover,.slide-pause:hover,.slide-dot:hover{background:#ffffff24}.slide-arrow .icon{width:19px;height:19px}.slide-dots{display:flex}.slide-dot{background:transparent;min-width:30px;width:30px}.slide-dot span{width:8px;height:8px;border-radius:50%;background:#fff6;display:block}.slide-dot[aria-pressed=true] span{background:#fff}.slide-pause{padding-inline:9px;gap:5px;margin-left:6px;min-width:76px}.slide-pause .icon{width:17px;height:17px}.slide-pause span{font-size:.72rem}.hero-no-motion .hero-slide{transition:none}
.section-head{display:grid;grid-template-columns:1.05fr 1fr;align-items:end;gap:90px;margin-bottom:44px}.section-head p{max-width:530px;color:var(--muted)}.section-head h2{margin-bottom:0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.principles article{padding:26px 0 0;border-top:1px solid var(--line)}.number{display:block;font-size:.78rem;letter-spacing:.11em;color:var(--blue);margin-bottom:22px}.principles p,.service-overview p{color:var(--muted)}.planning-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.planning-feature p{color:var(--muted)}.plan-drawing{aspect-ratio:1.1;position:relative;border:1px solid #b5cddd;border-radius:16px;background:linear-gradient(45deg,#e4eef7,#f9fcff);display:flex;align-items:center;justify-content:center;overflow:hidden}.plan-drawing:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#8ab2ce22 1px,transparent 1px),linear-gradient(90deg,#8ab2ce22 1px,transparent 1px);background-size:32px 32px}.plan-drawing>.icon{width:66%;height:66%;stroke-width:.45;color:var(--blue);transform:rotate(-8deg)}.plan-drawing>span{position:absolute;bottom:23px;left:23px;font-size:.63rem;letter-spacing:.16em}.planning-tags{display:flex;flex-wrap:wrap;gap:9px;margin-block:23px}.planning-tags span{font-size:.78rem;padding:6px 10px;border:1px solid #bfd4e4;border-radius:5px}.service-overview{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-overview a{position:relative;padding:32px 26px 26px 0;min-height:185px}.service-overview a+a{padding-left:28px;border-left:1px solid var(--line)}.service-overview span{font-size:.72rem;color:var(--blue)}.service-overview h3{margin-top:19px;font-size:1.4rem}.service-overview .icon{position:absolute;right:24px;bottom:26px;color:var(--blue)}.service-overview a:hover{background:var(--mist)}.two-col,.three-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{min-width:0}.card-photo{position:relative;display:block;overflow:hidden;border-radius:13px;box-shadow:var(--shadow)}.card-photo img{width:100%;height:275px;object-fit:cover;transition:transform .3s}.card-photo:hover img{transform:scale(1.025)}.card-photo .image-tag{position:absolute;left:13px;bottom:13px;background:#fffffff2;font-size:.65rem}.project-copy{padding:23px 0}.project-copy .eyebrow{font-size:.65rem;margin-bottom:10px}.project-copy h3{font-size:1.6rem}.project-copy p{font-size:.93rem;color:var(--muted)}.project-copy .text-link{font-size:.88rem}.process{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:0}.process li{border-top:1px solid var(--line);padding-top:24px}.process li>span{font-size:.76rem;color:var(--blue)}.process h3{font-size:1.13rem;margin-top:22px;line-height:1.3}.process p{font-size:.9rem;color:var(--muted)}.cta{border-radius:20px;background:var(--mist);padding:48px;display:flex;justify-content:space-between;align-items:center;gap:40px}.cta h2{max-width:650px}.cta p{color:var(--muted);margin:0}.cta .button{flex:none}.page-hero{padding-top:44px;padding-bottom:24px}.breadcrumb{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-size:.74rem;color:var(--muted);margin-bottom:42px}.page-hero h1{max-width:1000px}.page-hero .lead{color:var(--muted);margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split p{color:var(--muted)}.photo-link{display:block;position:relative;border-radius:13px;overflow:hidden;box-shadow:var(--shadow);background:#e7f0f7}.photo-link img{width:100%;height:440px;object-fit:cover}.photo-expand{position:absolute;right:14px;bottom:14px;background:#fff;color:var(--navy);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;box-shadow:var(--shadow)}.service-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-block:35px}.service-nav a{display:flex;align-items:baseline;gap:10px;padding:15px 14px;border:1px solid var(--line);border-radius:9px;background:#ffffffab;font-size:.82rem;line-height:1.5}.service-nav a:hover{background:#fff}.service-nav a span{color:var(--blue);font-size:.7rem}.service-row{display:grid;grid-template-columns:48px 1fr 1.1fr;gap:28px;padding:37px 0;border-top:1px solid var(--line);scroll-margin-top:130px}.service-row h3{font-size:1.6rem}.service-row .number{padding-top:6px}.service-row p{color:var(--muted);font-size:.94rem}.service-row .service-teaser{color:var(--blue);font-size:.85rem}.company-mark{padding:45px;background:var(--mist);border-radius:18px;min-height:260px;display:flex;align-items:center}.trades{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.trades li{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding:16px 0;font-size:.94rem}.trades .icon{width:18px;height:18px;color:var(--blue);align-self:flex-start;margin-top:4px}.address-card{background:var(--mist);border-radius:16px;padding:42px}.address-card a{font-weight:600;color:var(--blue);overflow-wrap:anywhere}.estate-stage{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.estate-line-art{aspect-ratio:1;background:var(--mist);border-radius:100px 14px 14px;display:grid;place-items:center;color:var(--blue)}.estate-line-art .icon{width:65%;height:65%;stroke-width:.5}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.filter{border:1px solid var(--line);color:var(--navy);background:#fff;padding:12px 16px;border-radius:24px;font-size:.82rem;min-height:44px}.filter[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.filter-status{font-size:.78rem;color:var(--muted);margin-block:17px 0}.gallery-group{padding-top:55px;margin-top:10px;border-top:1px solid var(--line);scroll-margin-top:135px}.gallery-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:30px}.gallery-heading h2{font-size:2.4rem}.gallery-heading p{color:var(--muted);font-size:.95rem}.gallery-photos img{height:430px;object-fit:cover}.gallery-photos figure:last-child:nth-child(odd){grid-column:1/-1;max-width:800px;width:100%;margin-inline:auto}.gallery-group .group-note{margin-block:25px 45px}.contact-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:80px}.contact-details h2{font-size:2.3rem}.contact-details>div{margin-top:28px}.contact-details h3{font-size:.9rem;margin-bottom:10px}.contact-details p{color:var(--muted)}.contact-details a{font-weight:600;color:var(--blue);overflow-wrap:anywhere}.contact-panel{background:var(--mist);padding:42px;border-radius:18px}.contact-panel h2{font-size:2.5rem}.contact-panel p{color:var(--muted)}.contact-actions{display:grid;gap:13px;margin-top:25px}.contact-actions .button{font-size:.87rem}.contact-chat{margin-top:35px;border-top:1px solid var(--line);padding-top:27px}.contact-chat h3{font-size:1.2rem}.contact-panel small{display:block;line-height:1.6;color:var(--muted);margin-top:26px}.legal{max-width:830px}.legal h2{font-size:1.65rem;margin-top:40px}.legal li{margin-bottom:12px}.legal ul{padding-left:22px}.footer{border-top:1px solid var(--line);background:#f7fafd;padding:62px 0 100px}.footer-main{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:50px}.footer-brand img{width:220px;margin-bottom:23px}.footer-brand p,.footer nav{font-size:.83rem;color:var(--muted)}.footer nav a,.footer-chat{display:block;margin-block:10px;padding:3px 0;overflow-wrap:anywhere}.footer h3{font-size:.9rem}.footer .icon{width:16px;height:16px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:20px;margin-top:35px;font-size:.72rem;color:var(--muted)}.footer-bottom nav{display:flex;gap:20px;font-size:.72rem}.footer-bottom nav a{margin:0}.footer-chat{background:none;border:0;color:var(--blue);text-align:left;font:inherit}.chat-launcher{position:fixed;left:24px;bottom:max(22px,env(safe-area-inset-bottom));z-index:35;display:flex;align-items:center;gap:10px;background:linear-gradient(#0a3a62,#05213b);color:#fff;padding:14px 18px;border:1px solid #2d587a;border-radius:30px;min-height:56px;box-shadow:0 3px 9px #0826423b;font-size:.83rem;font-weight:600}.chat-launcher .preview-tag{font-size:.6rem;border-left:1px solid #ffffff50;padding-left:9px;opacity:.8}.chat-launcher:hover{background:var(--navy)}
/* Honest, local-only future workspace previews, no login or message transport. */
dialog{color:var(--ink);border:1px solid #c8d9e6;padding:28px;border-radius:20px;box-shadow:0 12px 60px #041a303d;max-width:calc(100% - 28px);max-height:calc(100dvh - 40px);overflow:auto;background:#fff}dialog::backdrop{background:#0414269e}.dialog-heading{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:24px}.dialog-heading h2{font-size:1.65rem;margin:0}.dialog-heading .eyebrow{font-size:.63rem;margin-bottom:9px}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy)}.icon-button:hover{background:var(--mist)}.chat-dialog{width:420px;margin:auto auto 20px 24px}.chat-content{font-size:.9rem}.chat-intro{border-radius:4px 14px 14px;background:var(--mist);padding:17px;margin:20px 0}.chat-intro small{color:var(--muted);font-size:.76rem;line-height:1.5;display:block}.chat-content .note{font-size:.77rem}.chat-content label,.portal-dialog label{display:block;font-weight:600;font-size:.82rem;margin-block:17px 8px}textarea,input{width:100%;min-width:0;resize:vertical;border:1px solid #afc5d6;border-radius:9px;padding:11px 13px;background:#fbfdff;color:var(--ink);font-size:1rem;line-height:1.5}textarea{min-height:88px}input{min-height:46px}.composer-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.69rem;margin-top:5px}.optional-contact{margin-block:20px}.optional-contact summary{cursor:pointer;font-size:.8rem;padding:8px 0;color:var(--blue)}.chat-content>.button{width:100%;margin-top:10px}.chat-content>.text-link{margin-top:14px;font-size:.78rem}.portal-dialog{width:760px}.portal-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-block:24px;overflow-x:auto;padding-bottom:7px}.portal-tabs button{flex:1;min-width:max-content;padding:12px 14px;border:0;border-radius:9px;background:var(--mist);font-size:.82rem;color:var(--navy);font-weight:600}.portal-tabs button[aria-selected=true]{background:var(--navy);color:#fff}.portal-dialog [role=tabpanel]{padding:10px 0;font-size:.91rem}.portal-account{text-align:center;max-width:560px;margin:auto;padding-block:15px}.portal-account>.icon{width:50px;height:50px;color:var(--blue);margin-bottom:20px}.portal-account h3{font-size:1.5rem}.portal-account p{color:var(--muted)}.workflow{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.portal-account .workflow{justify-content:center}.workflow span{background:var(--mist);border:1px solid var(--line);padding:7px 10px;border-radius:7px;font-size:.75rem}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:.75rem;color:var(--muted);margin-bottom:24px}.editor-canvas{border:1px dashed #8faec4;background:var(--mist);padding:28px;border-radius:12px;margin-top:20px}.editor-canvas h4{overflow-wrap:anywhere}.editor-canvas .eyebrow{font-size:.63rem}.editor-canvas p{margin:0;font-size:.82rem;color:var(--muted)}.inbox-example{border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:25px}.inbox-row{display:flex;gap:12px;align-items:center}.inbox-row small{display:block;color:var(--muted);font-size:.73rem}.unread-example{margin-left:auto;width:25px;height:25px;border-radius:50%;background:var(--blue);color:#fff;text-align:center;font-size:.75rem;line-height:25px}.example-message{background:var(--mist);padding:15px;margin-block:20px;border-radius:10px}.inbox-example .button{margin-top:15px;font-size:.8rem}.lightbox{width:1100px;padding:22px}.lightbox-stage{background:#edf2f6;border-radius:10px;min-height:140px;display:flex;justify-content:center;align-items:center}.lightbox-stage img{max-height:65dvh;width:auto;max-width:100%;object-fit:contain}.lightbox>p{margin:16px 0 0;font-size:.86rem}.lightbox .note{font-size:.75rem}
@media(min-width:1440px){.hero-content{min-height:740px}}@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.header-inner{gap:25px}.brand{width:195px}.nav a{padding-inline:10px;font-size:.8rem}.nav{padding-inline:7px}.account-button{padding-inline:14px}.section-head,.planning-feature{gap:55px}.hero h1{font-size:3.7rem}.contact-grid{gap:45px}}
@media(max-width:1023px){html{scroll-padding-top:110px}.header-inner{height:95px}.brand{width:200px}.header-actions{gap:10px}.menu-toggle{display:inline-flex;background:linear-gradient(#0b3559,#06223e);color:#fff;border-color:#174667;box-shadow:var(--shadow);height:48px;width:48px}.account-button{width:48px;height:48px;padding:0}.account-button span{display:none}.nav{display:none;position:absolute;top:calc(100% + 9px);right:24px;left:24px;padding:10px;box-shadow:0 5px 12px #041a302b;z-index:2;max-height:calc(100dvh - 160px);overflow:auto}.nav.open{display:grid;gap:4px}.nav a{padding:13px 16px;font-size:1rem}.section{padding:75px 0}.hero-content{min-height:700px;padding-top:55px}.hero h1{font-size:3.7rem;max-width:680px}.hero-copy p{max-width:560px}.slideshow-bottom{align-items:flex-end}.slideshow-bottom>p{max-width:340px}.section-head{gap:40px}.planning-feature{gap:40px}.three-col{gap:20px}.card-photo img{height:215px}.service-nav{grid-template-columns:repeat(2,1fr)}.service-row{grid-template-columns:35px 1fr 1.1fr;gap:20px}.process{grid-template-columns:repeat(2,1fr)}.split,.estate-stage{gap:40px}.gallery-photos img{height:330px}.contact-grid{gap:30px}.contact-panel{padding:30px}.contact-panel h2{font-size:2rem}.contact-details h2{font-size:1.9rem}.footer-main{gap:28px}.cta{padding:35px}.cta .button{min-width:180px}.trades{gap:0 30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.preview-bar{min-height:26px;font-size:.57rem;padding:6px 10px;gap:8px}.preview-bar span{font-size:.57rem}.header-inner{height:90px}.brand{width:178px}.header-actions{gap:8px}.account-button,.menu-toggle{height:44px;width:44px;border-radius:10px}.section{padding:60px 0}.section.compact{padding-top:22px}.eyebrow{font-size:.65rem;letter-spacing:.15em;margin-bottom:16px}.lead{font-size:1.03rem}.hero-slide img{object-position:var(--mobile-position,65% 50%)}.hero-shade{background:linear-gradient(90deg,#03192fe3,#03192f60),linear-gradient(0deg,#03192fd9,transparent 65%)}.hero-content{padding-top:38px;padding-bottom:16px;min-height:680px;justify-content:flex-start}.hero h1{font-size:clamp(2.3rem,8.7vw,3.4rem);line-height:1.08;margin-bottom:18px;max-width:600px}.hero-copy .eyebrow{font-size:.57rem;letter-spacing:.13em;max-width:280px}.hero-copy p{font-size:.88rem;line-height:1.55;max-width:400px;margin-bottom:21px}.hero-copy .button{min-width:225px;min-height:49px}.hero-entries{grid-template-columns:1fr;margin-top:29px;gap:11px;max-width:470px}.hero-entry{padding:14px 18px;min-height:67px;gap:17px;font-size:.95rem;border-radius:10px}.hero-entry>.icon:first-child{width:32px;height:32px}.slideshow-bottom{flex-direction:column;gap:10px;align-items:center;margin-top:auto;padding-top:17px}.slide-controls{order:-1}.slideshow-bottom>p{font-size:.58rem;line-height:1.5;max-width:350px;text-align:center}.slide-dot{min-width:27px;width:27px}.slide-arrow{background:transparent}.slide-pause{font-size:.7rem}.section-head,.planning-feature,.split,.estate-stage,.contact-grid,.gallery-heading{grid-template-columns:1fr;gap:27px}.section-head{margin-bottom:30px}.section-head p{margin:0}.section-head h2{font-size:2.25rem}.principles{grid-template-columns:1fr;gap:15px}.principles article{display:grid;grid-template-columns:35px 1fr;gap:0 13px;padding-top:24px}.principles .number{grid-row:1/3;margin-top:3px}.principles h3{font-size:1.25rem}.principles p{font-size:.94rem}.planning-feature .plan-drawing{max-width:420px;width:100%;aspect-ratio:1.5;order:2}.planning-feature h2{font-size:2.2rem}.plan-drawing>.icon{width:55%;height:70%}.plan-drawing>span{font-size:.55rem;bottom:16px}.planning-tags span{font-size:.7rem}.service-overview{grid-template-columns:1fr}.service-overview a,.service-overview a+a{padding:24px 40px 24px 0;min-height:135px;border-left:0}.service-overview a+a{border-top:1px solid var(--line)}.service-overview h3{font-size:1.45rem;margin-top:12px;margin-bottom:0}.service-overview h3 br{display:none}.service-overview .icon{right:5px}.three-col,.two-col{grid-template-columns:1fr;gap:22px}.card-photo img{height:280px}.project-copy{padding-bottom:12px}.project-copy h3{font-size:1.7rem}.project-copy p{font-size:.94rem}.process{gap:22px}.process h3{font-size:1.04rem;line-height:1.35}.process p{font-size:.84rem}.cta{padding:30px 24px;flex-direction:column;align-items:flex-start;gap:25px;width:calc(100% - 40px)}.cta h2{font-size:2.1rem}.cta .eyebrow{font-size:.6rem}.cta .button{width:100%}.page-hero{padding-top:28px;padding-bottom:20px}.page-hero h1{font-size:clamp(2.35rem,8.7vw,3.2rem)}.breadcrumb{margin-bottom:30px;font-size:.7rem}.photo-link img{height:350px}.service-nav{grid-template-columns:1fr;margin-block:25px;gap:8px}.service-nav a{font-size:.88rem;padding:14px}.service-row{grid-template-columns:30px 1fr;gap:0 10px;padding:29px 0}.service-row>.number{grid-row:1/3}.service-row>p{grid-column:2;font-size:.91rem}.service-row h3{font-size:1.45rem}.service-row .service-teaser{font-size:.82rem}.trades{grid-template-columns:1fr}.trades li{font-size:.9rem}.company-mark{min-height:180px;padding:30px}.address-card{padding:28px}.estate-stage .estate-line-art{max-width:350px;aspect-ratio:1.4}.estate-stage .estate-line-art .icon{width:50%;height:65%}.gallery-heading h2{font-size:2rem}.gallery-heading{gap:5px;margin-bottom:20px}.gallery-photos img{height:360px}.gallery-photos figure:last-child:nth-child(odd){grid-column:auto}.gallery-group{padding-top:35px}.filters{gap:8px}.filter{font-size:.77rem;padding:10px 13px}.portfolio-notice{font-size:.79rem;padding:16px}.contact-details h2{font-size:2.05rem}.contact-panel{padding:27px 22px}.contact-panel h2{font-size:2.1rem}.contact-actions .button{font-size:.81rem;padding:14px 17px;gap:12px;border-radius:14px}.contact-chat .button{font-size:.85rem;padding-inline:17px}.footer{padding-top:45px;padding-bottom:100px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-brand img{width:190px}.footer-main>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:15px}.footer-bottom nav{flex-wrap:wrap}.chat-launcher{left:16px;bottom:max(16px,env(safe-area-inset-bottom));width:54px;height:54px;padding:14px;border-radius:50%;justify-content:center}.chat-launcher span{display:none}.chat-launcher .icon{width:25px;height:25px}dialog{padding:20px;max-width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:15px}.chat-dialog{margin:auto 10px 12px;width:calc(100% - 20px);max-height:calc(100dvh - 24px)}.dialog-heading{gap:15px;margin-bottom:18px}.dialog-heading h2{font-size:1.35rem}.dialog-heading .eyebrow{font-size:.57rem}.preview-notice{padding:12px 14px;font-size:.78rem}.portal-tabs{gap:4px;margin-block:20px}.portal-tabs button{padding:11px 10px;font-size:.73rem}.portal-dialog [role=tabpanel]{font-size:.86rem}.editor-heading{align-items:flex-start;flex-direction:column;gap:9px}.editor-canvas{padding:20px}.inbox-example{padding:15px}.inbox-row{font-size:.8rem;gap:9px}.lightbox-stage img{max-height:62dvh}.lightbox{padding:15px}.legal h2{font-size:1.5rem}.legal p,.legal li{font-size:.92rem}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.brand{width:151px}.header-actions{gap:6px}.header-inner{gap:10px;height:82px}.account-button,.menu-toggle{width:42px;height:44px}.preview-bar span{max-width:155px;line-height:1.3}.hero-content{min-height:710px;padding-top:31px}.hero h1{font-size:2.24rem}.hero-copy p{font-size:.85rem}.hero-entries{margin-top:25px}.hero-entry{font-size:.89rem}.hero-entry>.icon:first-child{width:28px;height:28px}.hero-copy .button{min-width:220px}.process{grid-template-columns:1fr}.section-head h2{font-size:2rem}.editor-canvas h4{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover:not(:disabled){transform:none}.card-photo:hover img{transform:none}}
/* Keep the mobile-only menu control out of the desktop row. */
.menu-toggle.icon-button{display:none;background:linear-gradient(#0b3559,#06223e);color:#fff;border-color:#174667;box-shadow:var(--shadow)}
@media(max-width:1023px){.menu-toggle.icon-button{display:inline-flex}}
.chat-dialog .dialog-heading,.portal-dialog .dialog-heading{position:sticky;top:-28px;background:#fff;z-index:2;padding-block:8px;box-shadow:0 4px 5px #fff}
@media(max-width:760px){.chat-dialog .dialog-heading,.portal-dialog .dialog-heading{top:-20px}}

.social-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:16px 0;overflow-wrap:anywhere}.social-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.social-links a:focus-visible{outline:3px solid #279add;outline-offset:4px;border-radius:4px}

.google-rating{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.google-rating>div{max-width:660px}.rating-value{font-size:clamp(36px,5vw,56px);color:var(--navy,#082642)}.rating-value span{font-size:18px;font-weight:400}
/* Design 04: gemeinsame schwebende Flächen und fotografische Themenwelten. */
:root{--surface-dark:linear-gradient(145deg,#123d5aee,#061e35f5);--surface-border:#7197b56b;--surface-shadow:0 4px 9px #00162926,0 1px 2px #0016291a}
.button,.button.secondary{border-radius:12px;box-shadow:var(--surface-shadow);border:1px solid #7197b599}
.button.secondary{background:var(--surface-dark);color:#fff}.button.secondary:hover:not(:disabled){background:#164668}
.project-card,.address-card,.contact-panel,.editor-canvas,.inbox-example{border:1px solid var(--surface-border);border-radius:15px;background:var(--surface-dark);color:#fff;box-shadow:var(--surface-shadow);overflow:hidden}
.project-card .project-copy,.planning-examples figcaption{padding:24px}.project-card .eyebrow,.project-card p,.project-card small,.address-card .eyebrow,.address-card .note,.contact-panel small,.contact-panel .eyebrow,.editor-canvas .eyebrow{color:#deebf6}.project-card .text-link{color:#d2edff}.project-card h3 a{color:#fff}.project-card figcaption{margin:0;color:#e5f1fa}.contact-panel .contact-chat{border-color:#7197b56b}.hero-entry{border:1px solid var(--surface-border);background:var(--surface-dark);box-shadow:var(--surface-shadow)}
.light-story{position:relative;isolation:isolate;background:#fff;overflow:hidden}.light-story:before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--story-image);background-position:center right;background-size:cover;opacity:.3}.light-story:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#fff 0%,#ffffff1a 22%,#ffffff1a 78%,#fff 100%),linear-gradient(90deg,#fffffff5,#ffffffe0 43%,#ffffff3d)}
.light-story .principles article,.light-story .service-overview a,.light-story .process li{background:#ffffffd9;border:1px solid #cbdbe8;border-radius:14px;padding:24px;box-shadow:0 3px 7px #0826420d}.light-story .service-overview a+a{border-left:1px solid #cbdbe8}.light-story .process{gap:16px}.illustration-credit{font-size:.65rem;color:#5b7082;margin-top:28px}
.photo-section{position:relative;isolation:isolate;overflow:hidden;background:#041a30;color:#fff;padding-block:80px 22px;min-height:600px}.photo-section .hero-shade{background:linear-gradient(90deg,#03192fce,#03192f85),linear-gradient(0deg,#03192fe8,transparent 55%)}.photo-foreground{position:relative}.photo-section .eyebrow,.photo-section .note{color:#d9ebfa}.photo-section .section-head{padding:28px;background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:15px;box-shadow:var(--surface-shadow)}.photo-section .slideshow-bottom{margin-top:35px;min-height:60px}.photo-section .project-card{background:#082642ed}.photo-section .project-copy h3{font-size:1.5rem}.photo-section .project-copy p{font-size:.91rem}.photo-section .rating-value{color:#fff}.photo-section .google-rating{background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:15px;padding:35px;box-shadow:var(--surface-shadow);min-height:370px}.photo-section .planning-feature{min-height:510px;align-items:center}.photo-section .planning-feature>div:last-child{background:var(--surface-dark);padding:30px;border:1px solid var(--surface-border);border-radius:15px;box-shadow:var(--surface-shadow)}.photo-section .planning-tags span{color:#e5f3ff;background:#ffffff13;border-color:#7197b56b}.photo-section .text-link{color:#d6efff}.planning-caption{align-self:end;margin-bottom:25px;display:flex;flex-direction:column;gap:8px;max-width:330px;background:#06223edb;border:1px solid var(--surface-border);border-radius:12px;padding:18px 24px;box-shadow:var(--surface-shadow)}.planning-caption>span{font-size:1.15rem;font-weight:600}.planning-caption small{color:#d0e5f5}.planning-examples img{width:100%;aspect-ratio:1.5;object-fit:cover}.planning-examples h3{font-size:1.35rem}.photo-section .hero-slide img{object-position:50% 50%}.photo-section .hero-slide:not(.is-active){visibility:hidden}.photo-section .hero-slide.is-active{visibility:visible}
@media(max-width:760px){.photo-section{padding-top:48px;min-height:560px}.photo-section .section-head{padding:23px;gap:20px}.photo-section .planning-feature{min-height:650px;display:flex;flex-direction:column-reverse;justify-content:space-between;gap:110px}.photo-section .planning-feature>div:last-child{padding:24px;width:100%}.planning-caption{align-self:flex-start;margin:0}.photo-section .google-rating{padding:24px}.light-story .process li{padding:17px}.light-story:after{background:linear-gradient(0deg,#fff,#ffffff99 20%,#ffffffbb 80%,#fff)}.photo-section .slideshow-bottom>p{min-height:30px}.project-card .project-copy{padding:22px}.photo-section .three-col{gap:24px}.photo-section .hero-slide img{object-position:60% 50%}.planning-examples{gap:24px}}
.photo-section p,.photo-section .planning-feature p,.contact-panel p,.address-card p,.editor-canvas p,.inbox-example p{color:#e2edf6}.photo-section .note{color:#ccdeed}.light-story .principles article{border-top:1px solid #cbdbe8}
.light-story:before{opacity:.48}.light-story:after{background:linear-gradient(0deg,#fff 0%,#ffffff00 25%,#ffffff00 75%,#fff 100%),linear-gradient(90deg,#fffffff0,#ffffffbc 43%,#ffffff10)}
@media(max-width:760px){.light-story:before{opacity:.32}.light-story:after{background:linear-gradient(0deg,#fff,#ffffffa6 20%,#ffffffa6 80%,#fff)}}

.social-links{flex-direction:row;flex-wrap:wrap;gap:12px}.social-links .social-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;padding:12px;border-radius:12px;background:var(--surface-dark);border:1px solid var(--surface-border);box-shadow:var(--surface-shadow);color:#fff}.social-icon svg{width:24px;height:24px;display:block}.social-links .social-icon:hover{background:#164668;transform:translateY(-1px)}
/* Always-available review invitation. No static rating or borrowed review texts. */
.google-invitation{background:#fff;color:#202124;border:1px solid #dadce0;border-radius:16px;padding:30px;box-shadow:0 3px 9px #0002;width:min(100%,390px);flex:0 1 390px}.google-invitation h3{font-size:1.4rem;letter-spacing:-.02em;margin:18px 0 12px}.google-invitation p,.photo-section .google-invitation p{color:#5f6368;font-size:.95rem}.google-wordmark{font-size:31px;line-height:1;font-weight:600;letter-spacing:-1px}.google-wordmark span:nth-child(1),.google-wordmark span:nth-child(4){color:#4285f4}.google-wordmark span:nth-child(2),.google-wordmark span:nth-child(6){color:#ea4335}.google-wordmark span:nth-child(3){color:#fbbc05}.google-wordmark span:nth-child(5){color:#34a853}.invitation-stars{color:#70757a;font-size:30px;white-space:nowrap;letter-spacing:1px;margin-bottom:14px}.google-review-button{display:block;background:#1a73e8;color:#fff;padding:13px 18px;min-height:48px;border-radius:9px;text-align:center;font-size:.91rem;font-weight:600}.google-review-button:hover{background:#155bb5}.google-invitation small{display:block;margin-top:14px;font-size:.7rem;color:#5f6368}.google-live-summary{font-size:1.65rem;font-weight:700}.google-live-reviews{display:grid;gap:15px;margin:20px 0}.google-live-review{background:#fff;border:1px solid #dadce0;border-radius:12px;padding:20px;color:#202124}.photo-section .google-live-review p{color:#202124}.google-live-review>a{color:#155db8;font-weight:600;font-size:.86rem}.google-live-review .review-meta,.photo-section .google-live-review .review-meta{color:#5f6368;font-size:.8rem}.google-live-review p{overflow-wrap:anywhere;white-space:pre-wrap}.google-attribution{font-family:Arial,sans-serif;font-weight:500;letter-spacing:0}.google-rating>[data-google-status]{width:100%}.photo-section .google-rating>div:first-child{flex:1 1 420px;min-width:0}
@media(max-width:760px){.google-invitation{padding:24px;width:100%;flex-basis:auto}.photo-section .google-rating>div:first-child{flex-basis:auto}.google-invitation h3{font-size:1.3rem}}
.google-live-review>a:first-child{display:flex;gap:10px;align-items:center}.google-live-review>a img{border-radius:50%;width:36px;height:36px;flex:none}

/* Shared dark TBI footer on every page. Original logo remains on a white plate. */
.footer{background:var(--navy-deep);color:#edf5fc;border-top:1px solid #36516a}
.footer-brand>a{display:inline-block;background:#fff;border:1px solid #b7cddd;border-radius:12px;padding:14px 18px;margin-bottom:20px;box-shadow:0 3px 7px #0003}
.footer-brand img{margin:0}
.footer-brand p,.footer nav,.footer-bottom{color:#cfdeeb}
.footer h3{color:#fff}
.footer-bottom{border-top-color:#40586e}
.footer-chat{color:#b6d9f1}
.footer a:hover,.footer-chat:hover{color:#fff}
.footer-brand>a:hover{color:var(--navy)}

/* Architectural footer background: seamless white logo area fading into TBI blue. */
.footer{position:relative;isolation:isolate;background:#041a30 url('footer-architektur.webp') center/cover no-repeat;border-top:1px solid #cedde8}
.footer:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0%,#fffffff8 30%,#ffffffd9 35%,#082642ed 44%,#041a3073 72%,#041a3047 100%);pointer-events:none}
.footer-brand>a{background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin-bottom:23px}
.footer-brand p{color:#173650;max-width:310px}
.footer-bottom>span{color:#173650}
.footer-bottom{border-top-color:#6e8fa66b}
@media(max-width:760px){.footer:before{background:linear-gradient(180deg,#fff 0px,#fff 190px,#ffffffed 210px,#082642f5 260px,#041a30bd 100%)}.footer-brand{padding-bottom:30px}.footer-bottom>span{color:#cfdeeb}}

/* Inhaltsseiten: durchgehende Fotos und transparente TBI-Textflächen. */
.editorial-hero,.editorial-scene,.photo-contact{position:relative;isolation:isolate;overflow:hidden;border:1px solid #6a879e;border-radius:18px;background:#082642;box-shadow:0 5px 14px #041a3026}
.editorial-hero:before,.editorial-scene:before,.photo-contact:before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--scene-image);background-size:cover;background-position:center}
.editorial-hero{margin-top:36px;margin-bottom:28px;padding:46px!important;min-height:490px;display:flex;align-items:center}
.glass-copy{padding:34px;border:1px solid #90afc17d;border-radius:16px;background:linear-gradient(135deg,#082642df,#041a30bd);backdrop-filter:blur(3px);box-shadow:0 5px 14px #041a3033;color:#e3edf5;max-width:660px}
.glass-copy h1,.glass-copy h2,.glass-copy h3,.glass-copy .lead{color:#fff}.glass-copy .eyebrow{color:#b9d5eb}.glass-copy p{color:#e0eaf2}.glass-copy .breadcrumb,.glass-copy .breadcrumb a{color:#d2e4f2}.glass-copy .note{color:#c9dbe9;background:transparent}.glass-copy h1{font-size:clamp(2.15rem,4.5vw,4rem)}
.editorial-scene{min-height:540px;display:flex;align-items:center;padding:34px}.editorial-scene .glass-copy{max-width:54%}.estate-feature{justify-content:flex-end}.estate-feature:before{background-position:left center}.estate-editorial{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:start}.estate-topics{display:grid;gap:20px}.estate-topics article{background:linear-gradient(135deg,#123c5a,#082642);padding:28px;border:1px solid #66859b;border-radius:16px;box-shadow:0 4px 10px #041a3020;color:#dbe9f3}.estate-topics h3{color:white}.estate-topics span{color:#a7d2ef;font-size:.85rem;letter-spacing:.12em}
.photo-contact{padding:30px;gap:28px;align-items:start}.photo-contact .contact-details,.photo-contact .contact-panel{padding:30px;background:linear-gradient(135deg,#082642e8,#041a30cb);border:1px solid #779ab3;border-radius:16px;color:#e0eaf2;backdrop-filter:blur(3px)}.photo-contact h2,.photo-contact h3{color:white}.photo-contact a,.photo-contact .eyebrow,.photo-contact .note{color:#c4dff3}.photo-contact .note{background:transparent}.photo-contact small{color:#c4d4e3}
.editorial-page .legal{max-width:900px}.editorial-page .service-row{scroll-margin-top:150px}
@media(max-width:760px){.editorial-hero{margin-top:20px;min-height:560px;padding:160px 16px 16px!important;align-items:flex-end}.glass-copy{padding:24px}.editorial-scene{padding:170px 16px 16px;min-height:590px;align-items:flex-end}.editorial-scene .glass-copy{max-width:100%;width:100%}.estate-editorial{grid-template-columns:1fr;gap:28px}.photo-contact{padding:16px;gap:18px}.photo-contact .contact-details,.photo-contact .contact-panel{padding:24px}.glass-copy h1{font-size:2.1rem}.photo-contact a{overflow-wrap:anywhere}}
@media(prefers-reduced-transparency:reduce){.glass-copy,.photo-contact .contact-details,.photo-contact .contact-panel{background:#082642}}

/* Gewählte Kombination: transparentes Fotoband mit architektonischer Diagonale. */
.footer{overflow:hidden;background:#e3ebef}
.footer:before{inset:0;z-index:-2;background:url('illustration/hintergrund-bauleistungen.webp') center/cover no-repeat;transform:scaleX(-1);opacity:1}
.footer:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,#082642ca,#041a30e0);clip-path:polygon(42% 0,100% 0,100% 100%,34% 100%)}
.footer>.wrap{position:relative;isolation:isolate}
.footer-brand{position:relative;padding:24px 24px 20px;background:#ffffffb8;border:1px solid #ffffffa3;border-radius:14px;box-shadow:0 3px 10px #041a3014;backdrop-filter:blur(2px);max-width:360px}
.footer-brand>a{margin-bottom:20px}.footer-brand p{color:#102f48;margin-bottom:0}
.footer-bottom>span{background:#ffffffc9;border-radius:7px;padding:5px 10px;color:#102f48;align-self:center}
.footer-bottom{border-top-color:#a7bbc96b}
@media(min-width:761px) and (max-width:1000px){.footer-main{grid-template-columns:1.15fr .8fr 1fr;gap:26px}.footer-brand{grid-column:auto;padding:20px 16px}.footer:after{clip-path:polygon(39% 0,100% 0,100% 100%,32% 100%)}}
@media(max-width:760px){.footer:before{background-position:center;transform:scaleX(-1);opacity:1}.footer:after{clip-path:polygon(0 245px,100% 205px,100% 100%,0 100%);background:linear-gradient(145deg,#082642cc,#041a30e8)}.footer-brand{padding:22px;max-width:none;min-height:190px;margin-bottom:28px}.footer-bottom>span{color:#d9e8f3;background:#082642ba}.footer-bottom{border-top-color:#829aaf7a}}
@media(prefers-reduced-transparency:reduce){.footer-brand{background:#fffffff2}.footer:after{background:#082642f2}}
.estate-detail-photo{display:block;margin-bottom:30px;border:1px solid #8ba7ba;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #08264224}.estate-detail-photo img{width:100%;aspect-ratio:1.4;object-fit:cover}
/* Bau: fotografische Leistungsbereiche mit transparenten Textbändern. */
.services-dark{background:#041a30;color:#e4edf5}.services-dark h2,.services-dark h3{color:#fff}.services-dark .eyebrow,.services-dark .text-link{color:#b9d9ef}.services-dark .section-head p,.services-dark .note{color:#c1d4e3}.services-dark .section-head{padding:30px;background:#173e5b7a;border:1px solid #6e91ab66;border-radius:15px}.services-dark .service-nav a{color:#e4eff7;background:#173e5b73;border-color:#7798b466}.services-dark .service-nav a span{color:#b4d8f2}.services-dark .service-nav a:hover{background:#245276}
.services-dark .service-list{display:grid;gap:26px;margin-top:38px}.services-dark .service-row{grid-template-columns:minmax(230px,.85fr) minmax(0,1.4fr);align-items:stretch;gap:0;padding:0;border:1px solid #7091ac80;border-radius:16px;overflow:hidden;background:#143c5866;box-shadow:0 4px 12px #0002}.service-visual{position:relative;min-height:285px;overflow:hidden}.service-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.services-dark .service-visual .number{position:absolute;top:14px;left:18px;margin:0;padding:0;font-size:3.6rem;font-weight:700;line-height:1;color:#ffffff9c;text-shadow:0 2px 6px #041a3070;letter-spacing:-.04em}.service-band{background:linear-gradient(120deg,#345b7785,#15364e70);border-left:1px solid #9cb6c447;padding:32px;backdrop-filter:blur(3px)}.services-dark .service-row p{color:#dbe8f2}.services-dark .service-row .service-teaser{color:#b7dcf5}.service-band p:last-child{margin-bottom:0}
.editorial-page .cta{background:linear-gradient(135deg,#103754,#041a30);border:1px solid #63839d;border-radius:16px;color:#e2edf6;box-shadow:0 4px 12px #041a3025}.editorial-page .cta h2{color:#fff}.editorial-page .cta p{color:#d0e0ed}.editorial-page .cta .eyebrow{color:#b7d7ee}
@media(max-width:760px){.services-dark .section-head{padding:24px}.services-dark .service-row{grid-template-columns:1fr;gap:0}.service-visual{min-height:0;aspect-ratio:1.6}.service-band{border-left:0;border-top:1px solid #9cb6c447;padding:24px}.services-dark .service-visual .number{font-size:3.2rem}.services-dark .service-row h3{font-size:1.5rem}}
/* Handwerkliche Grundlage: fotografischer Hintergrund und transparente Ebenen. */
#handwerk{position:relative;isolation:isolate;overflow:hidden;background:#041a30;color:#e5eff6;scroll-margin-top:130px}
#handwerk:before{content:"";position:absolute;inset:0;z-index:-2;background:url('unternehmen/handwerk.webp') center/cover no-repeat}
#handwerk:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#041a30d4,#082642ad 55%,#041a30c9)}
#handwerk .section-head{padding:32px;border:1px solid #8facc16b;border-radius:16px;background:linear-gradient(130deg,#163e5cb8,#06243bad);backdrop-filter:blur(3px);box-shadow:0 4px 12px #0002}
#handwerk h2{color:#fff}#handwerk .eyebrow,#handwerk .text-link{color:#c0e0f5}#handwerk .section-head p,#handwerk .note{color:#d5e5f1}
#handwerk .trades{gap:12px 22px}#handwerk .trades li{padding:18px 22px;border:1px solid #87a8bf66;border-radius:12px;background:#123753b8;backdrop-filter:blur(3px);color:#edf5fc;box-shadow:0 2px 7px #0001}
#handwerk .trades .icon{color:#b3def8}#handwerk>.wrap>.note{padding:16px 20px;border:1px solid #87a8bf55;border-radius:12px;background:#082642c4;max-width:900px}
@media(max-width:760px){#handwerk .section-head{padding:24px;gap:22px}#handwerk .trades li{padding:16px 18px}#handwerk:before{background-position:35% center}}
@media(prefers-reduced-transparency:reduce){#handwerk .section-head,#handwerk .trades li{background:#082642f5}}