.about-intro .eyebrow{margin-bottom:24px}
.about-intro{align-items:start}
.about-opening{display:grid;grid-template-columns:1fr 1fr;gap:4%;align-items:center;padding:60px 6% 55px}
.about-opening .page-intro{padding:0}
.about-opening .page-intro h1{font-size:clamp(46px,5vw,76px);line-height:1.04}
.about-sign{margin:0;position:relative;align-self:center;overflow:hidden;border-radius:24px;background:#ac6047}
.about-sign img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;object-position:55% center}
.about-sign figcaption{display:flex;justify-content:space-between;gap:12px;padding:18px 22px;color:white;font-size:10px;letter-spacing:.1em}
.about-interior{position:relative;overflow:hidden;border-radius:24px}
.about-interior img{width:100%;height:600px;object-fit:cover;object-position:48% center}
.about-image-note{position:absolute;bottom:20px;left:20px;right:20px;border:1px solid #ffffff50;border-radius:12px;padding:18px;background:#152328dc;color:#fff;font-size:15px}
.about-story{background:#202729;color:white}
.about-story .section-head p{color:#bdcbd0;line-height:1.6}
.about-story-grid{display:grid;grid-template-columns:1.6fr .7fr;gap:6%;align-items:center}
.about-story-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.about-story-photos figure{margin:0;min-width:0}
.about-story-photos figure:nth-child(2){margin-top:90px}
.about-story-photos button{display:block;border:0;padding:0;border-radius:20px;overflow:hidden;background:#151a1d;width:100%;cursor:zoom-in}
.about-story-photos img{width:100%;height:360px;object-fit:cover;transition:transform .7s ease}
.about-story-photos button:hover img{transform:scale(1.04)}
.about-story-photos figcaption{font-size:10px;letter-spacing:.08em;padding-top:15px;color:#b9c6cc}
.about-story-film{max-width:320px;justify-self:center;width:100%}
.about-story-film .film-heading h3{font-size:21px}
.film-sound{position:absolute;z-index:3;left:12px;top:14px;width:34px;height:34px;border:1px solid #ffffff80;border-radius:50%;background:#172023e8;color:white;font-size:20px;display:grid;place-items:center}
.film-sound[aria-pressed=false]{color:#c5cdd0}
@media(max-width:900px){.about-opening{grid-template-columns:1fr;padding-top:35px;gap:30px}.about-sign{width:100%}.about-sign img{aspect-ratio:2.2;object-fit:cover}.about-interior img{height:480px}.about-story-grid{grid-template-columns:1.4fr .8fr;gap:24px}.about-story-photos{grid-template-columns:1fr}.about-story-photos figure:nth-child(2){margin-top:0}.about-story-photos img{height:210px}}
@media(max-width:600px){.about-opening{padding:28px 6% 36px}.about-opening .page-intro h1{font-size:44px}.about-sign figcaption{font-size:8px;padding:15px}.about-interior img{height:360px}.about-story-grid{grid-template-columns:1fr}.about-story-photos{grid-template-columns:1fr 1fr;gap:12px}.about-story-photos figure:nth-child(2){margin-top:35px}.about-story-photos img{height:240px}.about-story-film{margin-top:24px;max-width:300px}.film-sound{top:9px;left:8px;width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.about-story-photos img{transition:none}}
@media(min-width:761px) and (max-width:900px){.about-opening{grid-template-columns:1fr 1fr;gap:30px}.about-opening .page-intro h1{font-size:43px}.about-opening .page-intro p{font-size:18px;line-height:1.6}.about-sign img{aspect-ratio:1.55}.about-sign figcaption{flex-direction:column;font-size:9px;padding:16px}}
@media(max-width:600px){.topline{gap:12px;font-size:9px;letter-spacing:.04em}.topline>span{display:block;line-height:1.5}.topline i{display:inline-block;margin:0 6px;vertical-align:middle}.topline>a{white-space:nowrap;align-self:center}}
.about-sign img{aspect-ratio:2.48;object-fit:contain}
.about-intro h2{line-height:1.07}
.about-care{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.about-care article{border-top:1px solid var(--line);padding-top:22px}
.about-care .eyebrow{color:#1681b6}
.about-care h3{font-size:28px;line-height:1.1;margin:28px 0 18px}
.about-care p,.storage-uses p{font-size:17px;line-height:1.6;color:var(--muted);margin-bottom:0}
.about-section-note{max-width:310px;color:var(--muted);margin:0}
.storage-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
.storage-uses article{border-top:1px solid var(--line);padding:28px 0 38px}
.use-number{font-size:13px;color:#1681b6;letter-spacing:.08em}
.storage-uses h3{font-size:30px;line-height:1.1;margin:21px 0 16px}
.about-winter-link{margin-top:5px}
.about-locations{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%}
.about-locations h2{margin-top:25px;line-height:1.04}
.about-locations p{color:var(--muted);line-height:1.6}
.about-locations img{width:100%;height:460px;object-fit:cover}
.about-locations .button{margin-top:18px}
@media(max-width:1000px){.about-care,.storage-uses{grid-template-columns:repeat(2,minmax(0,1fr))}.about-locations{gap:35px}}
@media(max-width:600px){.about-care,.storage-uses,.about-locations{grid-template-columns:minmax(0,1fr)}.about-care{gap:28px}.about-care h3{margin-top:18px}.storage-uses article{padding-bottom:28px}.about-locations img{height:330px}.about-section-note{font-size:17px}}

/* A slow illumination on the existing sign; no extra video or image asset. */
.about-sign-light{position:relative;isolation:isolate;overflow:hidden}
.about-sign-light:after{content:'';position:absolute;inset:0;background:url('assets/ibox2-10.webp') center/100% 100% no-repeat;filter:grayscale(1) contrast(7) blur(5px);mix-blend-mode:screen;pointer-events:none;animation:sign-illumination 6s ease-in-out infinite}
@keyframes sign-illumination{0%,100%{opacity:0}45%,60%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.about-sign-light:after{animation:none;opacity:0}}

/* Four equally sized, centered facts. */
.about-intro .facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.about-intro .facts>div{min-width:0;text-align:center}
.about-intro .facts strong{font-size:clamp(24px,2.1vw,34px);line-height:1.2;margin-bottom:8px;height:42px;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.about-intro .facts .fact-security strong{font-size:clamp(18px,1.5vw,24px)}
.about-intro .facts>div>span{display:block;font-size:13px;line-height:1.4;max-width:150px;margin-inline:auto}
.about-intro .facts strong span{font:inherit}
@media(min-width:761px) and (max-width:1000px){.about-intro{grid-template-columns:1fr;gap:32px}}
@media(max-width:480px){.about-intro .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}

.text-link.about-winter-link{color:#927000}
.text-link.about-winter-link:hover{color:#705600}
[data-theme=night] .text-link.about-winter-link{color:#ffe15a}
[data-theme=night] .text-link.about-winter-link:hover{color:#ffed9b}