.digitalPage { --digital-ink:#1C1B18; --digital-paper:#F4EFE6; --digital-surface:#EDE4D6; --digital-sand:#D8C7AE; --digital-accent:#73715A; color:var(--digital-ink); background:var(--digital-paper); }
.digitalSite .brand { width:220px; overflow:hidden; }
.digitalSite .brand img { height:70px; transform:scale(1.42); }
.digitalSite .footerBrand { overflow:hidden; }
.digitalSite .footerBrand img { width:220px; height:128px; object-position:left center; transform:scale(1.32); transform-origin:left center; }
.digitalHero { min-height:760px; display:grid; grid-template-columns:minmax(500px,.9fr) minmax(0,1.1fr); }
.digitalIntro { display:flex; flex-direction:column; justify-content:center; padding:62px clamp(48px,5vw,90px) 72px; background:var(--digital-paper); }
.backLink { align-self:flex-start; margin-bottom:36px; color:rgba(28,27,24,.55); text-decoration:none; font:600 .72rem/1.4 var(--font-family-base); letter-spacing:.13em; text-transform:uppercase; }
.digitalLockup { width:224px; margin-bottom:40px; }
.digitalLogo { height:72px; overflow:hidden; }
.digitalLogo img { display:block; width:100%; height:72px; object-fit:contain; transform:scale(1.42); }
.branchName { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; }
.branchName span { height:1px; background:rgba(28,27,24,.35); }
.branchName strong { font:700 .68rem/1 var(--font-family-base); letter-spacing:.23em; }
.eyebrow { margin:0 0 20px; color:var(--digital-accent); font:700 .7rem/1.3 var(--font-family-base); letter-spacing:.16em; text-transform:uppercase; }
.digitalIntro h1 { max-width:9ch; margin:0; font:400 clamp(3.7rem,4.8vw,5.8rem)/.92 var(--font-family-display); letter-spacing:-.045em; }
.digitalIntro h1 em { color:var(--digital-accent); font-weight:400; }
.heroLead { max-width:550px; margin:30px 0 0; color:rgba(28,27,24,.68); font:400 1rem/1.75 var(--font-family-base); }
.digitalStatus { display:flex; align-items:flex-start; gap:13px; margin-top:32px; padding-top:24px; border-top:1px solid rgba(28,27,24,.16); }
.digitalStatus span { flex:0 0 7px; width:7px; height:7px; margin-top:7px; border-radius:50%; background:var(--digital-accent); }
.digitalStatus p { max-width:470px; margin:0; color:rgba(28,27,24,.6); font:500 .82rem/1.6 var(--font-family-base); }
.digitalVisual { min-height:760px; position:relative; overflow:hidden; }
.digitalVisual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(28,27,24,.46)); }
.digitalVisual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.72) sepia(.1) contrast(1.03); }
.visualLabel { position:absolute; z-index:1; right:38px; bottom:34px; color:var(--digital-paper); font:700 .68rem/1 var(--font-family-base); letter-spacing:.17em; text-transform:uppercase; }
.services { position:relative; isolation:isolate; overflow:hidden; padding:170px max(32px,calc((100vw - 1240px)/2)) 126px; background:var(--digital-ink); color:var(--digital-paper); }
.services::before,.projectContact::before { content:attr(data-watermark); position:absolute; z-index:0; left:50%; top:38px; width:min(1380px,94vw); transform:translateX(-50%); pointer-events:none; white-space:nowrap; text-align:center; font:700 clamp(5.4rem,11.5vw,11.5rem)/.9 var(--font-family-base); letter-spacing:-.055em; }
.services::before { color:rgba(244,239,230,.06); }
.servicesHeading,.serviceGrid,.projectContact > div { position:relative; z-index:1; }
.servicesHeading { display:grid; grid-template-columns:.7fr 1.3fr; gap:60px; align-items:start; }
.servicesHeading .eyebrow,.projectContact .eyebrow { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.servicesHeading h2,.projectContact h2 { margin:0; font:400 clamp(2.9rem,5vw,5rem)/1 var(--font-family-display); letter-spacing:-.04em; }
.serviceGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:68px; border-top:1px solid rgba(244,239,230,.2); border-left:1px solid rgba(244,239,230,.2); }
.serviceGrid article { min-height:300px; padding:34px; border-right:1px solid rgba(244,239,230,.2); border-bottom:1px solid rgba(244,239,230,.2); }
.serviceGrid article > span { color:rgba(216,199,174,.45); font:400 3.3rem/1 var(--font-family-display); }
.serviceGrid h3 { margin:50px 0 16px; font:400 2rem/1.1 var(--font-family-display); }
.serviceGrid p { margin:0; color:rgba(244,239,230,.65); font:400 .92rem/1.7 var(--font-family-base); }
.projectContact { position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:1.1fr .9fr; gap:90px; align-items:end; padding:190px max(32px,calc((100vw - 1240px)/2)) 110px; background:var(--digital-sand); }
.projectContact::before { top:42px; color:rgba(28,27,24,.08); font-size:clamp(4rem,8vw,8.5rem); letter-spacing:-.045em; }
.projectContact > div:last-child > p { margin:0 0 30px; font:400 1rem/1.75 var(--font-family-base); }
.projectContact a { min-height:50px; display:inline-flex; align-items:center; padding:0 22px; color:var(--digital-paper); background:var(--digital-ink); text-decoration:none; font:700 .7rem/1 var(--font-family-base); letter-spacing:.1em; text-transform:uppercase; }
@media(max-width:1040px){.digitalHero{grid-template-columns:1fr}.digitalIntro{min-height:680px;padding:56px max(28px,calc((100vw - 760px)/2)) 70px}.digitalVisual{min-height:600px}.services,.projectContact{padding-left:max(24px,calc((100vw - 760px)/2));padding-right:max(24px,calc((100vw - 760px)/2))}.servicesHeading,.projectContact{grid-template-columns:1fr;gap:38px}.projectContact{padding-top:170px}.projectContact::before{top:45px;font-size:clamp(3.6rem,10vw,6.4rem);white-space:normal;line-height:.84}}
@media(max-width:720px){.digitalSite .brand{width:172px}.digitalSite .brand img{height:60px}.digitalIntro{min-height:0;padding:46px 22px 60px}.digitalLockup{width:200px;margin-bottom:38px}.digitalLogo,.digitalLogo img{height:66px}.digitalIntro h1{font-size:clamp(3.3rem,15vw,4.65rem)}.heroLead{font-size:.95rem}.digitalVisual{min-height:470px}.visualLabel{right:22px;bottom:25px}.services{padding:120px 22px 90px}.services::before{top:34px;font-size:clamp(4.2rem,20vw,6.2rem)}.serviceGrid{grid-template-columns:1fr;margin-top:48px}.serviceGrid article{min-height:250px;padding:28px}.serviceGrid h3{margin-top:36px}.projectContact{padding:154px 22px 82px}.projectContact::before{top:36px;width:calc(100% - 36px);font-size:clamp(3.15rem,15vw,4.5rem);line-height:.82}.projectContact h2{font-size:clamp(2.75rem,13vw,4rem)}}