:root{color-scheme:light;--berger-paper:#f4f2ec;--berger-ink:#252521;--berger-orange:#ac3b12}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--berger-paper);color:var(--berger-ink);font-family:Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em;line-height:1}a:focus-visible{outline:3px solid var(--berger-orange);outline-offset:6px}.concept-strip{display:flex;justify-content:space-between;gap:1rem;background:#252521;color:#fff;padding:.7rem 4vw;font-size:.7rem}.berger-wrap{width:92%;max-width:1600px;margin:auto}.berger-nav{padding:2rem 4vw;display:flex;align-items:center;justify-content:space-between;gap:2rem}.berger-brand{font-size:2rem;font-weight:600;line-height:1;letter-spacing:-.06em}.berger-brand span{display:block;font-size:.55rem;letter-spacing:.2em;margin-top:.4rem}.berger-nav nav{display:flex;gap:3rem;font-size:.8rem}.berger-nav nav a{padding:.7rem 0}.berger-heading{display:grid;grid-template-columns:1fr 3fr auto;align-items:end;padding:3rem 4vw 4rem;gap:2rem}.berger-heading p{font-size:.65rem;letter-spacing:.1em}.berger-heading h1{font-size:clamp(3rem,6vw,7.5rem)}.berger-heading>a{background:var(--berger-orange);color:#fff;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;font-size:1.5rem}.berger-hero>img{width:100%;height:clamp(330px,48vw,740px);object-fit:cover;object-position:center 50%}.berger-hero-caption{display:flex;justify-content:space-between;padding:1.2rem 4vw;font-size:.75rem;border-bottom:1px solid #25252140}.berger-hero-caption span:last-child{font:.65rem monospace}.berger-services{padding-block:7rem 3rem}.berger-section-intro{display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:3rem;align-items:start;margin-bottom:5rem}.berger-section-intro>p:first-child,.berger-projects>p,.berger-contact>p:first-child{font-size:.65rem;letter-spacing:.08em}.berger-section-intro h2,.berger-projects h2{font-size:clamp(2.5rem,4vw,5rem)}.berger-section-intro>p:last-child{font-size:.9rem;max-width:32ch}.berger-service{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:center;padding-block:3rem}.berger-service img{width:100%;aspect-ratio:1.2;object-fit:cover}.berger-service div{padding:2rem 2vw}.berger-service span{font:.65rem monospace;color:var(--berger-orange)}.berger-service h3{font-size:clamp(2.5rem,4vw,5rem);margin:2rem 0}.berger-service p{max-width:35ch;font-size:.95rem}.berger-service a{display:inline-flex;border-bottom:1px solid;padding:1rem 0;margin-top:1rem;font-size:.8rem;color:var(--berger-orange)}.berger-service-reverse{grid-template-columns:1fr 1.2fr}.berger-service-reverse img{order:2}.berger-projects{border-top:1px solid #25252140;padding-block:4rem 7rem}.berger-projects>div{display:flex;justify-content:space-between;gap:3rem;padding-block:3rem}.berger-projects>div>p{max-width:35ch;font-size:.9rem}.berger-projects img{width:100%;max-height:700px;object-fit:cover}.berger-contact{border-top:1px solid #25252140;padding-block:5rem;position:relative}.berger-contact h2{font-size:clamp(4rem,10vw,12rem);margin:2rem 0}.berger-contact p{max-width:40ch}.berger-contact a{display:inline-flex;padding:1rem 1.5rem;margin:2rem 0 1rem;background:var(--berger-orange);color:#fff}.berger-contact small{display:block;font-size:.7rem;max-width:55ch}.berger-footer{border-top:1px solid #25252140;padding-block:2rem;display:flex;justify-content:space-between;gap:1rem;font-size:.7rem}@media(max-width:767px){.concept-strip{font-size:.62rem;flex-wrap:wrap}.berger-nav{padding-block:1.5rem}.berger-nav nav{gap:1rem;font-size:.7rem}.berger-heading{grid-template-columns:1fr auto;padding-block:2rem}.berger-heading p{grid-column:1/-1}.berger-heading h1{font-size:clamp(2.6rem,9vw,4.2rem)}.berger-heading>a{width:44px;height:44px}.berger-hero-caption{flex-direction:column;gap:.6rem}.berger-services{padding-top:4rem}.berger-section-intro{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.berger-service,.berger-service-reverse{grid-template-columns:1fr;gap:1rem;padding-block:2rem}.berger-service-reverse img{order:0}.berger-service div{padding:1rem 0}.berger-service h3{margin:1rem 0}.berger-projects{padding-bottom:4rem}.berger-projects>div{flex-direction:column;gap:2rem}.berger-contact{padding-block:3rem}.berger-footer{flex-wrap:wrap;gap:1.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
