/* ========================================================================== 
   Qarqarak home — isolated editorial/product-story layout.
   Scope: .qqh-page only. Shared shell, WooCommerce and article styles untouched.
   ========================================================================== */
.qqh-page{
  --qqh-main:74rem;
  --qqh-reading:70ch;
  --qqh-radius:clamp(1rem,1.5vw,1.5rem);
  --qqh-section:clamp(2.75rem,5.2vw,5.25rem);
  background:var(--bg);
}
.qqh-page main{overflow-wrap:anywhere;isolation:isolate}
.qqh-page main .container{inline-size:min(var(--qqh-main),100% - (var(--gutter) * 2))}
.qqh-page main svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.qqh-page main :is(h1,h2,h3){color:var(--text-strong);letter-spacing:0;text-wrap:balance}
.qqh-page main h2{font-size:clamp(1.75rem,1.25rem + 1.7vw,2.9rem);line-height:1.48;font-weight:850}
.qqh-page main h3{font-size:clamp(1.15rem,1.02rem + .45vw,1.5rem);line-height:1.65;font-weight:800}
.qqh-page main p{line-height:1.95}
.qqh-page main em{font-style:normal;color:var(--accent-text)}
.qqh-page .qqh-skip{position:fixed;inset-block-start:-100px;inset-inline-start:1rem;z-index:9999;padding:1rem;background:var(--bg);color:var(--text)}
.qqh-page .qqh-skip:focus{inset-block-start:1rem}
.qqh-page .qqh-eyebrow{display:inline-flex;align-items:center;gap:.65rem;margin-block-end:.8rem;color:var(--accent-text);font-size:.74rem;font-weight:800;letter-spacing:0}
.qqh-page .qqh-eyebrow::before{content:"";inline-size:1.8rem;block-size:2px;border-radius:2px;background:linear-gradient(to left,currentColor,transparent)}
.qqh-page .qqh-section{padding-block:var(--qqh-section);position:relative}
.qqh-page .qqh-soft{background:linear-gradient(180deg,var(--surface-2),color-mix(in srgb,var(--surface-2) 80%,var(--bg)));border-block:1px solid var(--line)}

/* Hero — a contained editorial stage, not a loose full-width billboard. */
.qqh-page .qqh-hero{position:relative;padding-block:clamp(1.5rem,3.4vw,3.25rem);isolation:isolate;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 74%,var(--bg)),var(--bg));border-block-end:1px solid var(--line)}
.qqh-page .qqh-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:url('../assets/home/precision-pattern.svg') repeat;opacity:.09;pointer-events:none;mask-image:linear-gradient(90deg,#000 0 52%,transparent 88%)}
.qqh-page .qqh-hero::after{content:"";position:absolute;z-index:-1;inline-size:40rem;block-size:40rem;inset-block-start:-26rem;inset-inline-end:-9rem;border-radius:50%;background:radial-gradient(circle,rgba(220,174,78,.15),transparent 68%);pointer-events:none}
.qqh-page .qqh-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(1.5rem,3.4vw,3.6rem);padding:clamp(.6rem,1vw,1rem);border:1px solid var(--line);border-radius:clamp(1.2rem,2vw,2rem);background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:var(--shadow-sm);overflow:hidden}
.qqh-page .qqh-hero-copy{min-inline-size:0;padding:clamp(1.1rem,2.5vw,2.4rem);padding-inline-start:clamp(1rem,2vw,1.8rem)}
.qqh-page .qqh-hero h1{max-inline-size:12ch;margin-block-end:1rem;font-size:clamp(2.25rem,1.45rem + 2.7vw,4.35rem);font-weight:900;line-height:1.34}
.qqh-page .qqh-lead{max-inline-size:58ch;color:var(--text-muted);font-size:clamp(.96rem,.91rem + .22vw,1.08rem);line-height:2}
.qqh-page .qqh-text-link{display:inline-flex;align-items:center;gap:.65rem;min-block-size:44px;margin-block-start:1rem;padding:.45rem 0;color:var(--accent-text);font-size:.86rem;font-weight:800;border-block-end:1px solid var(--line-accent);transition:gap var(--d-fast) var(--e-out),border-color var(--d-fast) var(--e-out)}
.qqh-page .qqh-text-link:hover{gap:.9rem;border-color:var(--accent-text)}
.qqh-page .qqh-hero-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:1.35rem}
.qqh-page .qqh-hero-meta span{display:inline-flex;align-items:center;min-block-size:32px;padding:.28rem .72rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--text-muted);font-size:.72rem;font-weight:650}
.qqh-page .qqh-hero-meta span::before{content:"";inline-size:.32rem;block-size:.32rem;margin-inline-end:.45rem;border-radius:50%;background:var(--accent)}
.qqh-page .qqh-hero-art{position:relative;min-inline-size:0;align-self:stretch;overflow:hidden;border:1px solid var(--line);border-radius:1.3rem;background:var(--surface-2);box-shadow:var(--shadow-md)}
.qqh-page .qqh-hero-art img{inline-size:100%;block-size:100%;min-block-size:clamp(25rem,36vw,34rem);object-fit:cover;object-position:45% center;transition:scale var(--d-cine) var(--e-expo)}
.qqh-page .qqh-hero-art:hover img{scale:1.015}
.qqh-page .qqh-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,12,16,.48));pointer-events:none}
.qqh-page .qqh-hero-art figcaption{position:absolute;z-index:2;inset-inline:0;inset-block-end:0;display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;color:#e8edf2;font-size:.76rem}
.qqh-page .qqh-hero-art figcaption b{color:var(--qq-brass-300);font-size:.68rem}
.qqh-page .qqh-art-label{position:absolute;z-index:2;inset-block-start:1rem;inset-inline-start:1rem;direction:ltr;padding:.45rem .6rem;border:1px solid rgba(255,255,255,.16);border-radius:.35rem;background:rgba(7,12,16,.72);color:#fff;font:9px/1.4 Arial,sans-serif;letter-spacing:1.7px;backdrop-filter:blur(8px)}

/* Compact in-page navigation. Horizontal on phones, one line on desktop. */
.qqh-page .qqh-topics{display:flex;align-items:center;gap:.35rem;padding-block:.75rem;border-block-end:1px solid var(--line);font-size:.78rem;overflow-x:auto;scrollbar-width:none}
.qqh-page .qqh-topics::-webkit-scrollbar{display:none}
.qqh-page .qqh-topics>span{flex:0 0 auto;margin-inline-end:.35rem;color:var(--text-faint);font-weight:700}
.qqh-page .qqh-topics a{flex:0 0 auto;display:inline-flex;align-items:center;min-block-size:38px;padding:.35rem .75rem;border:1px solid transparent;border-radius:999px;color:var(--text-muted);white-space:nowrap;transition:background var(--d-fast),color var(--d-fast),border-color var(--d-fast)}
.qqh-page .qqh-topics a:hover{color:var(--accent-text);background:var(--accent-softer);border-color:var(--line-accent)}

/* About — tighter editorial split with stable reading measure. */
.qqh-page .qqh-about{display:grid;grid-template-columns:minmax(15rem,.72fr) minmax(0,1.28fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.qqh-page .qqh-about>div:first-child{position:sticky;inset-block-start:calc(var(--header-total) + 1.25rem);padding-inline-end:clamp(0rem,2vw,1.5rem)}
.qqh-page .qqh-about h2{max-inline-size:13ch}
.qqh-page .qqh-prose{max-inline-size:var(--qqh-reading)}
.qqh-page .qqh-prose p{margin-block-end:1rem;color:var(--text-muted);font-size:.95rem}
.qqh-page .qqh-prose .qqh-intro{position:relative;margin-block-end:1.35rem;padding:1rem 1.15rem;border-inline-start:3px solid var(--accent);border-radius:var(--r-md);background:var(--accent-softer);color:var(--text);font-size:1.06rem;font-weight:600}

.qqh-page .qqh-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-block-end:2rem}
.qqh-page .qqh-heading>div{min-inline-size:0}
.qqh-page .qqh-heading>p{max-inline-size:35ch;color:var(--text-muted);font-size:.9rem}

/* Activity cards — technical dossiers, not three bulky text boxes. */
.qqh-page .qqh-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.qqh-page .qqh-pillars article{position:relative;display:flex;flex-direction:column;min-inline-size:0;min-block-size:100%;padding:1.45rem;border:1px solid var(--line);border-radius:var(--qqh-radius);background:linear-gradient(150deg,var(--surface),var(--surface-2));overflow:hidden;box-shadow:var(--shadow-sm);transition:translate var(--d-base) var(--e-out),border-color var(--d-base) var(--e-out),box-shadow var(--d-base) var(--e-out)}
.qqh-page .qqh-pillars article::after{content:"";position:absolute;inset-block-start:-2.8rem;inset-inline-end:-2.8rem;inline-size:8.5rem;block-size:8.5rem;border:1px solid var(--line-accent);border-radius:50%;opacity:.45;pointer-events:none}
.qqh-page .qqh-pillars article:hover{translate:0 -.18rem;border-color:var(--line-accent);box-shadow:var(--shadow-md)}
.qqh-page .qqh-pillars svg{inline-size:3rem;block-size:3rem;margin-block-end:1.1rem;padding:.65rem;border:1px solid var(--line-accent);border-radius:.85rem;background:var(--accent-softer);color:var(--accent-text)}
.qqh-page .qqh-number{position:absolute;inset-block-start:1rem;inset-inline-end:1rem;color:var(--text-faint);font:800 1.15rem/1 var(--font-mono);direction:ltr;opacity:.72}
.qqh-page .qqh-pillars h3{padding-inline-end:2rem}
.qqh-page .qqh-pillars p{margin-block-start:.7rem;color:var(--text-muted);font-size:.86rem;line-height:1.9}
.qqh-page .qqh-pillars a{align-self:flex-start;margin-block-start:auto;padding-block:.8rem .1rem;color:var(--accent-text);font-size:.78rem;font-weight:800}

/* Knowledge dossier — quiet rail + compact essays. */
.qqh-page .qqh-editorial{display:grid;grid-template-columns:minmax(12rem,.42fr) minmax(0,1.58fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}
.qqh-page .qqh-reading-index{position:sticky;inset-block-start:calc(var(--header-total) + 1.25rem);display:grid;gap:.2rem;padding:1rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm)}
.qqh-page .qqh-reading-index p{margin-block-end:.35rem;color:var(--text-strong);font-size:.86rem;font-weight:800}
.qqh-page .qqh-reading-index a{display:block;padding:.48rem .6rem;border-radius:.55rem;color:var(--text-muted);font-size:.78rem;line-height:1.6}
.qqh-page .qqh-reading-index a:hover{background:var(--accent-softer);color:var(--accent-text)}
.qqh-page .qqh-reading-index span{margin-block-start:.8rem;padding-block-start:.8rem;border-block-start:1px solid var(--line);color:var(--text-faint);font-size:.67rem}
.qqh-page .qqh-essays{max-inline-size:76ch;min-inline-size:0}
.qqh-page .qqh-essays article{position:relative;margin-block-end:.85rem;padding:1.35rem 1.45rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm)}
.qqh-page .qqh-essays article:last-child{margin-block-end:0}
.qqh-page .qqh-essays article::before{content:"";position:absolute;inset-block:.9rem;inset-inline-start:0;inline-size:2px;border-radius:2px;background:linear-gradient(var(--accent),transparent)}
.qqh-page .qqh-essays p{max-inline-size:70ch;margin-block-start:.8rem;color:var(--text-muted);font-size:.9rem;line-height:1.95}
.qqh-page .qqh-essays blockquote{margin:1.2rem 0 0;padding:1rem 1.15rem;border:1px solid var(--line-accent);border-inline-start:3px solid var(--accent);border-radius:var(--r-md);background:var(--accent-softer);font-size:1rem;line-height:1.85}

/* Statement — short signature band, not a second hero. */
.qqh-page .qqh-statement{position:relative;padding-block:clamp(2.5rem,4.5vw,4.25rem);border-block:1px solid var(--line);text-align:center;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-2) 88%,var(--bg)),var(--bg))}
.qqh-page .qqh-statement::before{content:"";position:absolute;inset:0;background:url('../assets/home/precision-pattern.svg') repeat;opacity:.08;pointer-events:none}
.qqh-page .qqh-statement>.container{position:relative}
.qqh-page .qqh-statement .qqh-eyebrow{justify-content:center}
.qqh-page .qqh-statement p:not(.qqh-eyebrow){font-size:clamp(1.75rem,1.3rem + 1.7vw,3rem);line-height:1.6;font-weight:850}
.qqh-page .qqh-statement span{display:block;margin-block-start:.7rem;color:var(--text-muted);font-size:.82rem}

/* Latest article — editorial card with clear media/body separation. */
.qqh-page #journal{padding-block:var(--qqh-section)}
.qqh-page .qqh-journal{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:stretch;gap:0;overflow:hidden;border:1px solid var(--line);border-radius:clamp(1rem,2vw,1.65rem);background:var(--surface);box-shadow:var(--shadow-md)}
.qqh-page .qqh-journal__media,.qqh-page .qqh-journal>a:first-child{position:relative;display:block;min-inline-size:0;overflow:hidden;background:var(--stage)}
.qqh-page .qqh-journal img{inline-size:100%;block-size:100%;min-block-size:20rem;aspect-ratio:auto;object-fit:cover;border-radius:0;transition:scale var(--d-cine) var(--e-expo)}
.qqh-page .qqh-journal__media:hover img,.qqh-page .qqh-journal>a:first-child:hover img{scale:1.02}
.qqh-page .qqh-journal__badge{position:absolute;z-index:2;inset-block-start:1rem;inset-inline-start:1rem;padding:.35rem .6rem;border-radius:999px;background:rgba(7,12,16,.8);color:#fff;font-size:.68rem;font-weight:800;backdrop-filter:blur(8px)}
.qqh-page .qqh-journal__body,.qqh-page .qqh-journal>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.35rem,3vw,2.6rem)}
.qqh-page .qqh-journal__meta{display:flex;flex-wrap:wrap;gap:.45rem .8rem;margin-block-end:.65rem;color:var(--text-faint);font-size:.72rem}
.qqh-page .qqh-journal h3{font-size:clamp(1.35rem,1.15rem + .65vw,1.85rem);line-height:1.6}
.qqh-page .qqh-journal h3 a:hover{color:var(--accent-text)}
.qqh-page .qqh-journal p:not(.qqh-eyebrow){margin-block-start:.75rem;color:var(--text-muted);font-size:.9rem;line-height:1.9}

.qqh-page .qqh-ending{max-inline-size:52rem;padding:clamp(1.4rem,2.5vw,2.2rem);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);text-align:center;box-shadow:var(--shadow-sm)}
.qqh-page .qqh-ending::before{content:"";display:block;inline-size:3.2rem;block-size:3px;margin:0 auto 1.25rem;border-radius:3px;background:var(--accent)}
.qqh-page .qqh-ending p:not(.qqh-eyebrow){max-inline-size:64ch;margin:.9rem auto 0;color:var(--text-muted);font-size:.9rem}

@media(max-width:64rem){
  .qqh-page{--qqh-main:70rem}
  .qqh-page .qqh-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:1rem}
  .qqh-page .qqh-hero-copy{padding:1.25rem}
  .qqh-page .qqh-pillars{gap:.75rem}
  .qqh-page .qqh-about{gap:2.5rem}
}
@media(max-width:50rem){
  .qqh-page{--qqh-section:clamp(2.5rem,7vw,3.75rem)}
  .qqh-page .qqh-hero{padding-block:1rem 1.5rem}
  .qqh-page .qqh-hero-grid{grid-template-columns:1fr;padding:.55rem;border-radius:1.25rem}
  .qqh-page .qqh-hero-copy{order:1;padding:1.05rem .9rem .85rem}
  .qqh-page .qqh-hero-art{order:0;aspect-ratio:16/10;border-radius:.95rem}
  .qqh-page .qqh-hero-art img{min-block-size:0;block-size:100%;aspect-ratio:16/10}
  .qqh-page .qqh-hero h1{max-inline-size:15ch;font-size:clamp(2rem,8.2vw,3rem);line-height:1.4}
  .qqh-page .qqh-lead{font-size:.92rem;line-height:1.9}
  .qqh-page .qqh-about{grid-template-columns:1fr;gap:1.4rem}
  .qqh-page .qqh-about>div:first-child{position:static;padding:0}
  .qqh-page .qqh-about h2{max-inline-size:18ch}
  .qqh-page .qqh-pillars{grid-template-columns:1fr}
  .qqh-page .qqh-heading{align-items:start;flex-direction:column;gap:.65rem;margin-block-end:1.35rem}
  .qqh-page .qqh-heading>p{max-inline-size:none}
  .qqh-page .qqh-editorial{grid-template-columns:1fr;gap:1rem}
  .qqh-page .qqh-reading-index{position:static;display:flex;align-items:center;gap:.25rem;overflow-x:auto;padding:.6rem;scrollbar-width:none}
  .qqh-page .qqh-reading-index::-webkit-scrollbar{display:none}
  .qqh-page .qqh-reading-index p{flex:0 0 auto;margin:0;padding-inline:.4rem}
  .qqh-page .qqh-reading-index a{flex:0 0 auto;white-space:nowrap}
  .qqh-page .qqh-reading-index span{display:none}
  .qqh-page .qqh-journal{grid-template-columns:1fr}
  .qqh-page .qqh-journal img{min-block-size:0;aspect-ratio:16/10}
}
@media(max-width:34rem){
  .qqh-page main .container{inline-size:min(100% - 1.25rem,var(--qqh-main))}
  .qqh-page .qqh-hero-grid{padding:.4rem}
  .qqh-page .qqh-hero-copy{padding:.9rem .75rem .8rem}
  .qqh-page .qqh-hero h1{font-size:clamp(1.75rem,8.6vw,2.4rem);line-height:1.42;margin-block-end:.75rem}
  .qqh-page .qqh-hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}
  .qqh-page .qqh-hero-meta span{justify-content:center;min-block-size:34px;padding:.25rem .35rem;text-align:center;font-size:.66rem}
  .qqh-page .qqh-hero-meta span::before{display:none}
  .qqh-page .qqh-hero-art figcaption{padding:.7rem .8rem;font-size:.66rem}
  .qqh-page .qqh-art-label{inset-block-start:.7rem;inset-inline-start:.7rem;font-size:7px}
  .qqh-page .qqh-topics{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
  .qqh-page .qqh-prose .qqh-intro{font-size:.96rem}
  .qqh-page .qqh-prose p,.qqh-page .qqh-essays p,.qqh-page .qqh-pillars p,.qqh-page .qqh-journal p:not(.qqh-eyebrow){font-size:.84rem}
  .qqh-page .qqh-pillars article{padding:1.15rem}
  .qqh-page .qqh-essays article{padding:1.05rem 1rem}
  .qqh-page .qqh-statement p:not(.qqh-eyebrow){font-size:clamp(1.55rem,7.2vw,2.15rem)}
  .qqh-page .qqh-journal__body,.qqh-page .qqh-journal>div{padding:1.15rem}
  .qqh-page .qqh-ending{padding:1.25rem 1rem}
}
@media(prefers-reduced-motion:reduce){
  .qqh-page .qqh-hero-art img,.qqh-page .qqh-journal img,.qqh-page .qqh-pillars article{transition:none!important}
}

/* ========================================================================== 
   1.6.11 final compact pass — mobile title discipline + denser component rhythm.
   The desktop composition stays editorial; phones get short, single-line section
   headings, smaller media footprints and compact icon/card headers.
   ========================================================================== */
@media(max-width:50rem){
  .qqh-page main .container{margin-inline:auto}
  .qqh-page main :is(h1,h2)[data-heading-wrap]{max-inline-size:none;white-space:nowrap;text-wrap:nowrap;overflow-wrap:normal;word-break:normal;letter-spacing:-.025em}
  .qqh-page .qqh-hero-copy,.qqh-page .qqh-about,.qqh-page .qqh-heading,.qqh-page .qqh-editorial,.qqh-page .qqh-journal__body{direction:rtl;text-align:right}
  .qqh-page .qqh-hero h1{max-inline-size:none;font-size:clamp(1.45rem,6vw,1.8rem);line-height:1.35}
  .qqh-page main h2{font-size:clamp(1.14rem,4.9vw,1.42rem);line-height:1.42}
  .qqh-page .qqh-about h2{max-inline-size:none}
  .qqh-page .qqh-heading{gap:.5rem}
  .qqh-page .qqh-heading>p{font-size:.8rem;line-height:1.75}

  .qqh-page .qqh-pillars article{display:grid;grid-template-columns:2.7rem minmax(0,1fr);column-gap:.75rem;row-gap:.45rem;padding:1rem}
  .qqh-page .qqh-pillars svg{grid-column:1;grid-row:1;inline-size:2.55rem;block-size:2.55rem;margin:0;padding:.55rem;border-radius:.75rem}
  .qqh-page .qqh-pillars h3{grid-column:2;grid-row:1;align-self:center;padding:0;margin:0;font-size:1rem;line-height:1.55;white-space:nowrap}
  .qqh-page .qqh-pillars p,.qqh-page .qqh-pillars a{grid-column:1/-1}
  .qqh-page .qqh-pillars p{margin-block-start:.25rem;line-height:1.78}
  .qqh-page .qqh-pillars a{margin-block-start:.15rem;padding-block:.45rem 0}
  .qqh-page .qqh-number{inset-block-start:.65rem;inset-inline-end:.7rem;font-size:.8rem}

  .qqh-page .qqh-essays{max-inline-size:none}
  .qqh-page .qqh-essays article{margin-block-end:.65rem;padding:.95rem 1rem}
  .qqh-page .qqh-essays article .qqh-eyebrow{margin-block-end:.35rem}
  .qqh-page .qqh-essays h3{font-size:1rem;line-height:1.55}
  .qqh-page .qqh-essays p{margin-block-start:.55rem;line-height:1.78}
  .qqh-page .qqh-essays blockquote{margin-block-start:.8rem;padding:.75rem .85rem;font-size:.86rem;line-height:1.75}

  .qqh-page .qqh-statement{padding-block:2.15rem}
  .qqh-page .qqh-statement p:not(.qqh-eyebrow){font-size:clamp(1.25rem,5.4vw,1.58rem);line-height:1.4;white-space:nowrap;text-wrap:nowrap}

  .qqh-page .qqh-journal img{aspect-ratio:16/9}
  .qqh-page .qqh-journal h3{font-size:1.08rem;line-height:1.55}
  .qqh-page .qqh-journal__body,.qqh-page .qqh-journal>div{padding:1rem}
  .qqh-page .qqh-journal__meta{margin-block-end:.4rem;font-size:.66rem}
  .qqh-page .qqh-ending h2{font-size:clamp(1.15rem,4.8vw,1.4rem);white-space:nowrap;text-wrap:nowrap}
}
@media(max-width:34rem){
  .qqh-page{--qqh-section:2.35rem}
  .qqh-page .qqh-hero{padding-block:.75rem 1.1rem}
  .qqh-page .qqh-hero-art{aspect-ratio:16/9}
  .qqh-page .qqh-hero-art img{aspect-ratio:16/9}
  .qqh-page .qqh-hero h1{font-size:clamp(1.28rem,5.9vw,1.56rem)}
  .qqh-page main h2{font-size:clamp(1.02rem,4.7vw,1.22rem)}
  .qqh-page .qqh-eyebrow{margin-block-end:.45rem;font-size:.66rem}
  .qqh-page .qqh-lead{font-size:.82rem;line-height:1.78}
  .qqh-page .qqh-text-link{min-block-size:38px;margin-block-start:.65rem;font-size:.75rem}
  .qqh-page .qqh-hero-meta{margin-block-start:.8rem}
  .qqh-page .qqh-topics{padding-block:.5rem;font-size:.69rem}
  .qqh-page .qqh-topics a{min-block-size:32px;padding:.25rem .58rem}
  .qqh-page .qqh-prose p{margin-block-end:.75rem;line-height:1.8}
  .qqh-page .qqh-prose .qqh-intro{margin-block-end:.9rem;padding:.8rem .9rem;font-size:.86rem;line-height:1.78}
  .qqh-page .qqh-pillars h3{font-size:.92rem}
  .qqh-page .qqh-pillars p,.qqh-page .qqh-essays p,.qqh-page .qqh-journal p:not(.qqh-eyebrow){font-size:.78rem}
  .qqh-page .qqh-reading-index{padding:.45rem}
  .qqh-page .qqh-reading-index p,.qqh-page .qqh-reading-index a{font-size:.69rem}
  .qqh-page .qqh-statement p:not(.qqh-eyebrow){font-size:clamp(1.08rem,5vw,1.3rem)}
  .qqh-page .qqh-ending h2{font-size:clamp(1rem,4.6vw,1.18rem)}
}