/* 7Ruina — queda-bloco-musgo-b19r. Unique collapsing-nave lobby skeleton. */
@font-face{font-family:RuinaMark;src:url(/fonts/alfa-slab-one.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:RuinaSans;src:url(/fonts/lexend-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --umbr:#081109;--moss:#2f7a3a;--jade:#2ee6a0;--sun:#ffc44a;--stone:#c9b089;
  --vine:#164a28;--gold:#e8b84a;--ivory:#f3ebd4;--mute:#9aaf90;--ink:#041006;
  --line:rgba(232,184,74,.42);--deep:#050b07;--cta:#ffc44a;--cta-ink:#081109;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--umbr);color:var(--ivory);
  font-family:RuinaSans,system-ui,sans-serif;font-size:16px;line-height:1.55;font-weight:500}
img{max-width:100%;height:auto;display:block}
a{color:var(--sun);text-decoration:none}
a:hover{color:#ffe08a}
:focus-visible{outline:2px solid var(--sun);outline-offset:3px}
.qn-skip{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.qn-skip:focus{left:8px;top:8px;width:auto;height:auto;padding:8px 12px;background:var(--sun);color:var(--cta-ink);z-index:90}

/* crumbling cornice header */
.qn-cornice{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;
  padding:4px 14px;height:62px;min-height:62px;
  background:
    linear-gradient(180deg,rgba(46,230,160,.14),transparent 52%),
    linear-gradient(90deg,#0c1a10 0%,#081109 45%,#0a140c 100%);
  border-bottom:2px solid #c9a24a;
  box-shadow:0 8px 28px #000c, inset 0 -1px 0 #2ee6a044, 0 0 22px #ffc44a22}
.qn-brand{display:flex;align-items:center;gap:8px;color:var(--sun);white-space:nowrap;flex:none}
.qn-brand img{width:54px;height:54px;flex:none;border-radius:10px;object-fit:cover;
  box-shadow:0 0 16px #ffc44a77,0 0 0 1px #e8b84a88}
.qn-word{font-family:RuinaMark,RuinaSans,sans-serif;font-weight:400;font-size:48px;line-height:1;
  letter-spacing:.03em;display:flex;align-items:center;
  background:linear-gradient(180deg,#fff4c2 0%,#ffc44a 48%,#e8b84a 78%,#9dff6a 100%);
  -webkit-background-clip:text;background-clip:text;color:#ffc44a;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 0 #041006) drop-shadow(0 0 12px rgba(255,196,74,.8))}
.qn-knots{display:flex;flex-wrap:nowrap;gap:5px;margin-left:auto;align-items:center}
.qn-knot{display:inline-flex;align-items:center;gap:5px;height:40px;min-height:40px;padding:0 10px;border-radius:20px;
  border:1px solid rgba(232,184,74,.55);background:linear-gradient(180deg,#152416,#0a140c);
  color:var(--ivory);font-weight:700;font-size:13px;box-shadow:inset 0 1px 0 #ffc44a33,0 2px 0 #0008}
.qn-knot svg{width:18px;height:18px;flex:none}
.qn-knot[aria-current="page"],.qn-knot:hover{border-color:var(--sun);color:var(--sun);
  box-shadow:0 0 0 1px var(--sun),0 0 14px #2ee6a044}
.qn-burger{display:none;background:none;border:1px solid var(--sun);color:var(--sun);
  border-radius:10px;padding:8px 10px;font:inherit;min-height:40px}

.qn-go,.qn-go-rec{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  height:40px;min-height:40px;padding:0 14px;border-radius:12px;font-weight:800;font-size:13px;letter-spacing:.04em;
  border:0;cursor:pointer;white-space:nowrap}
.qn-go{background:linear-gradient(180deg,#ffe08a,#ffc44a 42%,#d49a20);color:var(--cta-ink);
  box-shadow:0 0 0 1px #fff4c2,0 0 18px #ffc44a99,0 4px 0 #6a4a08}
.qn-go:hover{color:var(--cta-ink);filter:brightness(1.08)}
.qn-go-rec{background:linear-gradient(180deg,#7dffb8,#1aa86a 40%,#0d5a38);color:#f3fff6;
  box-shadow:0 0 0 1px #b8ffd8,0 0 16px #2ee6a088,0 3px 0 #063220}
.qn-go-rec:hover{color:#fff;filter:brightness(1.06)}
.qn-go .qn-arr,.qn-go-rec .qn-arr{width:16px;height:16px}

/* tumble-dust ticker */
.qn-dust{height:22px;overflow:hidden;background:#041006;border-bottom:1px solid #e8b84a66;
  display:flex;align-items:center}
.qn-dust-track{display:flex;gap:64px;white-space:nowrap;animation:qn-marq 30s linear infinite;padding-left:20px;
  font-size:13px;font-weight:800;color:var(--sun);letter-spacing:.08em;text-transform:uppercase}
.qn-dust-track b{color:var(--jade);margin:0 6px}
@keyframes qn-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* collapsing nave hero — 312px, full-width */
.qn-nave{position:relative;height:312px;overflow:hidden;margin:0;
  border-bottom:1px solid var(--line);
  box-shadow:0 0 48px #2ee6a022, inset 0 0 60px #ffc44a14}
.qn-nave-art{width:100%;height:312px;object-fit:cover;object-position:center 42%;display:block;
  filter:brightness(1.12) saturate(1.14) contrast(1.05)}
.qn-nave::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(ellipse 70% 55% at 14% 100%,rgba(46,230,160,.22),transparent 62%),
    radial-gradient(ellipse 40% 50% at 80% 20%,rgba(255,196,74,.18),transparent 60%)}
.qn-nave::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(90deg,rgba(8,17,9,.72) 0 24%,rgba(8,17,9,.10) 55%,rgba(8,17,9,.35) 100%),
             linear-gradient(180deg,rgba(8,17,9,.08) 0,transparent 36%,rgba(8,17,9,.28) 100%)}
.qn-nave-box{position:absolute;inset:0;z-index:2;display:grid;
  grid-template-columns:1fr auto;align-items:center;gap:16px;
  max-width:1280px;margin:0 auto;padding:12px 22px;width:100%}
.qn-nave-copy h1{margin:0 0 14px;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.qn-h1-a,.qn-h1-b{
  font-family:RuinaMark,RuinaSans,sans-serif;font-weight:400;font-size:76px;line-height:.90;
  letter-spacing:.02em;text-transform:uppercase;display:block;color:#ffc44a;
  background:linear-gradient(180deg,#fff6c8 0%,#ffc44a 42%,#c8f06a 78%,#2ee6a0 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 0 #041006) drop-shadow(3px 0 0 #041006) drop-shadow(-3px 0 0 #041006)
         drop-shadow(0 -2px 0 #041006) drop-shadow(0 0 16px rgba(255,196,74,.9))}
.qn-h1-b{letter-spacing:.06em;
  background:linear-gradient(180deg,#e8ffc0 0%,#9dff5a 36%,#2ee6a0 78%,#148a58 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.qn-nave-copy .qn-go, .qn-go-hero{height:52px;min-height:52px;padding:0 26px;font-size:18px;font-weight:800;
  letter-spacing:.06em;border-radius:14px}

/* right block-counter stela */
.qn-stela{width:156px;min-height:148px;align-self:center;justify-self:end;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:
    radial-gradient(circle at 50% 18%,#ffc44a44 0 16%,transparent 48%),
    linear-gradient(180deg,#1a2a16,#0c160e 55%,#081109);
  border-radius:8px 8px 22px 22px;
  border:2px solid var(--gold);
  box-shadow:0 0 0 2px #2f7a3a66,0 0 24px #ffc44a55,inset 0 0 18px #0008;color:var(--sun);
  padding:10px 8px 12px}
.qn-stela strong{font-family:RuinaMark,RuinaSans,sans-serif;font-size:1.7rem;font-weight:400;line-height:1;
  color:#fff4c2;text-shadow:0 0 12px #ffc44a,0 0 18px #2ee6a066;margin-top:2px}
.qn-stela span{font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#ffe08a;text-transform:uppercase}
.qn-stela small{display:block;font-size:.62rem;font-weight:700;color:#c9b089;line-height:1.25;max-width:16ch;margin-top:4px}

/* slim moss-plaque promo rail — art + one 26px title, no sentences, no buttons */
.qn-banners{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
  max-width:1280px;margin:0 auto;padding:8px 16px 6px}
.qn-banner{position:relative;display:block;height:132px;border-radius:10px;overflow:hidden;
  border:2px solid rgba(232,184,74,.5);
  box-shadow:0 4px 0 #041006,0 0 16px #2ee6a022}
.qn-banner img{width:100%;height:132px;object-fit:cover;filter:brightness(1.08) saturate(1.1)}
.qn-banner h2{position:absolute;left:0;right:0;bottom:0;margin:0;padding:10px 12px 8px;
  font-family:RuinaMark,RuinaSans,sans-serif;font-weight:400;font-size:26px;line-height:1.1;letter-spacing:.04em;
  text-transform:uppercase;color:#fff4c2;text-align:center;
  text-shadow:0 2px 0 #041006,0 0 12px #081109,0 0 18px #ffc44a;
  background:linear-gradient(180deg,transparent,rgba(8,17,9,.86) 55%)}
.qn-banner:hover{border-color:var(--sun);box-shadow:0 0 0 1px var(--sun),0 0 18px #ffc44a55}

/* fallen-lintel arcade: 8 tall tiles, one row, fills the 1280x800 fold */
.qn-arcade{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;
  max-width:1280px;margin:0 auto;padding:6px 16px 8px}
.qn-tile{position:relative;display:block;height:228px;border-radius:10px;overflow:hidden;
  border:2px solid rgba(201,176,137,.6);
  box-shadow:0 3px 0 #041006,0 0 12px #ffc44a22, inset 0 0 0 1px #2f7a3a44}
.qn-tile img{width:100%;height:228px;object-fit:cover;filter:brightness(1.1) saturate(1.12)}
.qn-tag{position:absolute;top:6px;left:6px;z-index:2;padding:2px 7px;border-radius:4px;
  font-size:10px;font-weight:800;letter-spacing:.08em;color:#041006}
.qn-tag-hot{background:linear-gradient(180deg,#ffe08a,#ffc44a);box-shadow:0 0 8px #ffc44a88}
.qn-tag-novo{background:linear-gradient(180deg,#b8ffd8,#2ee6a0);box-shadow:0 0 8px #2ee6a088}
.qn-plaque{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:8px 6px 7px;
  font-family:RuinaSans,sans-serif;font-weight:800;font-size:16px;line-height:1.1;letter-spacing:.01em;
  color:#fff8e0;text-align:center;text-shadow:0 1px 0 #000,0 0 8px #000;
  background:linear-gradient(180deg,transparent,rgba(8,17,9,.94) 38%)}
.qn-tile:hover{border-color:var(--sun);box-shadow:0 0 0 1px var(--sun),0 0 16px #2ee6a044}

/* below-fold collapse-ledger + sections */
.qn-wrap{max-width:1280px;margin:0 auto;padding:18px 16px 40px}
.qn-ledger{margin:8px 16px 0;max-width:1248px;margin-left:auto;margin-right:auto;
  border:1px solid var(--line);border-radius:12px;overflow:hidden;
  background:linear-gradient(180deg,#101c12,#081109)}
.qn-ledger h2{margin:0;padding:10px 16px;font-family:RuinaMark,sans-serif;font-size:28px;font-weight:400;
  color:var(--sun);letter-spacing:.04em;border-bottom:1px solid var(--line);
  text-shadow:0 0 12px #ffc44a66}
.qn-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.qn-fact{padding:12px 14px;border-right:1px solid rgba(232,184,74,.18)}
.qn-fact:last-child{border-right:0}
.qn-fact b{display:block;font-family:RuinaMark,sans-serif;font-size:22px;color:#fff8e0;line-height:1.1;
  text-shadow:0 0 10px #ffc44a66}
.qn-fact span{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:4px}
.qn-fact small{display:block;font-size:11px;color:#8aa07a;margin-top:4px}

.qn-panel{margin:22px 0;background:linear-gradient(180deg,#0e1810,#081109);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.qn-panel h2{margin:0;padding:12px 16px;font-family:RuinaMark,sans-serif;font-size:28px;color:var(--sun);border-bottom:1px solid var(--line)}
.qn-panel .qn-body{padding:16px}
.qn-panel p{margin:0 0 12px;color:var(--stone)}
.qn-cover{width:100%;height:auto;border-radius:0;aspect-ratio:1200/630;object-fit:cover}
.qn-crumb{font-size:13px;font-weight:600;color:var(--mute);padding:10px 16px 0}
.qn-crumb a{color:var(--jade)}
.qn-note{font-size:13px;color:var(--mute)}
.qn-disc{font-size:12px;color:#8aa07a;margin-top:6px}
.qn-footer{border-top:1px solid var(--line);padding:22px 16px 32px;text-align:center;color:var(--mute);font-size:13px;
  background:#041006}
.qn-footer a{color:var(--sun)}
.qn-18{display:inline-block;margin:0 6px;padding:1px 7px;border:1px solid var(--sun);color:var(--sun);
  border-radius:4px;font-weight:800;letter-spacing:.06em}

.qn-article{max-width:860px}
.qn-article h1{font-family:RuinaMark,sans-serif;font-size:36px;color:var(--sun);font-weight:400;line-height:1.15;margin:8px 0 14px}
.qn-article h2{font-family:RuinaMark,sans-serif;font-size:28px;color:var(--sun);font-weight:400;margin:22px 0 8px}
.qn-article h3{font-size:18px;color:#c8f0a0;margin:18px 0 6px}
.qn-article ul,.qn-article ol{color:var(--stone)}
.qn-src{font-size:13px;color:#8aa07a}
.qn-src a{color:var(--jade)}

/* reviews hub — block-tag slips, 5 collapse zones */
.qn-tools{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;align-items:center;
  border-bottom:1px solid var(--line)}
.qn-tools input[type="search"]{flex:1;min-width:200px;height:40px;border-radius:10px;border:1px solid var(--line);
  background:#0c160e;color:var(--ivory);padding:0 12px;font:inherit}
.qn-zones{display:flex;flex-wrap:wrap;gap:6px}
.qn-zones button{height:36px;padding:0 12px;border-radius:18px;border:1px solid var(--line);
  background:#0c160e;color:var(--ivory);font:inherit;font-weight:700;cursor:pointer}
.qn-zones button[aria-pressed="true"],.qn-zones button:hover{border-color:var(--sun);color:var(--sun);
  box-shadow:0 0 10px #ffc44a44}
.qn-slips{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:12px 16px 8px}
.qn-slip{background:linear-gradient(180deg,#142016,#0c160e);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.qn-slip h3{margin:0 0 6px;font-size:16px;color:#fff8e0}
.qn-slip p{margin:0 0 8px;font-size:13px;color:var(--mute)}
.qn-slip .qn-stamp{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--cta-ink);background:linear-gradient(180deg,#ffe08a,#ffc44a);padding:2px 7px;border-radius:4px;margin-bottom:8px}
.qn-more{display:block;margin:8px auto 18px;height:40px;padding:0 22px;border-radius:12px;
  border:1px solid var(--sun);background:#0c160e;color:var(--sun);font:inherit;font-weight:800;cursor:pointer}
.qn-fulls{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
.qn-full{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0c160e}
.qn-full img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.qn-full strong{display:block;padding:8px 10px;color:#fff8e0;font-size:14px}

@media (max-width:1100px){
  .qn-h1-a,.qn-h1-b{font-size:60px}
  .qn-arcade{grid-template-columns:repeat(4,1fr)}
  .qn-tile,.qn-tile img{height:200px}
  .qn-word{font-size:40px}
}
@media (max-width:860px){
  .qn-knots{display:none}
  .qn-cornice.is-open .qn-knots{display:flex;flex-wrap:wrap;position:absolute;left:0;right:0;top:62px;
    background:#081109;padding:8px;border-bottom:1px solid var(--line)}
  .qn-burger{display:inline-flex;margin-left:auto}
  .qn-nave{height:260px}
  .qn-nave-art{height:260px}
  .qn-nave-box{grid-template-columns:1fr;padding:10px 14px}
  .qn-stela{display:none}
  .qn-h1-a,.qn-h1-b{font-size:44px}
  .qn-banners{grid-template-columns:1fr}
  .qn-arcade{grid-template-columns:repeat(2,1fr)}
  .qn-facts{grid-template-columns:1fr 1fr}
  .qn-fulls{grid-template-columns:1fr 1fr}
  .qn-word{font-size:34px}
}