/* Display-only crops: the four original photographs remain untouched. */
.about-page.has-photos{padding-top:56px;gap:7vw;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.about-page.has-photos .about-title{top:124px;min-width:0}
.about-page.has-photos .about-title>.eyebrow{margin:0 0 20px}
.about-carousel{width:min(100%,480px);container-type:inline-size}
.about-poster{position:relative;isolation:isolate;aspect-ratio:3/4;border-radius:24px;background:#202326;touch-action:pan-y}
.about-photo-stage{position:absolute;inset:8% 7% 9%;overflow:hidden;border-radius:14px;background:#282b2e}
.about-page.has-photos .about-photo{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s}
.about-page.has-photos .about-photo.is-active{opacity:1;visibility:visible}
.about-page.has-photos .about-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.about-page.has-photos .about-photo-surf img{object-position:70% 50%}
.about-page.has-photos .about-photo-climbing img{object-position:50% 84%}
.about-photo-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 35%,transparent 52%,rgba(0,0,0,.28))}
body[data-view=about] .about-motto{position:absolute;inset:0;z-index:1;margin:0;font-size:clamp(36px,13.3cqw,64px);font-weight:500;line-height:1;letter-spacing:-.055em;pointer-events:none;text-shadow:0 2px 18px rgba(0,0,0,.16)}
body[data-view=about] .about-motto>span{position:absolute;display:block;color:#f7f7f4}
body[data-view=about] .about-motto-top{top:3.5%;left:2.5%}
body[data-view=about] .about-motto-bottom{right:2.5%;bottom:5%;text-align:left}
.about-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;height:40px}
.about-photo-count{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.1em;color:#dedfe1}
.about-photo-total{color:#71777d}
.about-photo-dots,.about-photo-actions{display:flex;align-items:center;gap:2px}
.about-carousel-controls button{display:grid;place-items:center;min-width:32px;height:36px;padding:0;background:transparent;border:0;border-radius:50%;color:#acb2b8;cursor:pointer;transition:color .2s,background .2s}
.about-carousel-controls button:hover{color:#fff;background:#24272a}
.about-carousel-controls button:focus-visible{outline:2px solid #c6d7e7;outline-offset:2px}
.about-photo-dots button{min-width:28px}
.about-photo-dots button span{width:4px;height:4px;background:#62676c;border-radius:99px;transition:width .25s,background .25s}
.about-photo-dots button[aria-pressed=true] span{width:18px;background:#ecedef}
.about-photo-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.about-photo-actions svg .filled{fill:currentColor;stroke:none}
.about-photo-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:901px){
  .about-carousel{width:min(100%,480px,calc((100dvh - 256px)*.75))}
}
@media(max-width:900px){
  .about-page.has-photos{padding-top:40px}
  .about-page.has-photos .about-title{padding-bottom:40px}
  .about-carousel{margin-inline:auto}
}
@media(max-width:540px){
  .about-page.has-photos{padding-top:28px}
  .about-poster{border-radius:18px}
  .about-photo-stage{border-radius:10px}
  .about-carousel-controls{gap:8px;margin-top:10px}
  .about-photo-dots button{min-width:24px}
}
@media(prefers-reduced-motion:reduce){
  .about-page.has-photos .about-photo,.about-carousel-controls button,.about-photo-dots button span{transition:none}
}