/*
Theme Name: Raumwerk Kuechenatelier
Theme URI: https://demo3.projekt83.de/
Author: Projekt83
Description: Ein leichtes, editorfreundliches Block-Theme fuer ein modernes Kuechenstudio.
Version: 1.0.0
Text Domain: raumwerk-kuechen
*/

@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
:root{--ink:#15221e;--paper:#f4f2eb;--cream:#e8e1d4;--sage:#a7b4a7;--orange:#d65c35;--line:rgba(21,34,30,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}
a{transition:opacity .2s ease,color .2s ease}a:hover{opacity:.72}
.site-shell{max-width:1500px;margin:0 auto;padding-inline:clamp(20px,4vw,64px)}
.site-header{position:absolute;z-index:20;left:0;right:0;color:#fff;padding-top:28px}
.site-header .wp-block-site-title{font-size:21px;letter-spacing:-.03em}.site-header .wp-block-site-title a{text-decoration:none}
.site-header .brand-sub{font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.72;margin:1px 0 0}
.site-header .wp-block-navigation{font-size:14px}.site-header .wp-block-navigation-item__content{padding:.45rem .1rem}
.header-cta .wp-block-button__link{background:#fff;color:var(--ink);border-radius:999px;padding:13px 21px;font-size:13px}
.hero-kitchen{min-height:min(900px,100svh);align-items:flex-end;padding:0!important;background:#25312d}
.hero-kitchen .wp-block-cover__background{background:linear-gradient(90deg,rgba(10,20,16,.70) 0%,rgba(10,20,16,.34) 42%,rgba(10,20,16,.03) 75%)!important;opacity:1!important}
.hero-kitchen .wp-block-cover__inner-container{width:100%;padding:190px clamp(20px,4vw,64px) 72px;max-width:1500px;margin:auto}
.eyebrow{font-size:12px!important;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.hero-title{max-width:830px;font-size:clamp(58px,8.2vw,132px)!important;line-height:.87!important;letter-spacing:-.075em!important;font-weight:400!important;margin:22px 0 30px!important}
.hero-title em{font-family:Georgia,serif;font-weight:400}
.hero-copy{max-width:590px;font-size:clamp(17px,1.4vw,22px)!important;line-height:1.55!important}
.pill-button .wp-block-button__link,.contact-button .wp-block-button__link{border-radius:999px;padding:16px 25px;font-size:14px;font-weight:600}
.light-button .wp-block-button__link{background:#fff;color:var(--ink)}
.section-space{padding-top:clamp(90px,11vw,170px)!important;padding-bottom:clamp(90px,11vw,170px)!important}
.section-kicker{color:#5b6f66;font-size:12px!important;letter-spacing:.17em;text-transform:uppercase;font-weight:600}
.display-title{font-size:clamp(45px,6vw,92px)!important;line-height:.98!important;letter-spacing:-.06em!important;font-weight:400!important;max-width:1050px}
.display-title em{font-family:Georgia,serif;font-weight:400;color:#586b61}
.intro-grid{gap:clamp(40px,8vw,130px)!important;align-items:end!important}
.intro-copy{max-width:520px;font-size:clamp(18px,1.55vw,24px)!important;line-height:1.55!important}
.number-card{border-top:1px solid var(--line);padding-top:22px!important}
.number-card strong{font-size:clamp(36px,4vw,64px);font-weight:400;letter-spacing:-.05em}.number-card p{color:#5d6a64}
.dark-section{background:var(--ink);color:#f7f4ec}
.project-grid{gap:22px!important}.project-card{position:relative;overflow:hidden;min-height:650px;border-radius:3px}.project-card img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-card:hover img{transform:scale(1.025)}
.project-card .wp-block-cover__background{background:linear-gradient(0deg,rgba(8,15,12,.72),transparent 55%)!important;opacity:1!important}
.project-card .wp-block-cover__inner-container{align-self:flex-end;padding:32px}.project-card h3{font-size:clamp(29px,3vw,44px);letter-spacing:-.04em;margin:5px 0}.project-card p{margin:0;opacity:.82}
.process-row{border-top:1px solid rgba(255,255,255,.2);padding:28px 0!important;gap:20px!important}.process-row h3{margin:0;font-size:clamp(24px,3vw,42px);font-weight:400;letter-spacing:-.04em}.process-row p{max-width:520px;opacity:.72;margin:0}
.material-band{background:var(--cream)}
.material-list{gap:0!important;border-top:1px solid var(--line)}.material-item{padding:25px 0!important;border-bottom:1px solid var(--line)}.material-item h3{margin:0;font-weight:400;font-size:clamp(24px,2.6vw,39px)}.material-item p{margin:0;color:#617069}
.quote{font-family:Georgia,serif;font-size:clamp(38px,5vw,78px)!important;line-height:1.06!important;letter-spacing:-.035em!important;max-width:1150px}
.contact-section{background:#d95d36;color:#fff}.contact-section .display-title{max-width:920px}.contact-section a{color:#fff}.contact-meta{border-top:1px solid rgba(255,255,255,.34);padding-top:24px!important}.contact-meta p{font-size:15px}.contact-button .wp-block-button__link{background:#fff;color:var(--ink)}
.site-footer{background:#101a17;color:#fff;padding:45px 0}.site-footer a{color:#fff}.footer-small{font-size:12px;opacity:.64}
.legal-page{max-width:850px!important;padding-top:150px!important;padding-bottom:100px!important}.legal-page h1{font-size:clamp(48px,7vw,82px);letter-spacing:-.055em}.demo-notice{background:#eee8dc;border-left:3px solid var(--orange);padding:22px}
@media(max-width:900px){.site-header .wp-block-navigation__responsive-container-open{display:block}.site-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}.site-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--ink);color:#fff;padding:30px}.header-cta{display:none}.hero-kitchen{min-height:820px}.hero-kitchen .wp-block-cover__background{background:linear-gradient(0deg,rgba(10,20,16,.78),rgba(10,20,16,.1) 75%)!important}.project-grid{grid-template-columns:1fr!important}.project-card{min-height:520px}.process-row{grid-template-columns:42px 1fr!important}.process-row p{grid-column:2}.contact-columns{grid-template-columns:1fr!important}}
@media(max-width:600px){.site-shell{padding-inline:20px}.hero-kitchen .wp-block-cover__inner-container{padding:150px 20px 45px}.hero-title{font-size:57px!important}.section-space{padding-top:78px!important;padding-bottom:78px!important}.intro-grid,.contact-columns{gap:40px!important}.project-card{min-height:440px}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}