/* RDK: the original wood-wave artwork is a quiet, continuous backdrop. */
:root{--paper:#f6f2e9;--ink:#1c3030;--muted:#365250;--gold:#175f61;--line:#1e5e5d38;--surface:#faf9f3eb;--surface-soft:#f8f7efe0}
html{background:#f5f1e8}
body{color:#203334}
body .architecture-background{background:#e4d8c8 url('/assets/rdk-holzwellen.jpeg') center 52% / cover no-repeat;filter:none}
body .architecture-background picture,body .architecture-background canvas{display:none}
body .architecture-background::after{background:rgba(249,248,241,.62)}
body main{background:rgba(250,249,243,.48)}
body .site-header{overflow:visible;background:linear-gradient(110deg,rgba(249,244,231,.91),rgba(239,249,245,.88));border-bottom:1px solid #36747755;box-shadow:0 7px 24px #1c44451c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body .site-header .brand{z-index:3}
body .site-header .brand img{filter:drop-shadow(0 4px 5px #3e2a1745);object-fit:contain}
body .site-header .brand-label,body .site-header .desktop-nav>a:not(.btn),body .site-header :is(.menu-toggle,.desktop-nav .btn){color:#1b3939}
body .site-header .desktop-nav{border-top-color:#28626438}
body .site-header .desktop-nav>a:not(.btn)::after{background:#087579}
body :is(.growth-section,.atelier-intro,.work-section,.process,.team-teaser,.team-arrival,.interior-arrival,.gallery-head,.budget-hub,.config-intro){background-color:#f9f8f2bd}
body :is(.team-card,.catalog-card,.budget-hub-card,.config-preview,.planner-variants,.inquiry-cart,.login-card,.studio-record,.intro-note,.upload-box,.arrival-business){background:#fbfaf5ed;border-color:#3676764a}
body .btn,body .mobile-contact a:last-child{background:#075459;border-color:#075459;color:#fff}
body .btn:hover{background:#063e42;border-color:#063e42;color:#fff}
body .footer{background:#12383dec;color:#f8fbf9}
body .plan-sheet{background-color:#f7f6ef;background-image:linear-gradient(135deg,#fffaf0e8,#e7f3efeb),url('/assets/rdk-holzwellen.jpeg');background-size:cover;background-position:center}
body .plan-menu{border-color:#629392}
body .plan-more summary{color:#284d4c}
body :is(a,button,summary,input,select,textarea):focus-visible{outline-color:#06666a}
@media(max-width:1279px){
 :root{--header-height:116px}
 body .site-header{grid-template-rows:115px}
 body .site-header .brand img{width:126px;height:130px;transform:translateY(13px)}
}
@media(max-width:600px){
 :root{--header-height:104px}
 body .site-header{grid-template-rows:103px;padding:0 18px}
 body .site-header .brand img{width:110px;height:114px;transform:translateY(12px)}
 body .architecture-background{background-position:50% 48%}
 body .architecture-background::after{background:rgba(249,248,241,.64)}
}
@media print{body .architecture-background{display:none}body main{background:#fff}body .site-header{position:static;background:#fff;backdrop-filter:none}body .site-header .brand img{transform:none}}

/* Wood, turquoise and flowing layers recur on visible surfaces. */
body .site-header{
 background-image:linear-gradient(105deg,rgba(255,249,237,.87),rgba(236,250,247,.85)),url('/assets/rdk-holzwellen.jpeg');
 background-position:center 45%;background-size:cover;
}
body .site-header .menu-toggle{border-left-color:#287c7d66}
body .site-header .desktop-nav{border-top:1px solid #24777a55}
body .site-header .desktop-nav>a:not(.btn):hover{color:#00686e}
body .plan-sheet{
 background-image:linear-gradient(110deg,rgba(255,250,239,.82),rgba(234,249,246,.79)),url('/assets/rdk-holzwellen.jpeg');
 background-size:cover;background-position:center 48%;
}
body .plan-sheet:before{height:4px;background:linear-gradient(90deg,#a86d33,#dfb273 32%,#4ba9a5 66%,#06545e);}
body .plan-links a{border-bottom-color:#225f6055}
body .plan-links .wood-glyph,body .plan-links a:hover .wood-glyph{color:#193536;-webkit-text-fill-color:#193536}
body .plan-links a:hover .wood-glyph{color:#006a6f;-webkit-text-fill-color:#006a6f}
body .plan-top,body .plan-bottom{color:#244143}
body :is(.growth-section,.atelier-intro,.work-section,.process,.team-teaser,.team-arrival,.interior-arrival,.gallery-head,.budget-hub,.config-intro,.services,.contact,.interior-trades,.sport-outdoor,.gallery-cta,.config-promo){
 background-image:linear-gradient(110deg,rgba(253,250,243,.88),rgba(244,251,247,.86)),url('/assets/rdk-holzwellen.jpeg');
 background-size:cover;background-position:center 48%;border-color:#397b7950;
}
body :is(.team-card,.catalog-card,.budget-hub-card,.config-preview,.planner-variants,.inquiry-cart,.login-card,.studio-record,.intro-note,.upload-box,.arrival-business){
 background-image:linear-gradient(90deg,#bb8345,#e8c08a 34%,#52aaa4 68%,#07545f),linear-gradient(120deg,rgba(255,251,244,.94),rgba(243,251,248,.93)),url('/assets/rdk-holzwellen.jpeg');
 background-size:100% 4px,cover,cover;background-position:top,center,center;background-repeat:no-repeat;
 border-color:#49858266;box-shadow:0 12px 28px #153e3916;
}
body :is(.craft,.interior-making,.exhibition-portal,.footer){
 background-image:linear-gradient(110deg,rgba(11,52,53,.94),rgba(8,69,72,.91)),url('/assets/rdk-holzwellen.jpeg');
 background-position:center;background-size:cover;
}
body :is(.btn,.mobile-contact a:last-child){background-color:#07565a;border-color:#07565a;color:#fff}
body :is(.btn,.mobile-contact a:last-child):hover{background-color:#073e42;border-color:#073e42;color:#fff}
body .eyebrow:before{background:#17878a}
body :is(.team-monogram,.team-role,.anniversary-number){color:#07595d}
body :is(.team-area,.team-index,.team-task){color:#344b4a}
@media(max-width:600px){
 body .plan-sheet{background-position:center 48%}
 body .site-header{background-position:center 45%}
}
@media print{
 body :is(.plan-sheet,.team-card,.catalog-card,.budget-hub-card,.config-preview,.arrival-business){background:#fff!important;background-image:none!important;box-shadow:none}
}

/* Soft, non-interactive wave edges for the fixed navigation bars. */
body .site-header{border-bottom:0;box-shadow:none}
body .site-header::after{
 content:'';position:absolute;z-index:0;pointer-events:none;
 left:0;bottom:-24px;width:100%;height:26px;
 background:url('/assets/header-welle.svg') center / 100% 100% no-repeat;
 filter:drop-shadow(0 5px 5px #173d3912);
 transform-origin:center top;animation:rdk-wave-drift 9s ease-in-out infinite alternate;
}
body .site-header :is(.menu-toggle,.desktop-nav){position:relative;z-index:1}
body .site-header .brand{z-index:3}
@media(max-width:760px){
 body .mobile-contact{border-top:0;box-shadow:0 -3px 20px #173b3910;overflow:visible}
 body .mobile-contact::before{
  content:'';position:absolute;z-index:0;pointer-events:none;left:0;right:0;top:-19px;height:20px;
  background:url('/assets/kontakt-welle.svg') center / 100% 100% no-repeat;
  transform-origin:center bottom;animation:rdk-wave-rise 10s ease-in-out infinite alternate;
 }
 body .mobile-contact a{position:relative;z-index:1}
}
@keyframes rdk-wave-drift{from{transform:scaleY(.86)}to{transform:scaleY(1.05)}}
@keyframes rdk-wave-rise{from{transform:scaleY(.82)}to{transform:scaleY(1.08)}}
@media(prefers-reduced-motion:reduce){body .site-header::after,body .mobile-contact::before{animation:none}}
@media print{body .site-header::after,body .mobile-contact::before{display:none}}

/* Original layered wood, with softly illuminated engraving-like lettering. */
body .site-header{
 background-image:linear-gradient(105deg,rgba(26,30,26,.73),rgba(4,45,49,.73)),url('/assets/rdk-holzwellen.jpeg');
 background-size:cover;background-position:center 47%;
}
body .site-header::after{
 background-image:linear-gradient(105deg,rgba(26,30,26,.73),rgba(4,45,49,.73)),url('/assets/rdk-holzwellen.jpeg');
 background-size:cover;background-position:center 48%;
 -webkit-mask-image:url('/assets/header-welle.svg');mask-image:url('/assets/header-welle.svg');
 -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 filter:drop-shadow(0 4px 4px #142e2e35);
}
body .site-header .brand img{
 filter:drop-shadow(0 2px 1px #140d04) drop-shadow(0 0 4px #ffcf74a8) drop-shadow(0 0 10px #efae4070);
}
body .site-header .brand-label,body .site-header .desktop-nav>a:not(.btn),body .site-header :is(.menu-toggle,.desktop-nav .btn){
 color:#fff9e9;text-shadow:0 1px 1px #1e120d,0 0 6px #e6b67282;
}
body .site-header .desktop-nav>a:not(.btn):hover,body .site-header .desktop-nav .btn:hover{color:#fff; text-shadow:0 0 7px #ffd798,0 0 14px #e5b06c}
body .site-header .desktop-nav{border-top-color:#f5ddb75c}
body .site-header .menu-toggle{border-left-color:#f5ddb75c}
body .site-header .mark-face{background-color:#f7f2dfd9;border-radius:50%}
@media(max-width:760px){
 body .mobile-contact{
  background-image:linear-gradient(100deg,rgba(28,29,25,.83),rgba(3,60,65,.84)),url('/assets/rdk-holzwellen.jpeg');
  background-size:cover;background-position:center 60%;
 }
 body .mobile-contact::before{
  background-image:linear-gradient(100deg,rgba(28,29,25,.83),rgba(3,60,65,.84)),url('/assets/rdk-holzwellen.jpeg');
  background-size:cover;background-position:center 59%;
  -webkit-mask-image:url('/assets/kontakt-welle.svg');mask-image:url('/assets/kontakt-welle.svg');
  -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 }
 body .mobile-contact a:first-child,body .mobile-contact a:last-child{
  background:transparent;color:#fff9e9;border-color:#f1d6a84d;
  text-shadow:0 1px 1px #19100c,0 0 6px #edc28080;font-weight:600;
 }
 body .mobile-contact a:hover{background:#ffffff18;color:#fff}
 body .mobile-contact .mark-face{background-color:#f7f2dfd9;border-radius:50%}
}
@media print{body .site-header{background:#fff;background-image:none}body .site-header .brand img{filter:none}}

/* Crisp warm illumination while retaining the original logo artwork. */
body .site-header .brand img{
 filter:contrast(1.35) brightness(1.18) saturate(1.18) drop-shadow(0 1px 0 #100b06) drop-shadow(0 0 1px #fff3c9) drop-shadow(0 0 2px #ffd772e8) drop-shadow(0 0 5px #f8b83bc4) drop-shadow(0 0 10px #e89e324d);
}
body .site-header .brand-label,body .site-header .desktop-nav>a:not(.btn),body .site-header :is(.menu-toggle,.desktop-nav .btn){
 color:#fffdf3;text-shadow:0 1px 1px #130c08,0 0 3px #fff0c8b8,0 0 9px #edb55d9c;
}
@media(max-width:760px){
 body .mobile-contact a:first-child,body .mobile-contact a:last-child{
  color:#fffdf3;text-shadow:0 1px 1px #130c08,0 0 3px #fff0c8b8,0 0 9px #edb55d9c;
 }
}
@media print{body .site-header .brand img{filter:none}body .site-header :is(.brand-label,.menu-toggle,.desktop-nav a){color:#20292c;text-shadow:none}}

/* Logo cut through the wood: moving page content is visible through its silhouette. */
body .site-header{
 background:none;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate;
}
body .site-header::before{
 content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
 background-image:linear-gradient(105deg,rgba(26,30,26,.73),rgba(4,45,49,.73)),url('/assets/rdk-holzwellen.jpeg');
 background-size:cover;background-position:center 47%;
 -webkit-mask-image:linear-gradient(#000,#000),url('/assets/logo-front-2026.webp');
 mask-image:linear-gradient(#000,#000),url('/assets/logo-front-2026.webp');
 -webkit-mask-size:100% 100%,115.2px 118.8px;mask-size:100% 100%,115.2px 118.8px;
 -webkit-mask-position:0 0,center 11.6px;mask-position:0 0,center 11.6px;
 -webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;
 -webkit-mask-composite:xor;mask-composite:exclude;
}
body .site-header .brand img{opacity:0;filter:none}
@media(max-width:1279px){
 body .site-header .brand img{width:96px;height:100px;transform:none}
 body .site-header::before{-webkit-mask-size:100% 100%,96px 100px;mask-size:100% 100%,96px 100px;-webkit-mask-position:0 0,center 7.5px;mask-position:0 0,center 7.5px}
}
@media(max-width:600px){
 body .site-header .brand img{width:90px;height:94px;transform:none}
 body .site-header::before{-webkit-mask-size:100% 100%,90px 94px;mask-size:100% 100%,90px 94px;-webkit-mask-position:0 0,center 4.5px;mask-position:0 0,center 4.5px}
}
@media print{body .site-header::before{display:none}body .site-header .brand img{opacity:1}}
@supports not ((mask-composite: exclude) or (-webkit-mask-composite: xor)){
 body .site-header::before{-webkit-mask-image:none;mask-image:none}
 body .site-header .brand img{opacity:1;filter:drop-shadow(0 1px 2px #21190e)}
}

/* A larger, precisely aligned cutout retains the original mark's proportions. */
body .site-header .brand img{width:128px;height:133px}
body .site-header::before{-webkit-mask-size:100% 100%,128px 133px;mask-size:100% 100%,128px 133px;-webkit-mask-position:0 0,center 4.5px;mask-position:0 0,center 4.5px;mask-mode:alpha,alpha}
@media(max-width:1279px){
 body .site-header .brand img{width:106px;height:110px}
 body .site-header::before{-webkit-mask-size:100% 100%,106px 110px;mask-size:100% 100%,106px 110px;-webkit-mask-position:0 0,center 2.5px;mask-position:0 0,center 2.5px}
}
@media(max-width:600px){
 body .site-header .brand img{width:98px;height:102px}
 body .site-header::before{-webkit-mask-size:100% 100%,98px 102px;mask-size:100% 100%,98px 102px;-webkit-mask-position:0 0,center .5px;mask-position:0 0,center .5px}
}