/* Taste of Tulum 2026 — campaign master review board. Chrome + shared frame internals. */
*{box-sizing:border-box}
body{margin:0;background:#141d1a;color:#9fb5ac;font-family:var(--c26-font-info);-webkit-font-smoothing:antialiased}
.bar{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 24px;background:#0b1310;border-bottom:1px solid #24352f}
.bartitle{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 320px}
.bar h1{margin:0;line-height:1.25;font-family:var(--c26-font-title);font-size:19px;font-weight:700;color:#f4ead4}
.bar .meta{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#6d8579}
.tgs{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.tg{white-space:nowrap;min-height:34px;padding:0 13px;background:transparent;border:1px solid #2f453d;border-radius:4px;color:#8fa79c;font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.tg:hover{border-color:#c08a2e;color:#e3c071}
.tg[aria-pressed=true]{background:rgba(192,138,46,.16);border-color:#c08a2e;color:#e3c071}
.stage{padding:26px 24px 70px;overflow-x:auto}
.board{display:flex;gap:48px;align-items:flex-start;width:max-content}
.col{display:flex;flex-direction:column;gap:14px}
.lab{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#7f978c}
.lab s{flex:1;height:1px;background:#2b3f38;text-decoration:none}
.frame{position:relative;overflow:hidden;flex:none;background:var(--c26-teal);box-shadow:0 24px 70px rgba(0,0,0,.55)}
.frame *{box-sizing:border-box}
.frame h1,.frame h2,.frame h3,.frame p,.frame span,.frame div{text-transform:none}
.frame .eyebrow26,.frame .ph,.frame .code{text-transform:uppercase}
.frame .ph,.frame .code{text-transform:none}

/* safe-zone + production overlays (never exported) */
.safe{position:absolute;inset:0;pointer-events:none;z-index:9}
.safe i{position:absolute;border:0 dashed rgba(178,50,38,.85)}
.safe .t{top:0;left:0;right:0;border-bottom-width:2px;background:rgba(178,50,38,.1)}
.safe .b{bottom:0;left:0;right:0;border-top-width:2px;background:rgba(178,50,38,.1)}
.safe .l{top:0;bottom:0;left:0;border-right-width:2px}
.safe .r{top:0;bottom:0;right:0;border-left-width:2px}
.safe span{position:absolute;font-size:19px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:rgba(178,50,38,.9);padding:5px 12px}
.code{position:absolute;left:34px;bottom:22px;transition:bottom .1s;z-index:10;font-family:ui-monospace,Menlo,monospace;font-size:18px;letter-spacing:.02em;color:rgba(244,234,212,.42)}
.code.ink{color:rgba(17,48,42,.45)}
.ph{white-space:nowrap;display:inline-flex;align-items:center;gap:10px;border:2px dashed #b23226;background:rgba(178,50,38,.12);color:#b23226;font-family:ui-monospace,Menlo,monospace;font-size:20px;font-weight:700;letter-spacing:.04em;padding:8px 14px;border-radius:3px}
.ph.on-dark{border-color:#e08e84;background:rgba(178,50,38,.3);color:#ffd9d3}

/* shared frame internals */
.keyline{position:absolute;inset:26px;border:1.5px solid rgba(227,192,113,.34);pointer-events:none;z-index:6}
.keyline.ink{border-color:rgba(192,138,46,.5)}
.scrim{position:absolute;inset:0}
.bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.body{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column}
.eyebrow26{font-size:22px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:#e3c071}
.eyebrow26.ink{color:#c08a2e}
.title26{font-family:var(--c26-font-title);font-weight:700;letter-spacing:-.02em;line-height:1.02;color:var(--c26-parchment);margin:0;text-wrap:balance}
.title26.ink{color:var(--c26-teal)}
.script26{font-family:var(--c26-font-accent);font-weight:600;color:#e3c071;line-height:1.05}
.lede26{font-size:29px;line-height:1.5;color:rgba(244,234,212,.86)}
.lede26.ink{color:#4a5b52}
.money26{display:flex;align-items:baseline;gap:14px;font-variant-numeric:tabular-nums}
.money26 .big{font-family:var(--c26-font-title);font-weight:700;line-height:1;color:var(--c26-parchment)}
.money26 .big.ink{color:var(--c26-teal)}
.money26 .cur{font-size:26px;font-weight:800;letter-spacing:.14em;color:rgba(244,234,212,.72)}
.money26 .cur.ink{color:#7d8f86}
.mark{display:block;width:auto}
.trust26{display:flex;align-items:center;gap:12px;font-size:22px;color:rgba(244,234,212,.62)}
.trust26.ink{color:#7d8f86}
.dots{display:flex;gap:10px}
.dots i{width:12px;height:12px;border-radius:50%;background:rgba(227,192,113,.32)}
.dots i.on{background:#e3c071}
.dots.ink i{background:rgba(192,138,46,.3)}
.dots.ink i.on{background:#c08a2e}

/* canonical brand lockup — Eat With Me presents · Taste of Tulum · by Art With Me (repo .tt-lock, scaled) */
.ttlock{display:flex;align-items:center;gap:calc(16px * var(--lk,3))}
.ttlock .col{position:relative;display:flex;align-items:center;justify-content:center}
.ttlock img.ew,.ttlock img.awm{width:calc(78px * var(--lk,3));height:auto;display:block}
.ttlock .cap{position:absolute;left:0;top:100%;margin-top:calc(1px * var(--lk,3));display:flex;justify-content:space-between;width:calc(78px * var(--lk,3));font-family:var(--c26-font-info);font-size:calc(8px * var(--lk,3));font-weight:800;color:var(--c26-gold-bright);line-height:1}
.ttlock .cap.by{left:0;top:auto;bottom:100%;margin:0 0 calc(2px * var(--lk,3));width:auto;justify-content:flex-start;letter-spacing:.24em}
.ttlock .cap i{font-style:normal}
.ttlock img.tulum-mark{height:calc(40px * var(--lk,3));width:auto;display:block}
.ttlock .lock-div{height:calc(38px * var(--lk,3));width:1.5px;background:rgba(227,192,113,.34)}
.frame .ttlock .cap{text-transform:uppercase}
.lockband{display:flex;align-items:center;justify-content:center;background:var(--c26-teal);flex:none}
.lockband.ribbon{border:1.5px solid var(--c26-gold);border-radius:4px;box-shadow:inset 0 0 0 3px var(--c26-teal),inset 0 1px 0 rgba(244,234,212,.18)}