/* A physical placard: lettering stays crisp, selectable and responsive. */
.hero-visual{top:112px;bottom:18px;right:0;width:47%;mask-image:none;display:flex;align-items:flex-end;justify-content:center}
.hero-portrait{position:relative;flex:none;height:100%;aspect-ratio:2/3;container-type:inline-size}
.hero-portrait .hero-model{display:block;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 12px 25px #0003)}
.hero-placard{position:absolute;left:28.8%;top:33.5%;width:42.8%;height:14.2%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#181c16;padding:1cqw;gap:1.1cqw}
.placard-kicker{font-size:1.32cqw;font-weight:700;letter-spacing:.12em;white-space:nowrap}
.placard-message{font-size:5.2cqw;letter-spacing:-.055em;line-height:1.02;font-weight:650}
.placard-message em{font-style:normal;color:#c44828}
.placard-sign{position:absolute;bottom:1.2cqw;right:1.2cqw;width:3.1cqw;height:3.1cqw;color:#c44828}
/* Both columns begin at the same fixed top edge. The board is part of the portrait. */
.services-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:6%}
.service-presenter{position:relative;align-self:start;aspect-ratio:2/3;width:100%;isolation:isolate}
.service-presenter-photo{display:block;width:100%;height:100%;object-fit:contain}
.service-presenter .system-art{display:block;position:absolute;top:41.93%;left:9.375%;width:81.25%;height:48.76%;aspect-ratio:auto;max-height:none;border:0;background:none;overflow:hidden}
.service-presenter .art-grid{inset:5%;opacity:.5}
.service-presenter .illustration-gallery{inset:0 3% 18%}
.service-presenter .service-illustration{inset:5% 4%;width:92%;height:92%;filter:drop-shadow(0 13px 17px #0006)}
.service-presenter .service-illustration[data-illustration="1"]{height:82%;top:10%}
.service-presenter .art-label{left:8%;right:8%;bottom:7%;gap:16px}
.service-presenter .art-label>span:first-child{font-size:clamp(32px,3.5vw,58px);letter-spacing:-.055em}
.service-presenter .art-label>span:last-child{font-size:clamp(8px,.8vw,12px);letter-spacing:.08em}
.service-presenter .art-note{right:4%;top:5%;font-size:9px}
.service-presenter .art-corner{font-size:17px}
.service-presenter .corner-tl{top:4%;left:5%}.service-presenter .corner-tr{top:4%;right:5%}.service-presenter .corner-bl{bottom:4%;left:5%}.service-presenter .corner-br{bottom:4%;right:5%}
.vision-image img{width:100%;object-fit:contain;inset:25px auto 40px 0;height:calc(100% - 65px)}
.about-navigation{display:none}.about-chapters:focus-visible{outline:2px solid var(--coral);outline-offset:8px}
.contact-heading h2{font-size:clamp(54px,5.9vw,104px)}
/* Chrome typography, staggered like a sculptural title sequence. */
.footer-signature{margin:65px 0 28px;perspective:1200px;position:relative}
.signature-caption{display:flex;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.18em;color:#969b8e;margin-bottom:15px}
.signature-caption>span:first-child{color:var(--coral)}
.footer-sculpture{width:100%;height:auto;display:block;overflow:visible;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:50% 50%;transition:transform .65s cubic-bezier(.2,.8,.2,1);font-family:Manrope,Arial,sans-serif;font-size:244px;font-weight:800;letter-spacing:-.08em}
.signature-outline{fill:#161b14;stroke:#68715e;stroke-width:1.2}
.signature-metal{fill:url(#signature-metal);stroke:#e4e9d7;stroke-width:.55;paint-order:stroke fill}
.signature-seal{color:var(--coral)}
.signature-glint{animation:signature-shine 9s ease-in-out infinite;animation-play-state:paused}
.footer-signature.is-visible .signature-glint{animation-play-state:running}
@keyframes signature-shine{0%,15%{transform:translateX(0)}60%,100%{transform:translateX(1900px)}}
@media(min-width:761px) and (max-width:1100px){.hero-visual{right:-4%;width:49%;top:116px;bottom:24px}.service-presenter .art-label{gap:9px}.service-presenter .art-note{font-size:7px}.service-presenter .art-corner{font-size:13px}}
@media(max-width:900px){
 .about-heading{padding-bottom:0}.about-narrative{margin-top:25px;display:block}
 .about-art{position:relative;top:auto;height:180px;min-height:0;margin:0 0 22px;padding:0;background:none;z-index:auto}
 .about-art-layers{height:100%;width:100%;max-width:none;display:flex;align-items:center;justify-content:flex-end;position:relative}
 .about-awards{position:static;display:block;inset:auto;width:195px;height:100%;object-fit:contain;transform:none!important;will-change:auto;filter:drop-shadow(0 9px 12px #33332018)}
 .about-art .asterisk{position:static;font-size:63px;margin-right:auto;transform:none!important;will-change:auto}
 .about-art-footer{display:flex;position:absolute;left:0;right:auto;bottom:5px;padding:0;border:0;width:110px;gap:12px;color:#767c6d}
 .about-art-footer>span:first-child{display:none}.about-art-footer .about-progress{display:block}.about-current{writing-mode:horizontal-tb;font-size:10px}
 .about-chapters{position:relative;display:flex;gap:15px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:1px 22px 1px 0;align-items:stretch}
 .about-chapters::-webkit-scrollbar{display:none}
 .about-chapter{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;min-height:0;max-width:none;margin:0;padding:30px 25px 34px;background:#e4e5dc;border:1px solid #11111118;border-radius:3px;display:block;position:relative}
 .about-chapter:last-child{border:1px solid #11111118}
 .about-chapter:before{content:'';position:absolute;top:-1px;left:-1px;width:60px;height:3px;background:var(--coral)}
 .about-chapter-copy{transform:none!important;will-change:auto;max-width:100%}
 .about-chapter .chapter-index{font-size:10px;letter-spacing:.12em;margin-bottom:27px;color:#6c7462}
 .about-chapter h3{font-size:clamp(27px,4.1vw,38px);margin-bottom:22px;line-height:1.19}
 .about-chapter p{font-size:16px;line-height:1.75;color:#50594a}
 .has-story-controls .about-navigation{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:23px 0 33px}
 .about-nav-steps,.about-nav-arrows{display:flex;gap:10px}
 .about-nav-steps button{border:0;border-top:2px solid #c6c9bc;background:none;color:#6e7663;font-size:12px;min-width:40px;padding:13px 5px}
 .about-nav-steps button[aria-current]{border-color:var(--coral);color:var(--ink)}
 .about-nav-arrows button{border:1px solid #1114;background:none;color:var(--ink);width:46px;height:46px;border-radius:50%;font-size:20px}
 .about-nav-arrows button[aria-disabled=true]{opacity:.3;cursor:default}
 .about-narrative+.expertise-line{margin-top:0}
}
@media(max-width:760px){
 .hero{height:1140px;min-height:0;padding-top:124px}
 .hero-content{width:100%}.hero-visual{top:363px;bottom:146px;right:0;width:100%}
 .hero-bottom .button{top:874px}.hero-portrait{height:100%}
 .services-grid{display:flex;gap:30px}
 .service-presenter{width:min(100%,380px);margin:0 auto}
 .service-presenter .system-art{display:block}.service-presenter .art-label>span:first-child{font-size:34px}.service-presenter .art-label>span:last-child{font-size:8px}.service-presenter .art-note{font-size:7px}
 .service-inline-image{display:none}.service-body{padding-bottom:28px}
 .vision-image{min-height:680px}.vision-image img{inset:25px auto 40px 0;height:calc(100% - 65px)}
 .contact-heading h2{font-size:clamp(44px,10.9vw,76px)}
 .footer-signature{margin:40px 0 30px}.signature-caption{font-size:8px;letter-spacing:.1em;gap:12px;margin-bottom:20px}
 .footer-sculpture{width:100%;transform:none}
}
@media(max-width:420px){.about-art{height:160px}.about-awards{width:165px}.about-art .asterisk{font-size:59px}.about-chapter{padding:28px 20px 31px}.about-chapter h3{font-size:27px}.about-chapter p{font-size:15px;line-height:1.8}.about-chapters{padding-right:14px;gap:12px}.about-navigation{gap:12px}.about-nav-steps button{min-width:34px}.about-nav-arrows button{width:44px;height:44px}.vision-image{min-height:610px}.signature-caption>span:last-child{max-width:145px;text-align:right;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.signature-glint{animation:none!important}.footer-sculpture{transition:none;transform:none}}
body.motion-paused .signature-glint{animation-play-state:paused!important}body.motion-paused .footer-sculpture{transform:none;transition:none}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}