:root{--wonder-navy:#08111f;--wonder-panel:#101b2c;--wonder-gold:#e0ba68;--wonder-rose:#d8496a;--wonder-cream:#fff9ef;--wonder-soft:#c8c0b4}
html{scroll-behavior:smooth}.wonders-hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:clamp(40px,7vw,100px);align-items:center;padding-top:80px;padding-bottom:90px;background:radial-gradient(circle at 8% 30%,rgba(216,73,106,.14),transparent 30%),var(--wonder-navy)}.wonders-hero-copy h1{margin:0 0 28px;color:var(--wonder-cream);font:600 clamp(58px,7vw,100px)/.94 var(--serif);letter-spacing:-.055em}.wonders-hero-copy h1 em{color:var(--wonder-gold);font-weight:500}.wonders-hero-copy>p:not(.eyebrow){max-width:590px;margin:0 0 32px;color:#d1c9bc;font-size:15px;line-height:1.85}.wonders-hero-copy>p strong{display:block;margin-bottom:8px;color:var(--wonder-cream);font:600 21px/1.35 var(--serif)}.wonders-hero-art{position:relative;margin:0;padding:14px;background:#050b14;border:1px solid rgba(224,186,104,.38);box-shadow:20px 20px 0 rgba(224,186,104,.1)}.wonders-hero-art img{display:block;width:100%;max-height:72vh;object-fit:contain}.wonders-hero-art figcaption{padding:14px 3px 1px;color:var(--wonder-gold);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.wonder-notes{padding:105px 0;background:var(--wonder-panel);border-block:1px solid rgba(224,186,104,.18)}.wonder-notes-heading,.heart-hunt-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:65px;align-items:end;margin-bottom:45px}.wonder-notes-heading h2,.heart-hunt-heading h2{margin:0;color:var(--wonder-cream);font:600 clamp(40px,4.4vw,60px)/1.08 var(--serif);letter-spacing:-.035em}.wonder-notes-heading>p,.heart-hunt-heading>p{margin:0;color:var(--wonder-soft);font-size:13px;line-height:1.8}.wonder-notes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.wonder-notes-grid article{min-height:260px;padding:28px 25px;background:linear-gradient(150deg,#142238,#0b1525);border:1px solid rgba(224,186,104,.22)}.wonder-notes-grid span{color:var(--wonder-rose);font-size:9px;font-weight:800;letter-spacing:.16em}.wonder-notes-grid h3{margin:36px 0 14px;color:var(--wonder-cream);font:600 24px/1.2 var(--serif)}.wonder-notes-grid p{margin:0;color:var(--wonder-soft);font-size:12px;line-height:1.72}
.every-size{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);gap:clamp(45px,7vw,100px);align-items:center;padding-top:110px;padding-bottom:115px;background:radial-gradient(circle at 15% 50%,rgba(224,186,104,.11),transparent 34%),var(--wonder-navy)}.every-size-copy h2{margin:0 0 24px;color:var(--wonder-cream);font:600 clamp(42px,4.6vw,64px)/1.06 var(--serif);letter-spacing:-.04em}.painter-statement{margin:0 0 24px;padding:19px 0;border-block:1px solid rgba(224,186,104,.25);color:var(--wonder-gold);font:italic 19px/1.55 var(--serif)}.painter-statement cite{display:block;margin-top:9px;color:var(--wonder-rose);font:700 9px var(--sans);letter-spacing:.15em;text-transform:uppercase}.every-size-copy>p:not(.eyebrow){margin:0 0 23px;color:#d1c9bc;font-size:14px;line-height:1.84}.every-size-copy ul{margin:0 0 29px;padding:0;list-style:none;border-top:1px solid rgba(224,186,104,.22)}.every-size-copy li{position:relative;padding:12px 0 12px 25px;border-bottom:1px solid rgba(224,186,104,.16);color:var(--wonder-soft);font-size:11px;line-height:1.5}.every-size-copy li::before{content:"♡";position:absolute;left:0;color:var(--wonder-rose);font-size:14px}.detail-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}.detail-triptych figure{margin:0;padding:8px;background:#050b14;border:1px solid rgba(224,186,104,.28);box-shadow:0 18px 40px rgba(0,0,0,.2)}.detail-triptych figure:nth-child(2){transform:translateY(32px)}.detail-triptych img{display:block;width:100%;height:420px;object-fit:cover}.detail-triptych figcaption{min-height:67px;padding:11px 5px 4px;color:var(--wonder-soft);font-size:8px;font-weight:600;line-height:1.55;letter-spacing:.06em;text-transform:uppercase}.detail-triptych figcaption b{display:block;margin-bottom:4px;color:var(--wonder-gold);font-size:9px;letter-spacing:.12em}.one-of-one-note{grid-column:1/-1;margin:14px 0 0;padding:22px 26px;border-left:2px solid var(--wonder-rose);background:rgba(16,27,44,.72);color:var(--wonder-soft);font-size:12px;line-height:1.75}.one-of-one-note strong{color:var(--wonder-cream);font:600 19px var(--serif);margin-right:6px}
.meet-terri{padding:110px 0;background:var(--wonder-panel);border-block:1px solid rgba(224,186,104,.18)}.meet-terri-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:clamp(45px,7vw,95px);align-items:center}.meet-terri-studio{margin:0;padding:11px;background:#050b14;border:1px solid rgba(224,186,104,.3);box-shadow:18px 18px 0 rgba(216,73,106,.1)}.meet-terri-studio img{display:block;width:100%;max-height:680px;object-fit:cover}.meet-terri-studio figcaption{padding:12px 4px 3px;color:var(--wonder-gold);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.meet-terri-copy h2{margin:0 0 21px;color:var(--wonder-cream);font:600 clamp(44px,5vw,68px)/1.05 var(--serif);letter-spacing:-.045em}.meet-terri-copy>p:not(.eyebrow){margin:0 0 22px;color:#d1c9bc;font-size:14px;line-height:1.85}.meet-terri-copy blockquote{margin:0 0 28px;padding:20px 0;border-block:1px solid rgba(224,186,104,.22);color:var(--wonder-gold);font:italic 20px/1.5 var(--serif)}.meet-terri-copy blockquote span{font-style:normal}.meet-terri-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.meet-terri-call{color:var(--wonder-cream);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--wonder-gold);padding-bottom:5px}.make-it-yours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:32px 0 0;padding:0;list-style:none}.make-it-yours li{padding:17px 14px;background:#0b1626;border:1px solid rgba(224,186,104,.16)}.make-it-yours span{display:block;margin-bottom:13px;color:var(--wonder-rose);font-size:8px;font-weight:800;letter-spacing:.15em}.make-it-yours b{display:block;color:var(--wonder-cream);font:600 18px/1.2 var(--serif)}.make-it-yours small{display:block;margin-top:7px;color:var(--wonder-soft);font-size:9px;line-height:1.55}
.heart-hunt{padding-top:110px;padding-bottom:120px}.hunt-grid{display:grid;gap:28px}.hunt-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);min-height:590px;background:var(--wonder-panel);border:1px solid rgba(224,186,104,.24);scroll-margin-top:95px;overflow:hidden}.hunt-card:nth-child(even){grid-template-columns:minmax(320px,.65fr) minmax(0,1.35fr)}.hunt-card:nth-child(even) .hunt-image{order:2}.hunt-image{position:relative;display:grid;place-items:center;min-height:560px;padding:24px;background:#050b14}.hunt-image img{display:block;width:100%;height:100%;max-height:650px;object-fit:contain}.heart-marker{position:absolute;left:var(--x);top:var(--y);width:54px;height:54px;display:grid;place-items:center;transform:translate(-50%,-50%) scale(.2);border:2px solid #fff;border-radius:50%;background:rgba(216,73,106,.9);color:#fff;font:700 34px/1 var(--serif);opacity:0;box-shadow:0 0 0 9px rgba(216,73,106,.23),0 0 35px rgba(216,73,106,.8);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}.hunt-card.revealed .heart-marker{opacity:1;transform:translate(-50%,-50%) scale(1);animation:heart-pulse 1.8s ease-in-out infinite}.hunt-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,68px)}.hunt-number{margin:0 0 18px;color:var(--wonder-rose);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hunt-copy h3{margin:0 0 18px;color:var(--wonder-cream);font:600 clamp(33px,3.4vw,48px)/1.08 var(--serif)}.hunt-copy>p:not(.hunt-number):not(.hunt-feedback){margin:0 0 27px;color:var(--wonder-soft);font-size:13px;line-height:1.78}.hunt-actions{display:flex;flex-wrap:wrap;gap:10px}.reveal-button,.share-button,.share-quiz,.quiz-options button{border:1px solid rgba(224,186,104,.5);background:transparent;color:var(--wonder-cream);padding:13px 17px;font:700 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.reveal-button{background:var(--wonder-rose);border-color:var(--wonder-rose)}.share-button,.share-quiz{color:var(--wonder-gold)}.reveal-button:hover,.share-button:hover,.share-quiz:hover,.quiz-options button:hover{border-color:var(--wonder-gold);background:rgba(224,186,104,.1)}.hunt-feedback{min-height:25px;margin:16px 0 5px;color:var(--wonder-gold);font:italic 16px/1.4 var(--serif)}.hunt-copy>a{margin-top:14px;color:var(--wonder-gold);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.detail-quiz{padding:105px 0;background:var(--wonder-panel);border-block:1px solid rgba(224,186,104,.18)}.detail-quiz-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:clamp(45px,7vw,100px);align-items:center}.detail-quiz-image{position:relative;padding:12px;background:#050b14;border:1px solid rgba(224,186,104,.3)}.detail-quiz-image img{display:block;width:100%;max-height:650px;object-fit:contain}.detail-quiz-image span{position:absolute;left:24px;bottom:24px;padding:9px 12px;background:rgba(8,17,31,.9);color:var(--wonder-gold);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.detail-quiz-copy h2{margin:0 0 28px;color:var(--wonder-cream);font:600 clamp(38px,4.1vw,58px)/1.08 var(--serif)}.quiz-options{display:grid;gap:10px}.quiz-options button{text-align:left;text-transform:none;font-size:12px;letter-spacing:0}.quiz-options button.correct{background:#274c3b;border-color:#77b797}.quiz-options button.wrong{background:#4a2430;border-color:#d8496a}.quiz-feedback{min-height:32px;margin:18px 0;color:var(--wonder-gold);font:italic 18px/1.45 var(--serif)}
.wonders-closing{text-align:center;padding-top:115px;padding-bottom:120px}.wonders-closing h2{max-width:850px;margin:0 auto 20px;color:var(--wonder-cream);font:600 clamp(40px,5vw,67px)/1.08 var(--serif);letter-spacing:-.035em}.wonders-closing>p:not(.eyebrow){margin:0 0 30px;color:var(--wonder-soft);font-size:14px}
@keyframes heart-pulse{50%{box-shadow:0 0 0 15px rgba(216,73,106,0),0 0 44px rgba(216,73,106,.65)}}
@media(max-width:900px){.wonders-hero{grid-template-columns:1fr;min-height:0}.wonder-notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.every-size,.meet-terri-inner{grid-template-columns:1fr}.hunt-card,.hunt-card:nth-child(even){grid-template-columns:1fr}.hunt-card:nth-child(even) .hunt-image{order:0}.detail-quiz-inner{grid-template-columns:1fr}.hunt-image{min-height:470px}}
@media(max-width:650px){.wonders-hero{padding-top:62px;padding-bottom:76px}.wonders-hero-copy h1{font-size:58px}.wonders-hero-art{box-shadow:10px 10px 0 rgba(224,186,104,.1)}.wonder-notes{padding:76px 0}.wonder-notes-heading,.heart-hunt-heading{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.wonder-notes-grid{grid-template-columns:1fr}.wonder-notes-grid article{min-height:0}.every-size{padding-top:76px;padding-bottom:82px}.detail-triptych{grid-template-columns:1fr}.detail-triptych figure:nth-child(2){transform:none}.detail-triptych img{height:auto;max-height:520px}.meet-terri{padding:76px 0}.meet-terri-studio{box-shadow:10px 10px 0 rgba(216,73,106,.1)}.make-it-yours{grid-template-columns:1fr}.heart-hunt{padding-top:76px;padding-bottom:82px}.hunt-card{min-height:0}.hunt-image{min-height:370px;padding:12px}.hunt-copy{padding:30px 23px}.heart-marker{width:46px;height:46px;font-size:29px}.detail-quiz{padding:76px 0}.wonders-closing{padding-top:80px;padding-bottom:84px}}
@media(prefers-reduced-motion:reduce){.hunt-card.revealed .heart-marker{animation:none}.heart-marker{transition:none}}