/* WoodMania v5 — original, buildless, bilingual single-page layout */
:root{--ink:#273b30;--paper:#f4f0e8;--muted:#676c62;--wood:#987042;--line:#d9d2c5;--header-height:90px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 20px);-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a87943;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:15px}.skip:focus{top:15px}.site-header{position:sticky;top:0;z-index:50;background:#f4f0e8;border-bottom:1px solid var(--line)}.header-inner{max-width:1460px;padding:22px 4%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font:bold 32px Georgia,'Times New Roman',serif;text-decoration:none;letter-spacing:-1.8px;white-space:nowrap}.brand>span{font-weight:normal}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:3.5px;margin-top:6px;text-align:center}.main-nav{display:flex;align-items:center;gap:26px}.main-nav>a{position:relative;display:block;padding:10px 0;text-decoration:none;font-size:12px;white-space:nowrap}.main-nav>a:after{content:'';position:absolute;height:1px;bottom:3px;left:0;right:0;background:var(--wood);transform:scaleX(0);transition:transform .2s}.main-nav>a:hover:after,.main-nav>a[aria-current]:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:16px}.language-switch{display:flex;border:1px solid #cfc6b7;padding:3px;border-radius:25px}.language-switch>a{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:34px;padding:5px 9px;text-decoration:none;font-size:10px;font-weight:bold;border-radius:20px}.language-switch>a[aria-current]{background:var(--ink);color:var(--paper)}.menu-toggle{display:none;border:1px solid var(--line);background:none;width:44px;height:42px;padding:11px;cursor:pointer;border-radius:3px}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:5px 0;transition:transform .2s}.section{scroll-margin-top:0}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:660px;min-height:calc(100svh - var(--header-height));padding:86px 6% 0;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.hero-content{position:relative;z-index:1;padding-bottom:65px}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:normal;line-height:1.8;margin:0}.hero .eyebrow span{display:inline-block;background:var(--wood);width:5px;height:5px;border-radius:50%;vertical-align:middle;margin-right:10px}h1{font-family:Georgia,'Times New Roman',serif;font-size:100px;font-size:clamp(70px,10vw,148px);font-weight:normal;line-height:1.04;letter-spacing:-6px;margin:33px 0;color:#8b5a2c}.hero-intro{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 30px}.text-link{display:inline-flex;align-items:center;gap:45px;text-decoration:none;font-size:12px;border-bottom:1px solid var(--wood);padding-bottom:12px}.text-link span{font-size:19px}.hero-lines{position:absolute;inset:30px 3% 50px;pointer-events:none;z-index:0;border-left:1px solid #ded5c5;border-right:1px solid #ded5c5}.hero-lines i{position:absolute;display:block;width:500px;height:900px;border:1px solid #ded5c5;border-radius:50%;right:-420px;top:calc(50% - 450px);transform:rotate(25deg)}.hero-lines i:nth-child(2){right:-455px}.hero-lines i:nth-child(3){right:-490px}.hero-lines i:nth-child(4){right:-525px}.hero-bottom{position:relative;z-index:1;border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px}.hero-bottom a{text-decoration:none;line-height:1.8}.hero-bottom a span{margin-left:15px}.about,.services,.projects,.contact{padding:90px 6%}.section-heading{text-align:center;margin-bottom:45px}.section-heading h2{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:48px;font-size:clamp(33px,4vw,49px);letter-spacing:-1.5px;margin:15px 0 22px;line-height:1.2}.heading-rule{display:block;margin:0 auto;width:38px;height:1px;background:var(--wood)}.about{border-top:1px solid var(--line)}.about-copy{max-width:760px;margin:0 auto}.about-copy p{color:#555f54;font-size:16px;line-height:1.95;margin:0 0 24px}.about-copy p:first-child{font-size:19px;line-height:1.85;color:var(--ink)}.about-copy p:last-child{margin-bottom:0}.services{background:#eae5da}.service-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}.service{border-bottom:1px solid #cfc7b8;scroll-margin-top:0}summary{display:flex;align-items:center;gap:20px;cursor:pointer;list-style:none;min-height:91px;padding:22px 0}summary::-webkit-details-marker{display:none}summary::marker{content:''}.service-no{font-size:10px;color:var(--wood);flex-shrink:0}summary h3{font-size:18px;font-weight:normal;line-height:1.4;margin:0;flex:1}.expand{font-size:23px;font-weight:normal;color:var(--wood);transition:transform .2s}.service[open] .expand{transform:rotate(45deg)}.service-content{padding-bottom:24px;font-size:15px;line-height:1.8}.service-content img{max-width:100%;height:auto;display:block}.empty-service{height:85px;border-left:1px solid #d0c5b2;margin-left:30px}.project-grid{max-width:1220px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:auto;align-items:start}.project-slot{position:relative;aspect-ratio:4/5;min-height:220px;background:#e9e3d8;border:1px solid #e0d8ca}.project-slot:nth-child(2){margin-top:48px;background:#ded9ce}.project-slot:nth-child(3){background:#e9e6df}.project-slot span{position:absolute;bottom:17px;left:20px;font-size:10px;letter-spacing:1px;color:#9a8c77}.contact{background:var(--ink);color:var(--paper)}.contact .heading-rule{background:#b4986e}.contact-content{max-width:760px;min-height:100px;margin:auto;border-bottom:1px solid #536253}footer{padding:28px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}footer>a{text-decoration:none}.footer-brand{font:25px Georgia,serif}footer>span{color:var(--muted)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){h1{background-color:#8b5a2c;background-image:url('wood.svg'),linear-gradient(90deg,#73421f,#b37d42);background-size:620px 390px;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}
@media(min-width:1600px){.hero{padding-top:110px}}@media(max-width:1050px){.header-inner{gap:20px}.main-nav{gap:17px}.main-nav>a{font-size:11px}.brand{font-size:29px}}
@media(max-width:1000px){.header-inner{position:relative;flex-wrap:wrap;padding:16px 5%;gap:16px}.brand{font-size:29px}.header-actions{margin-left:auto}.main-nav{width:100%;order:3;justify-content:center;flex-wrap:wrap;gap:6px 24px}.js .menu-toggle{display:block}.js .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 6% 24px;box-shadow:0 12px 18px #273b3010}.js .site-header[data-open] .main-nav{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav>a{font-size:14px;padding:13px 0}.main-nav>a:after{right:auto;width:25px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.hero{min-height:620px;min-height:calc(100svh - var(--header-height));padding-top:65px}.hero-bottom{font-size:8px;letter-spacing:.7px}.hero-bottom>span:first-child{display:none}.about,.services,.projects,.contact{padding:65px 7%}.service-grid{gap:0 28px}summary{gap:14px}summary h3{font-size:16px}.about-copy p{font-size:15px}.about-copy p:first-child{font-size:17px}.project-grid{gap:15px}.project-slot{min-height:170px}}
@media(max-width:540px){.header-actions{gap:10px}.brand{font-size:27px}.brand small{font-size:7px;letter-spacing:2.6px}.language-switch>a{min-width:36px;min-height:32px;padding:4px 7px}.hero{padding-top:60px}.hero h1{font-size:72px;font-size:clamp(58px,15vw,87px);letter-spacing:-3px;margin:32px 0}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-intro{font-size:14px}.hero-lines{inset:20px 4% 40px}.hero-bottom{padding:20px 0;font-size:7px;gap:15px}.hero-content{padding-bottom:48px}.section-heading{margin-bottom:32px}.eyebrow{font-size:8px;letter-spacing:2px}.service-grid{grid-template-columns:1fr}.service summary{min-height:77px}summary h3{font-size:18px}.project-grid{grid-template-columns:1fr;gap:18px}.project-slot{aspect-ratio:5/3;min-height:160px}.project-slot:nth-child(2){margin-top:0}footer{flex-wrap:wrap;font-size:10px}.contact-content{min-height:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(forced-colors:active){h1{color:CanvasText;-webkit-text-fill-color:CanvasText;background:none}.language-switch>a[aria-current]{outline:1px solid CanvasText}}@media print{.site-header{position:static}.main-nav,.header-actions,.hero-lines,.hero-bottom,.text-link{display:none}h1{color:#73421f;-webkit-text-fill-color:#73421f;background:none}.section{padding:30px 0}.contact{background:white;color:black}.project-slot,.empty-service{display:none}}

.before-after{padding:90px 6%;background:#ece7dd}
.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1220px;margin:0 auto}
.comparison-side{margin:0;min-width:0}.comparison-side figcaption{font-size:12px;letter-spacing:1px;text-align:center;margin-bottom:16px}
.comparison-slot{aspect-ratio:4/3;min-height:200px;background:#ded7ca;border:1px solid #d6cdbc}.comparison-side:last-child .comparison-slot{background:#e3ddd2}
@media(max-width:1000px){.before-after{padding:65px 7%}}
@media(max-width:540px){.comparison{grid-template-columns:1fr;gap:28px}.comparison-slot{min-height:180px}.comparison-side figcaption{text-align:left}}
@media print{.before-after{background:white;padding:30px 0}.comparison-slot{display:none}}
