/* Paper, dimensional line hierarchy and object studies inspired by ESKD. */
.brand-track.maquette-intro{height:auto;margin:100px 24px 0;background:#eee9df;border-radius:24px;overflow:hidden}
.maquette-intro .brand-viewport{position:relative;top:auto;min-height:650px;height:min(760px,calc(100svh - 120px));background:transparent;isolation:isolate;padding:0}
.maquette-intro .campaign-content{position:relative;inset:auto;padding:76px 5% 80px;display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:54%;min-height:650px;justify-content:center;color:#162b3b;z-index:2}
.maquette-intro .campaign-content h1{font-size:clamp(48px,5.2vw,80px);line-height:1.06;color:#162b3b;opacity:1;margin:24px 0;max-width:690px}
.maquette-intro .campaign-content h1 em{color:#963f28}
.maquette-intro .campaign-location{color:#53616a;font-size:11px}
.maquette-intro .campaign-description{color:#4b5b61;font-size:16px;line-height:1.7;max-width:430px}
.maquette-intro .campaign-description br{display:none}
.maquette-intro .campaign-actions{display:flex;flex-direction:column;align-items:flex-start;gap:22px;max-width:none}
.maquette-intro .campaign-cta{background:#963f28;color:#fffaf0;border-color:#963f28;min-height:56px}
.maquette-intro .campaign-actions .text-link{color:#263f4b;font-size:12px;max-width:none;border-color:#899594}
.maquette-intro .campaign-photo{inset:10% -6% 7% 45%;z-index:1;background:none;overflow:visible;display:flex;align-items:center;justify-content:center;pointer-events:none}
.maquette-intro .campaign-photo img{position:static;left:auto;width:100%;height:auto;max-width:100%;object-fit:contain;filter:none;transform:rotate(-3deg);mix-blend-mode:normal}
.maquette-intro .campaign-photo:after{display:none}
.maquette-intro .campaign-caption{color:#617078;bottom:24px;right:4%;font-size:10px}
.page-hero.blueprint-intro{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 64px);max-width:1600px;margin:112px auto 28px;padding:42px 44px 48px;border:1px solid rgba(255,255,255,.85);border-radius:24px;background:rgba(250,248,241,.77);box-shadow:0 14px 40px -30px #162b3b40}
.blueprint-intro>:not(.blueprint-art){position:relative;z-index:1}
.blueprint-intro h1{color:#243c48;opacity:1;max-width:950px;margin:26px 0;font-size:clamp(42px,5.6vw,78px);line-height:1.08}
.blueprint-intro:not(.service-hero) h1{max-width:75%}
.blueprint-intro .page-lead{max-width:680px;color:#475b62;font-size:17px;line-height:1.7}
.blueprint-intro .breadcrumb{color:#53666d}
.blueprint-art{position:absolute;inset:0 0 0 auto;width:54%;max-width:760px;pointer-events:none;z-index:0;opacity:.22;color:#244756;mask-image:linear-gradient(90deg,transparent 0%,#000 40%);display:flex;align-items:center;justify-content:center}
.drawing-sprite{width:min(100%,540px);aspect-ratio:1;background-image:url('./architecture/blueprint-atlas.webp');background-size:400% 400%;background-position:var(--drawing-x) var(--drawing-y);background-repeat:no-repeat}
.drawing-guides,.drawing-logo{position:absolute;width:100%;height:100%;inset:0;object-fit:contain}
.drawing-guides{opacity:.55}
.blueprint-intro.service-hero .blueprint-art{inset:0 auto auto 0;width:63%;height:450px;mask-image:linear-gradient(90deg,#000 0%,#000 65%,transparent 100%);opacity:.12}
.blueprint-intro.service-hero .service-hero-layout{gap:44px}
.blueprint-intro.service-hero .service-hero-story h1{font-size:clamp(42px,4.6vw,66px);max-width:790px}
.blueprint-intro.service-hero .service-hero-summary{background:rgba(255,253,247,.93)}
.blueprint-intro .hero-topics{color:#405761}
.blueprint-intro .section-illustration{display:none}
body[data-motion-mode="full"][data-transition="ready"] .blueprint-art{animation:drawing-arrive 1.1s cubic-bezier(.23,1,.32,1) both}
body[data-motion-mode="full"][data-transition="ready"] .maquette-intro .campaign-photo{animation:maquette-arrive 1.2s cubic-bezier(.23,1,.32,1) both}
@keyframes drawing-arrive{from{clip-path:inset(0 100% 0 0);transform:translateY(10px)}to{clip-path:inset(0);transform:translateY(0)}}
@keyframes maquette-arrive{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1800px){.maquette-intro .campaign-photo{right:0;left:48%}.maquette-intro .campaign-content{padding-left:7%}}
@media(max-width:1000px){.maquette-intro .campaign-content{width:60%;padding:50px 5%}.maquette-intro .campaign-photo{left:48%;right:-20%}.page-hero.blueprint-intro{padding:32px;margin-top:100px}.blueprint-intro:not(.service-hero) h1{max-width:85%}.blueprint-intro.service-hero .service-hero-layout{gap:24px}}
@media(max-width:700px){.brand-track.maquette-intro{margin:84px 12px 0;border-radius:20px}.maquette-intro .brand-viewport{height:auto;min-height:0;display:flex;flex-direction:column}.maquette-intro .campaign-content{padding:34px 24px 0;width:100%;min-height:0;gap:22px;order:0}.maquette-intro .campaign-content h1{font-size:clamp(38px,8.4vw,56px);margin:18px 0}.maquette-intro .campaign-description{font-size:14px}.maquette-intro .campaign-actions{width:100%;gap:18px}.maquette-intro .campaign-photo{position:relative;inset:auto;width:108%;margin:12px -4% 28px;order:1}.maquette-intro .campaign-photo img{transform:none}.maquette-intro .campaign-caption{bottom:12px;right:24px;font-size:9px}.page-hero.blueprint-intro{width:calc(100% - 24px);padding:26px 22px 30px;margin-top:90px;border-radius:20px}.blueprint-intro h1,.blueprint-intro.service-hero .service-hero-story h1{font-size:clamp(32px,8vw,46px);overflow-wrap:break-word;margin:22px 0}.blueprint-intro:not(.service-hero) h1{max-width:100%}.blueprint-intro .page-lead{font-size:15px}.blueprint-art{width:90%;opacity:.12;max-height:400px}.blueprint-intro.service-hero .blueprint-art{width:100%;opacity:.08}.blueprint-intro.service-hero .service-hero-layout{grid-template-columns:1fr}.blueprint-intro .service-hero-summary{padding:26px}}
@media(prefers-reduced-motion:reduce){body .blueprint-art,body .maquette-intro .campaign-photo{animation:none}}
body[data-motion-mode="reduced"] .blueprint-art,body[data-motion-mode="reduced"] .maquette-intro .campaign-photo{animation:none}
.cleaning-team-intro .brand-viewport{display:flex;align-items:center;justify-content:center;min-height:650px;height:calc(100svh - 120px);max-height:900px}
.cleaning-team-intro .campaign-photo{position:absolute;inset:0;width:100%;height:100%;margin:0;align-items:center;overflow:hidden}
.cleaning-team-intro .campaign-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:none;opacity:.4;filter:saturate(.6)}
.cleaning-team-intro .brand-viewport:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,rgba(238,233,223,.96) 0%,rgba(238,233,223,.78) 28%,rgba(238,233,223,.12) 68%);backdrop-filter:blur(3px);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%)}
.cleaning-team-intro .campaign-content{width:100%;max-width:1000px;min-height:0;padding:60px 36px 76px;align-items:center;text-align:center;gap:28px}
.cleaning-team-intro .campaign-content h1{max-width:900px;font-size:clamp(48px,6.2vw,88px);line-height:1.04;margin:24px auto;text-align:center}
.cleaning-team-intro .campaign-description{max-width:520px;margin:0 auto;color:#304851;line-height:1.65}
.cleaning-team-intro .campaign-actions{align-items:center;width:auto;gap:20px}
.cleaning-team-intro .campaign-caption{bottom:18px;right:24px;z-index:2}
@media(max-width:700px){.cleaning-team-intro .brand-viewport{min-height:620px;height:calc(100svh - 100px);max-height:850px}.cleaning-team-intro .campaign-content{padding:46px 22px 66px;gap:26px}.cleaning-team-intro .campaign-content h1{font-size:clamp(38px,9vw,58px)}.cleaning-team-intro .campaign-photo{inset:0;width:100%;height:100%;margin:0}.cleaning-team-intro .campaign-photo img{height:100%;width:100%;object-position:center;opacity:.32}.cleaning-team-intro .campaign-actions{width:100%}.cleaning-team-intro .campaign-cta{max-width:320px}.cleaning-team-intro .campaign-caption{bottom:14px;font-size:8px;right:18px}}

/* Selected artwork for company and results intros. */
.drawing-image{position:relative;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.drawing-home-symbol{max-height:520px}
.drawing-results{padding:12px}