/* Both heroes remain native, editable blocks. A Group style selects the live one. */
.qamar-hero-switch:not(.is-style-qamar-scroll-hero)>.qamar-sequence{display:none}
.qamar-hero-switch.is-style-qamar-scroll-hero>.qamar-logo-hero{display:none}
.qamar-hero-switch{position:relative;margin:0}
.qamar-logo-hero{
    position:relative;isolation:isolate;overflow:clip;display:flex;align-items:center;
    min-height:min(900px,100svh);padding:clamp(120px,14vh,160px) 0 64px;
    background:var(--surface-alt);color:var(--text);border-bottom:1px solid var(--border);
}
.qamar-logo-hero>.container{width:100%}
.qamar-logo-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,5vw,80px)}
.qamar-logo-copy{max-width:620px;position:relative;z-index:2;animation:qamar-logo-enter .9s ease-out both}
.qamar-logo-title{font-size:clamp(2.75rem,4.6vw,4.5rem);font-weight:600;line-height:1.38;letter-spacing:0;color:var(--secondary);margin:0 0 24px}
.qamar-logo-description{max-width:480px;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.85;color:var(--text-light);margin:0 0 32px}
.qamar-logo-actions.wp-block-buttons{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin:0}
.qamar-logo-actions .wp-block-button{margin:0;padding:0;background:none;border:0}
.qamar-logo-actions .wp-block-button__link{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-pill);font-size:.95rem;font-weight:600;line-height:1.5;border:1px solid var(--secondary);background:var(--secondary);color:var(--surface);transition:transform .25s ease,background-color .25s ease,color .25s ease}
.qamar-logo-actions .qamar-logo-secondary .wp-block-button__link{background:transparent;color:var(--secondary);border-color:var(--border)}
.qamar-logo-actions .wp-block-button__link:hover{transform:translateY(-2px);background:var(--text)}
.qamar-logo-actions .qamar-logo-secondary .wp-block-button__link:hover{background:var(--border);color:var(--secondary)}
.qamar-logo-scene{position:relative;display:grid;place-items:center;isolation:isolate;width:100%;height:clamp(380px,37vw,560px);animation:qamar-logo-enter 1.1s ease-out both}
.qamar-logo-scene::before,.qamar-logo-scene::after{content:"";position:absolute;pointer-events:none;z-index:-1;border:1px solid color-mix(in srgb,var(--primary) 32%,transparent);border-radius:50%;width:90%;height:78%;transform:rotate(-24deg)}
.qamar-logo-scene::after{width:76%;height:98%;border-color:color-mix(in srgb,var(--secondary) 12%,transparent);transform:rotate(26deg);animation:qamar-logo-orbit 18s ease-in-out infinite}
.qamar-hero-mark.wp-block-image{width:min(100%,470px);margin:0;animation:qamar-logo-float 7s ease-in-out infinite;filter:drop-shadow(0 16px 18px color-mix(in srgb,var(--secondary) 10%,transparent))}
.qamar-hero-mark img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
/* The light hero requires dark navigation at the top of the homepage. */
.home:has(.qamar-hero-switch:not(.is-style-qamar-scroll-hero)) .site-header:not(.scrolled){background:color-mix(in srgb,var(--surface) 85%,transparent);border-color:var(--border)}
.home:has(.qamar-hero-switch:not(.is-style-qamar-scroll-hero)) .site-header:not(.scrolled) :is(.header-nav,.header-nav a,.header-utils a,.util-link){color:var(--text);text-shadow:none}
@keyframes qamar-logo-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes qamar-logo-float{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-10px) rotate(.4deg)}}
@keyframes qamar-logo-orbit{0%,100%{transform:rotate(26deg)}50%{transform:rotate(34deg)}}
@media(max-width:900px){
    .qamar-logo-grid{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
    .qamar-logo-title{font-size:clamp(2.35rem,4.8vw,3rem)}
    .qamar-logo-scene{height:360px}
}
@media(max-width:768px){
    .qamar-logo-hero{min-height:100svh;padding:112px 0 32px}
    .qamar-logo-hero .container{padding-inline:24px}
    .qamar-logo-grid{grid-template-columns:minmax(0,1fr);gap:20px}
    .qamar-logo-scene{--qamar-logo-size:clamp(140px,26svh,260px);order:-1;height:var(--qamar-logo-size);max-width:300px;justify-self:center}
    .qamar-hero-mark.wp-block-image{width:var(--qamar-logo-size);height:var(--qamar-logo-size)}
    .qamar-hero-mark img{height:100%;width:100%}
    .qamar-logo-copy{text-align:center;max-width:100%}
    .qamar-logo-title{font-size:clamp(1.9rem,8.4vw,2.6rem);line-height:1.4;margin-bottom:16px}
    .qamar-logo-description{font-size:1rem;line-height:1.8;margin:0 auto 24px;max-width:340px}
    .qamar-logo-actions.wp-block-buttons{justify-content:center;gap:10px}
    .qamar-logo-actions .wp-block-button__link{font-size:.875rem;padding:12px 18px}
}
@media(max-width:768px) and (max-height:620px){
    .qamar-logo-hero{padding-top:104px;padding-bottom:24px}
    .qamar-logo-grid{gap:12px}
    .qamar-logo-title{margin-bottom:12px}
    .qamar-logo-description{margin-bottom:16px}
}
@media(min-width:769px) and (max-height:480px){
    .qamar-logo-hero{min-height:100svh;padding:104px 0 24px}
    .qamar-logo-title{font-size:2rem;margin-bottom:12px}
    .qamar-logo-description{font-size:1rem;line-height:1.7;margin-bottom:16px}
    .qamar-logo-scene{height:240px}
    .qamar-hero-mark.wp-block-image{width:240px}
}