:root{--sage:#5f7d62;--pistachio:#e5e9dc;--rose:#eddbcd;--gold:#d1a14f}button{font-family:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible,[role=tabpanel]:focus-visible{outline:3px solid var(--caramel);outline-offset:5px}[hidden]{display:none!important}.reading-progress{height:3px;position:fixed;inset:0 auto auto 0;width:0;background:var(--caramel);z-index:30;pointer-events:none}.island-mark{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.9px;margin-bottom:22px;color:#80644f}.little-flag{width:35px;height:24px;transform:rotate(-6deg)}.heritage{margin:70px 0 0;padding:85px max(6%,calc((100vw - 1160px)/2));background:#e9eadd;position:relative;overflow:hidden}.heritage:before{content:'';position:absolute;width:320px;height:320px;border:1px solid #bec5b5;border-radius:50%;top:-235px;right:8%;box-shadow:0 0 0 23px #e2e6d7,0 0 0 24px #cbd0c0;pointer-events:none}.history-heading{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;position:relative}.history-heading h2{font-size:clamp(38px,4.6vw,64px)}.history-heading h2 em{color:var(--sage)}.history-heading>p{line-height:1.9;color:#655e4e;max-width:420px}.history-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:35px 0 30px;position:relative}.history-tabs button{border:1px solid #c3c8b6;border-radius:24px;padding:12px 17px;background:transparent;color:var(--ink);font-size:12px;cursor:pointer;min-height:44px;transition:background .2s,color .2s,transform .2s}.history-tabs button:hover{background:#f6f2e7;transform:translateY(-2px)}.history-tabs button[aria-selected=true]{background:var(--sage);color:#fff9e9;border-color:var(--sage)}.history-book{border:1px solid #c8c8b6;background:#faf5e9;border-radius:16px;box-shadow:0 12px 40px #4853340a;padding:42px}.history-panel{display:grid;grid-template-columns:.9fr 1.15fr;gap:55px;align-items:center;animation:page-in .4s ease both}.history-postcard{position:relative;background:#eac5a2;padding:20px 20px 28px;transform:rotate(-2deg);border:1px solid #d8b08a;box-shadow:7px 9px 0 #d6d6c5;transition:transform .3s;will-change:transform}.postcard-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:2px;color:#704831;padding-bottom:18px}.history-photo{aspect-ratio:4/3;position:relative;overflow:hidden;border-radius:100px 100px 2px 2px}.history-photo img{width:100%;height:100%;object-fit:cover}.postcard-route{display:flex;flex-direction:column;text-align:center;gap:13px;margin-top:18px;color:#684631;font-size:11px;line-height:1.7}.postcard-route>span:first-child{color:#9e6844;font-size:19px;letter-spacing:3px}.postcard-seal{position:absolute;right:-14px;bottom:-15px;border-radius:50%;border:1px dashed #9f634b;background:#f4e3ca;outline:5px solid #f4e3ca;width:57px;height:57px;display:grid;place-content:center;text-align:center;color:#9f634b;font-family:Georgia,serif;line-height:1.2;font-size:15px;transform:rotate(15deg)}.chapter-label{font-size:10px;color:var(--sage);letter-spacing:2px;text-transform:uppercase}.history-copy h3{font-size:clamp(28px,3vw,39px);line-height:1.15;margin:17px 0 24px;letter-spacing:-.6px}.history-copy p{font-size:14px;line-height:1.95;color:#6c5a4d}.history-source{display:inline-flex;flex-direction:column;gap:6px;margin-top:16px;font-size:12px;text-underline-offset:4px;color:#80543d}.history-source small{font-size:10px;text-decoration:none;color:#8e7b69}.history-footnote{font-size:10px;line-height:1.8;color:#706f5e;max-width:750px;margin:25px 0 0}.cuban-postcards{max-width:1320px;margin:auto;padding:90px 6% 15px}.culture-heading>p{font-size:14px;color:#755c50}.culture-heading h2{font-size:clamp(30px,3.6vw,44px)}.symbol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px;align-items:start}.symbol-card{border:1px solid var(--line);border-radius:13px;background:#fbf7ef;overflow:hidden}.symbol-card:nth-child(2){background:#f0dfce}.symbol-card:nth-child(3){background:#e7eade}.symbol-card summary{cursor:pointer;list-style:none;position:relative;padding:24px 25px;text-align:center;min-height:215px}.symbol-card summary::-webkit-details-marker{display:none}.symbol-card svg{width:118px;height:118px;transition:transform .4s}.symbol-card summary:hover svg{transform:rotate(-5deg) translateY(-4px)}.symbol-card h3{font-size:23px;margin:8px 0}.symbol-plus{position:absolute;right:18px;top:15px;font-size:24px;color:#957862;transition:transform .3s}.symbol-card[open] .symbol-plus{transform:rotate(45deg)}.symbol-card>div{padding:0 25px 26px}.symbol-card p{font-size:13px;line-height:1.9;color:#715b49;margin-top:0}.symbol-card a{font-size:11px;text-underline-offset:4px}.magic-interlude{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1.3fr;gap:45px;align-items:center;background:#eadacb;border-top:1px solid #dbc4b2;border-bottom:1px solid #dbc4b2;margin:0 0 65px;padding:50px max(7%,calc((100vw - 1100px)/2))}.magic-art{position:relative;max-width:290px;margin:auto;width:100%;padding-bottom:15px;transform:rotate(-4deg)}.magic-art>svg{width:75%;display:block;margin:auto}.magic-dessert{position:absolute;width:54%;bottom:0;left:23%;filter:drop-shadow(0 8px 6px #7e4c3320)}.magic-dessert svg{width:100%;display:block}.magic-interlude h2{font-size:clamp(32px,3.5vw,47px)}.magic-interlude p{color:#755c50;font-size:14px;line-height:1.9}.magic-button,.gallery-toggle{display:inline-block;border:1px solid #b4947b;border-radius:30px;padding:14px 22px;background:#faf3e5;color:var(--ink);cursor:pointer;min-height:46px;font-size:13px;transition:transform .2s,background .2s}.magic-button:hover,.gallery-toggle:hover{background:#fffaf0;transform:translateY(-2px)}.magic-button{position:relative;z-index:2}.sparkle-field{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sparkle{position:absolute;font-size:var(--size);color:var(--color);animation:sparkle-bloom 1.5s ease-out forwards;left:var(--x);top:var(--y);opacity:0}.magic-interlude.magic-on .magic-art{animation:happy-wiggle .7s ease both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.layer-illustration{height:240px;background:#f6e6ca;display:grid;place-items:center;border-radius:100px 100px 3px 3px;position:relative}.drawn-flan{width:170px;filter:drop-shadow(0 15px 8px #70443120);transform:rotate(-3deg)}.caramel-layer{height:18px;background:#a6512d;border-radius:50% 50% 3px 3px}.custard-layer{height:55px;background:#f0c876;border-radius:0 0 8px 8px}.chocolate-layer{height:50px;background:#69412f;border-radius:0 0 10px 10px;margin-top:-4px}.cake-plate{height:10px;background:#fffaf0;border:1px solid #cdbb97;border-radius:50%;width:210px;margin-left:-20px}.layer-illustration>span{position:absolute;right:32px;top:45px;font-size:32px;color:#a17b37}.gallery-controls{text-align:center;margin:35px 0 0}.reveal-observed{opacity:0;transform:translateY(15px);transition:opacity .65s,transform .65s}.reveal-observed.is-visible{opacity:1;transform:translateY(0)}@keyframes page-in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle-bloom{0%{opacity:0;transform:translate(0,20px) scale(.2) rotate(0)}20%{opacity:1}85%{opacity:.7}100%{opacity:0;transform:translate(var(--dx),-120px) scale(1.3) rotate(55deg)}}@keyframes happy-wiggle{25%{transform:rotate(1deg)}60%{transform:rotate(-7deg)}100%{transform:rotate(-4deg)}}@media(max-width:900px){.history-book{padding:30px}.history-panel{gap:35px}.header-controls{gap:16px}nav{gap:16px}}@media(max-width:760px){.heritage{padding:60px 6%;margin-top:40px}.history-heading{grid-template-columns:1fr;gap:0}.history-heading>p{max-width:none;margin:0 0 8px}.history-tabs{flex-wrap:nowrap;overflow-x:auto;padding:5px 3px 12px;margin:22px -3px 18px;scrollbar-width:thin}.history-tabs button{white-space:nowrap;flex-shrink:0}.history-book{padding:28px 25px}.history-panel{grid-template-columns:1fr;gap:38px}.history-postcard{max-width:360px;width:100%;margin:auto}.history-copy h3{font-size:32px}.history-copy p{font-size:14px}.symbol-grid{grid-template-columns:1fr;gap:12px}.symbol-card summary{min-height:105px;display:flex;align-items:center;gap:20px;text-align:left;padding:12px 23px}.symbol-card svg{width:80px;height:80px;flex-shrink:0}.symbol-card h3{font-size:24px;padding-right:20px}.symbol-plus{top:35px}.symbol-card>div{padding-left:24px}.cuban-postcards{padding-top:60px}.magic-interlude{grid-template-columns:1fr;gap:22px;text-align:center;padding:40px 7%;margin-bottom:40px}.magic-art{max-width:200px}.magic-interlude h2{font-size:36px}.reading-progress{height:2px}nav{gap:10px 15px}.island-mark{font-size:8px;letter-spacing:1.4px}.history-photo{aspect-ratio:1.4}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal-observed{opacity:1;transform:none}.history-postcard{will-change:auto}.sparkle{display:none}}

.history-hero-link{display:block;margin-top:20px;font-size:12px;text-underline-offset:5px;color:#78553e}

/* The opening echoes the illustrated history album. */
.opening-postcard{max-width:1200px;margin:35px auto 55px;padding:55px 5%;background:#e9eadd;border:1px solid #c8c8b6;border-radius:17px;gap:60px;position:relative;overflow:hidden}.opening-postcard:before{content:'';position:absolute;right:-65px;top:-80px;width:210px;height:210px;border:1px solid #cbd0c0;border-radius:50%;box-shadow:0 0 0 18px #e2e6d7,0 0 0 19px #cbd0c0;pointer-events:none}.opening-postcard>div{position:relative}.opening-postcard .island-mark{margin-bottom:25px}.opening-postcard h1{font-size:clamp(40px,4.6vw,64px);letter-spacing:-1.8px;line-height:1.13;margin:22px 0}.opening-postcard h1 em{color:var(--sage)}.opening-postcard .intro{font-size:15px;line-height:1.9}.family-note{font-family:'Playfair Display',Georgia,serif;font-style:italic;color:var(--sage);font-size:17px;line-height:1.7;margin:22px 0 5px}.hero-memory{background:#ead0ae;border:1px solid #d3b18a;padding:21px 21px 25px;transform:rotate(2deg);box-shadow:8px 10px 0 #d2d4c2;transition:transform .3s}.memory-top{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.6px;color:#795336;padding-bottom:18px;line-height:1.6}.hero-memory .visual{aspect-ratio:1.12;border-radius:100px 100px 3px 3px;background:#e8d7bb;max-width:none}.hero-memory .hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 64%;transform:scale(1.08)}.memory-caption{display:flex;flex-direction:column;gap:7px;text-align:center;padding-top:22px;color:#704a32}.memory-title{font-family:'Playfair Display',Georgia,serif;font-size:27px}.memory-recipe{font-size:10px;letter-spacing:1.2px}.memory-seal{position:absolute;right:-13px;bottom:-14px;width:57px;height:57px;border:1px dashed #9f634b;outline:5px solid #f4e3ca;background:#f4e3ca;border-radius:50%;display:grid;place-content:center;text-align:center;font:15px/1.2 Georgia,serif;color:#9f634b;transform:rotate(-14deg)}
@media(min-width:761px){.hero-memory:hover{transform:rotate(0deg) translateY(-3px)}}@media(max-width:1250px){.opening-postcard{margin-left:4%;margin-right:4%}}@media(max-width:760px){.opening-postcard{margin:25px 5% 40px;padding:32px 7% 42px;gap:35px;overflow:hidden}.opening-postcard h1{font-size:clamp(40px,8vw,59px)}.opening-postcard .intro{font-size:14px}.hero-memory{max-width:420px;width:100%;margin:auto;padding:17px 17px 23px}.hero-memory .visual{aspect-ratio:1.12}.hero-memory .hero-photo{object-position:50% 64%}.memory-top{font-size:7px;letter-spacing:1px}.memory-title{font-size:25px}.family-note{font-size:16px}.opening-postcard:before{width:150px;height:150px;right:-100px;top:-90px}}@media(prefers-reduced-motion:reduce){.hero-memory{transition:none}.hero-memory:hover{transform:rotate(2deg)}}

#panel-chocoflan .history-photo{aspect-ratio:1.08}#panel-chocoflan .history-photo img{object-position:50% 51%}