/* Interactive About Us details, with native content fallbacks. */
.about-jumps{display:flex;align-items:center;gap:12px;margin:0 7%;padding:22px 0;border-block:1px solid var(--line);flex-wrap:wrap}
.about-jumps>span{margin-right:auto;color:var(--muted);font-size:10px;letter-spacing:1.5px}
.about-jumps a,.about-reason-tabs button{border:1px solid var(--line);border-radius:30px;padding:12px 22px;font-size:13px;background:var(--surface);color:var(--ink);transition:background .25s,border-color .25s,transform .25s}
.about-jumps a:hover{background:var(--soft);border-color:var(--accent);transform:translateY(-2px)}
.about-interaction-hint{font-size:13px;color:var(--muted);margin:-10px 0 26px}
.about-work-explorer{display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:start}
.about-work-photo{position:sticky;top:125px;border-radius:24px;overflow:hidden;background:var(--soft)}
.about-work-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center}
.about-work-photo figcaption{display:flex;justify-content:space-between;gap:20px;position:absolute;bottom:0;left:0;right:0;padding:65px 24px 24px;background:linear-gradient(transparent,#111c13ed);color:#fff6e6;font-size:11px}
#about-work-count{color:#ffa16c;white-space:nowrap;letter-spacing:2px}
.about-work-item{border-top:1px solid var(--line)}
.about-work-item:last-child{border-bottom:1px solid var(--line)}
.about-work-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:32px 1fr 38px;gap:14px;align-items:center;padding:28px 0}
.about-work-item summary::-webkit-details-marker{display:none}
.about-work-item h3{font-size:clamp(23px,2.4vw,34px);transition:color .25s}
.about-work-item[data-expanded="true"] h3{color:var(--accent)}
.about-work-plus{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;transition:transform .38s,background .25s;color:var(--ink)}
.about-work-plus svg{width:20px;height:20px}
.about-work-item[data-expanded="true"] .about-work-plus{transform:rotate(45deg);background:var(--orange);color:#222}
.about-work-body{padding:0 36px 30px 46px}
.about-work-body p{font-size:16px;color:var(--muted)}
.about-work-body .text-link{margin-top:22px;font-size:13px;display:inline-flex;align-items:center;gap:16px}
.about-reason-tabs{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.about-reason-tabs[hidden]{display:none}
.about-reason-tabs button[aria-selected="true"]{background:var(--orange);color:#221f18;border-color:var(--orange)}
.about-reason-tabs button:hover{border-color:var(--accent)}
.about-reason-grid.is-interactive{display:block;margin-top:22px;background:var(--surface);padding:40px;border:1px solid var(--line);border-radius:24px;min-height:240px}
.about-reason-grid.is-interactive article{padding:0;border:0;max-width:850px}
.about-reason-grid.is-interactive article[hidden]{display:none}
.about-reason-grid.is-interactive h3{font-size:clamp(30px,3.4vw,48px);margin:18px 0}
.about-reason-grid.is-interactive p{font-size:18px;max-width:70ch}
.about-story figure{overflow:hidden}.about-story img{transition:transform .7s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.about-hero-photo img{transition:transform 1s cubic-bezier(.22,1,.36,1)}.about-hero-photo:hover img{transform:scale(1.035)}.about-story figure:hover img{transform:scale(1.025)}}
@media(max-width:760px){.about-jumps{margin:0 5%;gap:8px}.about-jumps>span{width:100%;margin-bottom:4px}.about-jumps a{padding:10px 17px}.about-work-explorer{grid-template-columns:1fr;gap:20px}.about-work-photo{top:80px;z-index:3;border-radius:16px;border:5px solid var(--bg)}.about-work-photo img{aspect-ratio:auto;height:clamp(120px,22svh,190px);object-position:center 57%}.about-work-photo figcaption{padding:35px 14px 12px;font-size:10px}.about-work-item summary{padding:24px 0;gap:10px;grid-template-columns:24px 1fr 34px}.about-work-plus{width:34px;height:34px}.about-work-body{padding:0 12px 25px 34px}.about-work-item h3{font-size:24px}.about-reason-tabs{gap:8px}.about-reason-tabs button{font-size:12px;padding:11px 14px}.about-reason-grid.is-interactive{padding:26px;min-height:300px}.about-reason-grid.is-interactive p{font-size:16px}.about-reason-grid.is-interactive h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.about-jumps a,.about-work-plus,.about-work-item h3,.about-reason-tabs button,.about-story img{transition:none}.about-jumps a:hover{transform:none}}
.about-work-item summary > .about-number{white-space:nowrap}


/* Separate content reveals keep sticky photos and interactive panels intact. */
.about-scroll-reveal { opacity:0; transform:translateY(18px); transition:opacity 650ms ease var(--reveal-delay,0ms),transform 650ms cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms); }
.about-work-photo.about-scroll-reveal { transform:none; }
.about-scroll-reveal.about-revealed { opacity:1; transform:none; }
.about-scroll-reveal:focus-within { opacity:1; transform:none; transition:none; }
@media(max-width:760px){.about-scroll-reveal{transform:translateY(12px)}.about-work-photo.about-scroll-reveal,.about-scroll-reveal.about-revealed{transform:none}}
@media(prefers-reduced-motion:reduce){.about-scroll-reveal{opacity:1;transform:none;transition:none}}