/* Reference detail pass: illustrated filigree panels and compact resource rows. */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&display=swap');
.app{padding-bottom:90px;isolation:isolate}.app:after{content:'';position:absolute;left:0;right:0;bottom:0;height:230px;background:url('/assets/floor-florals-detail.png') bottom center/cover no-repeat;pointer-events:none;z-index:-1}.top-pair{gap:0;margin:7px -9px 8px;align-items:stretch}.top-pair .stone,.top-pair .stone.featured{aspect-ratio:1.5;min-height:0;padding:0;display:block;position:relative}.top-pair .stone:before,.top-pair .stone.featured:before{inset:0;background:url('/assets/crypt-panel-detail.png') center/100% 100% no-repeat;filter:drop-shadow(0 4px 3px #826b8922)}.top-pair .stone.featured:before{background-image:url('/assets/travel-panel-detail.png')}.top-pair .resource-emblem,.top-pair .feature-illustration{display:none}.top-pair .resource-copy,.top-pair .featured .resource-copy{position:absolute;inset:0;padding:0;display:block;width:auto;height:auto}.top-pair .stone h3,.top-pair .stone.featured h3{position:absolute;top:24%;left:23%;width:73%;margin:0;font-family:'Cinzel Decorative',Georgia,serif;font-weight:700;font-variant:small-caps;font-size:clamp(33px,3.7vw,60px);line-height:1.16;letter-spacing:-2px;color:#3c155b;white-space:nowrap;text-align:center}.top-pair .stone.featured h3{left:4%;width:77%;font-size:clamp(30px,3.4vw,54px);color:#104559;letter-spacing:-2.3px}.top-pair .stone h3:after{display:none}.top-pair .stone p,.top-pair .stone.featured p{position:absolute;top:54%;left:29%;width:65%;max-width:none;text-align:center;margin:0;font:500 clamp(17px,1.7vw,26px)/1.2 var(--heading);color:#60427e}.top-pair .stone.featured p{left:5%;width:70%}.top-pair .btn-gold,.top-pair .featured .btn-gold,.top-pair .crypt-feature .btn-gold{position:absolute;left:30%;bottom:13%;width:64%;max-width:none;min-height:0;height:15%;padding:0 12px;font:600 clamp(17px,1.8vw,25px) var(--heading);letter-spacing:0;gap:23px;border:1px solid #a67c39;box-shadow:0 0 0 2px #e0c181,inset 0 2px 0 #b2e2de,0 3px 5px #84674620;background:linear-gradient(#45a5b1,#147b8d);transform:none}.top-pair .featured .btn-gold{left:8%;width:65%}.top-pair .btn-gold span{font:32px/1 Georgia,serif}
.resources-heading-row{display:flex;align-items:center;gap:30px;margin:15px 0 15px}.resources-heading{font:600 33px/1.1 var(--heading);margin:0;flex:1;gap:28px;white-space:nowrap}.resources-heading:after{height:1px;background:linear-gradient(90deg,#ba8c48 0 47%,transparent 47% 53%,#ba8c48 53%);min-width:50px}.resource-heading-note{font:500 10px Inter,system-ui,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#6e4a87;white-space:nowrap}.stone-grid{gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.stone-grid .stone{min-height:130px;padding:18px 37px 18px 17px;border:1px solid #b48a4b;background:linear-gradient(105deg,#fffdf8ed,#f8f3f4ef);border-radius:15px;gap:13px;align-items:center;position:relative;box-shadow:inset 0 0 0 3px #fffaf7,0 3px 6px #65476b12}.stone-grid .stone:before{content:'';display:block;position:absolute;inset:4px;border-radius:12px;border:1px solid transparent;border-left-color:#d3ad71;border-right-color:#d3ad71;background:none;box-shadow:none;pointer-events:none}.stone-grid .stone h3{font:700 25px/1.05 var(--heading);margin:0 0 6px;letter-spacing:-.4px}.stone-grid .stone p{font:500 17px/1.13 var(--heading);margin:0}.stone-grid .resource-copy{height:auto;display:flex;flex-direction:column;justify-content:center;position:static}.stone-grid .stone .resource-emblem{width:67px;height:79px;flex-shrink:0;border:0;background:none;border-radius:0}.stone-grid .stone .resource-icon{width:54px;height:54px}.stone-grid .stone.icon-tea .resource-emblem,.stone-grid .stone.icon-books .resource-emblem,.stone-grid .stone.icon-compass .resource-emblem{background-image:url('/assets/resource-icons-detail.png');background-size:300% 100%;background-repeat:no-repeat;background-position:left center;width:72px;height:79px}.stone-grid .stone.icon-books .resource-emblem{background-position:center center}.stone-grid .stone.icon-compass .resource-emblem{background-position:right center}.stone-grid .stone.icon-tea .resource-icon,.stone-grid .stone.icon-books .resource-icon,.stone-grid .stone.icon-compass .resource-icon{display:none}.stone-grid .stone .btn-gold{position:absolute;inset:0;margin:0;padding:0;background:transparent;border:0;border-radius:15px;box-shadow:none;color:transparent;font-size:0;min-height:0;z-index:3}.stone-grid .stone .btn-gold span{position:absolute;right:13px;top:50%;transform:translateY(-50%);font:30px/1 Georgia;color:#603c7b}.stone-grid .stone .badge{order:3;align-self:flex-start;margin:5px 0 0;padding:4px 17px;background:#dccbe7;border-radius:99px;font:500 16px/1 var(--heading)}.stone-grid .stone:hover{background:#fffaf7;box-shadow:0 4px 14px #784b8e1c}.stone-grid .stone:has(.btn-gold:focus-visible){outline:3px solid #167b8c;outline-offset:3px}.portal-footer{padding-top:16px;margin-top:27px;border:0;font-size:9px;opacity:.8}
@media(min-width:1500px){.stone-grid .stone h3{font-size:27px}.stone-grid .stone p{font-size:18px}.stone-grid .stone{min-height:140px}}
@media(max-width:1200px) and (min-width:901px){.top-pair .stone h3{font-size:38px}.top-pair .stone.featured h3{font-size:34px}.top-pair .stone p,.top-pair .stone.featured p{font-size:18px}.top-pair .btn-gold,.top-pair .featured .btn-gold,.top-pair .crypt-feature .btn-gold{font-size:18px;gap:10px}.stone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-heading-note{display:none}.stone-grid .stone h3{font-size:26px}}
@media(max-width:900px){.top-pair .stone h3{font-size:38px}.top-pair .stone.featured h3{font-size:34px}.top-pair .stone p,.top-pair .stone.featured p{font-size:18px}.top-pair .btn-gold,.top-pair .featured .btn-gold,.top-pair .crypt-feature .btn-gold{font-size:18px;gap:12px}.resource-heading-note{display:none}.stone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resources-heading{font-size:32px}}
@media(max-width:650px){.app{padding-bottom:95px}.top-pair{grid-template-columns:1fr;margin-left:-7px;margin-right:-7px;gap:15px}.top-pair .stone,.top-pair .stone.featured{aspect-ratio:1.24;min-height:0}.top-pair .stone h3{top:25%;font-size:39px;left:22%;width:74%;letter-spacing:-2px}.top-pair .stone.featured h3{top:25%;font-size:35px;left:3%;width:80%;letter-spacing:-2px}.top-pair .stone p,.top-pair .stone.featured p{top:54%;font-size:20px}.top-pair .btn-gold,.top-pair .featured .btn-gold,.top-pair .crypt-feature .btn-gold{font-size:19px;gap:14px;bottom:13%;height:16%}.top-pair .btn-gold span{font-size:26px}.resources-heading-row{margin-top:23px;margin-bottom:15px}.resources-heading{font-size:30px;gap:20px}.stone-grid{grid-template-columns:1fr;gap:13px}.stone-grid .stone{min-height:130px;padding-left:18px;padding-right:39px;gap:17px}.stone-grid .stone h3{font-size:27px}.stone-grid .stone p{font-size:19px}.stone-grid .stone .resource-emblem,.stone-grid .stone.icon-tea .resource-emblem,.stone-grid .stone.icon-books .resource-emblem,.stone-grid .stone.icon-compass .resource-emblem{width:73px;height:80px}.stone-grid .stone .badge{font-size:17px}.app:after{height:160px}}
@media(max-width:370px){.top-pair .stone h3{font-size:34px}.top-pair .stone.featured h3{font-size:31px}.top-pair .stone p,.top-pair .stone.featured p{font-size:18px}.top-pair .btn-gold,.top-pair .featured .btn-gold,.top-pair .crypt-feature .btn-gold{font-size:17px;gap:8px}}
.resources-heading:after{display:none}.heading-divider{position:relative;flex:1;min-width:45px;height:24px;display:grid;place-items:center;background:linear-gradient(#b18a50,#b18a50) center/100% 1px no-repeat}.heading-divider svg{fill:#b18a50;background:#fffaf5;box-sizing:content-box;padding:0 10px}
/* Keep live copy inside each illustration's deliberately clear area. */
.top-pair .stone h3{top:29%;left:34%;width:62%;font-size:clamp(31px,3.7vw,58px)}.top-pair .stone.featured h3{top:29%;left:4%;width:72%;font-size:clamp(29px,3.25vw,52px)}.top-pair .stone p{top:58%;left:51%;width:42%;font-size:clamp(17px,1.65vw,24px)}.top-pair .stone.featured p{top:58%;left:6%;width:49%;font-size:clamp(17px,1.65vw,24px)}.top-pair .crypt-feature .btn-gold{left:46%;width:48%;bottom:13%;font-size:clamp(17px,1.65vw,23px);gap:12px}.top-pair .featured .btn-gold{left:7%;width:53%;bottom:13%;font-size:clamp(17px,1.65vw,23px);gap:12px}
@media(max-width:900px){.top-pair .stone h3{font-size:34px}.top-pair .stone.featured h3{font-size:31px}.top-pair .stone p,.top-pair .stone.featured p{font-size:17px}.top-pair .crypt-feature .btn-gold,.top-pair .featured .btn-gold{font-size:17px;gap:8px;padding:0 6px}}
@media(max-width:650px){.top-pair .stone h3{font-size:36px;top:30%}.top-pair .stone.featured h3{font-size:32px;top:30%}.top-pair .stone p,.top-pair .stone.featured p{font-size:18px;top:58%}.top-pair .crypt-feature .btn-gold,.top-pair .featured .btn-gold{font-size:17px;gap:8px;padding:0 5px;height:15%}}
@media(max-width:370px){.top-pair .stone h3{font-size:32px}.top-pair .stone.featured h3{font-size:29px}.top-pair .stone p,.top-pair .stone.featured p{font-size:17px}.top-pair .crypt-feature .btn-gold,.top-pair .featured .btn-gold{font-size:16px;gap:5px}}
.top-pair .stone h3{font-size:clamp(38px,4.5vw,70px)}.top-pair .stone.featured h3{font-size:clamp(35px,3.9vw,61px)}.top-pair .stone p{left:47%;width:48%;top:55%;font-size:clamp(18px,1.55vw,23px);line-height:1.2}
@media(max-width:900px){.top-pair .stone h3{font-size:36px}.top-pair .stone.featured h3{font-size:33px}.top-pair .stone p{font-size:17px}}
@media(max-width:650px){.top-pair .stone h3{font-size:38px}.top-pair .stone.featured h3{font-size:34px}.top-pair .stone p{font-size:17px;top:56%}.top-pair .stone.featured p{font-size:18px}.top-pair .crypt-feature .btn-gold,.top-pair .featured .btn-gold{bottom:12%}}
@media(max-width:370px){.top-pair .stone h3{font-size:34px}.top-pair .stone.featured h3{font-size:31px}.top-pair .stone p{font-size:16px}}
@media(max-width:650px){.top-pair .stone p{font-size:16px;line-height:1.15;top:55%;left:46%;width:50%}.top-pair .stone.featured p{font-size:17px;line-height:1.15;top:55%;left:6%;width:49%}}
.stone-grid .stone.icon-compass .resource-emblem{background-size:340% 100%}