/* Sana's photo collection: the same navy and cyan system as the travel atlas. */
.aahil-wonders{padding:clamp(22px,2.5vw,34px);border:1px solid #d4dfe6;border-radius:28px;background:radial-gradient(ellipse at 100% 0,#e5edf5 0,transparent 46%),#fffdfc;box-shadow:0 18px 55px #566b780b;overflow:hidden}
.wonders-heading{gap:24px;align-items:center}
.wonders-heading .eyebrow{color:#648096;font-size:10px;letter-spacing:.15em;line-height:1.5}
.wonders-heading h2{font-size:clamp(34px,3.4vw,48px);line-height:1.03;margin:13px 0 12px;letter-spacing:-.045em;color:#183759}
.wonders-heading h2 em{color:#537ba2;background:none}
.wonders-intro{font-size:14px;color:#647b99;margin:0;line-height:1.6}
.wonders-tally{text-align:center;flex:0 0 auto}
.wonders-tally-ring{width:108px;height:108px;border-radius:50%;padding:7px;background:conic-gradient(from -90deg,#5d82a3 0 71.43%,#e1e9ee 71.43% 100%);box-shadow:0 0 0 7px #f8fcff}
.wonders-tally strong{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;border-radius:50%;background:#fafcff;font-size:45px;color:#466485}
.wonders-tally strong span{font-size:21px;color:#899daa}
.wonders-tally small{font-size:9px;letter-spacing:.12em;color:#647c89;margin-top:15px}
.wonders-console{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(26px,3vw,46px);padding:28px 34px 26px 24px;margin:28px 0 26px;background:radial-gradient(ellipse at 30% 20%,#176a9c77,transparent 56%),radial-gradient(ellipse at 100% 100%,#51439a42,transparent 48%),#10264b;border:1px solid #4779a9;border-radius:22px;box-shadow:0 16px 32px #07152d55}
.wonders-console:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background-image:radial-gradient(#d8e7f0 1px,transparent 1px);background-size:54px 54px;opacity:.13;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.wonder-photo-portal{padding:12px 10px 25px}
.wonder-orbit{inset:1px -5px 13px;transform:rotate(-12deg) scaleY(.87);border-color:var(--wonder-color);opacity:.35;box-shadow:0 0 24px color-mix(in srgb,var(--wonder-color) 15%,transparent)}
.wonder-photo{height:clamp(260px,23vw,310px);background:#0a1f40;border:1px solid color-mix(in srgb,var(--wonder-color) 60%,#6e9bc6);border-radius:14px;box-shadow:0 18px 32px #06142b88,0 0 30px color-mix(in srgb,var(--wonder-color) 8%,transparent);transform:rotateY(4deg) rotateZ(-1deg);transition:transform .4s,border-color .4s}
.wonder-photo:hover{transform:rotateY(0deg) rotateZ(0deg);border-color:#d0e2f1}
.wonder-photo img{object-fit:contain;position:relative;z-index:1}
.wonder-photo-label{bottom:12px;left:12px;padding:7px 9px;background:#0a1d3ee8;border-color:#b9d9f366;color:#f0faff;font-size:8px;z-index:2}
.wonder-enlarge{top:12px;right:12px;background:#173f70d9;border-color:#cee7f066;z-index:2;width:34px;height:34px}
.wonder-coordinate{bottom:0;left:14px;color:#bed1ed;font-size:8px;letter-spacing:.18em}
.wonder-story{position:relative;padding:7px 0;z-index:1}
.wonder-ordinal{position:absolute;right:0;top:-40px;font:500 135px/1 var(--display);letter-spacing:-.08em;color:#cae4e8;opacity:.06;pointer-events:none;z-index:-1}
.wonder-visited{background:#8fa5bc26;color:#dbe9f6;border:1px solid #b1c8d666;border-radius:6px;padding:7px 10px;font-size:9px;letter-spacing:.15em}
body[data-shoulder] .wonder-story .eyebrow{display:flex;align-items:center;gap:8px;color:var(--wonder-color);font-size:11px;line-height:1.5;margin:20px 0 10px;letter-spacing:.06em;text-transform:uppercase}
.wonder-country-flag{width:20px;height:15px;flex:0 0 auto;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #758b9533}
.wonder-story h3{color:#f7fcff;font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.04em;margin-bottom:15px}
.wonder-story>p:not(.eyebrow){font-size:14px;line-height:1.65;color:#c7d8ef;max-width:320px}
body[data-shoulder] .wonder-story .wonder-album{background:#d8e5f3;border:1px solid #d8e5f3;color:#173759;box-shadow:0 4px 18px #071a3520;min-height:44px;font-size:12px;margin:13px 0 23px;padding:13px 16px;border-radius:8px}
.wonder-tour-controls{gap:7px}
.wonder-tour-controls button{background:#d6e0f10b;color:#edf6f8;border:1px solid #b6ccd755;min-height:44px;min-width:44px;padding:9px 12px;font-size:11px;border-radius:8px}
.wonder-tour-controls button:hover{border-color:#bed9eb;background:#8095ab21}
.wonder-tour-controls>span{color:#bfcfd9;font-size:10px}
.wonder-progress{height:3px;background:#c3d6da27;border-radius:5px;overflow:hidden}
.wonder-progress i{background:var(--wonder-color);box-shadow:none;border-radius:5px}
.wonder-tour-note{color:#b4c9e6;font-size:10px;line-height:1.6}
.wonder-collection-label{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 14px;color:#728a95;font-size:9px;letter-spacing:.12em;line-height:1.5}
.wonder-collection-label>span:last-child{letter-spacing:0;color:#687e9b;font-size:11px;white-space:nowrap}
.wonder-stamps{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding-top:4px;align-items:stretch}
.wonder-stamp,.wonder-stamp.is-ahead{display:flex;flex-direction:column;gap:0;min-height:0;padding:0;text-align:left;background:#fff;border:1px solid #d1dde2;border-radius:12px;color:#183759;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.wonder-stamp-art{position:relative;display:block;width:100%;aspect-ratio:1.5;background:#e8eef1;overflow:hidden}
.wonder-stamp-art img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .5s}
.wonder-stamp-art>span{position:absolute;top:8px;left:7px;padding:4px 5px;border-radius:4px;background:#0a264bd9;color:#f0f7ff;font-size:7px;letter-spacing:.03em;line-height:1.3}
.wonder-stamp-copy{position:relative;display:flex;flex:1;flex-direction:column;gap:7px;padding:11px 9px 12px}
.wonder-stamp-number{position:absolute;right:8px;top:10px;font-size:8px;color:#9db1bb}
.wonder-stamp strong{font:600 14px/1.22 var(--display);letter-spacing:-.02em;color:#183759;padding-right:11px;min-height:34px}
.wonder-stamp small{display:flex;justify-content:flex-start;align-items:center;gap:5px;margin-top:auto;font-size:10px;color:#6c868b;line-height:1.4}
.wonder-stamp[aria-pressed=true]{background:#f0f6fb;border:2px solid #7a9cb3;box-shadow:0 7px 18px #5f81961b;transform:translateY(-4px)}
.wonder-stamp[aria-pressed=true] .wonder-stamp-copy{padding:10px 8px 11px}
.wonder-stamp:hover:not(.is-ahead){border-color:#7194ad;box-shadow:0 8px 20px #5d7d8c1a;transform:translateY(-4px)}
.wonder-stamp:hover .wonder-stamp-art img{transform:scale(1.04)}
.wonder-stamp.is-ahead{border-style:dashed;background:#f5f8fa}
.wonder-stamp.is-ahead .wonder-stamp-art{display:grid;place-items:center;background:linear-gradient(140deg,#e5eef0,#f3f5fa);color:#8ca4b3}
.wonder-stamp-art svg{width:85%;height:85%;padding-bottom:6px}
.wonder-stamp.is-ahead .wonder-stamp-art>span{top:auto;bottom:5px;left:0;width:100%;background:none;color:#8397a1;font-size:6px;text-align:center;letter-spacing:.06em}
.aahil-wonders :is(button,a):focus-visible{outline:3px solid #8aa5bb;outline-offset:4px}
@media(max-width:1000px){.wonders-console{padding:22px;gap:24px}.wonder-photo{height:300px}.wonder-story h3{font-size:30px}.wonder-stamps{grid-template-columns:repeat(4,minmax(0,1fr))}.wonder-stamp-art{aspect-ratio:1.7}.wonder-stamp strong{min-height:0}.wonder-stamp:last-child{grid-column:auto}}
@media(max-width:650px){.aahil-wonders{padding:22px 16px;border-radius:21px;margin-top:34px;margin-bottom:40px}.wonders-heading{gap:14px;align-items:flex-start}.wonders-heading .eyebrow{font-size:8px;max-width:210px}.wonders-heading h2{font-size:30px;margin-top:10px}.wonders-intro{font-size:12px;max-width:210px}.wonders-tally-ring{height:76px;width:76px;padding:5px;box-shadow:0 0 0 4px #f8fcff}.wonders-tally strong{font-size:33px}.wonders-tally strong span{font-size:16px}.wonders-tally small{font-size:7px;margin-top:12px;letter-spacing:.06em}.wonders-console{grid-template-columns:1fr;gap:19px;padding:18px 15px;margin:23px -4px 23px;border-radius:16px}.wonder-photo-portal{padding:6px 6px 24px}.wonder-photo{height:290px;transform:rotateZ(-1deg)}.wonder-photo-label{font-size:6px;padding:6px 7px;bottom:9px;left:9px}.wonder-story{padding:0 4px 3px}.wonder-story .eyebrow{margin-top:13px;font-size:10px}.wonder-story h3{font-size:30px}.wonder-story>p:not(.eyebrow){max-width:none;font-size:13px}.wonder-ordinal{font-size:110px;top:-12px;right:5px}.wonder-story .wonder-album{width:100%}.wonder-tour-note{font-size:9px}.wonder-coordinate{font-size:7px}.wonder-collection-label{flex-direction:column;align-items:flex-start;gap:3px;margin-bottom:11px;font-size:8px}.wonder-collection-label>span:last-child{font-size:10px}.wonder-stamps{display:flex;gap:11px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:5px 4px 14px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:#a3b8c5 transparent}.wonder-stamp,.wonder-stamp.is-ahead{flex:0 0 147px;scroll-snap-align:start}.wonder-stamp-art{aspect-ratio:1.25}.wonder-stamp strong{font-size:15px;min-height:37px}.wonder-stamp small{font-size:11px}.wonder-stamp-art>span{font-size:8px}.wonder-stamp.is-ahead .wonder-stamp-art>span{font-size:7px}.wonder-stamp-copy{padding:12px}.wonder-stamp[aria-pressed=true] .wonder-stamp-copy{padding:11px}}
@media(max-width:360px){.wonders-heading h2{font-size:26px}.wonders-heading .eyebrow{font-size:7px}.wonders-tally-ring{height:65px;width:65px}.wonders-tally strong{font-size:29px}.wonders-tally strong span{font-size:14px}.wonders-tally small{font-size:6px}.wonder-photo{height:240px}.wonder-story h3{font-size:27px}.wonder-tour-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.wonder-stamp,.wonder-photo,.wonder-stamp-art img{transition:none}.wonder-photo{transform:none}}