/* Concept 08: local mesh, human-scale companions and more generous portfolio. */
.hero-sticky::after{content:'';position:absolute;left:0;right:0;bottom:0;height:26%;background:linear-gradient(0deg,#eeefe7,#eeefe7e6 12%,#eeefe700);pointer-events:none;z-index:1}
.method-slide-art .equipment-visual svg{width:100%;height:auto;max-height:390px;margin:15px 0 0;overflow:visible}
.equipment-labels{font:16px Plex,monospace;letter-spacing:0;fill:#c4d5b8}
.credential-mark{height:82px;display:flex;align-items:center;margin:0 0 16px;max-width:260px}
.credential-mark img{display:block;object-fit:contain;object-position:left center;width:auto;height:100%;max-width:100%}
.cm3-mark{filter:brightness(0) invert(1);opacity:.84}
.credential-mark .asial-mark{width:170px;height:108px;filter:none;mix-blend-mode:normal;opacity:1}.credential-mark:has(.asial-mark){height:108px}
.method-slide-art .standards-register article{padding:20px 0}
.standards-register article>span{font-size:12px;letter-spacing:.06em}
@media(min-width:801px){
 .portfolio-sticky{padding:104px var(--pad) 80px;gap:17px}
 .portfolio-heading{align-items:center}.portfolio-heading h2{font-size:clamp(38px,3.4vw,54px);margin-top:10px}
 .portfolio-heading>p{max-width:360px;font-size:15px}
 .portfolio-layout{grid-template-columns:1.22fr 1fr;gap:3vw}
 .portfolio-card{--frame-width:min(calc(100cqw - 12px),calc((100cqh - 60px)*1.5));inset:6px auto auto;left:calc((100% - var(--frame-width))/2)}
 .portfolio-missing{height:48px;padding-top:13px}.portfolio-missing>span{margin-bottom:9px}.portfolio-missing>i{margin-bottom:5px}
 .map-caption{padding-top:6px;padding-bottom:10px}.map-disclaimer{margin-top:5px}
 .portfolio-controls{min-height:42px}
}
@media(max-width:800px){.credential-mark{height:58px;max-width:220px}.equipment-labels{font-size:17px}}
@media(max-width:600px){
 .method-slide[data-method-slide=equipment] .method-slide-art{top:52%;bottom:18%}
 .method-slide-art .equipment-visual svg{height:auto;max-height:240px;margin:0}
 .equipment-labels{font-size:21px}
 .credential-mark{height:55px;max-width:100%;margin-bottom:12px}
 .method-slide-art .standards-register article{padding:13px 0}
 .standards-register article>span{font-size:10px}
 .hero-sticky::after{height:22%}
}
@media(max-width:600px) and (max-height:740px){
 .method-slide[data-method-slide=equipment] .method-slide-art{top:56%;bottom:18%}
 .method-slide-art .equipment-visual svg{max-height:180px}.credential-mark{height:40px;margin-bottom:8px}
 .method-slide-art .standards-register article>p:last-child{font-size:11px}
}
@media(max-width:600px){.reduced .method-slide[data-method-slide=equipment] .method-slide-art{top:auto;bottom:auto}}

.companion-report-page{transform-box:fill-box;transform-origin:0% 100%}.service-panel.is-active .companion-report-page,.explorer-panel:not([hidden]) .companion-report-page{animation:reportPageLift 6s ease-in-out infinite}
@keyframes reportPageLift{0%,35%,100%{transform:none}55%,70%{transform:translateY(-5px) rotate(-4deg)}}
.reduced .companion-report-page{animation:none!important}
@media(prefers-reduced-motion:reduce){.companion-report-page{animation:none!important}}
@media(max-width:600px){.credential-mark .asial-mark{width:95px;height:60px}.credential-mark:has(.asial-mark){height:60px}}
@media(max-width:600px) and (max-height:740px){.credential-mark .asial-mark{width:76px;height:48px}.credential-mark:has(.asial-mark){height:48px}}
/* Reveal masks leave room for letter descenders. */
@keyframes textLoad{from{opacity:0;filter:blur(5px);clip-path:inset(-.15em 100% -.15em -.03em);transform:translateY(8px)}to{opacity:1;filter:none;clip-path:inset(-.15em -.03em -.15em -.03em);transform:none}}

@media(max-width:600px) and (max-height:740px){.equipment-labels{font-size:26px}}
