.tri-stage{--orange:#F26A21;--gold:#F5B82E;--rust:#C9541A;--cream:#FFF8ED;--ink:#15110D;position:relative;overflow:hidden;background:#15110D;transform-origin:50% 50%;flex:none;font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#FFF8ED;text-align:left;line-height:1}
.tri-stage *{box-sizing:border-box;margin:0;padding:0}
.tri-glow{position:absolute;inset:-20%;background:radial-gradient(closest-side at 50% 50%,rgba(242,106,33,.30),rgba(242,106,33,.08) 45%,rgba(0,0,0,0) 75%);opacity:0}
.tri-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0) 45%,rgba(0,0,0,.55) 100%);pointer-events:none}
.tri-marquee{position:absolute;left:0;top:50%;transform:translateY(-50%);white-space:nowrap;font-family:'Merriweather',Georgia,serif;font-weight:900;font-style:italic;font-size:330px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,248,237,.09);opacity:0}
.tri-cream{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,#FFFDF8 0%,#FFF8ED 55%,#F8ECD8 100%)}
.tri-final{position:absolute;inset:0}
.tri-art{position:absolute;left:0;top:0;overflow:visible}
.tri-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-block;white-space:nowrap}
.tri-word .tri-blk{position:absolute;left:-.21em;right:-.21em;top:8%;bottom:-2%;transform:scaleX(0);transform-origin:0 50%}
.tri-word .tri-txt{position:relative;overflow:hidden;font-family:'Merriweather',Georgia,serif;font-weight:900;font-style:italic;line-height:1.12;letter-spacing:-.02em;padding:0 .04em}
.tri-word .tri-txt span{display:inline-block;transform:translateY(110%)}
.tri-w1 .tri-blk{background:#F26A21}.tri-w1 .tri-txt{color:#FFF8ED}
.tri-w2 .tri-blk{background:#F5B82E}.tri-w2 .tri-txt{color:#15110D}
.tri-w3 .tri-blk{background:#FFF8ED}.tri-w3 .tri-txt{color:#C9541A}
.tri-hud{position:absolute;font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:15px;letter-spacing:.32em;text-transform:uppercase;color:rgba(255,248,237,.72);opacity:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.tri-hud b{color:#F5B82E;font-weight:700}
.tri-hTL{left:72px;top:62px}.tri-hTR{right:72px;top:62px;text-align:right}.tri-hBL{left:72px;bottom:58px}.tri-hBR{right:72px;bottom:58px;text-align:right}
.tri-corner{position:absolute;width:38px;height:38px;border-color:rgba(255,248,237,.5);border-style:solid;opacity:0}
.tri-c1{left:40px;top:36px;border-width:2px 0 0 2px}.tri-c2{right:40px;top:36px;border-width:2px 2px 0 0}
.tri-c3{left:40px;bottom:36px;border-width:0 0 2px 2px}.tri-c4{right:40px;bottom:36px;border-width:0 2px 2px 0}
.tri-tagline{position:absolute;left:60px;right:60px;text-align:center;font-family:'Inter',system-ui,sans-serif;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:#4a3a2c;line-height:1.9}
.tri-tagline span{display:inline-block;opacity:0}
.tri-dashes{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:14px}
.tri-dashes i{display:block;height:9px;border-radius:9px;transform:scaleX(0);transform-origin:0 50%}
.tri-dashes i:nth-child(1){width:96px;background:#F26A21}.tri-dashes i:nth-child(2){width:48px;background:#F5B82E}.tri-dashes i:nth-child(3){width:26px;background:#C9541A}
.tri-grain{position:absolute;left:0;top:0;mix-blend-mode:overlay;opacity:.10;pointer-events:none}
.tri-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;mix-blend-mode:soft-light}
.tri-overlay{position:fixed;inset:0;z-index:10000;overflow:hidden;background:#15110D;transition:opacity .7s ease}
.tri-overlay.tri-out{opacity:0;pointer-events:none}
.tri-ui{position:absolute;right:20px;bottom:20px;display:flex;gap:10px;z-index:2}
.tri-btn{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 'Inter',system-ui,sans-serif;letter-spacing:.06em;color:#FFF8ED;background:rgba(21,17,13,.55);border:1px solid rgba(255,248,237,.35);border-radius:999px;padding:11px 16px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,border-color .2s}
.tri-btn:hover{background:rgba(242,106,33,.9);border-color:#F26A21}
.tri-btn:focus-visible{outline:2px solid #F5B82E;outline-offset:2px}
.tri-sound[aria-pressed="false"] .tri-wv{opacity:.35}
@media (max-width:600px){.tri-ui{right:12px;bottom:max(14px,env(safe-area-inset-bottom));left:12px;justify-content:space-between}.tri-btn{padding:10px 14px;font-size:12px}}