/*
      Demo Sekuoya.Life
      CSS autocontenido, sin frameworks ni dependencias externas.
      Los bloques usan el prefijo sq- para facilitar su traslado a GeneratePress
      o a una plantilla de Sekuoya Presentación sin contaminar estilos globales.
    */
    :root {
      --sq-ink: #14231c;
      --sq-ink-soft: #405047;
      --sq-forest: #10251d;
      --sq-forest-2: #1f4937;
      --sq-moss: #6e8060;
      --sq-sun: #d7a45b;
      --sq-sun-soft: #f0d8b3;
      --sq-ivory: #f5f2e9;
      --sq-paper: #fffdf7;
      --sq-line: rgba(20, 35, 28, .16);
      --sq-white-line: rgba(255, 255, 255, .28);
      --sq-shadow: 0 24px 70px rgba(12, 29, 22, .12);
      --sq-serif: Georgia, 'Times New Roman', serif;
      --sq-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      --sq-max: 1240px;
      --sq-gutter: clamp(1.25rem, 4vw, 4.5rem);
      --sq-radius: 0;
      --sq-ease: cubic-bezier(.2, .8, .2, 1);
    }

    *, *::before, *::after { box-sizing: border-box; }

    html {
      scroll-behavior: smooth;
      scroll-padding-top: 6rem;
    }

    body {
      margin: 0;
      color: var(--sq-ink);
      background: var(--sq-ivory);
      font-family: var(--sq-sans);
      font-size: 1rem;
      line-height: 1.55;
      text-rendering: optimizeLegibility;
      overflow-x: hidden;
    }

    body.sq-no-scroll { overflow: hidden; }

    img { max-width: 100%; display: block; }
    button, input { font: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    a { color: inherit; }
    [hidden] { display: none !important; }

    :focus-visible {
      outline: 3px solid var(--sq-sun);
      outline-offset: 4px;
    }

    ::selection {
      color: var(--sq-paper);
      background: var(--sq-forest-2);
    }

    .sq-skip-link {
      position: fixed;
      z-index: 1000;
      top: .75rem;
      left: .75rem;
      padding: .8rem 1rem;
      color: var(--sq-paper);
      background: var(--sq-forest);
      border-radius: 0;
      transform: translateY(-160%);
      transition: transform .2s;
    }

    .sq-skip-link:focus { transform: translateY(0); }

    .sq-shell {
      width: min(var(--sq-max), calc(100% - (2 * var(--sq-gutter))));
      margin-inline: auto;
    }

    .sq-section {
      position: relative;
      padding-block: clamp(5rem, 9vw, 8.5rem);
    }

    .sq-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: .65rem;
      margin: 0 0 1rem;
      color: var(--sq-moss);
      font-size: .78rem;
      font-weight: 750;
      letter-spacing: .13em;
      line-height: 1.2;
      text-transform: uppercase;
    }

    .sq-eyebrow::before {
      width: 1.65rem;
      height: 1px;
      content: '';
      background: currentColor;
    }

    .sq-title {
      max-width: 13ch;
      margin: 0;
      font-family: var(--sq-serif);
      font-size: clamp(2.55rem, 6vw, 5.9rem);
      font-weight: 400;
      letter-spacing: -.055em;
      line-height: .96;
    }

    .sq-section-title {
      max-width: 18ch;
      margin: 0;
      font-family: var(--sq-serif);
      font-size: clamp(2.25rem, 4.5vw, 4.5rem);
      font-weight: 400;
      letter-spacing: -.045em;
      line-height: 1.02;
    }

    .sq-lede {
      max-width: 42rem;
      margin: 1.5rem 0 0;
      color: var(--sq-ink-soft);
      font-size: clamp(1.08rem, 1.5vw, 1.25rem);
    }

    .sq-button {
      min-height: 3.25rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: .7rem;
      padding: .8rem 1.15rem;
      border: 1px solid transparent;
      border-radius: 0;
      text-decoration: none;
      font-size: .91rem;
      font-weight: 720;
      transition: transform .25s var(--sq-ease), background-color .25s, color .25s, border-color .25s;
      cursor: pointer;
    }

    .sq-button:hover { transform: translateY(-2px); }
    .sq-button--light { color: var(--sq-forest); background: var(--sq-paper); }
    .sq-button--light:hover { background: #fff; }
    .sq-button--outline { color: var(--sq-paper); border-color: var(--sq-white-line); background: rgba(8, 22, 16, .2); backdrop-filter: blur(12px); }
    .sq-button--outline:hover { border-color: var(--sq-paper); }
    .sq-button--dark { color: var(--sq-paper); background: var(--sq-forest); }
    .sq-button--dark:hover { background: var(--sq-forest-2); }

    .sq-arrow {
      width: 1.75rem;
      height: 1.75rem;
      display: inline-grid;
      place-items: center;
      border: 1px solid currentColor;
      border-radius: 0;
      font-size: .95rem;
      transition: transform .25s var(--sq-ease);
    }

    a:hover .sq-arrow, button:hover .sq-arrow { transform: translateX(3px); }

    /* Header */
    .sq-header {
      position: fixed;
      z-index: 100;
      top: 0;
      right: 0;
      left: 0;
      color: var(--sq-paper);
      border-bottom: 1px solid transparent;
      transition: color .3s, background-color .3s, border-color .3s, box-shadow .3s;
    }

    .sq-header.is-scrolled,
    .sq-header.is-menu-open {
      color: var(--sq-ink);
      background: rgba(245, 242, 233, .94);
      border-bottom-color: var(--sq-line);
      box-shadow: 0 8px 35px rgba(15, 35, 27, .07);
      backdrop-filter: blur(18px);
    }

    .sq-header__inner {
      min-height: 5.2rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 2rem;
    }

    .sq-brand {
      display: inline-flex;
      align-items: center;
      gap: .75rem;
      text-decoration: none;
      font-size: 1.08rem;
      font-weight: 800;
      letter-spacing: .02em;
    }

    .sq-brand__logo {
      display: block;
      width: auto;
      height: 3.35rem;
      object-fit: contain;
    }

    .sq-brand__wordmark {
      font-family: Georgia, "Times New Roman", serif;
      font-size: 1.18rem;
      font-weight: 700;
      letter-spacing: -.025em;
      line-height: 1;
    }

    .sq-brand__mark {
      position: relative;
      width: 1.85rem;
      height: 1.85rem;
      display: inline-block;
      border: 1px solid currentColor;
      border-radius: 0;
      transform: rotate(12deg);
    }

    .sq-brand__mark::before,
    .sq-brand__mark::after {
      position: absolute;
      content: '';
      background: currentColor;
    }

    .sq-brand__mark::before { width: 1px; height: 1.1rem; top: .4rem; left: .88rem; transform: rotate(-12deg); }
    .sq-brand__mark::after { width: .62rem; height: 1px; top: .77rem; left: .86rem; transform: rotate(-35deg); transform-origin: left; }

    .sq-nav {
      display: flex;
      align-items: center;
      gap: clamp(1.2rem, 2.5vw, 2.6rem);
    }

    .sq-nav a {
      position: relative;
      text-decoration: none;
      font-size: .9rem;
      font-weight: 650;
    }

    .sq-nav a::after {
      position: absolute;
      right: 0;
      bottom: -.45rem;
      left: 0;
      height: 1px;
      content: '';
      background: currentColor;
      transform: scaleX(0);
      transform-origin: right;
      transition: transform .25s var(--sq-ease);
    }

    .sq-nav a:hover::after { transform: scaleX(1); transform-origin: left; }

    .sq-header__actions { display: flex; align-items: center; gap: .6rem; }

    .sq-icon-button {
      width: 2.8rem;
      height: 2.8rem;
      display: inline-grid;
      place-items: center;
      color: inherit;
      background: transparent;
      border: 1px solid currentColor;
      border-radius: 0;
      cursor: pointer;
      transition: transform .2s, background-color .2s, color .2s;
    }

    .sq-icon-button:hover { transform: scale(1.04); }
    .sq-menu-toggle { display: none; }
    .sq-menu-toggle__lines, .sq-menu-toggle__lines::before, .sq-menu-toggle__lines::after { width: 1rem; height: 1px; display: block; background: currentColor; transition: transform .25s, opacity .25s; }
    .sq-menu-toggle__lines { position: relative; }
    .sq-menu-toggle__lines::before, .sq-menu-toggle__lines::after { position: absolute; left: 0; content: ''; }
    .sq-menu-toggle__lines::before { top: -.32rem; }
    .sq-menu-toggle__lines::after { top: .32rem; }
    .sq-menu-toggle[aria-expanded="true"] .sq-menu-toggle__lines { background: transparent; }
    .sq-menu-toggle[aria-expanded="true"] .sq-menu-toggle__lines::before { top: 0; transform: rotate(45deg); }
    .sq-menu-toggle[aria-expanded="true"] .sq-menu-toggle__lines::after { top: 0; transform: rotate(-45deg); }

    .sq-mobile-nav {
      padding: 1rem var(--sq-gutter) 1.5rem;
      border-top: 1px solid var(--sq-line);
      background: var(--sq-ivory);
    }

    .sq-mobile-nav a {
      display: block;
      padding: .8rem 0;
      text-decoration: none;
      font-family: var(--sq-serif);
      font-size: 1.5rem;
    }

    .sq-scroll-progress {
      position: absolute;
      right: 0;
      bottom: -1px;
      left: 0;
      height: 2px;
      transform: scaleX(var(--sq-progress, 0));
      transform-origin: left;
      background: var(--sq-sun);
    }

    /* Hero */
    .sq-hero {
      position: relative;
      min-height: 100svh;
      display: flex;
      align-items: flex-end;
      color: var(--sq-paper);
      background: var(--sq-forest);
      isolation: isolate;
      overflow: hidden;
    }

    .sq-hero__media,
    .sq-hero__shade {
      position: absolute;
      inset: 0;
    }

    .sq-hero__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transform: scale(1.04) translateY(var(--sq-hero-shift, 0));
      will-change: transform;
    }

    .sq-hero__shade {
      z-index: 1;
      background:
        linear-gradient(90deg, rgba(6, 18, 13, .86) 0%, rgba(6, 18, 13, .52) 47%, rgba(6, 18, 13, .16) 78%),
        linear-gradient(0deg, rgba(6, 18, 13, .88) 0%, transparent 55%);
    }

    .sq-hero__grain {
      position: absolute;
      z-index: 2;
      inset: 0;
      opacity: .08;
      pointer-events: none;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
    }

    .sq-hero__content {
      position: relative;
      z-index: 3;
      width: 100%;
      padding-top: 8.5rem;
      padding-bottom: clamp(3rem, 7vw, 6rem);
    }

    .sq-hero__grid {
      display: grid;
      grid-template-columns: minmax(0, 1.5fr) minmax(17rem, .55fr);
      align-items: end;
      gap: clamp(2.5rem, 8vw, 8rem);
    }

    .sq-hero .sq-eyebrow { color: var(--sq-sun-soft); }
    .sq-hero__copy { max-width: 48rem; }
    .sq-hero__copy p { max-width: 38rem; margin: 1.5rem 0 0; color: rgba(255, 253, 247, .8); font-size: clamp(1.08rem, 1.7vw, 1.28rem); }
    .sq-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }

    .sq-hero__panel {
      align-self: end;
      padding: 1.3rem;
      border: 1px solid var(--sq-white-line);
      border-radius: 0;
      background: rgba(9, 24, 18, .35);
      box-shadow: 0 20px 60px rgba(0, 0, 0, .18);
      backdrop-filter: blur(18px);
    }

    .sq-hero__panel-label { margin: 0 0 .7rem; color: rgba(255,255,255,.62); font-size: .78rem; letter-spacing: .09em; text-transform: uppercase; }
    .sq-hero__panel a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .78rem .15rem; border-top: 1px solid var(--sq-white-line); text-decoration: none; font-weight: 650; }
    .sq-hero__panel a:first-of-type { border-top: 0; }
    .sq-hero__panel small { color: rgba(255,255,255,.55); font-weight: 500; }

    .sq-hero__edition {
      position: absolute;
      z-index: 3;
      right: var(--sq-gutter);
      bottom: 1.2rem;
      color: rgba(255,255,255,.55);
      font-size: .73rem;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    /* Editorial ribbon */
    .sq-ribbon {
      color: var(--sq-paper);
      background: var(--sq-forest);
      border-top: 1px solid rgba(255,255,255,.12);
      overflow: hidden;
    }

    .sq-ribbon__track {
      min-width: max-content;
      display: flex;
      align-items: center;
      gap: 2.25rem;
      padding: 1rem 0;
      animation: sq-marquee 28s linear infinite;
    }

    .sq-ribbon__item { display: inline-flex; align-items: center; gap: 2.25rem; color: rgba(255,255,255,.72); font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; }
    .sq-ribbon__item::after { width: .42rem; height: .42rem; content: ''; background: var(--sq-sun); border-radius: 0; }
    @keyframes sq-marquee { to { transform: translateX(-50%); } }

    /* Explore */
    .sq-explore { background: var(--sq-ivory); }
    .sq-section-head { display: grid; grid-template-columns: 1fr .65fr; align-items: end; gap: 3rem; margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
    .sq-section-head .sq-lede { margin: 0; justify-self: end; }

    .sq-tree-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: .75rem;
    }

    .sq-tree-card {
      min-height: 15rem;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      padding: 1.3rem;
      color: var(--sq-ink);
      text-align: left;
      background: transparent;
      border: 1px solid var(--sq-line);
      border-radius: 0;
      overflow: hidden;
      cursor: pointer;
      transition: color .35s, background-color .35s, border-color .35s, transform .35s var(--sq-ease), box-shadow .35s;
    }

    .sq-tree-card::before {
      position: absolute;
      top: -4rem;
      right: -4rem;
      width: 10rem;
      height: 10rem;
      content: '';
      border: 1px solid currentColor;
      border-radius: 0;
      opacity: .12;
      transition: transform .5s var(--sq-ease);
    }

    .sq-tree-card:hover { transform: translateY(-5px); box-shadow: var(--sq-shadow); }
    .sq-tree-card:hover::before { transform: scale(1.18); }
    .sq-tree-card[aria-pressed="true"] { color: var(--sq-paper); background: var(--sq-forest); border-color: var(--sq-forest); }
    .sq-tree-card__top { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
    .sq-tree-card__num { color: currentColor; font-size: .76rem; font-weight: 700; letter-spacing: .11em; opacity: .58; }
    .sq-tree-card__status { padding: .3rem .5rem; color: inherit; background: rgba(255,255,255,.09); border: 1px solid currentColor; border-radius: 0; font-size: .68rem; font-weight: 700; line-height: 1; opacity: .72; }
    .sq-tree-card h3 { margin: 1.5rem 0 .5rem; font-family: var(--sq-serif); font-size: clamp(1.65rem, 2.2vw, 2.25rem); font-weight: 400; letter-spacing: -.04em; line-height: 1; }
    .sq-tree-card p { margin: 0; font-size: .83rem; opacity: .66; }

    .sq-tree-detail {
      min-height: 19rem;
      display: grid;
      grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
      gap: clamp(2rem, 7vw, 7rem);
      margin-top: .75rem;
      padding: clamp(2rem, 5vw, 4rem);
      color: var(--sq-paper);
      background:
        radial-gradient(circle at 84% 15%, rgba(215,164,91,.2), transparent 28%),
        var(--sq-forest);
      border-radius: 0;
      overflow: hidden;
    }

    .sq-tree-detail__meta { color: var(--sq-sun-soft); font-size: .78rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
    .sq-tree-detail h3 { max-width: 14ch; margin: .9rem 0 1rem; font-family: var(--sq-serif); font-size: clamp(2rem, 4vw, 3.9rem); font-weight: 400; letter-spacing: -.045em; line-height: 1.02; }
    .sq-tree-detail p { max-width: 34rem; margin: 0; color: rgba(255,255,255,.68); }

    .sq-branch-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); align-content: start; gap: .65rem; margin: 0; padding: 0; list-style: none; }
    .sq-branch-list a { display: flex; align-items: center; justify-content: space-between; gap: .8rem; min-height: 3.65rem; padding: .8rem 1rem; border: 1px solid var(--sq-white-line); border-radius: 0; text-decoration: none; transition: color .25s, background-color .25s, transform .25s; }
    .sq-branch-list a::after { content: '↗'; color: var(--sq-sun-soft); }
    .sq-branch-list a:hover { color: var(--sq-forest); background: var(--sq-paper); transform: translateX(3px); }

    /* Content */
    .sq-content { color: var(--sq-paper); background: #0c1c16; }
    .sq-content::before { position: absolute; inset: 0; content: ''; pointer-events: none; background: radial-gradient(circle at 8% 5%, rgba(110,128,96,.18), transparent 24%); }
    .sq-content .sq-eyebrow { color: var(--sq-sun-soft); }
    .sq-content .sq-lede { color: rgba(255,255,255,.62); }

    .sq-filter-bar { display: flex; gap: .55rem; margin: 0 0 2rem; overflow-x: auto; padding-bottom: .45rem; scrollbar-width: thin; }
    .sq-filter {
      flex: 0 0 auto;
      min-height: 2.55rem;
      padding: .55rem .9rem;
      color: rgba(255,255,255,.68);
      background: transparent;
      border: 1px solid rgba(255,255,255,.22);
      border-radius: 0;
      font-size: .82rem;
      font-weight: 700;
      cursor: pointer;
    }
    .sq-filter[aria-pressed="true"], .sq-filter:hover { color: var(--sq-forest); background: var(--sq-paper); border-color: var(--sq-paper); }

    .sq-story-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .9rem; }
    .sq-story {
      min-height: 24rem;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 1.4rem;
      color: var(--sq-paper);
      background: #183327;
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 0;
      text-decoration: none;
      overflow: hidden;
      transition: transform .35s var(--sq-ease), border-color .35s, box-shadow .35s;
    }
    .sq-story:hover { transform: translateY(-5px); border-color: rgba(255,255,255,.45); box-shadow: 0 24px 65px rgba(0,0,0,.22); }
    .sq-story[hidden] { display: none; }
    .sq-story--feature { grid-column: span 3; grid-row: span 2; min-height: 49rem; background: #142c22; }
    .sq-story:not(.sq-story--feature) { grid-column: span 3; }
    .sq-story:nth-child(n + 4) { grid-column: span 2; }
    .sq-story--sun { color: var(--sq-ink); background: var(--sq-sun-soft); border-color: transparent; }
    .sq-story--paper { color: var(--sq-ink); background: var(--sq-paper); border-color: transparent; }
    .sq-story--moss { background: #52624b; }
    .sq-story__art { position: absolute; inset: 0; opacity: .78; overflow: hidden; }
    .sq-story__art::before, .sq-story__art::after { position: absolute; content: ''; border-radius: 0; }
    .sq-story__art::before { width: 18rem; height: 18rem; right: -8rem; top: 12%; border: 1px solid currentColor; opacity: .24; }
    .sq-story__art::after { width: 8rem; height: 8rem; right: 2rem; top: 2rem; background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.22), transparent 55%); border: 1px solid currentColor; opacity: .28; }
    .sq-story--feature .sq-story__art { background: linear-gradient(145deg, rgba(215,164,91,.16), transparent 50%); }
    .sq-story--feature .sq-story__art::before { width: 30rem; height: 30rem; right: -6rem; top: 9rem; box-shadow: 0 0 0 3rem rgba(255,255,255,.02), 0 0 0 7rem rgba(255,255,255,.015); }
    .sq-story__top, .sq-story__bottom { position: relative; z-index: 1; }
    .sq-story__meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .6rem; color: currentColor; font-size: .72rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; opacity: .64; }
    .sq-story h3 { max-width: 15ch; margin: 0 0 1rem; font-family: var(--sq-serif); font-size: clamp(1.8rem, 3vw, 3.5rem); font-weight: 400; letter-spacing: -.045em; line-height: 1.03; }
    .sq-story:not(.sq-story--feature) h3 { font-size: clamp(1.5rem, 2vw, 2.05rem); }
    .sq-story p { max-width: 32rem; margin: 0 0 1.4rem; color: currentColor; opacity: .68; }
    .sq-story__link { display: inline-flex; align-items: center; gap: .75rem; font-size: .86rem; font-weight: 750; }

    /* Ecosystem */
    .sq-ecosystem { background: var(--sq-paper); overflow: hidden; }
    .sq-ecosystem__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(25rem, 1.2fr); align-items: center; gap: clamp(3rem, 8vw, 8rem); }
    .sq-principles { display: grid; gap: .85rem; margin-top: 2.3rem; }
    .sq-principle { display: grid; grid-template-columns: 2.2rem 1fr; gap: .9rem; padding-top: .9rem; border-top: 1px solid var(--sq-line); }
    .sq-principle__num { color: var(--sq-moss); font-size: .78rem; font-weight: 750; }
    .sq-principle h3 { margin: 0 0 .2rem; font-family: var(--sq-serif); font-size: 1.28rem; font-weight: 400; }
    .sq-principle p { margin: 0; color: var(--sq-ink-soft); font-size: .88rem; }

    .sq-orbit {
      width: min(100%, 43rem);
      aspect-ratio: 1;
      position: relative;
      justify-self: center;
      border: 1px solid var(--sq-line);
      border-radius: 0;
      background:
        radial-gradient(circle at 50% 50%, rgba(215,164,91,.19), transparent 24%),
        radial-gradient(circle at 35% 30%, rgba(110,128,96,.18), transparent 31%),
        var(--sq-ivory);
      box-shadow: inset 0 0 0 4rem rgba(255,255,255,.26), var(--sq-shadow);
    }

    .sq-orbit::before, .sq-orbit::after { position: absolute; inset: 14%; content: ''; border: 1px solid var(--sq-line); border-radius: 0; }
    .sq-orbit::after { inset: 31%; border-style: dashed; animation: sq-spin 34s linear infinite; }
    @keyframes sq-spin { to { transform: rotate(360deg); } }

    .sq-orbit__core {
      position: absolute;
      z-index: 2;
      top: 50%;
      left: 50%;
      width: 9.5rem;
      aspect-ratio: 1;
      display: grid;
      place-items: center;
      padding: 1rem;
      color: var(--sq-paper);
      text-align: center;
      background: var(--sq-forest);
      border-radius: 0;
      box-shadow: 0 20px 50px rgba(16,37,29,.25);
      transform: translate(-50%, -50%);
      font-family: var(--sq-serif);
      font-size: 1.35rem;
      line-height: 1.1;
    }

    .sq-orbit__node {
      position: absolute;
      z-index: 3;
      min-width: 7.3rem;
      padding: .78rem 1rem;
      text-align: center;
      background: var(--sq-paper);
      border: 1px solid var(--sq-line);
      border-radius: 0;
      box-shadow: 0 10px 25px rgba(16,37,29,.08);
      font-size: .82rem;
      font-weight: 750;
    }
    .sq-orbit__node--1 { top: 5%; left: 50%; transform: translateX(-50%); }
    .sq-orbit__node--2 { top: 28%; right: -1%; }
    .sq-orbit__node--3 { right: 8%; bottom: 13%; }
    .sq-orbit__node--4 { bottom: 7%; left: 19%; }
    .sq-orbit__node--5 { top: 35%; left: -3%; }
    .sq-orbit__node small { display: block; margin-top: .15rem; color: var(--sq-moss); font-size: .63rem; letter-spacing: .06em; text-transform: uppercase; }

    .sq-paths {
      margin-top: clamp(4rem, 8vw, 7rem);
      padding-top: 2rem;
      border-top: 1px solid var(--sq-line);
    }
    .sq-paths__head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.4rem; }
    .sq-paths__head h3 { max-width: 20ch; margin: 0; font-family: var(--sq-serif); font-size: clamp(1.8rem, 3vw, 3rem); font-weight: 400; letter-spacing: -.04em; line-height: 1.05; }
    .sq-paths__head p { max-width: 30rem; margin: 0; color: var(--sq-ink-soft); font-size: .9rem; }
    .sq-path-cloud { display: flex; flex-wrap: wrap; gap: .55rem; }
    .sq-path-cloud a { padding: .72rem 1rem; border: 1px solid var(--sq-line); border-radius: 0; text-decoration: none; font-size: .86rem; transition: color .2s, background-color .2s, border-color .2s, transform .2s; }
    .sq-path-cloud a:hover { color: var(--sq-paper); background: var(--sq-forest); border-color: var(--sq-forest); transform: translateY(-2px); }

    /* Closing */
    .sq-closing { padding-block: clamp(4rem, 8vw, 7rem); color: var(--sq-paper); background: var(--sq-sun); }
    .sq-closing__inner { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2rem; }
    .sq-closing h2 { max-width: 15ch; margin: 0; color: var(--sq-forest); font-family: var(--sq-serif); font-size: clamp(2.3rem, 5vw, 5rem); font-weight: 400; letter-spacing: -.05em; line-height: .98; }
    .sq-closing .sq-button { flex-shrink: 0; }

    /* Footer */
    .sq-footer { color: rgba(255,255,255,.74); background: #09150f; }
    .sq-footer__top { display: grid; grid-template-columns: 1.2fr repeat(3, .55fr); gap: 3rem; padding-block: 4.5rem; }
    .sq-footer .sq-brand { color: var(--sq-paper); }
    .sq-footer .sq-brand__logo { opacity: .98; }
    .sq-footer__intro p { max-width: 24rem; margin: 1rem 0 0; font-size: .9rem; }
    .sq-footer h3 { margin: 0 0 1rem; color: var(--sq-paper); font-size: .76rem; letter-spacing: .1em; text-transform: uppercase; }
    .sq-footer ul { margin: 0; padding: 0; list-style: none; }
    .sq-footer li + li { margin-top: .6rem; }
    .sq-footer a { text-decoration: none; font-size: .88rem; }
    .sq-footer a:hover { color: var(--sq-paper); }
    .sq-footer__bottom { display: flex; justify-content: space-between; gap: 2rem; padding: 1.25rem 0 2rem; border-top: 1px solid rgba(255,255,255,.14); font-size: .75rem; }

    /* Search */
    .sq-search-dialog {
      width: min(42rem, calc(100% - 2rem));
      max-height: min(80vh, 46rem);
      padding: 0;
      color: var(--sq-ink);
      background: var(--sq-paper);
      border: 0;
      border-radius: 0;
      box-shadow: 0 35px 100px rgba(0,0,0,.3);
    }
    .sq-search-dialog::backdrop { background: rgba(5,14,10,.76); backdrop-filter: blur(8px); }
    .sq-search__head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 1rem 1rem 1.4rem; border-bottom: 1px solid var(--sq-line); }
    .sq-search__head strong { font-family: var(--sq-serif); font-size: 1.35rem; font-weight: 400; }
    .sq-search__body { padding: 1.3rem; }
    .sq-search__label { display: block; margin-bottom: .5rem; font-size: .78rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
    .sq-search__input { width: 100%; min-height: 3.6rem; padding: .8rem 1rem; color: var(--sq-ink); background: var(--sq-ivory); border: 1px solid var(--sq-line); border-radius: 0; font-size: 1rem; }
    .sq-search__hint { margin: .55rem 0 1rem; color: var(--sq-ink-soft); font-size: .78rem; }
    .sq-search__results { margin: 0; padding: 0; list-style: none; }
    .sq-search__results li { border-top: 1px solid var(--sq-line); }
    .sq-search__results a { display: flex; justify-content: space-between; gap: 1rem; padding: .95rem .2rem; text-decoration: none; }
    .sq-search__results a::after { content: '↗'; color: var(--sq-moss); }
    .sq-search__results small { display: block; color: var(--sq-moss); }
    .sq-search__empty { padding: 1.25rem 0; color: var(--sq-ink-soft); }

    /* Reveal */
    .js .sq-reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s var(--sq-ease), transform .75s var(--sq-ease); }
    .js .sq-reveal.is-visible { opacity: 1; transform: translateY(0); }

    @media (max-width: 1060px) {
      .sq-tree-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .sq-story-grid { grid-template-columns: 1fr 1fr; }
      .sq-story--feature { grid-row: auto; min-height: 32rem; grid-column: span 2; }
      .sq-story:not(.sq-story--feature), .sq-story:nth-child(n + 4) { grid-column: auto; }
      .sq-ecosystem__grid { grid-template-columns: 1fr; }
      .sq-orbit { margin-top: 1rem; }
      .sq-footer__top { grid-template-columns: 1.2fr repeat(2, .7fr); }
      .sq-footer__col:last-child { grid-column: 2; }
    }

    @media (max-width: 800px) {
      .sq-nav { display: none; }
      .sq-menu-toggle { display: inline-grid; }
      .sq-header__inner { min-height: 4.6rem; }
      .sq-hero { min-height: 52rem; }
      .sq-hero__grid, .sq-section-head, .sq-tree-detail, .sq-closing__inner { grid-template-columns: 1fr; }
      .sq-hero__grid { gap: 2rem; }
      .sq-hero__copy { align-self: end; }
      .sq-hero__panel { max-width: 28rem; }
      .sq-hero__edition { display: none; }
      .sq-section-head .sq-lede { justify-self: start; }
      .sq-tree-detail { gap: 2.5rem; }
      .sq-closing__inner { justify-items: start; }
      .sq-paths__head { display: block; }
      .sq-paths__head p { margin-top: 1rem; }
      .sq-footer__top { grid-template-columns: 1fr 1fr; }
      .sq-footer__intro { grid-column: span 2; }
    }

    @media (max-width: 620px) {
      :root { --sq-gutter: 1rem; }
      .sq-section { padding-block: 4.5rem; }
      .sq-hero { min-height: 48rem; }
      .sq-hero__shade { background: linear-gradient(0deg, rgba(6,18,13,.95) 0%, rgba(6,18,13,.55) 65%, rgba(6,18,13,.22)); }
      .sq-hero__media img { object-position: 62% center; }
      .sq-hero__content { padding-top: 7rem; padding-bottom: 2.5rem; }
      .sq-hero__actions { align-items: stretch; flex-direction: column; }
      .sq-button { width: 100%; }
      .sq-hero__panel { display: none; }
      .sq-tree-grid { grid-template-columns: 1fr 1fr; }
      .sq-tree-card { min-height: 12.5rem; }
      .sq-tree-card:first-child { grid-column: span 2; }
      .sq-tree-detail { padding: 1.5rem; }
      .sq-branch-list { grid-template-columns: 1fr; }
      .sq-story-grid { grid-template-columns: 1fr; }
      .sq-story, .sq-story--feature, .sq-story:nth-child(n + 4) { min-height: 25rem; grid-column: auto; }
      .sq-orbit { width: 100%; aspect-ratio: auto; display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; padding: 1rem; border-radius: 0; box-shadow: var(--sq-shadow); }
      .sq-orbit::before, .sq-orbit::after { display: none; }
      .sq-orbit__core { position: static; width: auto; aspect-ratio: auto; grid-column: span 2; min-height: 6rem; border-radius: 0; transform: none; }
      .sq-orbit__node { position: static; min-width: 0; transform: none; border-radius: 0; }
      .sq-footer__top { grid-template-columns: 1fr; gap: 2.2rem; }
      .sq-footer__intro, .sq-footer__col:last-child { grid-column: auto; }
      .sq-footer__bottom { flex-direction: column; gap: .5rem; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
      .sq-hero__media img { transform: none; }
      .js .sq-reveal { opacity: 1; transform: none; }
    }

    /* Dirección visual v1.1: minimalismo editorial */
    :root {
      --sq-sun: #c58f49;
      --sq-sun-soft: #ead8bd;
      --sq-ivory: #f4f2ec;
      --sq-paper: #fffefa;
      --sq-radius: 0;
      --sq-shadow: none;
    }

    .sq-button,
    .sq-icon-button,
    .sq-filter,
    .sq-path-cloud a,
    .sq-branch-list a { border-radius: 0; }

    .sq-button:hover,
    .sq-tree-card:hover,
    .sq-story:hover,
    .sq-path-cloud a:hover { transform: translateY(-1px); }

    .sq-header,
    .sq-header.is-scrolled,
    .sq-header.is-menu-open {
      color: var(--sq-ink);
      background: rgba(255, 254, 250, .97);
      border-bottom-color: var(--sq-line);
      box-shadow: none;
      backdrop-filter: blur(12px);
    }

    .sq-header__inner { min-height: 4.8rem; }
    .sq-scroll-progress { height: 1px; }
    .sq-brand__mark { border-radius: 0; }

    .sq-hero {
      min-height: min(52rem, 100svh);
      display: block;
      color: var(--sq-ink);
      background: var(--sq-paper);
      border-bottom: 1px solid var(--sq-line);
    }

    .sq-hero__media {
      inset: 4.8rem 0 0 52%;
      overflow: hidden;
      background: var(--sq-forest);
    }

    .sq-hero__media img {
      width: 100%;
      height: 100%;
      object-position: 56% center;
      transform: none;
      filter: saturate(.72) contrast(.96);
    }

    .sq-hero__shade,
    .sq-hero__grain,
    .sq-hero__panel,
    .sq-hero__edition,
    .sq-ribbon { display: none; }

    .sq-hero__content {
      display: flex;
      align-items: center;
      min-height: min(52rem, 100svh);
      padding: 8.5rem 0 4rem;
    }

    .sq-hero__grid { display: block; }
    .sq-hero__copy { max-width: 44%; padding-right: clamp(2rem, 5vw, 5rem); }
    .sq-hero .sq-eyebrow { color: var(--sq-moss); }
    .sq-hero .sq-title { color: var(--sq-ink); font-size: clamp(3rem, 5.2vw, 5.4rem); }
    .sq-hero__copy p { color: var(--sq-ink-soft); }
    .sq-hero .sq-button--light { color: var(--sq-paper); background: var(--sq-forest); }
    .sq-hero .sq-button--outline { color: var(--sq-ink); background: transparent; border-color: var(--sq-line); backdrop-filter: none; }

    .sq-section { padding-block: clamp(4.5rem, 8vw, 7rem); }
    .sq-section-title { font-size: clamp(2.4rem, 4.2vw, 4.1rem); }
    .sq-section-head { margin-bottom: clamp(2.25rem, 4vw, 3.5rem); }

    .sq-tree-grid { gap: 0; border-top: 1px solid var(--sq-line); border-bottom: 1px solid var(--sq-line); }
    .sq-tree-card {
      min-height: 12rem;
      padding: 1.25rem 1rem;
      border-width: 0 1px 0 0;
      border-radius: 0;
    }
    .sq-tree-card:last-child { border-right: 0; }
    .sq-tree-card::before { display: none; }
    .sq-tree-card:hover { box-shadow: none; background: rgba(255,255,255,.48); }
    .sq-tree-card[aria-pressed="true"] { color: var(--sq-paper); background: var(--sq-forest); }
    .sq-tree-card__status { padding: .25rem .4rem; border-radius: 0; }

    .sq-tree-detail {
      min-height: 17rem;
      margin-top: 1rem;
      padding: clamp(1.75rem, 4vw, 3.25rem);
      background: var(--sq-forest);
      border-radius: 0;
    }
    .sq-branch-list a { border-radius: 0; }

    .sq-content {
      color: var(--sq-ink);
      background: var(--sq-paper);
      border-top: 1px solid var(--sq-line);
      border-bottom: 1px solid var(--sq-line);
    }
    .sq-content::before { display: none; }
    .sq-content .sq-eyebrow { color: var(--sq-moss); }
    .sq-content .sq-lede { color: var(--sq-ink-soft); }
    .sq-filter { color: var(--sq-ink-soft); border-color: var(--sq-line); }
    .sq-filter[aria-pressed="true"], .sq-filter:hover { color: var(--sq-paper); background: var(--sq-forest); border-color: var(--sq-forest); }

    .sq-story,
    .sq-story--sun,
    .sq-story--paper,
    .sq-story--moss {
      min-height: 21rem;
      color: var(--sq-ink);
      background: transparent;
      border-color: var(--sq-line);
      border-radius: 0;
    }
    .sq-story--feature { color: var(--sq-paper); background: var(--sq-forest); }
    .sq-story__art { display: none; }
    .sq-story:hover { border-color: var(--sq-ink); box-shadow: none; }

    .sq-ecosystem { background: var(--sq-ivory); }
    .sq-orbit {
      width: 100%;
      aspect-ratio: auto;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: .6rem;
      padding: 0;
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
    }
    .sq-orbit::before,
    .sq-orbit::after { display: none; }
    .sq-orbit__core,
    .sq-orbit__node {
      position: static;
      width: auto;
      min-width: 0;
      min-height: 5.5rem;
      display: grid;
      place-content: center;
      padding: 1rem;
      border-radius: 0;
      box-shadow: none;
      transform: none;
    }
    .sq-orbit__core { grid-column: span 2; aspect-ratio: auto; font-size: 1.6rem; }
    .sq-path-cloud a { border-radius: 0; }

    .sq-closing { background: var(--sq-forest); }
    .sq-closing h2 { color: var(--sq-paper); }
    .sq-closing .sq-button--dark { color: var(--sq-forest); background: var(--sq-paper); }

    .sq-footer { background: #0b1711; }
    .js .sq-reveal { transform: translateY(10px); }

    @media (max-width: 800px) {
      .sq-header__inner { min-height: 4.5rem; }
      .sq-hero { min-height: auto; padding-top: 4.5rem; }
      .sq-hero__media { position: relative; inset: auto; height: min(55vw, 24rem); }
      .sq-hero__content { min-height: 0; padding: 3.2rem 0 4rem; }
      .sq-hero__copy { max-width: 40rem; padding-right: 0; }
      .sq-tree-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); border-bottom: 0; }
      .sq-tree-card { min-height: 10.5rem; border-bottom: 1px solid var(--sq-line); }
      .sq-tree-card:nth-child(2n) { border-right: 0; }
      .sq-tree-card:last-child { border-right: 1px solid var(--sq-line); }
    }

    @media (max-width: 620px) {
      .sq-hero { min-height: auto; }
      .sq-hero__media { height: 58vw; min-height: 15rem; }
      .sq-hero__actions { flex-direction: row; }
      .sq-hero .sq-button { width: auto; }
      .sq-tree-card:first-child { grid-column: auto; }
      .sq-tree-card { padding: 1rem .8rem; }
      .sq-orbit { grid-template-columns: 1fr; }
      .sq-orbit__core { grid-column: auto; }
    }

    /* Dirección visual v1.2: composición original, paleta clara y esquinas rectas */
    :root {
      --sq-ink: #20332b;
      --sq-ink-soft: #52635b;
      --sq-forest: #315a47;
      --sq-forest-2: #4e7864;
      --sq-moss: #809681;
      --sq-sun: #e7bc73;
      --sq-sun-soft: #f4e4c8;
      --sq-ivory: #f8f6ef;
      --sq-paper: #ffffff;
      --sq-line: rgba(32, 51, 43, .18);
      --sq-white-line: rgba(255, 255, 255, .38);
      --sq-shadow: 0 20px 55px rgba(49, 90, 71, .11);
      --sq-radius: 0;
    }

    .sq-button,
    .sq-icon-button,
    .sq-menu-toggle,
    .sq-hero__panel,
    .sq-tree-card,
    .sq-tree-card__status,
    .sq-tree-detail,
    .sq-branch-list a,
    .sq-filter,
    .sq-story,
    .sq-orbit__node,
    .sq-path-cloud a,
    .sq-search-dialog,
    .sq-search__input,
    .sq-skip-link { border-radius: 0; }

    .sq-header {
      color: var(--sq-paper);
      background: transparent;
      border-bottom-color: transparent;
      box-shadow: none;
      backdrop-filter: none;
    }

    .sq-header.is-scrolled,
    .sq-header.is-menu-open {
      color: var(--sq-ink);
      background: rgba(255, 255, 255, .96);
      border-bottom-color: var(--sq-line);
      box-shadow: 0 8px 30px rgba(49, 90, 71, .06);
      backdrop-filter: blur(16px);
    }

    .sq-header .sq-brand__logo {
      filter: drop-shadow(0 1px 2px rgba(255, 255, 255, .52));
      transition: filter .3s ease;
    }

    .sq-header.is-scrolled .sq-brand__logo,
    .sq-header.is-menu-open .sq-brand__logo {
      filter: none;
    }

    .sq-header__inner { min-height: 5.2rem; }

    .sq-hero {
      min-height: 100svh;
      display: flex;
      align-items: flex-end;
      color: var(--sq-paper);
      background: var(--sq-forest);
      border-bottom: 0;
      padding: 0;
    }

    .sq-hero__media {
      position: absolute;
      inset: 0;
      height: auto;
      min-height: 0;
    }

    .sq-hero__media img {
      width: 100%;
      height: 100%;
      object-position: center;
      transform: scale(1.04) translateY(var(--sq-hero-shift, 0));
      filter: none;
    }

    .sq-hero__shade {
      display: block;
      background:
        linear-gradient(90deg, rgba(12, 14, 13, .52) 0%, rgba(12, 14, 13, .28) 32%, rgba(12, 14, 13, .08) 54%, transparent 72%),
        linear-gradient(0deg, rgba(12, 14, 13, .26) 0%, transparent 38%);
    }

    .sq-hero__grain { display: block; opacity: .045; }
    .sq-hero__panel { display: block; background: rgba(12, 14, 13, .24); box-shadow: none; }
    .sq-hero__edition { display: inline; }
    .sq-ribbon { display: block; color: var(--sq-ink); background: #e8eee7; border-top-color: var(--sq-line); }
    .sq-ribbon__item { color: var(--sq-ink-soft); }

    .sq-hero__content {
      display: block;
      min-height: 0;
      padding-top: 8.5rem;
      padding-bottom: clamp(3rem, 7vw, 6rem);
    }

    .sq-hero__grid {
      display: grid;
      grid-template-columns: minmax(0, 1.5fr) minmax(17rem, .55fr);
    }

    .sq-hero__copy { max-width: 48rem; padding-right: 0; }
    .sq-hero .sq-eyebrow { color: var(--sq-sun-soft); }
    .sq-hero .sq-title { color: var(--sq-paper); font-size: clamp(2.8rem, 6vw, 5.9rem); }
    .sq-hero__copy p { color: rgba(255, 255, 255, .84); }
    .sq-hero .sq-button--light { color: var(--sq-forest); background: var(--sq-paper); }
    .sq-hero .sq-button--outline { color: var(--sq-paper); background: rgba(255,255,255,.08); border-color: var(--sq-white-line); backdrop-filter: blur(10px); }

    .sq-tree-grid { gap: .75rem; border: 0; }
    .sq-tree-card {
      min-height: 15rem;
      padding: 1.3rem;
      border: 1px solid var(--sq-line);
      background: rgba(255,255,255,.34);
    }
    .sq-tree-card:last-child,
    .sq-tree-card:nth-child(2n) { border-right: 1px solid var(--sq-line); }
    .sq-tree-card::before { display: block; }
    .sq-tree-card:hover { background: var(--sq-paper); box-shadow: var(--sq-shadow); }
    .sq-tree-card[aria-pressed="true"] { color: var(--sq-paper); background: var(--sq-forest-2); border-color: var(--sq-forest-2); }

    .sq-tree-detail {
      min-height: 19rem;
      margin-top: .75rem;
      padding: clamp(2rem, 5vw, 4rem);
      background:
        radial-gradient(circle at 84% 15%, rgba(244, 228, 200, .23), transparent 29%),
        var(--sq-forest-2);
    }

    .sq-content {
      color: var(--sq-ink);
      background: #edf2ec;
      border-top: 0;
      border-bottom: 0;
    }
    .sq-content .sq-eyebrow { color: var(--sq-forest-2); }
    .sq-content .sq-lede { color: var(--sq-ink-soft); }
    .sq-filter { color: var(--sq-ink-soft); border-color: rgba(32,51,43,.24); }
    .sq-filter[aria-pressed="true"],
    .sq-filter:hover { color: var(--sq-paper); background: var(--sq-forest-2); border-color: var(--sq-forest-2); }

    .sq-story,
    .sq-story--paper {
      min-height: 24rem;
      color: var(--sq-ink);
      background: var(--sq-paper);
      border-color: rgba(32,51,43,.14);
    }
    .sq-story--feature { min-height: 49rem; color: var(--sq-paper); background: var(--sq-forest-2); }
    .sq-story--sun { color: var(--sq-ink); background: #f7e9cf; }
    .sq-story--moss { color: var(--sq-ink); background: #dfe9df; }
    .sq-story__art { display: block; opacity: .52; }
    .sq-story:hover { border-color: var(--sq-forest-2); box-shadow: var(--sq-shadow); }

    .sq-ecosystem { background: var(--sq-paper); }
    .sq-orbit {
      width: min(100%, 43rem);
      aspect-ratio: 1;
      position: relative;
      display: block;
      padding: 0;
      background:
        radial-gradient(circle at 50% 50%, rgba(231,188,115,.22), transparent 24%),
        radial-gradient(circle at 35% 30%, rgba(128,150,129,.2), transparent 31%),
        #f3f6f0;
      border: 1px solid var(--sq-line);
      border-radius: 0;
      box-shadow: inset 0 0 0 4rem rgba(255,255,255,.34), var(--sq-shadow);
    }
    .sq-orbit::before,
    .sq-orbit::after { display: block; }
    .sq-orbit__core {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 9.5rem;
      min-height: 0;
      aspect-ratio: 1;
      display: grid;
      padding: 1rem;
      border-radius: 0;
      transform: translate(-50%, -50%);
    }
    .sq-orbit__node {
      position: absolute;
      min-width: 7.3rem;
      min-height: 0;
      display: block;
      padding: .78rem 1rem;
      background: var(--sq-paper);
      box-shadow: 0 8px 22px rgba(49,90,71,.08);
    }
    .sq-orbit__node--1 { top: 5%; left: 50%; transform: translateX(-50%); }
    .sq-orbit__node--2 { top: 28%; right: -1%; }
    .sq-orbit__node--3 { right: 8%; bottom: 13%; }
    .sq-orbit__node--4 { bottom: 7%; left: 19%; }
    .sq-orbit__node--5 { top: 35%; left: -3%; }

    .sq-closing { background: #f1d7a9; }
    .sq-closing h2 { color: var(--sq-forest); }
    .sq-closing .sq-button--dark { color: var(--sq-paper); background: var(--sq-forest-2); }
    .sq-footer { background: #294b3c; }
    .js .sq-reveal { transform: translateY(18px); }

    @media (max-width: 1060px) {
      .sq-story--feature { min-height: 32rem; }
    }

    @media (max-width: 800px) {
      .sq-header__inner { min-height: 4.6rem; }
      .sq-hero { min-height: 52rem; padding: 0; }
      .sq-hero__media { position: absolute; inset: 0; height: auto; min-height: 0; }
      .sq-hero__content { min-height: 0; padding-top: 8.5rem; padding-bottom: clamp(3rem, 7vw, 6rem); }
      .sq-hero__grid { display: grid; grid-template-columns: 1fr; }
      .sq-hero__copy { max-width: 48rem; }
      .sq-tree-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .sq-tree-card { min-height: 13rem; border-bottom: 1px solid var(--sq-line); }
    }

    @media (max-width: 620px) {
      .sq-hero { min-height: 48rem; padding: 0; }
      .sq-hero__media { position: absolute; inset: 0; height: auto; min-height: 0; }
      .sq-hero__shade {
        background: linear-gradient(0deg, rgba(12, 14, 13, .5) 0%, rgba(12, 14, 13, .27) 64%, rgba(12, 14, 13, .16) 100%);
      }
      .sq-hero__content { padding-top: 7rem; padding-bottom: 2.5rem; }
      .sq-hero__actions { flex-direction: column; }
      .sq-hero .sq-button { width: 100%; }
      .sq-hero__panel { display: none; }
      .sq-tree-grid { grid-template-columns: 1fr 1fr; }
      .sq-tree-card:first-child { grid-column: span 2; }
      .sq-tree-card { min-height: 12.5rem; padding: 1.3rem; }
      .sq-orbit {
        width: 100%;
        aspect-ratio: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .65rem;
        padding: 1rem;
        border-radius: 0;
        box-shadow: var(--sq-shadow);
      }
      .sq-orbit::before,
      .sq-orbit::after { display: none; }
      .sq-orbit__core,
      .sq-orbit__node {
        position: static;
        width: auto;
        min-width: 0;
        min-height: 5.5rem;
        aspect-ratio: auto;
        display: grid;
        place-content: center;
        border-radius: 0;
        transform: none;
      }
      .sq-orbit__core { grid-column: span 2; }
    }