@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#101714;--paper:#f2f1eb;--accent:#c7f268;--soft:#dbe4d7;--hero-image:url('/service-web.jpg')}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Manrope",sans-serif}a{color:inherit}
.case-top{background:var(--ink);color:#fff;padding:10px 5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.case-top b{color:var(--accent)}
.case-nav{height:80px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:4;top:34px;width:100%;color:#fff}.case-nav .brand{font-size:21px;font-weight:800;text-decoration:none;letter-spacing:-1px}.case-nav .brand span{color:#77bf93}.case-nav .brand i{color:var(--accent);font-style:normal}.case-nav nav{display:flex;gap:28px}.case-nav nav a{font-size:10px;text-decoration:none;font-weight:700}.case-nav .nav-cta{padding:13px 17px;background:#fff;color:var(--ink)}
.case-hero{min-height:720px;padding:185px 5vw 72px;display:flex;align-items:end;color:#fff;position:relative;background-image:linear-gradient(90deg,rgba(6,13,11,.86),rgba(6,13,11,.16)),var(--hero-image);background-size:cover;background-position:center}.case-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,13,11,.42),transparent 55%);pointer-events:none}.case-hero-content{position:relative;z-index:1;max-width:850px}.case-index{font:800 9px "Manrope";letter-spacing:2px;color:var(--accent)}.case-hero h1{font:400 clamp(66px,10vw,142px)/.82 "DM Serif Display";letter-spacing:-4px;margin:17px 0 24px}.case-hero p{font-size:13px;line-height:1.7;max-width:540px;color:#d7e0da;margin:0}.case-meta{display:flex;gap:35px;margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.28)}.case-meta div{display:grid;gap:5px}.case-meta span{font-size:8px;letter-spacing:1.2px;color:#a8b8ae}.case-meta b{font-size:11px}
.case-intro{padding:105px 5vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;align-items:start}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.8px;color:#5b806b}.case-intro h2,.case-section h2{font:400 clamp(40px,5.4vw,75px)/.93 "DM Serif Display";letter-spacing:-2px;margin:10px 0}.case-intro h2 em,.case-section h2 em{color:#65a47b}.case-intro-copy p{font-size:14px;line-height:1.85;max-width:570px;color:#5e6a63;margin:0 0 22px}.case-intro-copy p:first-child{color:var(--ink);font-size:17px}
.case-showcase{display:grid;grid-template-columns:1.15fr .85fr;min-height:550px}.case-showcase .showcase-image{background:var(--showcase-image),var(--soft);background-size:cover;background-position:center}.case-showcase .showcase-copy{padding:55px 5vw;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:end}.showcase-copy span{font:800 9px "Manrope";letter-spacing:1.5px;color:var(--accent)}.showcase-copy h3{font:400 45px/1 "DM Serif Display";margin:15px 0}.showcase-copy p{font-size:11px;line-height:1.75;color:#9baaa1;max-width:330px}.showcase-copy b{font-size:9px;color:var(--accent);margin-top:30px}
.case-section{padding:105px 5vw}.case-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.case-heading p{max-width:360px;font-size:11px;line-height:1.7;color:#68756d}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;padding:28px;min-height:270px;border-top:3px solid var(--accent)}.feature-card>span{font-size:8px;font-weight:800;letter-spacing:1.2px;color:#7d8981}.feature-card h3{font-size:20px;margin:62px 0 10px}.feature-card p{font-size:11px;line-height:1.7;color:#69756e;margin:0}.quote-band{padding:100px 5vw;background:var(--soft);display:flex;justify-content:space-between;align-items:end;gap:40px}.quote-band h2{font:400 clamp(38px,5vw,68px)/.95 "DM Serif Display";max-width:840px;margin:0;letter-spacing:-2px}.quote-band h2 em{color:#609b76}.quote-band a{background:var(--ink);color:#fff;text-decoration:none;padding:15px 20px;font-size:10px;font-weight:800;white-space:nowrap}.quote-band a span{color:var(--accent);margin-left:18px}.case-footer{padding:27px 5vw;background:var(--ink);color:#95a29a;display:flex;justify-content:space-between;font-size:9px}.case-footer a{text-decoration:none;color:#fff}.case-back{display:inline-flex;gap:10px;text-decoration:none;color:#6b796f;font-size:10px;font-weight:800;margin-top:28px}.case-nav .mobile-menu{display:none}
.bruma{--accent:#f3b875;--soft:#ecdfce;--hero-image:url('/demo-store.jpg');--showcase-image:url('/service-shop.jpg')}.bruma .case-hero h1{font-style:italic}.arqforma{--accent:#8de0dc;--soft:#d9e6e5;--hero-image:url('/service-web.jpg');--showcase-image:url('/service-web.jpg')}.arqforma .case-hero{background-position:center 35%}.raiz{--accent:#b9e966;--soft:#e1e9c9;--hero-image:url('/service-seo.jpg');--showcase-image:url('/demo-store.jpg')}.raiz .case-hero{color:#11200f;background-image:linear-gradient(90deg,rgba(236,242,220,.9),rgba(236,242,220,.15)),var(--hero-image)}.raiz .case-hero p{color:#42533f}.raiz .case-meta{border-color:rgba(17,32,15,.3)}
@media(max-width:760px){.case-top{display:block;text-align:center;line-height:1.8}.case-nav{top:48px}.case-nav nav{display:none}.case-nav .nav-cta{display:none}.case-hero{min-height:650px;padding:165px 6vw 50px}.case-hero h1{font-size:70px;letter-spacing:-2px}.case-meta{gap:18px;flex-wrap:wrap}.case-intro,.case-showcase{grid-template-columns:1fr}.case-intro,.case-section{padding-block:70px}.case-showcase{min-height:auto}.case-showcase .showcase-image{min-height:330px}.case-showcase .showcase-copy{min-height:370px;padding:45px 6vw}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:210px}.feature-card h3{margin-top:40px}.case-heading{display:block}.quote-band{display:block;padding:65px 6vw}.quote-band a{display:inline-block;margin-top:28px}.case-footer{display:block;line-height:2}}