#hero{background:var(--c-surface);position:relative;overflow:hidden;min-height:calc(100svh - var(--header-h));display:flex;flex-direction:column;justify-content:flex-start;padding-top:4vh;padding-bottom:0;border-bottom:2px solid var(--c-primary)}
#hero .hero__inner{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);display:flex;flex-direction:column;flex:1 1 auto;justify-content:flex-start;padding-bottom:var(--sp-5)}
#hero .hero__content{width:100%}
#hero .hero__crest{height:56px;width:auto;margin:0 0 calc(56px * .6);mix-blend-mode:multiply}
#hero .hero__rule{max-width:100%;margin-bottom:14px}
#hero .edition-kicker{margin-bottom:14px}
#hero h1{font-size:clamp(2.5rem,9.4vw,3.25rem);margin:0 0 var(--sp-4);font-variation-settings:"SOFT" 30,"WONK" 1,"opsz" 100}
#hero .hero__sub{font-size:17px;line-height:1.55;max-width:46ch;color:var(--c-text);opacity:.88;margin:0 0 var(--sp-5)}
#hero .hero__ctas{display:flex;flex-direction:column;gap:12px}
#hero .hero__ctas .btn{width:100%}
#hero .hero__btn-outline{background:transparent;color:var(--c-text);border:1px solid var(--c-primary)}
#hero .hero__btn-outline:hover,#hero .hero__btn-outline:focus-visible{background:var(--c-secondary);color:var(--c-text);border-color:var(--c-primary)}
#hero .hero__pillars{list-style:none;margin:var(--sp-6) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 14px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c-accent);justify-content:center;text-align:center}
#hero .hero__pillars li{margin:0;display:flex;align-items:center;gap:14px}
#hero .hero__pillars li + li::before{content:"";width:6px;height:6px;background:var(--c-primary);flex:0 0 auto;margin-left:-14px}
@media (min-width:768px){#hero{padding-top:8vh}#hero .hero__crest{height:88px;margin-bottom:calc(88px * .6)}#hero h1{font-size:clamp(3.25rem,6.4vw,5.75rem);letter-spacing:-.02em;line-height:1.02}#hero .hero__sub{font-size:19px}#hero .hero__ctas{flex-direction:row;gap:var(--sp-4)}#hero .hero__ctas .btn{width:auto}#hero .hero__content{max-width:75%}#hero .hero__rule{max-width:75%}#hero .hero__pillars{justify-content:flex-start;text-align:left;font-size:11px;letter-spacing:.22em;gap:10px 18px;margin-top:auto;padding-top:var(--sp-7)}#hero .hero__pillars li{gap:18px}#hero .hero__pillars li + li::before{margin-left:-18px}}
@media (min-width:1100px){#hero .hero__sub{font-size:19px}}

#what-we-publish{background:var(--c-bg);padding-block:clamp(3rem,2.2rem + 3vw,5.5rem)}
#what-we-publish h2{margin-bottom:0}
#what-we-publish .masthead-rule{max-width:100%;margin-bottom:var(--sp-6)}
#what-we-publish .pillars{list-style:none;margin:0;padding:0}
#what-we-publish .pillar{margin:0;border-top:1px solid var(--c-hairline);padding-block:var(--sp-5)}
#what-we-publish .pillar__idx{display:block;font-family:var(--ff-display);font-style:italic;font-weight:400;font-size:30px;line-height:1;color:var(--c-primary);margin-bottom:var(--sp-2)}
#what-we-publish .pillar__body h3{font-family:var(--ff-display);font-weight:600;font-size:1.3rem;margin:0 0 var(--sp-2);color:var(--c-text)}
#what-we-publish .pillar__body p{margin:0;font-size:17px;line-height:1.6;max-width:52ch}
@media (min-width:768px){#what-we-publish .pillar{display:grid;grid-template-columns:88px 1fr;align-items:start;padding-block:var(--sp-5)}#what-we-publish .pillar__idx{margin-bottom:0;padding-top:.15rem}#what-we-publish .pillar__body h3{font-size:1.625rem}#what-we-publish .pillar--step{margin-left:8%}#what-we-publish .pillar--step .pillar__body p,#what-we-publish .pillar__body p{max-width:56ch}}

#ways-to-work-with-us{background:var(--c-dark-bg);color:var(--c-dark-text);padding-block:56px;border-top:2px solid var(--c-primary)}
#ways-to-work-with-us .ledger__kicker{color:var(--c-dark-text)}
#ways-to-work-with-us .ledger__index{color:var(--c-primary)}
#ways-to-work-with-us h2{margin-bottom:0;color:var(--c-dark-text);font-weight:600}
#ways-to-work-with-us .masthead-rule{margin-bottom:var(--sp-6)}
#ways-to-work-with-us .ledger{display:grid;grid-template-columns:1fr;gap:0}
#ways-to-work-with-us .ledger__col{list-style:none;margin:0;padding:0}
#ways-to-work-with-us .row{margin:0;display:grid;grid-template-columns:44px 1fr;align-items:start;gap:0 var(--sp-3);padding-block:var(--sp-4);border-top:1px solid rgba(247,231,233,.16)}
#ways-to-work-with-us .row__num{font-family:var(--ff-display);font-weight:400;font-size:30px;line-height:1.1;color:var(--c-primary)}
#ways-to-work-with-us .row__body h3{font-family:var(--ff-display);font-weight:600;font-size:1.25rem;line-height:1.25;margin:0 0 var(--sp-2);color:var(--c-dark-text)}
#ways-to-work-with-us .row__body p{margin:0;font-size:15px;line-height:1.6;color:var(--c-dark-text);opacity:.82;max-width:46ch}
#ways-to-work-with-us .ledger__close{margin:var(--sp-6) 0 0;font-size:17px;color:var(--c-dark-text);max-width:60ch}
#ways-to-work-with-us .ledger__link{color:var(--c-dark-text);font-weight:500;white-space:nowrap}
@media (min-width:768px){#ways-to-work-with-us{padding-block:96px}#ways-to-work-with-us .ledger{grid-template-columns:1fr 1fr;gap:0 clamp(2rem,3vw,3.5rem)}#ways-to-work-with-us .ledger__col--offset{margin-top:56px}#ways-to-work-with-us .row{grid-template-columns:56px 1fr;padding-block:var(--sp-5)}#ways-to-work-with-us .row__num{font-size:34px}#ways-to-work-with-us .row__body h3{font-size:1.375rem}}

#who-we-serve{background:var(--c-surface);padding-block:var(--sp-7)}
#who-we-serve .audience{list-style:none;margin:0 0 var(--sp-5);padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3) var(--sp-4);font-family:var(--ff-body);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c-text)}
#who-we-serve .audience li{margin:0;position:relative;padding-left:16px}
#who-we-serve .audience li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;background:var(--c-primary)}
#who-we-serve .serve__line{margin:0 0 var(--sp-4);font-size:17px;max-width:58ch}
#who-we-serve .serve__place{margin:0}
@media (min-width:768px){#who-we-serve{padding-block:var(--sp-7)}#who-we-serve .audience{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-bottom:var(--sp-5)}#who-we-serve .audience li{padding-left:0}#who-we-serve .audience li::before{display:none}#who-we-serve .audience li + li{padding-left:18px}#who-we-serve .audience li + li::before{display:block;left:0;top:calc(50% - 3px)}#who-we-serve .serve__foot{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-6)}#who-we-serve .serve__line{margin:0;flex:1 1 auto}#who-we-serve .serve__place{flex:0 0 auto;text-align:right}}

#about-superqueen-ai-media{background:var(--c-bg)}
#about-superqueen-ai-media .about__band{padding-block:clamp(2.5rem,2rem + 2.5vw,4.5rem)}
#about-superqueen-ai-media .about__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-6)}
#about-superqueen-ai-media h2{margin-bottom:0}
#about-superqueen-ai-media .masthead-rule{margin-bottom:var(--sp-5)}
#about-superqueen-ai-media .about__copy p{font-size:17px;line-height:1.62;max-width:56ch}
#about-superqueen-ai-media .about__frame{margin:0;width:100vw;margin-inline:calc(50% - 50vw)}
#about-superqueen-ai-media .about__media{display:block;position:relative}
#about-superqueen-ai-media .about__media img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 30%;border-radius:0}
#about-superqueen-ai-media .about__meta{list-style:none;margin:var(--sp-6) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}
#about-superqueen-ai-media .about__meta li{margin:0}
@media (min-width:768px){#about-superqueen-ai-media .about__grid{grid-template-columns:1.15fr .85fr;gap:clamp(2rem,4vw,4rem);align-items:start}#about-superqueen-ai-media .about__frame{width:auto;margin-inline:0;margin-top:64px}#about-superqueen-ai-media .about__media img{aspect-ratio:3/4}#about-superqueen-ai-media .about__meta{flex-direction:row;align-items:center;gap:var(--sp-4)}#about-superqueen-ai-media .about__meta li + li{position:relative;padding-left:var(--sp-5)}#about-superqueen-ai-media .about__meta li + li::before{content:"";position:absolute;left:0;top:calc(50% - 3px);width:6px;height:6px;background:var(--c-primary)}}

#watch{background:var(--c-surface);padding-block:clamp(3rem,2.2rem + 3vw,5.5rem)}
#watch h2{margin-bottom:0}
#watch .masthead-rule{margin-bottom:var(--sp-6)}
#watch .watch__row{display:grid;grid-template-columns:1fr;gap:var(--sp-5)}
#watch .watch__card{display:block;background:var(--c-bg);padding:var(--sp-3);text-decoration:none;color:var(--c-text);border:1px solid var(--c-primary);transition:border-color 160ms var(--mo-ease),box-shadow 160ms var(--mo-ease)}
#watch .watch__card:hover,#watch .watch__card:focus-visible{box-shadow:inset 0 0 0 1px var(--c-primary)}
#watch .watch__frame{display:flex;align-items:flex-end;aspect-ratio:16/9;background:var(--c-dark-bg);padding:var(--sp-3)}
#watch .watch__play{width:26px;height:26px}
#watch .watch__cap{display:block;font-family:var(--ff-display);font-weight:600;font-size:18px;margin-top:var(--sp-3);color:var(--c-text)}
#watch .watch__chan-h{font-family:var(--ff-display);font-weight:600;font-size:1.3rem;margin:var(--sp-7) 0 var(--sp-4);padding-top:var(--sp-5);border-top:1px solid var(--c-hairline)}
#watch .watch__channels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3) var(--sp-4);font-size:15px;font-weight:500;color:var(--c-accent)}
#watch .watch__channels li{margin:0;position:relative;padding-left:16px}
#watch .watch__channels li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;background:var(--c-primary)}
@media (min-width:768px){#watch .watch__row{grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,2.4vw,2rem)}#watch .watch__card--offset{margin-top:32px}#watch .watch__play{width:32px;height:32px}#watch .watch__channels{display:flex;flex-wrap:wrap;gap:12px 18px}#watch .watch__channels li{padding-left:0}#watch .watch__channels li::before{display:none}#watch .watch__channels li + li{padding-left:18px}#watch .watch__channels li + li::before{display:block;top:calc(50% - 3px)}}

#questions-answered{background:var(--c-bg);padding-block:clamp(3rem,2.2rem + 3vw,5.5rem)}
#questions-answered h2{margin-bottom:0}
#questions-answered .masthead-rule{margin-bottom:var(--sp-6)}
#questions-answered .faq{display:grid;grid-template-columns:1fr;gap:0 clamp(2rem,3.5vw,4rem)}
#questions-answered .qa{border-top:1px solid var(--c-hairline);padding-block:var(--sp-5)}
#questions-answered .qa__idx{display:block;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--c-primary);margin-bottom:var(--sp-3)}
#questions-answered .qa h3{font-family:var(--ff-display);font-weight:600;font-size:1.25rem;line-height:1.28;margin:0 0 var(--sp-3)}
#questions-answered .qa p{margin:0;font-size:16px;line-height:1.6;max-width:46ch}
@media (min-width:768px){#questions-answered .faq{grid-template-columns:1fr 1fr}#questions-answered .faq__col--offset{margin-top:40px}}

#get-in-touch{background:var(--c-bg)}
#get-in-touch .contact__grid{display:grid;grid-template-columns:1fr}
#get-in-touch .contact__plate{background:var(--c-dark-bg);color:var(--c-dark-text);padding:var(--sp-6) var(--gutter)}
#get-in-touch .contact__crest{height:48px;width:auto;margin-bottom:var(--sp-4)}
#get-in-touch .contact__wordmark{font-family:var(--ff-display);font-weight:600;letter-spacing:-.015em;font-size:1.375rem;line-height:1.1;margin:0 0 var(--sp-4);color:var(--c-dark-text)}
#get-in-touch .contact__meta{list-style:none;margin:0;padding:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--c-dark-text)}
#get-in-touch .contact__meta li{margin:0 0 var(--sp-2);opacity:.9}
#get-in-touch .contact__form-wrap{background:var(--c-bg);padding-block:clamp(2.5rem,2rem + 2.5vw,4.5rem)}
#get-in-touch .contact__form-inner{padding-inline:var(--gutter);max-width:640px}
#get-in-touch h2{margin-bottom:0}
#get-in-touch .masthead-rule{margin-bottom:var(--sp-6)}
#get-in-touch .field{margin-bottom:var(--sp-5)}
#get-in-touch label{display:block;font-family:var(--ff-body);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--c-accent);margin-bottom:var(--sp-2)}
#get-in-touch input,#get-in-touch select,#get-in-touch textarea{width:100%;font-family:var(--ff-body);font-size:16px;color:var(--c-text);background:transparent;border:0;border-bottom:1px solid var(--c-hairline);border-radius:0;padding:.75rem 0;min-height:48px}
#get-in-touch textarea{min-height:120px;resize:vertical}
#get-in-touch input::placeholder,#get-in-touch textarea::placeholder{color:#7d6a6e}
#get-in-touch input:focus,#get-in-touch select:focus,#get-in-touch textarea:focus{outline:none;border-bottom:2px solid var(--c-primary)}
#get-in-touch input:focus-visible,#get-in-touch select:focus-visible,#get-in-touch textarea:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}
#get-in-touch .contact__submit{width:100%}
#get-in-touch .contact__note{margin:var(--sp-4) 0 0;font-size:15px}
@media (min-width:768px){#get-in-touch .contact__grid{grid-template-columns:42% 58%;align-items:stretch}#get-in-touch .contact__plate{padding:clamp(2.5rem,2rem + 3vw,4.5rem) clamp(1.5rem,2.5vw,3rem) clamp(2.5rem,2rem + 3vw,4.5rem) var(--gutter);display:flex;flex-direction:column;justify-content:flex-end}#get-in-touch .contact__crest{height:64px}#get-in-touch .contact__wordmark{font-size:1.75rem}#get-in-touch .contact__form-inner{padding-inline:clamp(1.5rem,2.5vw,3rem) var(--gutter)}#get-in-touch .contact__submit{width:auto;min-width:220px}}
@media (min-width:1100px){#get-in-touch .contact__form-inner{max-width:560px}}