/* 7k1465.casino — шаблон "quarry": вертикальный срез породы. namespace .qr */

:root{
  --qr-rock:#171a1c;
  --qr-panel:#212528;
  --qr-panel2:#1b1f21;
  --qr-ochre:#d9a441;
  --qr-ochre-dim:#a87c2c;
  --qr-quartz:#e8e6e3;
  --qr-mute:#8a9095;
  --qr-line:#2e3336;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--qr-rock);
  color:var(--qr-quartz);
  font-family:"Noto Sans",system-ui,"Segoe UI",Arial,sans-serif;
  font-size:16px;
  line-height:1.65;
  overflow-x:hidden;
}
h1,h2,h3,.qrCutTitle,.qrMarkText,.qrRtp,.qrStrataNum{font-family:Philosopher,"Noto Sans",Georgia,serif;font-weight:700;letter-spacing:.01em}
p{margin:0 0 16px}
a{color:var(--qr-ochre)}
table{border-collapse:collapse}
img,svg{max-width:100%}

.qrSkip{position:absolute;left:-9999px;top:0;background:var(--qr-ochre);color:#171a1c;padding:10px 16px;z-index:50}
.qrSkip:focus{left:8px;top:8px}

.qrWrap{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}

/* ---------- шапка ---------- */
.qrTop{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:12px 20px;
  background:var(--qr-panel);
  border-bottom:1px solid var(--qr-line);
  position:relative;z-index:6;
}
.qrMark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--qr-quartz)}
.qrMarkGem{width:34px;height:34px;flex:0 0 34px}
.qrMarkText{font-size:22px;line-height:1;display:flex;flex-direction:column;gap:3px}
.qrMarkText small{font-family:"Noto Sans",sans-serif;font-weight:400;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--qr-mute)}
.qrNav{display:flex;flex-wrap:wrap;gap:4px 14px;margin-left:auto}
.qrNav a{color:var(--qr-mute);text-decoration:none;font-size:13.5px;letter-spacing:.02em}
.qrNav a:hover{color:var(--qr-ochre)}

/* ---------- кнопка-скол ---------- */
.qrCut{
  display:inline-block;
  padding:13px 24px;
  background:var(--qr-ochre);
  color:#14171a;
  font-weight:600;
  font-size:15px;
  text-decoration:none;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);
  transition:background .15s ease;
}
.qrCut:hover{background:#eab958}
.qrCutTop{padding:10px 18px;font-size:14px;margin-left:4px}
.qrCutGhost{background:transparent;color:var(--qr-ochre);box-shadow:inset 0 0 0 1px var(--qr-ochre-dim)}
.qrCutGhost:hover{background:rgba(217,164,65,.12)}

/* ---------- пласты: сплошные секции с неровной границей ---------- */
.qrSeam{position:relative;padding:58px 0 46px;background:var(--qr-rock)}
.qrSeam1{background:var(--qr-panel);clip-path:polygon(0 24px,31% 0,58% 20px,82% 4px,100% 26px,100% 100%,0 100%);margin-top:-22px;padding-top:76px}
.qrSeam2{background:var(--qr-rock);clip-path:polygon(0 6px,22% 26px,49% 2px,74% 24px,100% 8px,100% 100%,0 100%);margin-top:-20px;padding-top:74px}
.qrSeam3{background:var(--qr-panel2);clip-path:polygon(0 28px,26% 4px,52% 26px,79% 6px,100% 22px,100% 100%,0 100%);margin-top:-24px;padding-top:80px}
.qrSeam4{background:var(--qr-panel);clip-path:polygon(0 4px,19% 24px,44% 6px,71% 28px,100% 10px,100% 100%,0 100%);margin-top:-22px;padding-top:78px}
.qrSeam5{background:var(--qr-rock);clip-path:polygon(0 26px,34% 6px,61% 24px,86% 2px,100% 18px,100% 100%,0 100%);margin-top:-22px;padding-top:76px}
.qrSeam6{background:var(--qr-panel2);clip-path:polygon(0 8px,24% 28px,47% 4px,76% 22px,100% 6px,100% 100%,0 100%);margin-top:-24px;padding-top:80px}
.qrSeam7{background:var(--qr-rock);clip-path:polygon(0 24px,29% 2px,55% 26px,81% 8px,100% 24px,100% 100%,0 100%);margin-top:-22px;padding-top:76px}
.qrSeam8{background:var(--qr-panel);clip-path:polygon(0 6px,21% 26px,51% 8px,77% 26px,100% 4px,100% 100%,0 100%);margin-top:-22px;padding-top:78px}
.qrSeam9{background:var(--qr-panel2);clip-path:polygon(0 26px,33% 4px,57% 24px,84% 6px,100% 26px,100% 100%,0 100%);margin-top:-24px;padding-top:80px}
.qrSeamNote{background:var(--qr-rock);clip-path:polygon(0 10px,27% 28px,53% 6px,78% 24px,100% 8px,100% 100%,0 100%);margin-top:-22px;padding-top:74px}
.qrSeamCut{background:var(--qr-panel);clip-path:polygon(0 28px,30% 6px,59% 26px,83% 4px,100% 20px,100% 100%,0 100%);margin-top:-24px;padding:74px 0 54px}

/* ---------- геройский пласт ---------- */
.qrSeamHero{padding:46px 0 58px;background:
  radial-gradient(1000px 340px at 18% 0,rgba(217,164,65,.11),transparent 62%),
  var(--qr-rock)}
.qrHeroGrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:34px;align-items:start}
.qrHeroText{display:grid;grid-template-columns:18px minmax(0,1fr);gap:20px}

/* керн — вертикальная полоса слоёв */
.qrCore{display:flex;flex-direction:column;width:18px;min-height:100%;border:1px solid var(--qr-line)}
.qrCore span{display:block;width:100%}
.qrCore span:nth-child(1){flex:1.3;background:#3a3f43}
.qrCore span:nth-child(2){flex:.6;background:var(--qr-ochre)}
.qrCore span:nth-child(3){flex:2.1;background:#262b2e}
.qrCore span:nth-child(4){flex:.9;background:#4a4136}
.qrCore span:nth-child(5){flex:1.6;background:#32383b}
.qrCore span:nth-child(6){flex:.5;background:var(--qr-ochre-dim)}
.qrCore span:nth-child(7){flex:2.4;background:#1e2325}
.qrCore span:nth-child(8){flex:1.1;background:#3f453f}
.qrCore span:nth-child(9){flex:1.8;background:#282d30}

.qrSlug{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--qr-ochre);margin-bottom:10px}
.qrH1{font-size:40px;line-height:1.16;margin:0 0 16px}
.qrStand{font-size:17px;color:#cfcdc9;max-width:62ch}
.qrHeroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

.qrGauge{background:var(--qr-panel);border:1px solid var(--qr-line);border-left:3px solid var(--qr-ochre);padding:18px 20px}
.qrGaugeHead{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--qr-mute);padding-bottom:10px;border-bottom:1px solid var(--qr-line)}
.qrGaugeRow{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--qr-line);font-size:14px;color:var(--qr-mute)}
.qrGaugeRow:last-child{border-bottom:0}
.qrGaugeRow em{font-style:normal;color:var(--qr-quartz);font-weight:600;text-align:right}

/* ---------- заголовки секций ---------- */
.qrHead{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px}
.qrNo{
  font-family:Philosopher,serif;font-size:26px;line-height:1;color:var(--qr-ochre);
  flex:0 0 54px;height:54px;display:flex;align-items:center;justify-content:center;
  background:rgba(217,164,65,.09);
  clip-path:polygon(50% 0,100% 27%,100% 73%,50% 100%,0 73%,0 27%);
}
.qrLabel{display:block;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--qr-mute);margin-bottom:6px}
.qrTitle{font-size:27px;line-height:1.25;margin:0}
.qrLead{font-size:17px;color:#d3d1cd;max-width:76ch}

/* ---------- карточки-ступени ---------- */
.qrDeck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}
.qrDeckThree{grid-template-columns:repeat(3,minmax(0,1fr))}
.qrStep{background:var(--qr-panel2);border:1px solid var(--qr-line);border-top:2px solid var(--qr-ochre-dim);padding:18px}
.qrStep h3{font-size:18px;margin:0 0 8px}
.qrStep p{margin:0;font-size:14.5px;color:var(--qr-mute)}
.qrStepNo{display:inline-block;font-size:12px;letter-spacing:.1em;color:var(--qr-ochre);margin-bottom:6px}

/* ---------- образцы породы ---------- */
.qrSamples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}
.qrSample{position:relative;overflow:hidden;background:var(--qr-panel);border:1px solid var(--qr-line);padding:20px 18px 18px}
.qrHatch{
  position:absolute;top:0;right:0;width:96px;height:96px;pointer-events:none;
  background:repeating-linear-gradient(-45deg,rgba(217,164,65,.34) 0 2px,transparent 2px 8px);
  clip-path:polygon(100% 0,100% 100%,0 0);
}
.qrSampleStudio{font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--qr-mute);margin:0 0 6px}
.qrSample h3{font-size:19px;margin:0 0 10px;max-width:80%}
.qrRtp{font-size:44px;line-height:1;color:var(--qr-ochre);margin:0 0 10px;display:flex;align-items:baseline;gap:8px}
.qrRtp span{font-family:"Noto Sans",sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--qr-mute)}
.qrSampleMeta{margin:0;font-size:13.5px;color:var(--qr-mute)}

/* ---------- полосы RTP ---------- */
.qrBars{margin:24px 0;border-top:1px solid var(--qr-line)}
.qrBar{display:grid;grid-template-columns:170px minmax(0,1fr) 120px;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--qr-line);font-size:14px}
.qrBarName{color:var(--qr-quartz)}
.qrBarLine{display:block;height:9px;background:#2a2f32}
.qrBarLine i{display:block;height:100%;background:linear-gradient(90deg,var(--qr-ochre-dim),var(--qr-ochre))}
.qrBarVal{text-align:right;color:var(--qr-mute)}

/* ---------- пласты клуба: растущая толщина ---------- */
.qrStrataStack{margin:24px 0;display:flex;flex-direction:column;gap:3px}
.qrStrata{display:flex;align-items:center;gap:16px;padding:0 20px;background:var(--qr-panel2);border-left:4px solid var(--qr-ochre-dim)}
.qrStrataName{flex:0 0 130px;font-size:15px;letter-spacing:.04em}
.qrStrataNum{font-size:24px;color:var(--qr-ochre);flex:0 0 70px}
.qrStrataReq{color:var(--qr-mute);font-size:14px}
.qrStrata1{min-height:52px;background:#1c2022}
.qrStrata2{min-height:62px;background:#1f2325}
.qrStrata3{min-height:72px;background:#232729}
.qrStrata4{min-height:82px;background:#272b2d;border-left-color:var(--qr-ochre)}
.qrStrata5{min-height:92px;background:#2b2f30;border-left-color:var(--qr-ochre)}
.qrStrata6{min-height:104px;background:#31332f;border-left-color:var(--qr-ochre)}

/* ---------- касса ---------- */
.qrTableWrap{overflow-x:auto;margin:24px 0;border:1px solid var(--qr-line)}
.qrTable{width:100%;min-width:560px;font-size:14.5px}
.qrTable caption{text-align:left;padding:12px 16px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--qr-mute);background:var(--qr-panel)}
.qrTable th,.qrTable td{padding:11px 16px;text-align:left;border-top:1px solid var(--qr-line)}
.qrTable thead th{background:rgba(217,164,65,.09);color:var(--qr-ochre);font-weight:600;font-size:13px;letter-spacing:.04em}
.qrTable tbody tr:nth-child(odd){background:rgba(255,255,255,.017)}
.qrTable td:nth-child(3){color:var(--qr-quartz);font-weight:600}

/* ---------- врезки-цитаты ---------- */
.qrQuote{
  margin:26px 0 0;padding:20px 22px;
  background:var(--qr-rock);
  border:1px solid var(--qr-line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
}
.qrSeam2 .qrQuote,.qrSeam5 .qrQuote,.qrSeam7 .qrQuote{background:var(--qr-panel2)}
.qrStars{color:var(--qr-ochre);font-size:13px;letter-spacing:.2em}
.qrQuote blockquote{margin:8px 0 10px;font-size:16px;line-height:1.6;color:#d8d6d2}
.qrQuote figcaption{font-size:13px;color:var(--qr-mute);letter-spacing:.04em}

/* ---------- FAQ ---------- */
.qrFaq{margin-top:20px;border-top:1px solid var(--qr-line)}
.qrFaq details{border-bottom:1px solid var(--qr-line)}
.qrFaq summary{cursor:pointer;padding:15px 34px 15px 0;font-size:16px;position:relative;list-style:none;font-family:Philosopher,serif;font-weight:700}
.qrFaq summary::-webkit-details-marker{display:none}
.qrFaq summary::after{content:"";position:absolute;right:6px;top:22px;width:9px;height:9px;border-right:2px solid var(--qr-ochre);border-bottom:2px solid var(--qr-ochre);transform:rotate(45deg)}
.qrFaq details[open] summary::after{transform:rotate(-135deg);top:26px}
.qrFaq details p{margin:0 0 16px;color:var(--qr-mute);font-size:15px;max-width:88ch}

/* ---------- заметка автора и финальный скол ---------- */
.qrAuthor{border-left:3px solid var(--qr-ochre-dim);padding-left:22px;max-width:960px}
.qrAuthorTitle{font-size:22px;margin:4px 0 12px}
.qrAuthor p{color:var(--qr-mute);font-size:15px}
.qrCutBlock{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.qrCutTitle{font-size:26px;margin:0 0 8px}
.qrCutBlock p:last-of-type{margin:0;color:var(--qr-mute);max-width:60ch}

/* ---------- подвал ---------- */
.qrFoot{background:#121517;border-top:2px solid var(--qr-ochre-dim);padding:36px 0 0;font-size:14px}
.qrFootGrid{display:grid;grid-template-columns:2.1fr 1fr 1fr 1fr;gap:26px}
.qrFootName{font-family:Philosopher,serif;font-weight:700;font-size:19px;margin:0 0 8px}
.qrFootLegal{color:var(--qr-mute);font-size:13px;line-height:1.6}
.qrFoot h3{font-size:13px;letter-spacing:.11em;text-transform:uppercase;color:var(--qr-ochre);margin:0 0 10px}
.qrFoot ul{list-style:none;margin:0;padding:0;color:var(--qr-mute)}
.qrFoot li{padding:3px 0;font-size:13.5px}
.qrFootBottom{margin-top:28px;border-top:1px solid var(--qr-line);padding:14px 20px 20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#6f767b;font-size:12.5px;max-width:1160px;margin-left:auto;margin-right:auto}

/* ---------- адаптив ---------- */
@media (max-width:1000px){
  .qrHeroGrid{grid-template-columns:minmax(0,1fr)}
  .qrSamples{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qrDeck{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qrFootGrid{grid-template-columns:1fr 1fr}
  .qrH1{font-size:34px}
}
@media (max-width:720px){
  body{font-size:15.5px}
  .qrTop{gap:10px;padding:10px 16px}
  .qrNav{width:100%;order:3;margin-left:0;gap:4px 12px}
  .qrCutTop{margin-left:auto}
  .qrWrap{padding:0 16px}
  .qrSeam{padding:44px 0 36px}
  .qrSeam1,.qrSeam2,.qrSeam3,.qrSeam4,.qrSeam5,.qrSeam6,.qrSeam7,.qrSeam8,.qrSeam9,.qrSeamNote,.qrSeamCut{padding-top:58px}
  .qrH1{font-size:26px}
  .qrStand{font-size:16px}
  .qrTitle{font-size:22px}
  .qrLead{font-size:16px}
  .qrHeroText{grid-template-columns:12px minmax(0,1fr);gap:14px}
  .qrCore{width:12px}
  .qrSamples,.qrDeck,.qrDeckThree{grid-template-columns:minmax(0,1fr)}
  .qrFootGrid{grid-template-columns:minmax(0,1fr);gap:20px}
  .qrBar{grid-template-columns:minmax(0,1fr) 110px;gap:8px 12px}
  .qrBarLine{grid-column:1 / -1}
  .qrNo{flex:0 0 42px;height:42px;font-size:20px}
  .qrHead{gap:12px}
  .qrStrata{flex-wrap:wrap;gap:6px 14px;padding:12px 16px}
  .qrStrataName{flex:0 0 auto}
  .qrStrataNum{flex:0 0 auto}
  .qrStrataReq{width:100%}
  .qrRtp{font-size:38px}
  .qrCutBlock{flex-direction:column;align-items:flex-start}
  .qrFootBottom{padding:14px 16px 20px}
}
@media (max-width:420px){
  .qrMarkText{font-size:19px}
  .qrMarkGem{width:28px;height:28px;flex:0 0 28px}
  .qrCut{padding:12px 16px;font-size:14px}
  .qrCutTop{padding:9px 14px;font-size:13px}
  .qrHeroActions .qrCut{width:100%;text-align:center}
  .qrH1{font-size:24px}
}