.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(ellipse at center,#0b0d14bd,#05060af2);backdrop-filter:blur(12px) saturate(.85);opacity:0;pointer-events:none;padding:5vmin}.modal-backdrop.open{pointer-events:auto}.modal-card{position:relative;max-width:min(92vw,680px);max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 22px 18px;transform:scale(.93);opacity:0;background:linear-gradient(160deg,#0e0e12f0,#08080cf0);border:1px solid rgba(232,227,214,.2);outline:1px solid rgba(232,227,214,.05);outline-offset:5px;box-shadow:0 0 0 1px #05060a99,0 30px 90px #000000bf,0 0 90px #3fb6b00d,inset 0 0 60px #0006}.modal-card:before,.modal-card:after{content:"";position:absolute;width:22px;height:22px;border:1px solid rgba(63,182,176,.55);pointer-events:none}.modal-card:before{top:9px;left:9px;border-right:none;border-bottom:none}.modal-card:after{bottom:9px;right:9px;border-left:none;border-top:none}.modal-figure{position:relative;display:flex}.modal-card img{max-width:100%;max-height:66vh;object-fit:contain;display:block;box-shadow:0 6px 24px #00000080}.modal-figure:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.04) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:multiply}.modal-title{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:clamp(20px,3vw,26px);letter-spacing:.05em;color:var(--bone, #e8e3d6);text-shadow:0 0 16px rgba(63,182,176,.25);text-align:center}.modal-counter{font-family:Cormorant Garamond,Georgia,serif;font-size:11px;letter-spacing:.45em;text-indent:.45em;text-transform:uppercase;color:#e8e3d673}.modal-close{position:absolute;top:-14px;right:-14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(232,227,214,.4);background:#0a0a0ee6;color:var(--bone, #e8e3d6);font-size:20px;line-height:36px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.modal-close:hover{background:#d9763c2e;border-color:#d9763c99;box-shadow:0 0 16px #d9763c66}.modal-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:101;width:52px;height:52px;border-radius:50%;border:1px solid rgba(232,227,214,.22);background:#080a128c;color:#e8e3d6bf;font-family:Cormorant Garamond,Georgia,serif;font-size:30px;line-height:46px;cursor:pointer;backdrop-filter:blur(4px);transition:border-color .25s ease,color .25s ease,box-shadow .25s ease,background .25s ease}.modal-nav.prev{left:max(18px,4vw)}.modal-nav.next{right:max(18px,4vw)}.modal-nav:hover{color:var(--bone, #e8e3d6);border-color:#3fb6b099;box-shadow:0 0 18px #3fb6b038;background:#080a12cc}@media (max-width: 640px){.modal-nav{top:auto;bottom:22px;transform:none;width:46px;height:46px;line-height:41px}.modal-nav.prev{left:calc(50% - 64px)}.modal-nav.next{right:calc(50% - 64px)}.modal-card img{max-height:58vh}}.controls{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:10px;padding:6px;background:#080a1259;border:1px solid rgba(232,227,214,.1);border-radius:2px;backdrop-filter:blur(8px)}.ctl-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid rgba(232,227,214,.12);color:#e8e3d6b8;font-family:Cormorant Garamond,Georgia,serif;font-size:13px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:color .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}.ctl-btn:hover{color:var(--bone, #e8e3d6);border-color:#3fb6b080;box-shadow:0 0 14px #3fb6b02e}.ctl-btn.active{color:var(--bone, #e8e3d6);border-color:#3fb6b0a6;box-shadow:inset 0 0 16px #3fb6b01f,0 0 12px #3fb6b02e}.ctl-icon{font-size:16px;line-height:1;color:var(--teal, #3fb6b0);text-shadow:0 0 8px rgba(63,182,176,.5)}.ctl-label{font-weight:600}@media (max-width: 520px){.ctl-label{display:none}.ctl-btn{padding:10px 12px}}