/* Smooth glass lens: a clear centre and a restrained directional edge. */
.about-copy .liquid-action,.deck-end>.liquid-action,.contact-form .liquid-action{position:relative;isolation:isolate;overflow:visible;background:rgba(255,255,255,.18);color:#263b31;border:0;border-radius:999px;min-height:54px;padding:15px 28px;box-shadow:0 2px 7px #00000013,inset 0 2px 5px #0000001f,inset 0 -2px 5px #00000017,inset 2px 0 4px #ffffff80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:transform .28s,box-shadow .28s,background .28s}
.liquid-action::before{content:"";position:absolute;z-index:-1;inset:1px;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 7px 2px #0000000e;background:transparent}
.liquid-action::after{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;background:conic-gradient(from 45deg,#0000001f 0deg,#00000019 55deg,#000000b3 105deg,#00000030 145deg,#0000001a 230deg,#000000b3 280deg,#00000024 320deg,#0000001f 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}
.about-copy .liquid-action:hover,.deck-end>.liquid-action:hover,.contact-form .liquid-action:hover{background:rgba(255,255,255,.28);color:#263b31;transform:translateY(-1px);box-shadow:0 4px 10px #00000017,inset 0 2px 5px #00000017,inset 0 -2px 5px #00000013,inset 2px 0 4px #ffffff99}
.about-copy .liquid-action:active,.deck-end>.liquid-action:active,.contact-form .liquid-action:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 5px #00000026,0 1px 3px #0000000f}
.liquid-action:focus-visible{outline:2px solid var(--gold,#ad9250);outline-offset:5px}
.liquid-action:disabled{opacity:.55;cursor:wait;transform:none}
/* Quiet, unframed controls live on the photograph itself. */
.home-page .welcome{padding-bottom:0}
.home-page .welcome-visual{bottom:0}
.home-page .welcome .welcome-controls{position:absolute;left:auto;right:24px;bottom:18px;top:auto;height:44px;min-height:44px;width:auto;margin:0;display:flex;align-items:center;justify-content:center;gap:0;z-index:3;background:transparent}
.home-page .welcome .slide-dot{background:transparent;min-width:32px;width:32px;min-height:44px;height:44px;opacity:.75;transition:opacity .25s}
.home-page .welcome .slide-dot:hover,.home-page .welcome .slide-dot:focus-visible{opacity:1}
.home-page .welcome .slide-dot::after{width:6px;height:6px;border:1px solid rgba(255,255,255,.9);background:transparent;box-shadow:0 0 0 1px #263b3145}
.home-page .welcome .slide-dot.is-active::after{background:rgba(255,255,255,.7);border-color:rgba(255,255,255,.95);transform:scale(1.2)}
.article-pagination a{text-underline-offset:6px;text-decoration-thickness:1px}
.article-pagination a:hover,.article-pagination a:focus-visible{text-decoration:underline}
@media(max-width:760px){.home-page .welcome .welcome-controls{right:16px;bottom:36px}.home-page .welcome-copy{padding-top:28px}.about-copy .liquid-action,.deck-end>.liquid-action,.contact-form .liquid-action{min-height:50px;padding:13px 25px}}
@media(prefers-reduced-motion:reduce){.liquid-action,.home-page .welcome .slide-dot{transition:none!important}.about-copy .liquid-action:hover,.deck-end>.liquid-action:hover,.contact-form .liquid-action:hover{transform:none}}

/* The same clear lens on directional controls and the section navigation. */
.deck-arrows button,.section-dots{isolation:isolate;border:0;background:rgba(255,255,255,.18);color:#263b31;box-shadow:0 2px 7px #00000013,inset 0 2px 5px #0000001f,inset 0 -2px 5px #00000017,inset 2px 0 4px #ffffff80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.deck-arrows button::before,.section-dots::before{content:"";position:absolute;z-index:-1;inset:1px;border:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 7px 2px #0000000e;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.deck-arrows button::after,.section-dots::after{content:"";position:absolute;z-index:-1;inset:0;padding:1px;border:0;border-radius:inherit;pointer-events:none;opacity:1;transform:none;animation:none;box-shadow:none;background:conic-gradient(from 45deg,#0000001f 0deg,#00000019 55deg,#000000b3 105deg,#00000030 145deg,#0000001a 230deg,#000000b3 280deg,#00000024 320deg,#0000001f 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}
.deck-arrows button:hover,.section-dots:hover{background:rgba(255,255,255,.28);color:#263b31;box-shadow:0 4px 10px #00000017,inset 0 2px 5px #00000017,inset 0 -2px 5px #00000013,inset 2px 0 4px #ffffff99}
.section-dots:hover::after{box-shadow:none}
.deck-arrows button:active{transform:translateY(1px) scale(.97);box-shadow:inset 0 2px 5px #00000026,0 1px 3px #0000000f}
.deck-arrows button.is-pressed::after{animation:none}
/* White inlaid markers: size and opacity indicate position without raised beads. */
.section-dots .section-dot::before{width:6px;height:6px;border:1px solid rgba(90,108,97,.28);background:rgba(255,255,255,.55);box-shadow:none;opacity:.8;transform:none;transition:opacity .2s,background .2s}
.section-dots .section-dot[aria-current=location]::before{width:8px;height:8px;border-color:rgba(90,108,97,.4);background:rgba(255,255,255,.95);box-shadow:none;opacity:1;transform:none}
.section-dots .section-dot:hover::before,.section-dots .section-dot:focus-visible::before{background:rgba(255,255,255,.95);opacity:1;transform:none}
.section-dots .section-dot::after{display:none}
@media(max-width:760px){.section-dots .section-dot::before{width:5px;height:5px}.section-dots .section-dot[aria-current=location]::before{width:7px;height:7px}}
@media(prefers-reduced-motion:reduce){.section-dots .section-dot::before{transition:none}}
@media(forced-colors:active){.section-dots{background:Canvas;border:1px solid CanvasText;box-shadow:none}.section-dots::before,.section-dots::after{display:none}.section-dots .section-dot::before{background:Canvas;border-color:CanvasText}.section-dots .section-dot[aria-current=location]::before{background:Highlight;border-color:Highlight}}
