@font-face{font-family:Manrope;src:url('assets/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;--paper:#eee9e1;--ink:#191a19;--muted:#cbc9c3;scroll-behavior:smooth;scroll-padding-top:24px}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:7px}h1,h2,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--paper);color:var(--ink);padding:10px}.skip:focus{top:10px}.hero{position:relative;aspect-ratio:3/2;max-width:1920px;margin:auto;isolation:isolate;overflow:hidden}.art,.room,.room-piece{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.art{z-index:-1}.room{object-fit:cover}.room-piece{background:url('assets/schuemann-raum.png') center/100% 100%;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s;will-change:transform}.renovation{clip-path:polygon(21.5% 25.5%,30% 21.5%,40.3% 23.9%,40.5% 54.5%,36% 62.5%,21.4% 57%);transform-origin:30% 50%}.drywall{clip-path:polygon(40.5% 25.8%,50% 22.3%,58.2% 24.7%,58% 28.1%,53.5% 28.4%,53.6% 53.4%,40.5% 55%);transform-origin:50% 52%}.painting{clip-path:polygon(54.1% 28%,58.7% 25.7%,65% 27.8%,74.6% 25.1%,76.4% 26%,76.4% 54.5%,74.5% 55%,74.3% 31.2%,68.7% 32%,68.7% 51.8%,54.1% 53%);transform-origin:65% 50%}.floor{clip-path:polygon(55.7% 53.6%,64% 55%,64.2% 57%,57.7% 58.3%,63.8% 60.5%,61.6% 62.5%,43.1% 56%,43.4% 54.7%);transform-origin:54% 58%}
.hero[data-active=renovation] .renovation{transform:translate(-4px,-5px);filter:brightness(1.13)}.hero[data-active=drywall] .drywall{transform:translate(0,-9px);filter:brightness(1.15)}.hero[data-active=painting] .painting{transform:translate(5px,-3px);filter:brightness(1.09)}.hero[data-active=floor] .floor{transform:translate(0,10px);filter:brightness(1.15)}
header{position:absolute;top:2.2%;left:7.5%;right:7.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:4}.brand{display:inline-flex;flex-direction:column;line-height:1.2;white-space:nowrap}.brand strong{font-weight:600;font-size:clamp(23px,2.05vw,34px);letter-spacing:.11em}.brand span{font-size:clamp(10px,.9vw,14px);letter-spacing:.48em;margin-top:5px}nav{display:flex;gap:clamp(24px,3.3vw,54px);font-size:16px}nav a{border-bottom:1px solid transparent}nav a:hover{border-color:currentColor}.phone{font-size:clamp(14px,1.2vw,20px);white-space:nowrap}.phone span{margin-right:12px;font-size:24px}.handwriting{position:absolute;right:6.5%;top:12%;font:italic clamp(22px,2.2vw,38px)/1.15 'Brush Script MT',Georgia,serif;transform:rotate(-10deg);color:#adaba380}.services{position:absolute;inset:0;pointer-events:none}.service{position:absolute;display:block;pointer-events:auto;z-index:3}.service h2{text-transform:uppercase;letter-spacing:.17em;font-size:clamp(16px,1.5vw,27px);line-height:1.3;transition:color .3s,text-shadow .3s}.service p{font-size:clamp(14px,.91vw,17px);line-height:1.5;margin-top:7px;color:var(--muted)}.s-renovation{left:6.5%;top:32.5%;width:19%}.s-drywall{left:39%;top:12.5%;width:20%;text-align:center}.s-painting{left:80.5%;top:34.8%;width:19%}.s-floor{left:43%;top:64.1%;width:24%;text-align:center}.service-cta{display:block;font-size:12px;margin-top:9px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.service-cta b{font-size:16px;margin-left:8px}.service:hover .service-cta,.service:focus-visible .service-cta,.service.active .service-cta{opacity:1;transform:none}.service:hover h2,.service.active h2{text-shadow:0 0 25px #fff9}.leader{position:absolute;height:1px;background:#eee8;pointer-events:none}.leader:after{content:'';position:absolute;right:-4px;top:-4px;border:1px solid #fff;border-radius:50%;width:7px;height:7px;background:#aaa}.s-renovation .leader{width:40%;left:64%;top:30%;transform:rotate(24deg);transform-origin:left}.s-drywall .leader{width:32%;left:49%;top:100%;transform:rotate(90deg);transform-origin:left}.s-painting .leader{width:39%;right:107%;top:12%;transform:rotate(-19deg);transform-origin:right}.s-painting .leader:after{left:-4px;right:auto}.s-floor .leader{width:23%;left:44%;bottom:115%;transform:rotate(-53deg);transform-origin:left}
.room-hitareas{position:absolute;inset:0;pointer-events:none}.hit{position:absolute;pointer-events:auto;z-index:2;cursor:pointer}.hit-renovation{left:22%;top:23%;width:18%;height:34%}.hit-drywall{left:40.5%;top:23%;width:13%;height:32%}.hit-painting{left:54%;top:28%;width:22%;height:25%}.hit-floor{left:44%;top:53%;width:22%;height:9%}.hero-copy{position:absolute;top:74.8%;width:100%;text-align:center}.hero-copy h1{font-size:clamp(30px,3.55vw,65px);line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.hero-copy>p{font-size:clamp(14px,1.08vw,20px);letter-spacing:.2em;margin:12px 5% 33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;color:#1d1d1c;background:#eee8e1;padding:12px 31px;font-size:16px;font-weight:600;border:1px solid #eee8e1;transition:background .25s,transform .25s}.button:hover{background:white;transform:translateY(-3px)}.button span{font-size:25px;line-height:1}.side-note{position:absolute;right:3%;top:73%;font:clamp(10px,.85vw,14px)/1.55 Georgia,serif;color:#151515;letter-spacing:.2em;text-transform:uppercase}.side-note span{display:block;width:32px;height:1px;background:currentColor;margin-top:16px}.motion-toggle{position:absolute;bottom:1.8%;right:3%;border:0;border-bottom:1px solid #c7c5bf55;background:transparent;color:#c7c5bf;font-size:12px;cursor:pointer;padding:5px 0}
.section{padding:95px max(7.5%,calc((100% - 1500px)/2));scroll-margin-top:25px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.18em;display:block;margin-bottom:30px}.intro{background:#e9e6df;color:#262824}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.section h2{font-size:clamp(36px,4vw,62px);line-height:1.12;letter-spacing:-.02em}.intro-grid p{margin-bottom:20px;max-width:570px}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding:8px 0;font-weight:600;font-size:15px}.text-link span{margin-left:25px}.details{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-bottom:1px solid #ffffff26}.details article{scroll-margin-top:40px}.details p{margin:25px 0;color:var(--muted);max-width:520px}.contact{text-align:center}.contact>p:not(.eyebrow){margin:20px auto;color:var(--muted)}.contact-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin:30px 0 20px}.email{font-size:14px;overflow-wrap:anywhere}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px;padding:40px 7.5%;background:#121312;border-top:1px solid #fff2;font-size:14px}footer .brand strong{font-size:24px}footer .brand span{font-size:10px}footer div{display:flex;gap:25px}footer small{width:100%;font-size:12px;color:#999}.motion-off .room-piece{transform:none!important;transition:none!important}.motion-off *{scroll-behavior:auto!important}
@media(min-width:1921px){body{background:#171817}}
@media(max-width:1000px) and (min-width:701px){nav{gap:20px;font-size:14px}.phone{font-size:14px}.brand strong{font-size:23px}.s-painting{left:79.5%;width:20%}.service h2{font-size:15px;letter-spacing:.1em}.service p{font-size:12px}.hero-copy>p{margin-bottom:18px}.button{padding:10px 20px;font-size:14px}.side-note{display:none}.service-cta{font-size:10px}.leader{opacity:.5}}
@media(max-width:700px){.hero{aspect-ratio:auto;min-height:0;padding-bottom:36px;overflow:hidden}.art{height:auto;aspect-ratio:3/2;top:105px;transform:scale(1.25);transform-origin:50% 35%}.room-hitareas,.handwriting,.side-note,.leader{display:none}header{position:relative;inset:auto;padding:24px 22px;gap:12px;align-items:start}.brand strong{font-size:24px}.brand span{font-size:10px}nav{display:none}.phone{font-size:0;margin-top:4px}.phone span{font-size:27px;margin:0}.hero-copy{position:relative;top:auto;padding:0 20px;margin-top:calc(61vw + 45px)}.hero-copy h1{font-size:clamp(27px,7vw,46px);line-height:1.25;letter-spacing:.025em}.hero-copy>p{font-size:13px;letter-spacing:.07em;line-height:1.7;margin:14px 0 22px}.services{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:28px 22px 0;pointer-events:auto}.service{position:relative;inset:auto;width:auto;text-align:left;padding:18px 10px;border-bottom:1px solid #eee3}.service h2{font-size:16px;letter-spacing:.09em}.service p{font-size:13px;line-height:1.5;margin-top:8px}.service-cta{opacity:1;transform:none;font-size:12px}.service-cta b{margin-left:1px}.hero{display:flex;flex-direction:column}.hero header{order:0}.hero-copy{order:1}.services{order:2}.motion-toggle{position:relative;inset:auto;align-self:center;margin-top:24px;order:3}.section{padding:58px 24px}.intro-grid,.details{grid-template-columns:1fr;gap:35px}.section h2{font-size:42px}.eyebrow{font-size:12px;line-height:1.6;margin-bottom:22px}.details article+article{border-top:1px solid #fff3;padding-top:38px}.contact-actions{flex-direction:column;gap:14px}footer{padding:35px 24px;gap:25px}footer>p{width:100%}footer div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.room-piece{transform:none!important}}