/* Platform media and readable product proof, shared by catalogue and detail routes. */
.wp-screen{margin:0;min-width:0;background:#f7faff;border:1px solid #dbe3f2;border-radius:18px;overflow:hidden;color:#10152b}
.wp-screen__image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#edf2fa}
.wp-screen__image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .7s ease}
.wp-screen__next{position:absolute;inset:0;opacity:0}
.wp-screen.is-next .wp-screen__next{opacity:1}
.wp-screen figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;font:500 12px/1.5 Inter,Arial,sans-serif;border-top:1px solid #dbe3f2;background:#fff;color:#526079;min-height:48px}
.wp-tour-toggle{font:600 12px/1.4 Inter,Arial,sans-serif;border:0;background:transparent;color:#3155f4;cursor:pointer;white-space:nowrap;padding:4px 0}
.wp-product{min-width:0;padding-bottom:38px;border-bottom:1px solid #dce3f2}
.wp-product .wd-product-copy{padding:24px 0 0}
.wp-product .wd-product-name{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.wp-product .wd-product-name h3{font-size:clamp(27px,2.6vw,36px);line-height:1.15;letter-spacing:-.05em;color:var(--wg-ink,#10152b);margin:0;font-weight:700}
.wp-product .wd-by{font:500 14px/1.5 Inter,Arial,sans-serif;color:var(--wg-muted,#5c657b)}
.wp-product .wp-product-lead{font:600 20px/1.45 Inter,Arial,sans-serif;color:var(--wg-ink,#10152b);margin:18px 0 10px}
.wp-product .wp-product-description{font:400 16px/1.65 Inter,Arial,sans-serif;color:var(--wg-muted,#5c657b);margin:0 0 22px;max-width:48em}
.wp-product .wd-explore{display:inline-flex;align-items:center;gap:24px;font:600 16px/1.4 Inter,Arial,sans-serif;color:var(--wg-blue,#3155f4);text-decoration:none}
.wp-workflow{min-height:0;aspect-ratio:16/10;border:1px solid #dde4f4;border-radius:18px;padding:clamp(24px,3vw,42px);background:radial-gradient(ellipse at 90% 0,#7c42f516,transparent 65%),radial-gradient(ellipse at 0 100%,#20d6e91b,transparent 70%),#f7faff;color:#10152b;display:flex;flex-direction:column;justify-content:center}
.wp-workflow__label{font:600 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#3155f4;margin-bottom:20px}
.wp-workflow ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.wp-workflow li{display:grid;grid-template-columns:32px 1fr 24px;align-items:center;gap:14px;border-bottom:1px solid #d9e3f2;padding:14px 0;font:600 clamp(18px,1.7vw,24px)/1.35 Inter,Arial,sans-serif}
.wp-workflow li:last-child{border:0}.wp-workflow li>span{color:#65779c;font-size:12px;font-weight:500}.wp-workflow li>b{color:#3155f4;font-weight:400}
.wg-showcase .wd-feature-grid{gap:52px 34px}.wg-showcase .wd-hero{padding-bottom:48px}.wg-showcase .wd-portfolio{padding-bottom:20px}
.nh-product-evidence{padding:80px 0!important;isolation:isolate}.nh-product-evidence>.sw-shell{max-width:1320px;width:calc(100% - 96px)}
.wp-proof-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:48px}.wp-proof-heading h2{font-size:clamp(40px,5.2vw,68px);line-height:1.05;letter-spacing:-.055em;margin:14px 0 0;color:#10152b!important}.wp-proof-heading>p{max-width:390px;font-size:18px;line-height:1.65;color:#526079;margin:0}
.wp-eyebrow{font:600 12px/1.5 Inter,Arial,sans-serif;letter-spacing:.18em;color:#3155f4;margin:0}
.wp-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 32px}.wp-proof-grid>.wp-product:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.65fr 1fr;gap:40px;align-items:center;padding:0 0 42px}.wp-proof-grid>.wp-product:first-child .wd-product-copy{padding:0}.wp-proof-grid>.wp-product:first-child .wd-product-name h3{font-size:clamp(32px,3.5vw,48px)}
.wp-proof-footer{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:28px}.wp-proof-footer p{font-size:16px;color:#526079;max-width:700px}.wp-proof-footer a{white-space:nowrap}
.wp-detail .au-section{padding-block:72px}.wp-detail .sw-hidden{opacity:1;transform:none}.wp-detail [data-mood="night"]{--au-on-night:#10152b;--au-on-night-body:#526079}.wp-detail [data-mood="night"] h2{color:#10152b}.wp-detail .au-grid--4{grid-template-columns:repeat(2,1fr)}.wp-detail .au-card p{font-size:17px}.wp-detail .au-card h3{font-size:24px}.wp-detail .au-card__mascot{display:none}.wp-detail-preview{margin:0 auto 70px;max-width:1080px;width:calc(100% - 96px)}
.wp-detail .sw-chapter__copy .sw-card{max-width:780px}
html[data-wg-theme=dark] .wg-showcase[data-night-hive-page="/products"]{background:#0c1020}html[data-wg-theme=dark] .wp-workflow{background:#162139;color:#f6f7fd;border-color:#28334e}html[data-wg-theme=dark] .wp-workflow__label{color:#91a6ff}html[data-wg-theme=dark] .wp-workflow li{border-color:#28334e}
@media(max-width:900px){.wp-proof-heading{align-items:start;flex-direction:column;gap:24px}.wp-proof-heading>p{max-width:650px}.wp-proof-grid>.wp-product:first-child{grid-template-columns:1fr}.wp-proof-grid>.wp-product:first-child .wd-product-name h3{font-size:34px}.wp-proof-footer{align-items:start;flex-direction:column;gap:12px}}
@media(max-width:650px){.nh-product-evidence>.sw-shell,.wp-detail-preview{width:calc(100% - 40px)}.wp-proof-grid{grid-template-columns:1fr;gap:36px}.wp-proof-grid>.wp-product:first-child{gap:24px}.nh-product-evidence{padding-block:48px!important}.wp-product .wp-product-lead{font-size:19px}.wp-product .wp-product-description{font-size:16px}.wp-screen figcaption{font-size:10px;padding:10px 12px}.wp-tour-toggle{font-size:10px}.wp-workflow{padding:24px;aspect-ratio:16/11}.wp-workflow li{font-size:18px;padding:10px 0}.wp-workflow__label{font-size:10px}.wp-detail .au-grid--4{grid-template-columns:1fr}.wp-detail .au-section{padding-block:48px}}
@media(prefers-reduced-motion:reduce){.wp-screen__image img{transition:none}}
/* Light product surfaces are scoped explicitly; the homepage keeps its day/night story. */
html[data-wg-theme=light]{--au-on-night:#10152b;--au-on-night-body:#4a5368;--au-on-night-muted:#667085}
html[data-wg-theme=light]{color-scheme:light;--sw-night:0!important}
html[data-wg-theme=light] .sw-sky__night{display:none!important}
html[data-wg-theme=light] .sw-hidden{opacity:1!important;transform:none!important}
html[data-wg-theme=light] .sw-sky__day{opacity:1!important}
html[data-wg-theme=light] .sw-card--quote strong,html[data-wg-theme=light] .sw-ways b,html[data-wg-theme=light] .sw-queue__row b,html[data-wg-theme=light] .sw-queue__head,html[data-wg-theme=light] .sw-quote blockquote{color:#10152b!important}
html[data-wg-theme=light] .sw-note{color:#667085!important}
html[data-wg-theme=light] .au-foot{background:#fff;color:#526079;border-top:1px solid #e4e9f5}
html[data-wg-theme=light] .au-foot a{color:#526079}
html[data-wg-theme=light] .au-foot__logo img{content:url('/night-hive/assets/waggle-primary.svg')}
html[data-wg-theme=light] .sw-brands__row img{filter:none;opacity:.8}
/* Homepage motion is independent of content visibility. */
.au-page--home .sw-hidden{opacity:1!important;transform:none!important}
.au-page--home .sw-colony__portfolio{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin:12px 0 0}
.au-page--home .sw-colony__portfolio li{min-width:0}
.au-page--home .sw-colony__portfolio a{height:100%;padding-block:18px}
@media(max-width:900px){.au-page--home .sw-colony__portfolio{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.au-page--home .sw-colony__portfolio{grid-template-columns:1fr}}

/* Public product screenshots stay light within the shared animated brand canvas. */
.wp-detail-preview{position:relative;z-index:2}
.wp-detail .sw-hidden{opacity:1!important;transform:none!important}

/* Original product media is the focus of these two product pages. */
.wp-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#f7faff}
.wp-experience{position:relative;z-index:2;width:calc(100% - 96px);max-width:1200px;margin:0 auto 80px;color:#10152b}
.wp-has-experience .au-hero{min-height:0;padding-block:64px 44px}
.wp-has-experience .au-hero__grid--solo{grid-template-columns:minmax(0,1fr)}
.wp-has-experience .au-hero h1{font-size:clamp(42px,5.2vw,72px);line-height:1.06}
.wp-has-experience .au-lead{max-width:850px}
.wp-gallery-tabs{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:26px;border-bottom:1px solid #dce3f2}
.wp-gallery-tabs button,.wp-film-chapters button{font:500 15px/1.4 Inter,Arial,sans-serif;cursor:pointer;border:1px solid #dce3f2;background:#fff;color:#46536e;padding:12px 20px;border-radius:100px;transition:background .2s,color .2s,border-color .2s}
.wp-gallery-tabs button[aria-selected=true]{background:#3155f4;border-color:#3155f4;color:#fff}
.wp-gallery-tabs button:hover,.wp-film-chapters button:hover{border-color:#3155f4}
.wp-experience button:focus-visible,.wp-gallery-scroll:focus-visible{outline:3px solid #674bff;outline-offset:4px}
.wp-experience [hidden]{display:none!important}
.wp-gallery-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;margin:32px 0 26px}
.wp-gallery-heading h2{font:700 clamp(28px,3vw,40px)/1.15 'Inter Display',Inter,Arial,sans-serif;letter-spacing:-.045em;margin:0}
.wp-gallery-heading p{font:400 17px/1.6 Inter,Arial,sans-serif;color:#526079;margin:0}
.wp-gallery-scroll{max-height:740px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#abb8dd #f3f6fc}
.wp-gallery-scroll img{display:block;width:100%;height:auto}
.wp-gallery-screen figcaption a{color:#3155f4;text-decoration:none;font-weight:600;white-space:nowrap}
.wp-film-chapters{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.wp-film-chapters button{border-radius:12px;display:flex;gap:22px;align-items:center}
.wp-film-chapters span{color:#65779c;font-size:12px;font-variant-numeric:tabular-nums}
.wp-media-note{font:400 13px/1.6 Inter,Arial,sans-serif;color:#667085;margin:20px 0 0}
.wp-product[data-product-id=gathr] .wp-screen__image img{object-fit:cover;object-position:top}
@media(max-width:700px){
  .wp-experience{width:calc(100% - 40px);margin-bottom:48px}
  .wp-has-experience .au-hero{padding-block:36px 32px}
  .wp-gallery-tabs{gap:8px;padding-bottom:22px}
  .wp-gallery-tabs button{padding:10px 14px;font-size:13px}
  .wp-gallery-heading{grid-template-columns:1fr;gap:14px;margin-top:26px}
  .wp-gallery-heading p{font-size:16px}
  .wp-gallery-scroll{max-height:65vh}
  .wp-gallery-screen figcaption{align-items:start;flex-direction:column;gap:6px;font-size:12px}
  .wp-film-chapters{gap:8px}
  .wp-film-chapters button{font-size:13px;padding:10px 12px;gap:12px}
}
