/* A restrained studio page, with the extracted SideEye face as its focal image. */
html { background: var(--se-bg, #101214); }
.sideeye-page { position: relative; min-height: 100svh; background: var(--se-bg); color: var(--se-text); }
.sideeye-page :where(button, input, select, textarea) { font-family: inherit; }
.sideeye-page :where(h1, h2, h3, p, figure, dl, dd) { margin: 0; }
.sideeye-page :where(a, summary):focus-visible { outline: 2px solid var(--se-blue); outline-offset: 6px; border-radius: var(--se-radius-control); }
.sideeye-page :where(a, summary, button) { -webkit-tap-highlight-color: transparent; }
.sideeye-page section[id] { scroll-margin-top: var(--se-space-lg); }
.se-wrap { width: min(1180px, calc(100% - 64px)); }
/* Match the homepage brand lockup using the original responsive dimensions. */
.se-header { height: 142px; justify-content: center; border-color: var(--se-line); }
.se-header .brand img { width: 440px; max-width: calc(100vw - 48px); height: auto; }
.se-hero { display: grid; grid-template-columns: 1.12fr .88fr; gap: 88px; align-items: center; padding: 64px 0 76px; }
.se-hero-copy { min-width: 0; }
.se-hero h1 { font-family: var(--se-brand-font); font-size: clamp(5.75rem, 9vw, 8rem); font-weight: 800; line-height: .98; letter-spacing: -.035em; overflow-wrap: anywhere; }
.se-strapline { font-size: clamp(1.75rem, 3vw, 2.25rem); line-height: 1.25; letter-spacing: -.035em; margin-top: var(--se-space-lg) !important; }
.se-intro { max-width: 470px; color: var(--se-secondary); font-size: 1.0625rem; line-height: 1.8; margin-top: var(--se-space-lg) !important; }
.se-availability { color: var(--se-blue); font-size: .9375rem; line-height: 1.5; margin-top: var(--se-space-lg) !important; }
.se-actions { display: flex; margin-top: var(--se-space-lg); }
.se-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 24px; border-radius: var(--se-radius-control); background: var(--se-text); color: var(--se-deep); font-size: .9375rem; font-weight: 550; text-decoration: none; transition: background .16s; }
.se-button:hover { background: var(--se-blue-hover); }
.se-brand-art { position: relative; min-width: 0; }
.se-brand-art svg { display: block; width: 100%; height: auto; }
.se-eye-trigger { position: absolute; left: 73.55324%; top: 49.33036%; width: 48.84259%; height: 85.71429%; min-width: 44px; min-height: 44px; padding: 0; margin: 0; transform: translate(-50%, -50%); border: 0; border-radius: 50%; background: transparent; cursor: pointer; touch-action: manipulation; appearance: none; }
.se-eye-trigger:focus-visible { outline: 2px solid var(--se-blue); outline-offset: 6px; }
.se-features { border-top: 1px solid var(--se-line); padding-block: 64px 72px; }
.se-section-heading h2, .se-questions h2, .se-support h2 { font-size: clamp(1.875rem, 3.2vw, 2.625rem); font-weight: 420; line-height: 1.16; letter-spacing: -.045em; }
.se-section-heading h2 span { display: block; }
.se-feature-group { margin-top: 56px; }
.se-feature-group + .se-feature-group { margin-top: 72px; }
.se-feature-group h3 { font-size: 1.75rem; line-height: 1.25; font-weight: 550; letter-spacing: -.03em; }
.se-feature-list { margin-top: 24px !important; }
.se-feature { display: grid; grid-template-columns: .85fr 1.15fr; gap: 64px; border-top: 1px solid var(--se-line); padding: 28px 0; }
.se-feature dt { font-size: 1.375rem; line-height: 1.45; font-weight: 450; letter-spacing: -.02em; }
.se-feature dd { max-width: 570px; min-width: 0; color: var(--se-secondary); font-size: 1rem; line-height: 1.8; }
.se-feature:last-child { padding-bottom: 0; }
.se-questions, .se-support { display: grid; grid-template-columns: .85fr 1.15fr; gap: 64px; padding: 64px 0 72px; border-top: 1px solid var(--se-line); }
.se-faq-list { min-width: 0; }
.se-faq-list details { border-bottom: 1px solid var(--se-line); }
.se-faq-list details:first-child { border-top: 1px solid var(--se-line); }
.se-faq-list summary { display: flex; justify-content: space-between; align-items: center; gap: var(--se-space-lg); padding: 22px 0; cursor: pointer; list-style: none; font-size: 1rem; line-height: 1.5; }
.se-faq-list summary::-webkit-details-marker { display: none; }
.se-faq-list summary > span { flex-shrink: 0; font-size: 1.5rem; font-weight: 350; line-height: 1; color: var(--se-blue); }
.se-faq-list details[open] summary > span { transform: rotate(45deg); }
.se-faq-list details > p { padding: 0 28px 24px 0; color: var(--se-secondary); font-size: 1rem; line-height: 1.8; }
.se-support > div { min-width: 0; }
.se-support p { color: var(--se-secondary); font-size: 1rem; line-height: 1.8; }
.se-support a { display: inline-block; margin-top: 8px; color: var(--se-blue); font-size: 1.125rem; line-height: 1.6; text-underline-offset: 5px; text-decoration-thickness: 1px; overflow-wrap: anywhere; }
.se-support a:hover { color: var(--se-blue-hover); }
.se-contact { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 16px 40px; border-top: 1px solid var(--se-line); padding-block: var(--se-space-xl); }
.se-contact p { font-size: 1.125rem; line-height: 1.5; letter-spacing: -.015em; }
.se-contact a { color: var(--se-blue); font-size: .9375rem; line-height: 1.6; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.se-contact a:hover { color: var(--se-blue-hover); }
.se-footer { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--se-space-lg); height: auto; min-height: 108px; padding-block: 24px 28px; border-color: var(--se-line); }
.se-footer p { color: var(--se-secondary); font-size: .75rem; line-height: 1.8; }
.se-footer a { color: var(--se-secondary); font-size: .875rem; line-height: 1.6; text-underline-offset: 4px; text-decoration-color: var(--se-line); }
.se-footer a:hover { color: var(--se-text); }
@media (max-width: 1050px) {
  .se-hero { gap: 48px; padding-block: 54px 64px; }
  .se-hero h1 { font-size: clamp(4.5rem, 9vw, 6rem); }
  .se-feature, .se-questions, .se-support { gap: 48px; }
}
@media (max-width: 800px) {
  .se-header { height: 124px; }
  .se-header .brand img { width: 360px; }
  .se-wrap { width: min(620px, calc(100% - 40px)); }
  .se-hero { grid-template-columns: minmax(0, 1fr) 144px; gap: 24px 28px; padding-block: 40px 52px; }
  .se-hero-copy { display: contents; }
  .se-hero h1 { grid-column: 1; grid-row: 1; font-size: clamp(3.75rem, 10vw, 5rem); }
  .se-brand-art { grid-column: 2; grid-row: 1; }
  .se-strapline { grid-column: 1 / -1; grid-row: 2; font-size: 2rem; margin-top: 0 !important; }
  .se-intro { grid-column: 1 / -1; grid-row: 3; font-size: 1rem; max-width: 530px; margin-top: 0 !important; }
  .se-availability { grid-column: 1 / -1; grid-row: 4; margin-top: 0 !important; }
  .se-actions { grid-column: 1 / -1; grid-row: 5; margin-top: 0; }
  .se-feature, .se-questions, .se-support { grid-template-columns: 1fr; gap: 12px; }
  .se-features { padding-block: 48px 56px; }
  .se-feature-group { margin-top: 40px; }
  .se-feature-group + .se-feature-group { margin-top: 56px; }
  .se-feature-group h3 { font-size: 1.5rem; }
  .se-feature { padding-block: 24px; }
  .se-questions, .se-support { padding-block: 48px 56px; gap: 28px; }
  .se-section-heading h2, .se-questions h2, .se-support h2 { font-size: 2rem; }
  .se-feature dt { font-size: 1.25rem; }
}
@media (max-width: 520px) {
  .se-hero { grid-template-columns: minmax(0, 1fr) 112px; gap: 24px 14px; padding-block: 36px 46px; }
  .se-hero h1 { font-size: clamp(2.7rem, 11.7vw, 4.25rem); }
  .se-strapline { font-size: 1.75rem; }
  .se-intro { font-size: 1rem; line-height: 1.75; }
  .se-feature dt { font-size: 1.25rem; }
  .se-section-heading h2, .se-questions h2, .se-support h2 { font-size: 1.875rem; }
  .se-contact { padding-block: 30px; }
  .se-footer { gap: 20px; padding-block: 24px; }
  .se-footer a { font-size: .875rem; }
}
@media (max-width: 360px) {
  .se-wrap { width: calc(100% - 32px); }
  .se-hero { grid-template-columns: minmax(0, 1fr) 96px; }
  .se-hero h1 { font-size: 2.7rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .sideeye-page * { transition: none !important; }
}