/* Shared asset components. Mobile First. */
.asset-picture{display:block;min-width:0;overflow:hidden;background:var(--color-night-soft)}
.asset-picture img{width:100%;height:auto;object-fit:cover}
.asset-picture--cover,.asset-picture--cover img{width:100%;height:100%}
.asset-brand{width:min(100%,15.875rem)}.asset-brand img{width:100%;height:auto}
.contact-item{display:flex;gap:.75rem;align-items:flex-start}.contact-item .icon{width:1.5rem;height:1.5rem;margin-top:.2rem}.contact-item span{min-width:0;overflow-wrap:anywhere}
.social-icons .icon{width:1.35rem;height:1.35rem}.social-icons .button{color:var(--color-cyan)}
.kit-contact-icons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:var(--space-4)}
.kit-contact-icons a{font-size:var(--text-sm)}
.asset-hero{isolation:isolate;position:relative;min-height:38rem;padding:var(--gutter);display:flex;align-items:flex-end;overflow:hidden}
.asset-hero-bg{position:absolute;inset:0;z-index:-2}.asset-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#001524e6,transparent 85%);z-index:-1}
.asset-hero h2{font-size:clamp(2.75rem,7vw,7.5rem)}
.asset-mission{position:relative;isolation:isolate;overflow:hidden;padding-block:var(--section-space)}.asset-mission>.stack{max-width:54rem}
.mission-decoration{position:absolute;inset:auto 0 0 auto;width:min(65%,25rem);opacity:.3;z-index:-1}
.comfort-mark{width:3.5rem;height:3.5rem;object-fit:contain}.mission-leaf-alt{width:min(100%,24rem);margin-inline:auto}
.asset-brand-samples{display:grid;gap:var(--space-4)}
.award-visual{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:.5rem;background:white;padding:.5rem}
.award-visual .asset-picture{background:white}.award-visual img{object-fit:contain}
.asset-association{display:grid;grid-template-columns:1fr;background:white;color:var(--color-ink);padding:0;overflow:hidden;gap:0}
.association-logo{padding:var(--space-6);display:grid;align-items:center}.association-logo img{width:min(100%,22rem);margin-inline:auto}
.association-message{position:relative;isolation:isolate;padding:var(--space-8);display:grid;align-content:center;gap:var(--space-6);color:white}
.association-pattern{position:absolute;inset:0;z-index:-2}.association-message::after{content:'';position:absolute;inset:0;background:#001524a6;z-index:-1}
.association-qr{padding:var(--space-6);display:grid;justify-items:center;align-content:center;gap:.5rem}.association-qr img{width:12rem;height:12rem;object-fit:contain}
.project-viewer{overflow:hidden}.project-frame{position:relative}.project-frame>.asset-picture img{aspect-ratio:3/4;object-fit:cover}.project-frame figcaption{padding:var(--space-6);display:grid;gap:var(--space-3)}
.project-toolbar{display:flex;gap:var(--space-4);justify-content:space-between;align-items:center;padding:var(--space-6);border-top:var(--border) solid var(--color-line)}
.project-announcement{font-size:var(--text-sm)}
.project-thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6)}
.project-thumbnail{background:transparent;color:var(--color-ink);border:.125rem solid transparent;padding:.25rem;text-align:left;display:grid;gap:.25rem}.project-thumbnail[aria-pressed=true]{border-color:var(--color-teal)}.project-thumbnail:hover{border-color:var(--color-teal)}.project-thumbnail img{aspect-ratio:4/3;object-fit:cover}.project-thumbnail span{padding-inline:.5rem}
@media(min-width:48rem){
 .asset-hero{min-height:42rem;align-items:center}.asset-hero::after{background:linear-gradient(90deg,#001524d9,transparent 90%)}
 .asset-brand-samples{grid-template-columns:1fr 1fr}.asset-association{grid-template-columns:1fr 1.7fr}.association-qr{grid-column:1/-1}
 .project-frame>.asset-picture img{aspect-ratio:1847/851}.project-frame figcaption{position:absolute;inset:auto 0 0;padding:var(--space-8);background:linear-gradient(transparent,#001524ed)}
 .project-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:80rem){.asset-association{grid-template-columns:1fr 1.8fr .7fr}.association-qr{grid-column:auto}.association-qr img{width:min(100%,12rem);height:auto}}
.association-logo img{height:auto}.association-logo{align-content:center}.mission-leaf-alt{height:auto}.mission-decoration{height:auto}

.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden}