/* Adapted from React Bits Depth Carousel, David Haz.
   License: assets/react-bits-LICENSE.txt */
.depth-shell{overflow:hidden}
.gallery-section{overflow:hidden}.gallery-section .section-heading>p{font-size:16px}.gallery-section .section-heading h2{font-size:clamp(40px,4.2vw,60px)}
.depth-shell{background:radial-gradient(ellipse at 43% 37%,#326267 0%,#173e40 48%,#0c292c 100%);color:var(--cream);border-radius:16px;padding:25px 30px 20px;position:relative;box-shadow:0 22px 55px -40px #143c3d99;isolation:isolate}
.depth-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:3}.depth-topline>span{font-size:10px;letter-spacing:2px;color:#c2d4cd}.depth-play{border:1px solid #91b4ac66;border-radius:24px;min-height:44px;padding:8px 15px;font-size:12px;background:#ffffff0a;color:var(--cream);display:flex;align-items:center;gap:10px}.depth-play:hover{background:#ffffff15}.depth-play span{font-size:12px}.depth-play:disabled{cursor:default;opacity:.75}
.depth-carousel{position:relative;width:100%;height:570px;min-height:260px;display:flex;align-items:center;justify-content:center;perspective:1400px;perspective-origin:43% 50%;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;outline-offset:5px}
.depth-carousel:active{cursor:grabbing}.depth-carousel__stage{position:absolute;inset:0;transform-style:preserve-3d}.depth-carousel__stage:before{content:'';position:absolute;inset:30% 5% 0;background:radial-gradient(ellipse at center,#050f1855,transparent 65%);transform:translateY(30%);pointer-events:none}
.depth-carousel__card{position:absolute;top:49%;left:var(--depth-center,43%);transform-origin:center center;overflow:hidden;background:#102e30;border:1px solid #dce2d04d;border-radius:12px;padding:0;box-shadow:0 30px 60px -20px #0009,0 8px 20px -10px #0008;will-change:transform,opacity,filter;cursor:pointer;transform:translate(-50%,-50%);backface-visibility:hidden;color:white}
.depth-carousel__img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-drag:none}.depth-carousel__tint{position:absolute;inset:0;opacity:0;pointer-events:none;mix-blend-mode:multiply;background:#09292d}.depth-card-caption{position:absolute;bottom:18px;left:20px;background:#0b292bd9;backdrop-filter:blur(6px);border:1px solid #cbded066;border-radius:20px;padding:7px 12px;font:500 9px var(--sans);letter-spacing:1.3px;opacity:0;transition:opacity .2s}.is-active .depth-card-caption{opacity:1}.depth-drag-hint{position:absolute;bottom:3px;left:0;width:100%;text-align:center;pointer-events:none;font-size:9px;letter-spacing:2px;color:#b8cdc5;z-index:2500}
.depth-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #9db8ad40;padding-top:23px;margin-top:18px;position:relative;z-index:3}.depth-photo-info>span{font-size:11px;letter-spacing:2px;color:#dec69f}.depth-photo-info h3{font:400 30px/1.15 var(--serif);margin:7px 0 8px;letter-spacing:-.4px}.depth-photo-info p{font-size:9px;letter-spacing:1.5px;margin:0;color:#afc6bd}.depth-actions{display:flex;gap:24px;align-items:center}.depth-expand{color:var(--cream);border:0;border-bottom:1px solid #8fac9f;background:transparent;padding:11px 0;font-size:13px;white-space:nowrap}.depth-expand span{margin-left:15px;font-size:18px}.depth-arrows{display:flex;gap:10px}.depth-arrows button{width:50px;height:50px;border-radius:50%;border:1px solid #90b7aa77;background:#ffffff08;color:var(--cream);font-size:23px;display:grid;place-items:center;transition:background .2s,transform .2s}.depth-arrows button:hover{background:#fff2;transform:translateY(-2px)}.depth-arrows button:active{transform:scale(.94)}
.depth-thumbnails{display:flex;gap:9px;margin-top:26px;overflow-x:auto;padding:5px 3px 10px;scrollbar-width:thin;scrollbar-color:#73998b transparent;position:relative;z-index:3}.depth-thumbnails button{flex:0 0 66px;height:50px;padding:0;border-radius:5px;overflow:hidden;background:#284e4c;border:1px solid transparent;opacity:.5;transition:opacity .25s,transform .25s}.depth-thumbnails button.selected{opacity:1;outline:2px solid #ddc49b;outline-offset:2px}.depth-thumbnails button:hover{opacity:1;transform:translateY(-2px)}.depth-thumbnails img{width:100%;height:100%;object-fit:cover}.depth-thumbnails button[hidden]{display:none}.depth-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.depth-shell{padding:22px}.depth-actions{gap:17px}.depth-photo-info h3{font-size:27px}.depth-topline>span{font-size:8px;letter-spacing:1.5px}.depth-thumbnails button{flex-basis:58px;height:44px}}
@media(max-width:700px){.gallery-section .section-heading h2{font-size:40px}.gallery-section .section-heading>p{font-size:15px}.depth-shell{padding:16px 14px;border-radius:12px;margin-left:-2%;margin-right:-2%}.depth-topline{gap:10px}.depth-topline>span{font-size:7px;letter-spacing:1px;max-width:140px}.depth-play{font-size:11px;padding:8px 12px}.depth-carousel{perspective:1000px;min-height:250px}.depth-carousel__card{border-radius:8px}.depth-card-caption{bottom:10px;left:10px;padding:6px 9px;font-size:7px;letter-spacing:1px}.depth-drag-hint{font-size:8px;letter-spacing:1.5px;bottom:5px}.depth-footer{align-items:start;gap:15px;padding-top:17px;margin-top:10px;flex-direction:column}.depth-photo-info h3{font-size:27px;margin-top:7px}.depth-photo-info>span{font-size:10px}.depth-photo-info p{font-size:8px}.depth-actions{justify-content:space-between;width:100%;gap:16px}.depth-expand{font-size:13px}.depth-arrows button{width:48px;height:48px}.depth-thumbnails{margin-top:17px;gap:8px}.depth-thumbnails button{flex-basis:55px;height:44px}}
@media(prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}.depth-arrows button,.depth-thumbnails button,.depth-card-caption{transition:none}}