.concept{--concept-paper:#f5f4f1;background:var(--concept-paper)}.concept main{overflow:clip}.concept h2{line-height:1.08}.concept-notice{height:36px;background:#111;color:#bbb;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;font-size:9px;letter-spacing:.5px;position:relative;z-index:70}.concept-notice b{margin:0 14px;font-weight:400}.concept-notice a{color:#fff}.concept-nav{position:absolute;top:36px;left:0;right:0;height:95px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:40;color:#fff;border-bottom:1px solid #ffffff30}.concept-logo{font-size:24px;letter-spacing:-1px;font-weight:600}.concept-nav nav{display:flex;gap:32px;align-items:center;font-size:11px}.nav-contact{padding:12px 18px;border:1px solid #ffffff60;border-radius:2px}.nav-contact span{margin-left:20px}.concept-container{max-width:1280px;margin:auto;padding:0 6vw}.concept-section{padding:120px 0}.micro{font-size:9px;letter-spacing:1.9px;font-weight:500;line-height:1.8}.concept-hero{position:relative}.garden-hero{height:calc(100svh - 36px);min-height:700px;color:#fff;background:#222}.hero-photo{position:absolute;inset:-6% 0;will-change:transform}.hero-photo img,.garden-panorama>img,.clean-visual-wrap>img,.statement-window>img,.craft-hero-image>img,.material-photo>img,.craft-detail-image>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.garden-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 80%),linear-gradient(0deg,#0005,transparent 55%)}.garden-hero-copy{position:absolute;z-index:2;left:7vw;top:29%;}.concept-garden h1,.concept-garden h2,.concept-garden h3,.concept-garden .concept-logo{font-family:Georgia,serif!important;font-weight:400!important;letter-spacing:-2px!important}.garden-hero h1{font-size:clamp(65px,7.6vw,110px);line-height:1.02;margin:23px 0}.concept em{font-weight:400}.garden-hero p{font-size:15px;line-height:1.8;color:#ddd}.circle-link{display:flex;align-items:center;gap:25px;font-size:11px;margin-top:32px}.circle-link b{width:43px;height:43px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:400;transition:transform .4s}.circle-link:hover b{transform:translateY(6px)}.vertical-note{position:absolute;right:4vw;top:40%;writing-mode:vertical-rl;letter-spacing:3px;font-size:9px;z-index:2}.hero-coordinate{position:absolute;bottom:28px;left:7vw;right:5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;z-index:3}.editorial-split{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;margin-top:35px}.editorial-split h2{font-size:clamp(43px,4.7vw,67px);margin:0}.editorial-split p{font-size:14px;line-height:1.9;color:#777;margin:0 0 20px}.editorial-split p.lead{font-size:20px;line-height:1.65;color:#333}.underline-link{display:inline-block;border-bottom:1px solid #999;padding:10px 0;font-size:11px}.section-top{display:flex;justify-content:space-between;margin-bottom:40px;gap:25px}.garden-services{background:#eae9e5}.garden-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-no{font-size:11px;display:block;border-top:1px solid #bbb;padding:18px 0}.garden-detail{height:340px;overflow:hidden}.garden-detail img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform 1s}.detail-space img{object-position:40%}.detail-stone img{transform:scale(1.9);object-position:10% 95%}.detail-tree img{transform:scale(1.7);object-position:95% 10%}.garden-service-grid article:nth-child(2){margin-top:65px}.garden-service-grid h3{font-size:27px;line-height:1.15;margin:25px 0 15px}.garden-service-grid p{font-size:13px;color:#666;line-height:1.8;max-width:300px}.garden-panorama{height:720px;position:relative;overflow:hidden;color:white}.garden-panorama>img{height:115%;position:absolute;top:-8%;filter:grayscale(1) brightness(.65)}.garden-panorama>div{position:absolute;left:7vw;top:25%}.garden-panorama h2{font-size:clamp(50px,7vw,95px);margin-top:30px}.panorama-caption{position:absolute;bottom:30px;left:7vw;font-size:10px;color:#ccc}.concept-steps article{display:flex;gap:25px;border-top:1px solid #ccc;padding:26px 0}.concept-steps article>span{font-size:10px;margin-top:6px;color:#777}.concept-steps h3{font-size:27px;margin:0 0 12px}.concept-steps p{font-size:13px;margin:0}.concept-cta{text-align:center;padding:120px 24px}.concept-cta h2{font-size:clamp(42px,5.5vw,76px);margin:32px 0 42px}.concept-cta p{font-size:10px;line-height:1.8;color:#888;max-width:500px;margin:25px auto 0}.concept-cta-link{display:inline-flex;align-items:center;justify-content:space-between;gap:60px;border-bottom:1px solid #888;padding:0 0 16px;font-size:13px}.concept-cta-link b{font-size:25px;font-weight:400;transition:transform .3s}.concept-cta-link:hover b{transform:translate(5px,-5px)}.garden-cta{background:#e6e5e0}.concept .footer .brand-name{font-family:'Segoe UI',sans-serif}.concept .footer h2{font-family:'Segoe UI',sans-serif!important;font-size:13px;letter-spacing:0!important;font-weight:600!important}
/* Klar & Rein: bright, precise, structured. */
.concept-clean{background:#fafafa}.concept-clean .concept-nav{color:#111;border-color:#ddd;position:relative;top:0}.concept-clean .nav-contact{border-color:#222;border-radius:30px}.concept-clean .concept-logo{font-size:21px;letter-spacing:-1px}.clean-hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;min-height:670px;padding:55px 5vw 70px;gap:55px;align-items:center}.clean-hero-copy h1{font-size:clamp(45px,4.9vw,70px);line-height:1.07;margin:30px 0}.clean-hero-copy h1 span{color:#888}.clean-hero-copy p{font-size:15px;color:#666;line-height:1.8}.status-dot{display:inline-block;background:#444;width:5px;height:5px;border-radius:50%;margin-right:8px}.clean-button{background:#171717;color:#fff;padding:19px 24px;border-radius:40px;display:inline-flex;align-items:center;gap:30px;font-size:12px;margin-top:20px;transition:background .3s,transform .3s}.clean-button:hover{background:#444;transform:translateY(-3px)}.clean-button b{font-size:18px;font-weight:400}.clean-hero-bottom{display:flex;gap:18px;border-top:1px solid #ddd;margin-top:45px;padding-top:24px;font-size:8px;letter-spacing:1px;color:#777;flex-wrap:wrap}.clean-visual-wrap{height:560px;position:relative;border-radius:180px 180px 15px 15px;overflow:hidden}.clean-visual-wrap img{object-position:70%}.clean-floating{position:absolute;left:20px;right:20px;bottom:30px;display:flex;gap:15px;align-items:center;background:rgba(255,255,255,.91);backdrop-filter:blur(14px);padding:20px;border-radius:12px}.check-icon{border:1px solid #aaa;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.clean-floating b{display:block;font-size:13px;font-weight:600}.clean-floating div>span{display:block;font-size:10px;color:#777;margin-top:6px}.photo-stamp{position:absolute;top:50%;right:15px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#fff}.clean-promise{background:#ececec;padding:28px 0}.clean-promise .concept-container{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#555}.clean-promise span:before{content:'✓';margin-right:14px}.clean-heading h2,.clean-process h2{font-size:clamp(40px,4.5vw,65px);margin:25px 0}.clean-heading h2 span{color:#888}.clean-heading p{color:#777;font-size:14px}.service-selector{margin-top:50px}.selector-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.selector-buttons button{border:1px solid #ddd;background:#fff;text-align:left;display:flex;justify-content:space-between;gap:15px;padding:23px 20px;font-size:10px;border-radius:10px;transition:background .3s,color .3s}.selector-buttons button span{font-size:14px;font-weight:500}.selector-buttons button[aria-pressed=true]{background:#191919;color:white;border-color:#191919}.selector-display{display:grid;grid-template-columns:1fr 1fr;background:#ededed;border-radius:18px;overflow:hidden;min-height:460px}.selector-photo{overflow:hidden;min-height:420px}.selector-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s,object-position .8s;filter:grayscale(1)}.selector-copy{padding:45px;align-self:center}.selector-copy h3{font-size:31px;font-weight:500;letter-spacing:-1px;line-height:1.15;margin:18px 0}.selector-copy p,.selector-copy li{font-size:13px;line-height:1.8;color:#666}.selector-copy ul{list-style:none;padding:0;margin:24px 0}.selector-copy li{padding:7px 0;border-top:1px solid #d2d2d2}.selector-copy li:before{content:'✓';margin-right:12px}.selector-copy.is-changing{animation:content-switch .45s both}@keyframes content-switch{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:none}}.clean-statement{height:660px;position:relative;background:#222;color:#fff;overflow:hidden}.statement-window{position:absolute;inset:0}.statement-window img{height:115%;filter:grayscale(1) brightness(.45)}.statement-copy{position:absolute;left:7vw;top:24%}.statement-copy h2{font-size:clamp(40px,5.3vw,74px);margin-top:25px}.statement-copy h2 span{color:#bbb}.clean-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:55px}.clean-process-grid article{background:#efefef;padding:35px;border-radius:15px}.clean-process-grid article>span{font-size:35px;color:#aaa;font-weight:300}.clean-process-grid h3{font-size:23px;font-weight:500;letter-spacing:-.7px;margin-top:35px}.clean-process-grid p{font-size:13px;color:#777;line-height:1.8}.clean-cta{background:#e9e9e9}
/* Werkraum: material, contrast, editorial structure. */
.concept-craft{background:#161616;color:#eee}.concept-craft .concept-nav{position:relative;top:0;border-color:#393939}.concept-craft .concept-logo{font-weight:700;letter-spacing:-1px}.craft-hero{padding:25px 5vw 55px;min-height:850px}.craft-word{font-size:clamp(60px,14.4vw,215px);letter-spacing:-.08em;line-height:1;font-weight:600;color:#ccc;text-align:center;white-space:nowrap}.craft-hero-image{height:490px;margin-top:-8px;position:relative;width:80%;margin-left:auto;overflow:hidden}.craft-hero-image>img{height:115%;object-position:center;transform-origin:center}.craft-hero-caption{position:relative;margin-top:-180px;z-index:2;pointer-events:none}.craft-hero-caption h1{font-size:clamp(45px,5.4vw,76px);margin:25px 0;line-height:1.04;text-shadow:0 2px 25px #0006}.craft-hero-caption h1 em,.concept-craft h2 em{font-family:Georgia,serif;font-weight:400;color:#aaa}.craft-hero-caption .circle-link{pointer-events:auto}.craft-edition{display:block;text-align:right;font-size:9px;letter-spacing:2px;margin-top:25px;color:#888}.craft-intro{border-top:1px solid #444}.concept-craft .editorial-split p.lead{color:#ccc}.concept-craft .editorial-split p{color:#999}.material-story{height:190vh;background:#111}.material-sticky{height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden}.material-photo{position:absolute;inset:0}.material-photo img{filter:grayscale(1) brightness(.65);transform:scale(1.12)}.material-shutter{position:absolute;top:0;bottom:0;width:50.2%;background:#161616;will-change:transform}.shutter-left{left:0}.shutter-right{right:0}.material-label{position:absolute;z-index:2;left:7vw;top:39%;right:7vw}.material-label h2{font-size:clamp(43px,6.5vw,91px);margin:25px 0}.material-label h2 span{display:inline-block}.material-label p{color:#ccc;font-size:12px}.material-progress{height:2px;background:#ffffff30;position:absolute;bottom:45px;left:7vw;right:7vw}.material-progress i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.craft-services .section-top{color:#aaa}.craft-service{display:grid;grid-template-columns:50px 1fr 1fr 35px;gap:30px;padding:40px 0;border-top:1px solid #444;align-items:start}.craft-service:last-child{border-bottom:1px solid #444}.craft-service>span{font-size:11px;color:#888;margin-top:10px}.craft-service h3{font-size:39px;font-weight:400;letter-spacing:-1.5px;margin:0}.craft-service p{font-size:13px;color:#aaa;line-height:1.9;margin:0;max-width:330px}.craft-service b{font-weight:400;font-size:28px;transition:transform .4s}.craft-service:hover b{transform:rotate(45deg)}.craft-detail-section{display:grid;grid-template-columns:1fr 1fr;background:#202020;min-height:650px}.craft-detail-image{overflow:hidden}.craft-detail-image img{object-position:80%;transform:scale(1.25)}.craft-detail-copy{padding:75px 6vw}.craft-detail-copy h2{font-size:44px;margin:30px 0 45px}.craft-accordion details{border-top:1px solid #555;padding:20px 0}.craft-accordion summary{font-size:12px;letter-spacing:.7px;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.craft-accordion summary::-webkit-details-marker{display:none}.craft-accordion summary:after{content:'+';font-size:20px}.craft-accordion details[open] summary:after{content:'−'}.craft-accordion p{font-size:13px;color:#aaa;line-height:1.8;margin:20px 0 0}.craft-cta{background:#dcdad5;color:#222}.craft-cta h2 em{color:#777}.concept [data-image-reveal]{clip-path:inset(0);transition:clip-path 1.25s cubic-bezier(.2,.7,.2,1)}.concept.motion-ready [data-image-reveal]:not(.image-revealed){clip-path:inset(12% 5% 12% 5%)}.concept .garden-service-grid article:nth-child(2),.concept .clean-process-grid article:nth-child(2){transition-delay:.12s}.concept .garden-service-grid article:nth-child(3),.concept .clean-process-grid article:nth-child(3){transition-delay:.24s}
@media(max-width:1000px){.editorial-split{gap:45px}.garden-detail{height:270px}.clean-hero{gap:30px}.clean-hero h1{font-size:49px}.clean-visual-wrap{height:500px}.selector-copy{padding:30px}.craft-service{grid-template-columns:30px 1fr 1fr 25px;gap:20px}.craft-service h3{font-size:32px}}
@media(max-width:760px){.concept-notice{height:35px;padding:0 18px;font-size:7px;letter-spacing:0;gap:10px}.concept-notice b{margin:0 5px}.concept-nav{top:35px;height:75px;padding:0 22px;gap:12px}.concept-logo{font-size:21px}.concept-nav nav{gap:16px;font-size:10px}.concept-nav nav>a:not(.nav-contact){display:none}.nav-contact{padding:9px 12px;font-size:9px}.nav-contact span{margin-left:8px}.concept-container{padding:0 24px}.concept-section{padding:75px 0}.micro{font-size:8px;letter-spacing:1.4px}.garden-hero{min-height:660px;height:calc(100svh - 35px)}.garden-hero-copy{left:25px;right:25px;top:26%}.garden-hero h1{font-size:67px;letter-spacing:-3px!important}.garden-hero p{font-size:13px}.hero-photo img{object-position:60%}.vertical-note{display:none}.hero-coordinate{left:25px;right:25px;bottom:24px;font-size:7px;gap:20px}.hero-coordinate>span:last-child{max-width:120px;text-align:right}.circle-link{font-size:10px;gap:20px;margin-top:25px}.editorial-split{grid-template-columns:1fr;gap:28px;margin-top:25px}.editorial-split h2{font-size:44px}.editorial-split p.lead{font-size:18px}.editorial-split p{font-size:13px}.garden-service-grid{grid-template-columns:1fr;gap:40px}.garden-service-grid article:nth-child(2){margin-top:0}.garden-detail{height:360px}.garden-service-grid h3{font-size:29px}.garden-service-grid p{max-width:none}.section-top{margin-bottom:25px}.section-top>span:last-child{text-align:right}.garden-panorama{height:600px}.garden-panorama>div{left:25px;top:28%}.garden-panorama h2{font-size:58px}.panorama-caption{left:25px;right:25px;line-height:1.6;font-size:8px}.concept-steps h3{font-size:26px}.concept-cta{padding:80px 24px}.concept-cta h2{font-size:42px;margin:25px 0 35px}.concept-cta-link{font-size:11px;gap:20px}.concept-cta p{font-size:9px}.concept-clean .concept-nav,.concept-craft .concept-nav{top:0}.concept-clean .concept-logo{font-size:18px}.clean-hero{grid-template-columns:1fr;padding:45px 24px 30px;gap:35px}.clean-hero h1{font-size:51px;letter-spacing:-2.5px!important;line-height:1.08}.clean-hero-copy p{font-size:13px}.clean-button{font-size:11px;padding:17px 20px;gap:20px}.clean-hero-bottom{margin-top:32px;font-size:7px;gap:12px;padding-top:20px}.clean-visual-wrap{height:450px;border-radius:130px 130px 12px 12px}.clean-floating{left:15px;right:15px;bottom:20px;padding:16px;gap:12px}.clean-floating b{font-size:12px}.clean-floating div>span{font-size:9px}.clean-promise{padding:24px 0}.clean-promise .concept-container{flex-direction:column;gap:17px;font-size:11px}.clean-heading h2,.clean-process h2{font-size:42px}.clean-heading p{font-size:13px;line-height:1.8}.service-selector{margin-top:30px}.selector-buttons{grid-template-columns:1fr;gap:8px;margin-bottom:20px}.selector-buttons button{padding:17px;font-size:10px}.selector-buttons button span{font-size:13px}.selector-display{grid-template-columns:1fr}.selector-photo{height:260px;min-height:0}.selector-copy{padding:28px}.selector-copy h3{font-size:29px}.clean-statement{height:570px}.statement-copy{left:25px;right:25px;top:30%}.statement-copy h2{font-size:44px}.clean-process-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.clean-process-grid article{padding:28px}.clean-process-grid h3{margin-top:20px}.craft-hero{padding:25px 22px 35px;min-height:740px}.craft-word{font-size:13.5vw;letter-spacing:-.065em;margin:0 0 25px}.craft-hero-image{width:100%;height:440px;margin-top:0}.craft-hero-caption{margin-top:-130px;padding:0 12px}.craft-hero-caption .micro{font-size:6px;letter-spacing:1.1px}.craft-hero-caption h1{font-size:46px;line-height:1.12}.craft-hero-caption .circle-link{margin-top:30px}.craft-edition{font-size:7px;letter-spacing:1.1px;margin-top:40px}.material-story{height:165vh}.material-sticky{min-height:580px}.material-label{left:24px;right:24px;top:34%}.material-label h2{font-size:57px;line-height:1.15}.material-label h2 span,.material-label h2 em{display:block}.material-label p{font-size:11px;line-height:1.8}.material-progress{left:24px;right:24px}.craft-service{grid-template-columns:25px 1fr 25px;gap:15px;padding:28px 0}.craft-service h3{font-size:29px}.craft-service p{grid-column:2;grid-row:2;font-size:12px}.craft-service b{grid-column:3;grid-row:1;font-size:24px}.craft-detail-section{grid-template-columns:1fr}.craft-detail-image{height:420px}.craft-detail-copy{padding:50px 24px}.craft-detail-copy h2{font-size:40px}.concept-craft .concept-cta h2{font-size:54px}.concept .footer .container{padding-left:24px;padding-right:24px}}
@media(prefers-reduced-motion:reduce){.concept.motion-ready [data-image-reveal]{clip-path:inset(0);transition:none}.material-story{height:auto}.material-sticky{position:relative;height:650px}.material-shutter{display:none}.material-photo img{transform:none!important}.material-progress{display:none}.selector-copy.is-changing{animation:none}}
.concept-menu{display:none}
.craft-hero-image:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#161616a8);pointer-events:none}
@media(max-width:760px){.concept-menu{display:flex;align-items:center;gap:17px;color:inherit;background:transparent;border:1px solid currentColor;border-radius:3px;padding:10px 13px;font-size:10px;min-height:40px}.concept-menu span{font-size:17px}.concept-nav nav{display:none;position:absolute;top:74px;left:14px;right:14px;padding:18px;background:#f5f4f1;color:#222;border:1px solid #ccc;box-shadow:0 15px 35px #0003;flex-direction:column;align-items:stretch;gap:8px}.concept-nav nav.is-open{display:flex}.concept-nav nav>a:not(.nav-contact){display:block;padding:12px;font-size:13px}.concept-nav .nav-contact{font-size:13px;border:1px solid #aaa;padding:13px 12px}.concept-craft .concept-nav nav{background:#222;color:#fff;border-color:#555}}

/* Compact, readable concept navigation. */
.concept-notice{font-size:12px;line-height:1.4;letter-spacing:0;color:#ccc;gap:8px}
.concept-notice>a{flex-shrink:0}
@media(max-width:600px){.concept-notice{padding:0 12px}.concept-notice>a>span{display:none}}