html{scroll-behavior:smooth}.wonders-page{background:#f5efe5;color:#64263a}.wonders-main{overflow:clip}.wonders-page h1,.wonders-page h2,.wonders-page h3{font-family:'Cormorant Garamond',serif;font-weight:500}.wonders-page .eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600}.wonders-hero{display:grid;grid-template-columns:48% 52%;min-height:650px;background:#64263a;color:#f5efe5;padding:58px 7% 65px;gap:20px;position:relative}.wonders-hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,#f0e3a6 0 16px,#64263a 16px 32px)}.wonder-breadcrumb{font-size:9px;letter-spacing:1.5px;text-decoration:none;opacity:.78}.wonders-hero-text>.eyebrow{margin:46px 0 15px;color:#f0e3a6}.wonders-hero h1{font-size:clamp(62px,6.5vw,100px);line-height:.88;letter-spacing:-3px;margin:0 0 30px}.wonders-hero h1 i{font-weight:400;color:#f0e3a6}.wonders-lead{font:500 22px/1.2 'Cormorant Garamond',serif!important;max-width:380px}.wonders-hero-text>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:370px}.wonders-hero-link{display:inline-flex;gap:35px;align-items:center;margin-top:23px;padding-bottom:10px;border-bottom:1px solid #f5efe56b;letter-spacing:1.5px;font-size:9px;text-decoration:none}.wonders-hero-link span{font-size:22px;line-height:1}.wonders-hero-gallery{position:relative;margin:10px 0 15px 10px;min-width:0}.wonder-hero-main{display:block;width:84%;height:450px;object-fit:cover;border-radius:48% 48% 8px 8px;box-shadow:9px 10px 0 #f0e3a6;margin-left:8%;object-position:50% 45%}.wonder-hero-small{position:absolute;bottom:0;left:-3%;width:40%;height:180px;object-fit:cover;border:7px solid #f5efe5;border-radius:8px;transform:rotate(-7deg);box-shadow:0 12px 25px #0003}.wonder-hero-label{position:absolute;top:210px;right:-17px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px}.wonder-hero-note{position:absolute;right:0;bottom:0;color:#f0e3a6;font:24px/1 'Cormorant Garamond',serif;transform:rotate(3deg)}.wonder-hero-note i{font-weight:400}.wonders-chapters{position:sticky;top:0;z-index:4;display:flex;justify-content:center;background:#f0e3a6;border-bottom:1px solid #64263a44;padding:0 4%;box-shadow:0 3px 8px #64263a08}.wonders-chapters>a{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 28px;font-size:10px;letter-spacing:.9px;text-decoration:none;border-right:1px solid #64263a25;flex:1;max-width:420px}.wonders-chapters>a:first-child{border-left:1px solid #64263a25}.wonders-chapters span{font:italic 23px 'Cormorant Garamond',serif}.wonders-chapters small{font-size:8px;opacity:.65;margin-left:8px}.wonders-chapters a:hover{background:#e6d695}.wonders-explainer{max-width:1230px;margin:auto;padding:78px 35px 58px;scroll-margin-top:75px}.wonders-explainer-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;margin:15px 0 35px}.wonders-explainer h2,.wonder-faq h2{font-size:clamp(40px,4vw,62px);letter-spacing:-1.2px;line-height:1;margin:0}.wonders-explainer-heading>p{font-size:15px;line-height:1.9;max-width:450px}.wonders-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.wonders-context-grid article{padding:24px 23px 25px;border-top:2px solid #64263a;border-bottom:1px solid #64263a33}.wonders-context-grid article:nth-child(2){background:#ece2d1}.wonders-context-grid article>span{font-size:8px;letter-spacing:1.5px;font-weight:600}.wonders-context-grid h3{font-size:33px;margin:15px 0}.wonders-context-grid p{font-size:12px;line-height:1.9;margin:0}.wonder-unesco{display:flex;gap:25px;padding:28px 32px;background:#d5e1e2;border-radius:3px 35px 3px 3px;margin-top:36px}.wonder-unesco-symbol{font:70px/1 'Cormorant Garamond',serif}.wonder-unesco h3{font-size:28px;line-height:1.05;margin:0 0 12px}.wonder-unesco p{font-size:12px;line-height:1.85;max-width:920px;margin:0}.wonder-unesco a{display:inline-block;font-size:10px;margin:15px 22px 0 0;text-underline-offset:3px}.wonder-chapter{padding:66px max(35px,calc((100vw - 1160px)/2)) 70px;scroll-margin-top:60px}.wonder-chapter-head{display:grid;grid-template-columns:55px 1.1fr 1fr;gap:25px;align-items:center;margin-bottom:30px}.wonder-chapter-num{font:italic 46px 'Cormorant Garamond',serif;align-self:start;border-top:1px solid currentColor;padding-top:8px}.wonder-chapter-head h2{font-size:clamp(38px,3.7vw,58px);line-height:.98;letter-spacing:-1px;margin:12px 0}.wonder-chapter-intro{font-size:13px;line-height:1.9;margin-left:35px}.wonder-chapter-intro a{font-size:10px;text-underline-offset:4px}.wonder-index{display:flex;flex-wrap:wrap;gap:7px;padding:0 0 35px}.wonder-index a{border:1px solid #64263a40;border-radius:25px;padding:7px 12px;text-decoration:none;font-size:10px;line-height:1.3}.wonder-index a:hover{background:#64263a;color:#fff4df}.wonder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 42px;align-items:start}.wonder-card{min-width:0;scroll-margin-top:90px}.wonder-visual{position:relative}.wonder-photo{margin:0}.wonder-photo img{width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;display:block;border-radius:6px 42px 6px 6px;box-shadow:5px 6px 0 #d6c9b5}.wonder-photo figcaption{margin:13px 0 0;font-size:9px;line-height:1.65;color:#775b60}.wonder-photo figcaption span{display:block}.wonder-photo figcaption>a{font-size:8px;text-underline-offset:2px;display:inline-block;margin-top:3px}.wonder-number{position:absolute;z-index:1;left:15px;top:15px;display:grid;place-items:center;width:39px;height:39px;background:#f0e3a6;color:#64263a;border-radius:50%;font:italic 23px 'Cormorant Garamond',serif;box-shadow:0 2px 8px #0001}.wonder-copy{padding:23px 4px 0}.wonder-location{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;font-weight:600}.wonder-card h3{font-size:43px;line-height:.95;letter-spacing:-1px;margin:12px 0 18px}.wonder-copy>p{font-size:13px;line-height:1.9;margin:12px 0}.wonder-copy>p.wonder-tag{font:500 23px/1.15 'Cormorant Garamond',serif;margin:17px 0}.wonder-detail{border-left:2px solid #b19e77;padding:4px 0 4px 16px;margin:21px 0}.wonder-detail>span{font-size:8px;letter-spacing:1.3px;font-weight:700}.wonder-detail p{font-size:12px;line-height:1.8;margin:8px 0 0}.wonder-read{display:inline-flex;gap:24px;align-items:center;font-size:9px;letter-spacing:1px;text-decoration:none;border-bottom:1px solid #64263a55;padding:0 0 6px;margin-top:3px}.wonder-read span{font-size:17px}.wonder-feature{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:46px;margin:0 0 8px}.wonder-feature .wonder-copy{padding-top:5px}.wonder-feature .wonder-photo img{aspect-ratio:1.05;border-radius:48% 48% 5px 5px;box-shadow:8px 8px 0 #d6c9b5}.wonder-feature .wonder-number{top:8px;left:8px}.wonder-feature h3{font-size:53px}.wonder-status{display:inline-block;border:1px solid #64263a55;border-radius:2px;padding:5px 8px;font-size:9px;margin-bottom:2px}.giza-interlude{background:#64263a;color:#f5efe5;padding:43px max(35px,calc((100vw - 1040px)/2));display:grid;grid-template-columns:1fr 1.3fr;column-gap:55px;align-items:center}.giza-interlude>span{font-size:8px;letter-spacing:1.8px;color:#f0e3a6;grid-column:1;align-self:end}.giza-interlude h2{font-size:52px;letter-spacing:-1px;margin:12px 0;grid-column:1}.giza-interlude p{font-size:13px;line-height:1.9;grid-column:2;grid-row:1/3;margin:0}.giza-interlude a{font-size:9px;letter-spacing:1px;margin-top:15px;grid-column:2;text-underline-offset:6px}.wonder-ancient{background:#eae1d3}.wonder-ancient .wonder-photo img{box-shadow:5px 6px 0 #d0bda4}.wonder-ancient .wonder-feature .wonder-photo img{border-radius:6px 70px 6px 6px;aspect-ratio:1.2}.wonder-natural{background:#e2e8df}.wonder-natural .wonder-photo img{box-shadow:5px 6px 0 #bdc7b8}.wonder-natural .wonder-number{background:#f5efe5}.wonder-natural .wonder-feature .wonder-photo img{border-radius:6px 65px 6px 6px;aspect-ratio:1.2}.wonder-natural .wonder-detail{border-color:#718372}#cristo .wonder-photo img{object-position:50% 25%}#zeus .wonder-photo img{object-position:50% 55%}.wonder-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;max-width:1230px;padding:75px 35px;margin:auto}.wonder-faq h2{margin-top:16px;font-size:46px}.wonder-faq details{border-bottom:1px solid #64263a40}.wonder-faq summary{cursor:pointer;list-style:none;font-size:13px;line-height:1.6;padding:20px 0;display:flex;gap:20px;justify-content:space-between}.wonder-faq summary::-webkit-details-marker{display:none}.wonder-faq summary span{font-size:21px;flex-shrink:0}.wonder-faq details[open] summary span{transform:rotate(45deg)}.wonder-faq details p{font-size:12px;line-height:1.9;margin:0 28px 22px 0}.wonder-sources{border-top:1px solid #64263a40;max-width:1160px;margin:0 auto;padding:38px 0 60px}.wonder-sources>h2{font-size:38px;margin:0 0 15px}.wonder-sources>p,.wonder-credits p{font-size:12px;line-height:1.9;max-width:900px}.wonder-source-links{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.wonder-source-links a{font-size:11px;border:1px solid #64263a40;border-radius:22px;padding:8px 15px;text-decoration:none}.wonder-credits{border-top:1px solid #64263a30;border-bottom:1px solid #64263a30;padding:18px 0}.wonder-credits summary{font-size:12px;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.wonder-credits li{font-size:10px;line-height:1.9;margin:10px 0;overflow-wrap:anywhere}.wonder-back{font-size:10px;letter-spacing:1.5px;text-decoration:none;display:inline-block;margin-top:35px;padding-bottom:8px;border-bottom:1px solid currentColor}
@media(min-width:1500px){.wonders-hero{padding-left:max(7%,calc((100vw - 1250px)/2));padding-right:max(7%,calc((100vw - 1250px)/2))}}@media(max-width:1000px){.wonders-hero{padding:45px 6% 65px;min-height:590px;grid-template-columns:47% 53%;gap:0}.wonders-hero h1{font-size:73px}.wonders-hero-gallery{margin-left:15px}.wonder-hero-main{height:385px}.wonder-hero-small{height:140px;width:44%}.wonder-hero-note{font-size:20px;right:0;bottom:5px}.wonder-hero-label{right:-10px;top:150px}.wonders-chapters>a{font-size:9px;padding:17px 8px;gap:8px}.wonders-chapters small{display:none}.wonders-explainer-heading{gap:35px}.wonders-context-grid{gap:15px}.wonders-context-grid article{padding:20px 15px}.wonder-chapter{padding-left:30px;padding-right:30px}.wonder-chapter-head{grid-template-columns:40px 1fr 1fr;gap:18px}.wonder-chapter-intro{margin-left:0}.wonder-grid{gap:35px 30px}.wonder-feature{gap:30px}.wonder-feature h3{font-size:44px}.wonder-sources{margin:0 35px}.wonder-faq{gap:45px}.wonder-photo img{aspect-ratio:1.35}}
@media(max-width:700px){.wonders-hero{display:flex;flex-direction:column;padding:30px 25px 50px;min-height:0}.wonders-hero-text>.eyebrow{margin-top:31px;font-size:8px}.wonders-hero h1{font-size:72px;letter-spacing:-2px;margin-bottom:22px}.wonders-hero-text>p:not(.eyebrow){max-width:430px;font-size:13px}.wonders-lead{font-size:23px!important}.wonders-hero-link{margin-top:15px}.wonders-hero-gallery{margin:35px 18px 10px 22px;height:390px}.wonder-hero-main{height:330px;width:85%;margin-left:10%;border-radius:48% 48% 5px 5px;box-shadow:6px 6px 0 #f0e3a6}.wonder-hero-small{left:-8%;bottom:5px;width:47%;height:135px;border-width:5px}.wonder-hero-label{right:-22px;top:115px;font-size:7px}.wonder-hero-note{right:0;bottom:0;font-size:21px}.wonders-chapters{padding:0 4px}.wonders-chapters>a{font-size:8px;letter-spacing:.4px;gap:6px;padding:13px 5px;text-align:center;line-height:1.4}.wonders-chapters span{font-size:19px}.wonders-explainer{padding:46px 23px 38px}.wonders-explainer-heading{display:block;margin:16px 0 25px}.wonders-explainer h2{font-size:44px;letter-spacing:-.9px}.wonders-explainer-heading>p{font-size:14px;margin-top:23px}.wonders-context-grid{display:block}.wonders-context-grid article{padding:20px 18px;margin-bottom:14px}.wonders-context-grid h3{font-size:33px;margin:10px 0}.wonders-context-grid p{font-size:13px}.wonder-unesco{padding:23px 20px;gap:15px;align-items:start}.wonder-unesco-symbol{font-size:44px}.wonder-unesco h3{font-size:26px}.wonder-unesco p{font-size:12px}.wonder-unesco a{font-size:10px}.wonder-chapter{padding:42px 23px 45px;scroll-margin-top:55px}.wonder-chapter-head{grid-template-columns:33px 1fr;gap:15px;margin-bottom:22px}.wonder-chapter-num{font-size:34px}.wonder-chapter-head h2{font-size:42px;letter-spacing:-.8px;margin-top:12px}.wonder-chapter-intro{grid-column:1/-1;font-size:13px}.wonder-chapter-intro p{margin:0 0 10px}.wonder-index{padding-bottom:28px;gap:6px}.wonder-index a{font-size:9px;padding:7px 10px}.wonder-grid{display:block}.wonder-card{margin-bottom:42px;scroll-margin-top:75px}.wonder-card:last-child{margin-bottom:0}.wonder-feature{display:block}.wonder-photo img,.wonder-feature .wonder-photo img{aspect-ratio:1.3;border-radius:5px 38px 5px 5px;box-shadow:5px 5px 0 #d6c9b5}.wonder-feature .wonder-number{left:15px;top:15px}.wonder-copy,.wonder-feature .wonder-copy{padding:23px 0 0}.wonder-location{font-size:9px;line-height:1.5}.wonder-card h3,.wonder-feature h3{font-size:41px;margin:10px 0 17px}.wonder-copy>p{font-size:14px;line-height:1.85}.wonder-copy>p.wonder-tag{font-size:24px}.wonder-detail p{font-size:13px}.wonder-photo figcaption{font-size:9px;margin-top:12px}.wonder-photo figcaption a{font-size:8px}.wonder-ancient .wonder-feature .wonder-photo img,.wonder-natural .wonder-feature .wonder-photo img{aspect-ratio:1.3;border-radius:5px 38px 5px 5px}.giza-interlude{display:block;padding:34px 24px}.giza-interlude h2{font-size:46px;margin:12px 0 16px}.giza-interlude p{font-size:13px}.giza-interlude a{display:inline-block;margin-top:20px}.wonder-faq{display:block;padding:42px 24px}.wonder-faq h2{font-size:42px;margin:15px 0 28px}.wonder-faq summary{font-size:13px}.wonder-faq details p{font-size:13px}.wonder-sources{padding:30px 0 45px;margin:0 24px}.wonder-sources>h2{font-size:36px}.wonder-sources>p{font-size:12px}.wonder-source-links{gap:8px}.wonder-source-links a{font-size:10px}.wonder-credits li{font-size:10px}.wonder-credits ul{padding-left:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the hero note in its own row, below both photographs. */
.wonders-hero{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)}
.wonders-hero-gallery{height:auto;min-width:0;align-self:start}
.wonder-hero-images{position:relative;height:480px}
.wonder-hero-note{position:static;display:block;margin:28px 0 0;text-align:right;transform:none;font-size:27px;line-height:1.1}
@media(min-width:701px) and (max-width:1000px){.wonder-hero-images{height:415px}.wonder-hero-note{font-size:24px;margin-top:24px}}
@media(max-width:700px){.wonders-hero-gallery{height:auto;margin-bottom:5px}.wonder-hero-images{height:355px}.wonder-hero-note{font-size:25px;max-width:100%;margin-top:28px}}