:root {
      --ink: #080806;
      --ink-2: #0e0e0b;
      --ink-3: #171610;
      --paper: #f1eee7;
      --paper-soft: #d5d0c5;
      --muted: #9b988f;
      --gold: #cfae6b;
      --gold-bright: #efd59a;
      --line: rgba(241,238,231,.15);
      --line-strong: rgba(241,238,231,.28);
      --display: "Tenor Sans", "Helvetica Neue", sans-serif;
      --body: "Manrope", "Helvetica Neue", sans-serif;
      --ease: cubic-bezier(.16,1,.3,1);
    }

    *, *::before, *::after { box-sizing: border-box; }
    html { background: var(--ink); scroll-behavior: smooth; }
    body { margin: 0; background: var(--ink); color: var(--paper); font-family: var(--body); font-weight: 300; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
    img { display: block; max-width: 100%; }
    button, a { font: inherit; }
    a { color: inherit; }
    button { color: inherit; }
    :focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 4px; }
    ::selection { background: var(--gold); color: var(--ink); }
    .shell { width: min(1400px, calc(100% - 80px)); margin-inline: auto; }
    .block { display: block; }
    [data-lang] { display: none; }
    body.en [data-lang="en"], body.es [data-lang="es"] { display: inline; }
    body.en .block[data-lang="en"], body.es .block[data-lang="es"] { display: block; }

    .eyebrow { display: inline-flex; align-items: center; gap: 12px; color: var(--gold-bright); font-size: .65rem; font-weight: 600; letter-spacing: .19em; text-transform: uppercase; }
    .eyebrow::before { content: ""; width: 34px; height: 1px; background: currentColor; }
    .display { margin: 20px 0 0; font-family: var(--display); font-size: clamp(2.8rem, 5.2vw, 5.8rem); font-weight: 400; letter-spacing: -.05em; line-height: .99; text-wrap: balance; }
    .lede { max-width: 620px; margin: 0; color: var(--muted); font-size: .98rem; line-height: 1.8; }
    .button-primary, .button-ghost { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 13px; padding: 0 22px; text-decoration: none; font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; transition: transform .25s var(--ease), background .25s ease, border-color .25s ease; }
    .button-primary { background: var(--gold); color: var(--ink); }
    .button-primary:hover { background: var(--gold-bright); transform: translateY(-3px); }
    .button-ghost { border: 1px solid var(--line-strong); color: var(--paper); background: rgba(8,8,6,.18); }
    .button-ghost:hover { border-color: var(--gold); transform: translateY(-3px); }

    .nav { position: fixed; inset: 0 0 auto; z-index: 40; border-bottom: 1px solid transparent; transition: background .25s ease, border-color .25s ease; }
    .nav.scrolled { background: rgba(8,8,6,.9); border-color: var(--line); backdrop-filter: blur(18px); }
    .nav-row { min-height: 76px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 32px; }
    .brand { width: max-content; display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
    .brand-mark { width: 36px; aspect-ratio: 1; display: grid; place-items: center; background: var(--gold); color: var(--ink); font-family: var(--display); font-size: 1.05rem; }
    .brand-name { font-family: var(--display); font-size: 1rem; letter-spacing: .02em; }
    .nav-links { display: flex; align-items: center; gap: clamp(16px, 2.2vw, 34px); }
    .nav-links a { color: rgba(241,238,231,.7); text-decoration: none; font-size: .65rem; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; transition: color .2s ease; }
    .nav-links a:hover { color: var(--paper); }
    .nav-actions { display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
    .lang, .menu-button { min-height: 44px; border: 1px solid var(--line); background: transparent; cursor: pointer; }
    .lang { padding: 0 13px; font-size: .65rem; letter-spacing: .13em; }
    .nav .button-primary, .nav .button-ghost { min-height: 46px; }
    .nav .button-ghost { padding-inline: 16px; background: rgba(8,8,6,.34); }
    .nav a:focus-visible, .nav button:focus-visible, .mobile-menu a:focus-visible, .mobile-menu button:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 3px; }
    .menu-button { display: none; width: 48px; }
    .mobile-menu { display: none; }

    .hero-sentinel { position: absolute; top: 18px; width: 1px; height: 1px; }
    .hero { min-height: 100svh; position: relative; display: grid; align-items: end; isolation: isolate; overflow: hidden; }
    .hero-slides { position: absolute; inset: 0; z-index: -3; }
    .hero-slide { position: absolute; inset: 0; opacity: 0; transform: scale(1.045); transition: opacity 1.2s ease, transform 7s linear; }
    .hero-slide.active { opacity: 1; transform: scale(1); }
    .hero-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center 57%; }
    .hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(5,5,4,.86) 0%, rgba(5,5,4,.44) 48%, rgba(5,5,4,.1) 78%), linear-gradient(180deg, rgba(8,8,6,.14), rgba(8,8,6,.05) 46%, rgba(8,8,6,.92) 94%); }
    .hero::after { content: ""; position: absolute; inset: auto 0 0; height: 23%; z-index: -1; background: linear-gradient(transparent, var(--ink)); }
    .hero-grid { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 76px; align-items: end; padding: 150px 0 68px; }
    .hero-copy { max-width: 940px; }
    .hero h1 { max-width: 920px; margin: 22px 0 26px; font-family: var(--display); font-size: clamp(3.4rem, 7.5vw, 7.9rem); font-weight: 400; letter-spacing: -.06em; line-height: .92; text-wrap: balance; }
    .hero h1 em { color: var(--gold-bright); font-style: normal; }
    .hero-intro { max-width: 620px; margin: 0 0 34px; color: rgba(241,238,231,.78); font-size: clamp(.95rem,1.35vw,1.12rem); line-height: 1.72; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
    .campaign-rail { border-top: 1px solid rgba(241,238,231,.36); }
    .campaign-title { margin: 19px 0 14px; color: rgba(241,238,231,.62); font-size: .61rem; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
    .campaign-button { width: 100%; display: grid; grid-template-columns: 28px 1fr auto; gap: 12px; align-items: center; padding: 14px 0; border: 0; border-bottom: 1px solid var(--line); color: rgba(241,238,231,.54); background: transparent; cursor: pointer; text-align: left; transition: color .25s ease; }
    .campaign-button strong { font-family: var(--display); font-size: 1rem; font-weight: 400; }
    .campaign-button span:first-child, .campaign-button span:last-child { font-size: .6rem; letter-spacing: .11em; }
    .campaign-button.active { color: var(--paper); }
    .campaign-button.active span:first-child { color: var(--gold-bright); }

    .capability-strip { overflow: hidden; border-block: 1px solid var(--line); background: var(--ink); }
    .capability-track { width: max-content; display: flex; animation: marquee 28s linear infinite; }
    .capability-set { display: flex; align-items: center; }
    .capability-set span { padding: 21px 34px; color: var(--paper-soft); font-family: var(--display); font-size: clamp(1rem,1.5vw,1.35rem); white-space: nowrap; }
    .capability-set span::after { content: "✦"; margin-left: 68px; color: var(--gold); font-size: .6rem; }
    @keyframes marquee { to { transform: translateX(-50%); } }

    .manifesto { padding: clamp(100px,13vw,190px) 0; background: var(--ink); }
    .manifesto-grid { display: grid; grid-template-columns: .72fr 2.2fr; gap: 9vw; align-items: start; }
    .manifesto h2 { margin: 0; font-family: var(--display); font-size: clamp(3rem,6.1vw,6.8rem); font-weight: 400; letter-spacing: -.055em; line-height: .98; }
    .manifesto h2 em { color: var(--gold-bright); font-style: normal; }
    .manifesto-proof { grid-column: 2; display: grid; grid-template-columns: repeat(3,1fr); gap: 32px; margin-top: 56px; padding-top: 26px; border-top: 1px solid var(--line); }
    .manifesto-proof strong { display: block; margin-bottom: 9px; color: var(--gold-bright); font-family: var(--display); font-size: 1.8rem; font-weight: 400; }
    .manifesto-proof span { color: var(--muted); font-size: .77rem; line-height: 1.6; }

    .studio-model { padding: clamp(92px,10vw,150px) 0; border-block: 1px solid var(--line); background: #11100c; }
    .studio-model-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: clamp(54px,8vw,120px); align-items: start; }
    .studio-model h2 { margin: 20px 0 0; font-family: var(--display); font-size: clamp(2.9rem,5.2vw,5.7rem); font-weight: 400; letter-spacing: -.055em; line-height: .98; }
    .studio-model-copy > p { max-width: 680px; margin: 0 0 34px; color: var(--paper-soft); font-size: .92rem; line-height: 1.82; }
    .studio-model-points { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
    .studio-model-point { min-height: 188px; padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .studio-model-point strong { display: block; margin-bottom: 11px; color: var(--gold-bright); font-family: var(--display); font-size: 1.35rem; font-weight: 400; }
    .studio-model-point p { margin: 0; color: var(--muted); font-size: .75rem; line-height: 1.65; }

    section[id] { scroll-margin-top: 76px; }
    .work { padding: 30px 0 clamp(110px,12vw,180px); }
    .section-intro { display: grid; grid-template-columns: 1.35fr .65fr; gap: 70px; align-items: end; margin-bottom: 54px; }
    .section-intro .lede { justify-self: end; }
    .portfolio-wall { display: grid; grid-template-columns: repeat(12,1fr); grid-auto-rows: 130px; gap: 14px; }
    .portfolio-item { position: relative; overflow: hidden; background: var(--ink-2); opacity: 0; transform: translateY(28px); transition: opacity .75s var(--ease), transform .75s var(--ease); }
    .portfolio-item.visible { opacity: 1; transform: none; }
    .portfolio-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--ease); }
    .portfolio-item:hover img { transform: scale(1.035); }
    .portfolio-item::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 56%, rgba(8,8,6,.8)); }
    .portfolio-item:nth-child(1) { grid-column: span 7; grid-row: span 4; }
    .portfolio-item:nth-child(2) { grid-column: span 5; grid-row: span 3; }
    .portfolio-item:nth-child(3) { grid-column: span 5; grid-row: span 4; }
    .portfolio-item:nth-child(4) { grid-column: span 4; grid-row: span 3; }
    .portfolio-item:nth-child(5) { grid-column: span 3; grid-row: span 3; }
    .portfolio-item:nth-child(6) { grid-column: span 5; grid-row: span 3; }
    .portfolio-item:nth-child(7) { grid-column: span 7; grid-row: span 3; }
    .portfolio-meta { position: absolute; inset: auto 0 0; z-index: 2; display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 24px; }
    .portfolio-meta h3 { margin: 0; font-family: var(--display); font-size: clamp(1.2rem,2vw,2rem); font-weight: 400; }
    .portfolio-meta span { color: var(--gold-bright); font-size: .6rem; letter-spacing: .13em; text-transform: uppercase; }

    .motion { padding: clamp(100px,11vw,170px) 0; background: var(--ink-3); overflow: hidden; }
    .motion-head { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: end; margin-bottom: 48px; }
    .reel-controls { display: flex; gap: 8px; }
    .reel-control { width: 48px; height: 48px; border: 1px solid var(--line-strong); background: transparent; cursor: pointer; transition: background .2s ease, color .2s ease; }
    .reel-control:hover { background: var(--gold); color: var(--ink); }
    .reel-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(280px, 27vw); gap: 14px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; scrollbar-width: none; }
    .reel-track::-webkit-scrollbar { display: none; }
    .reel-card { position: relative; aspect-ratio: 9/15.2; overflow: hidden; scroll-snap-align: start; text-decoration: none; background: #111; }
    .reel-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s var(--ease), filter .3s ease; }
    .reel-card:hover img { transform: scale(1.035); filter: brightness(.76); }
    .reel-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,8,6,.03), rgba(8,8,6,.08) 45%, rgba(8,8,6,.86)); }
    .play { position: absolute; inset: 50% auto auto 50%; z-index: 2; width: 62px; aspect-ratio: 1; display: grid; place-items: center; translate: -50% -50%; border: 1px solid rgba(255,255,255,.62); border-radius: 50%; background: rgba(8,8,6,.32); backdrop-filter: blur(8px); font-size: 1rem; transition: transform .3s var(--ease), background .3s ease; }
    .reel-card:hover .play { transform: scale(1.1); background: var(--gold); color: var(--ink); }
    .reel-copy { position: absolute; inset: auto 0 0; z-index: 2; padding: 22px; }
    .reel-copy strong { display: block; margin-bottom: 7px; font-family: var(--display); font-size: 1.35rem; font-weight: 400; }
    .reel-copy span { color: rgba(241,238,231,.7); font-size: .7rem; line-height: 1.55; }
    .agent-format { display: grid; grid-template-columns: 1fr 1.25fr; gap: 0; margin-top: 70px; border: 1px solid var(--line); }
    .agent-format-photo { min-height: 620px; overflow: hidden; }
    .agent-format-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; }
    .agent-format-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(42px,6vw,92px); }
    .agent-format-copy h3 { margin: 22px 0 22px; font-family: var(--display); font-size: clamp(2.5rem,4.4vw,5rem); font-weight: 400; letter-spacing: -.05em; line-height: 1; }
    .agent-format-copy p { max-width: 540px; margin: 0 0 30px; color: var(--muted); line-height: 1.8; }

    .products { padding: clamp(110px,12vw,180px) 0; background: var(--ink); }
    .products-intro { max-width: 980px; margin-bottom: 52px; }
    .products-intro p { margin-top: 24px; }
    .product-switcher { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
    .product-tab { min-height: 112px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 18px; padding: 24px; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: transparent; cursor: pointer; text-align: left; transition: background .25s ease, color .25s ease; }
    .product-tab > span:first-child { color: var(--gold); font-family: var(--display); font-size: .9rem; }
    .product-tab strong { display: block; margin-bottom: 7px; font-family: var(--display); font-size: 1.22rem; font-weight: 400; }
    .product-tab small { color: var(--muted); font-size: .68rem; line-height: 1.5; }
    .product-tab[aria-selected="true"] { background: #19170f; box-shadow: inset 0 3px 0 var(--gold); }
    .product-tab[aria-selected="true"] small { color: var(--paper-soft); }
    .product-panels { border-inline: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .product-panel { display: none; }
    .product-panel.active { display: block; }
    .listing-proof { display: grid; grid-template-columns: 1.12fr .88fr; height: 620px; }
    .listing-proof-media { position: relative; height: 620px; overflow: hidden; }
    .listing-proof-media img { width: 100%; height: 100%; object-fit: cover; }
    .listing-proof-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 55%, rgba(8,8,6,.52)); }
    .listing-proof-copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 34px clamp(34px,4vw,58px); background: #11100c; }
    .listing-proof-copy h3 { max-width: 680px; margin: 0 0 20px; font-family: var(--display); font-size: clamp(2.7rem,3.55vw,4rem); font-weight: 400; letter-spacing: -.055em; line-height: .94; }
    .listing-proof-copy h3 em { color: var(--gold-bright); font-style: normal; }
    .listing-proof-copy p { max-width: 580px; margin: 0; color: var(--muted); line-height: 1.8; }
    .pack-catalog { border-top: 1px solid var(--line); }
    .pack-category-switcher { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--line); }
    .pack-category-tab { min-height: 78px; padding: 0 22px; border: 0; border-right: 1px solid var(--line); background: transparent; color: var(--muted); cursor: pointer; font-size: .66rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; transition: background .2s ease, color .2s ease; }
    .pack-category-tab:last-child { border-right: 0; }
    .pack-category-tab[aria-selected="true"] { background: var(--gold); color: var(--ink); }
    .pack-category-tab:focus { outline: 0; }
    .pack-category-tab:focus-visible { box-shadow: inset 0 0 0 2px var(--paper); }
    .pack-category-panel { display: none; }
    .pack-category-panel.active { display: block; }
    .category-story { display: grid; grid-template-columns: .72fr 1.28fr; height: 340px; border-bottom: 1px solid var(--line); overflow: hidden; }
    .category-story img { width: 100%; height: 340px; object-fit: cover; }
    .category-story-copy { align-self: center; padding: 32px clamp(28px,5vw,70px); }
    .category-story-copy strong { display: block; margin-bottom: 12px; font-family: var(--display); font-size: clamp(1.8rem,3.4vw,3.5rem); font-weight: 400; letter-spacing: -.04em; }
    .category-story-copy p { max-width: 720px; margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.75; }
    .standard-grid { display: grid; grid-template-columns: repeat(3,1fr); }
    .standard-card { min-height: 590px; display: flex; flex-direction: column; padding: 34px; border-right: 1px solid var(--line); }
    .standard-card:last-child { border-right: 0; }
    .standard-card.recommended { background: rgba(207,174,107,.065); }
    .standard-label { color: var(--gold-bright); font-size: .61rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
    .standard-card h3 { margin: 17px 0 6px; font-family: var(--display); font-size: 1.65rem; font-weight: 400; }
    .standard-price { margin: 20px 0 6px; font-family: var(--display); font-size: clamp(3rem,4.2vw,4.7rem); letter-spacing: -.05em; }
    .standard-price small, .addon-price small { color: var(--muted); font-family: var(--body); font-size: .72rem; letter-spacing: 0; }
    .standard-fit { min-height: 50px; color: var(--muted); font-size: .76rem; line-height: 1.6; }
    .standard-card ul { margin: 24px 0 28px; padding: 22px 0 0; border-top: 1px solid var(--line); list-style: none; }
    .standard-card li { position: relative; margin-bottom: 12px; padding-left: 18px; color: var(--paper-soft); font-size: .75rem; line-height: 1.55; }
    .standard-card li::before { content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 1px; background: var(--gold); }
    .standard-card .button-ghost, .standard-card .button-primary { width: 100%; margin-top: auto; }
    .addon-grid { display: grid; grid-template-columns: repeat(4,1fr); }
    .addon { min-height: 590px; display: flex; flex-direction: column; padding: 34px; border-right: 1px solid var(--line); }
    .addon:last-child { border-right: 0; }
    .addon span:first-child { color: var(--gold); font-size: .62rem; letter-spacing: .13em; text-transform: uppercase; }
    .addon h3 { margin: 76px 0 12px; font-family: var(--display); font-size: 1.45rem; font-weight: 400; }
    .addon-price { margin-top: auto; color: var(--gold-bright); font-family: var(--display); font-size: 2.35rem; letter-spacing: -.04em; }
    .addon p { margin: 12px 0 0; color: var(--muted); font-size: .72rem; line-height: 1.6; }
    .addon .button-ghost { width: 100%; margin-top: 24px; }
    .product-experience { display: grid; grid-template-columns: 1.12fr .88fr; height: 620px; }
    .product-experience-media { position: relative; height: 620px; overflow: hidden; }
    .product-experience-media img { width: 100%; height: 100%; object-fit: cover; }
    .product-experience-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 52%, rgba(8,8,6,.72)); }
    .product-experience-copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 30px 34px; border-left: 1px solid var(--line); }
    .product-experience-copy h3 { margin: 14px 0 14px; font-family: var(--display); font-size: clamp(2.45rem,3.55vw,4rem); font-weight: 400; letter-spacing: -.055em; line-height: .94; }
    .product-experience-copy > p { margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.58; }
    .product-features { display: grid; grid-template-columns: 1fr 1fr; margin: 18px 0; border-top: 1px solid var(--line); }
    .product-feature { min-height: 76px; padding: 11px 12px 11px 0; border-bottom: 1px solid var(--line); }
    .product-feature:nth-child(even) { padding-left: 12px; border-left: 1px solid var(--line); }
    .product-feature strong { display: block; margin-bottom: 7px; color: var(--paper); font-size: .76rem; font-weight: 500; }
    .product-feature span { color: var(--muted); font-size: .67rem; line-height: 1.55; }
    .product-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .product-actions .button-primary, .product-actions .button-ghost { min-width: 0; padding-inline: 12px; font-size: .58rem; letter-spacing: .1em; white-space: nowrap; }

    .crm { padding: clamp(110px,12vw,180px) 0; background: var(--ink); }
    .crm-intro { display: grid; grid-template-columns: minmax(0,1fr) 360px; gap: clamp(44px,8vw,130px); align-items: end; }
    .crm-copy { max-width: 860px; }
    .crm-copy h2 { margin: 0 0 24px; font-family: var(--display); font-size: clamp(3rem,5.5vw,6rem); font-weight: 400; letter-spacing: -.055em; line-height: .98; }
    .crm-copy p { max-width: 670px; margin: 0; color: var(--muted); line-height: 1.8; }
    .crm-offer { padding-left: 30px; border-left: 1px solid var(--line); }
    .crm-price { display: flex; align-items: baseline; gap: 14px; margin: 0 0 22px; }
    .crm-price strong { color: var(--gold-bright); font-family: var(--display); font-size: 2.7rem; font-weight: 400; }
    .crm-price span { color: var(--muted); font-size: .75rem; line-height: 1.5; }
    .crm-offer .button-primary { width: 100%; }
    .crm-demo-note { display: block; margin-top: 14px; color: #aaa69a; font-size: .64rem; line-height: 1.55; }
    .crm-gallery { display: grid; grid-template-columns: 1.14fr .86fr; gap: 20px; margin-top: 72px; }
    .crm-shot { min-width: 0; margin: 0; }
    .crm-shot-primary { grid-column: 1/-1; }
    .crm-shot-frame { padding: 8px; overflow: hidden; border: 1px solid rgba(207,174,107,.28); background: #11110e; box-shadow: 0 36px 90px rgba(0,0,0,.28); }
    .crm-shot-frame img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
    .crm-shot figcaption { padding: 22px 4px 8px; }
    .crm-shot figcaption strong { display: block; margin-bottom: 9px; font-family: var(--display); font-size: clamp(1.35rem,2vw,2rem); font-weight: 400; letter-spacing: -.025em; }
    .crm-shot figcaption p { max-width: 610px; margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.7; }
    .crm-shot-primary figcaption { display: grid; grid-template-columns: .72fr 1.28fr; gap: 30px; align-items: start; }
    .crm-shot-primary figcaption strong { margin: 0; font-size: clamp(1.8rem,3vw,3rem); }
    .crm-shot-primary figcaption p { justify-self: end; }

    .plans { padding: clamp(110px,12vw,180px) 0; background: var(--ink-2); }
    .plans-intro { max-width: 900px; margin-bottom: 58px; }
    .plans-intro p { margin-top: 24px; }
    .plan-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
    .plan { min-height: 900px; display: flex; flex-direction: column; padding: 34px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .plan.featured { background: #1a1811; box-shadow: inset 0 3px 0 var(--gold); }
    .plan-name { font-family: var(--display); font-size: 1.45rem; }
    .plan-price { margin: 28px 0 8px; font-family: var(--display); font-size: clamp(2.6rem,4vw,4.3rem); letter-spacing: -.05em; }
    .plan-price small { color: var(--muted); font-family: var(--body); font-size: .72rem; letter-spacing: 0; }
    .plan-terms { color: var(--gold-bright); font-size: .62rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
    .plan-volume { margin: 22px 0 8px; padding: 18px 0; border-block: 1px solid var(--line); color: var(--paper); font-family: var(--display); font-size: 1.28rem; line-height: 1.25; }
    .plan-best { min-height: 68px; color: var(--muted); font-size: .76rem; line-height: 1.65; }
    .plan ul { margin: 26px 0 32px; padding: 22px 0 0; border-top: 1px solid var(--line); list-style: none; }
    .plan li { position: relative; margin: 0 0 13px; padding-left: 19px; color: var(--paper-soft); font-size: .76rem; line-height: 1.55; }
    .plan li::before { content: ""; position: absolute; left: 0; top: .58em; width: 6px; height: 1px; background: var(--gold); }
    .plan-delivery { min-height: 72px; margin: -12px 0 26px; padding-left: 18px; border-left: 1px solid var(--gold); color: var(--muted); font-size: .7rem; line-height: 1.65; }
    .plan-delivery strong { display: block; margin-bottom: 4px; color: var(--paper); font-size: .64rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
    .plan-sample { margin-top: auto; }
    .plan-sample a { position: relative; display: grid; grid-template-columns: 70px 1fr auto; align-items: center; gap: 15px; min-height: 82px; padding: 8px; border: 1px solid var(--line); text-decoration: none; }
    .plan-sample img { width: 70px; height: 64px; object-fit: cover; }
    .plan-sample strong { font-size: .72rem; font-weight: 500; }
    .plan-sample span { color: var(--gold-bright); font-size: .8rem; }
    .plan .button-primary { margin-top: 12px; width: 100%; }

    .ecosystem { padding: clamp(110px,12vw,180px) 0; background: var(--ink); overflow: hidden; }
    .ecosystem-intro { max-width: 920px; margin-bottom: 64px; }
    .ecosystem-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
    .ecosystem-item { min-height: 320px; display: flex; flex-direction: column; padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .ecosystem-item > span { color: var(--gold); font-size: .62rem; letter-spacing: .12em; }
    .ecosystem-item h3 { margin: auto 0 12px; font-family: var(--display); font-size: 1.55rem; font-weight: 400; }
    .ecosystem-item p { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.65; }

    .closing { min-height: 82svh; position: relative; display: grid; place-items: center; isolation: isolate; overflow: hidden; }
    .closing img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center 60%; }
    .closing::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(8,8,6,.72); }
    .closing-copy { max-width: 920px; margin-inline: auto; padding: 100px 0; text-align: center; }
    .closing h2 { margin: 22px 0 26px; font-family: var(--display); font-size: clamp(3.3rem,7vw,7.4rem); font-weight: 400; letter-spacing: -.055em; line-height: .94; }
    .closing p { max-width: 590px; margin: 0 auto 34px; color: rgba(241,238,231,.75); line-height: 1.75; }
    .closing .hero-actions { justify-content: center; }

    footer { padding: 52px 0 34px; border-top: 1px solid var(--line); }
    .footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 58px; }
    .footer-brand p { max-width: 420px; color: var(--muted); font-size: .78rem; line-height: 1.7; }
    .footer-links { display: grid; gap: 12px; align-content: start; }
    .footer-links strong { margin-bottom: 4px; color: var(--gold-bright); font-size: .64rem; letter-spacing: .15em; text-transform: uppercase; }
    .footer-links a { color: var(--paper-soft); text-decoration: none; font-size: .78rem; }
    .footer-directory { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 58px; margin-top: 42px; padding-top: 26px; border-top: 1px solid var(--line); }
    .footer-directory strong { display: block; margin-bottom: 12px; color: var(--gold-bright); font-size: .62rem; letter-spacing: .15em; text-transform: uppercase; }
    .footer-directory nav { display: flex; flex-wrap: wrap; gap: 9px 18px; }
    .footer-directory a { color: var(--muted); text-decoration: none; font-size: .7rem; line-height: 1.5; }
    .footer-directory a:hover, .footer-links a:hover { color: var(--paper); }
    .footer-bottom { display: flex; justify-content: space-between; gap: 24px; margin-top: 46px; padding-top: 22px; border-top: 1px solid var(--line); color: #aaa69a; font-size: .66rem; }

    @media (max-width: 1280px) {
      .nav-row { grid-template-columns: 1fr auto; }
      .nav-links { display: none; }
      .nav-actions .desktop-portal { display: none; }
      .menu-button { display: grid; place-items: center; }
      .mobile-menu { position: fixed; inset: 76px 0 auto; z-index: 39; display: grid; max-height: calc(100vh - 76px); max-height: calc(100dvh - 76px); overflow-y: auto; overscroll-behavior: contain; padding: 12px 24px 20px; background: rgba(8,8,6,.97); border-bottom: 1px solid var(--line); transform: translateY(-120%); transition: transform .3s var(--ease); }
      .mobile-menu.open { transform: none; }
      .mobile-menu a, .mobile-menu button { min-height: 51px; display: flex; align-items: center; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-decoration: none; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
      .mobile-menu .mobile-book { margin-top: 13px; justify-content: center; background: var(--gold); color: var(--ink); }
    }

    @media (max-width: 1080px) {
      .shell { width: min(100% - 48px,980px); }
      .hero-grid { grid-template-columns: 1fr; gap: 44px; }
      .campaign-rail { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; }
      .campaign-title { grid-column: 1/-1; }
      .campaign-button { padding-right: 18px; }
      .portfolio-wall { grid-auto-rows: 105px; }
      .reel-track { grid-auto-columns: minmax(240px,34vw); }
      .agent-format-photo { min-height: 560px; }
      .product-tab { padding: 20px; }
      .standard-card { padding: 26px; }
      .listing-proof { height: auto; grid-template-columns: 1fr; }
      .listing-proof-media { height: auto; min-height: 520px; }
      .listing-proof-media::after { background: linear-gradient(180deg, transparent 55%, rgba(8,8,6,.54)); }
      .addon-grid { grid-template-columns: repeat(2,1fr); }
      .addon:nth-child(2) { border-right: 0; }
      .addon:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
      .product-experience { height: auto; grid-template-columns: 1fr; }
      .product-experience-media { height: auto; min-height: 540px; }
      .product-experience-copy { border-left: 0; border-top: 1px solid var(--line); }
      .crm-intro { grid-template-columns: 1fr; }
      .crm-offer { max-width: 430px; padding: 24px 0 0; border-top: 1px solid var(--line); border-left: 0; }
      .crm-gallery { grid-template-columns: 1fr; }
      .crm-shot-primary { grid-column: auto; }
      .plan { padding: 26px; }
      .ecosystem-grid { grid-template-columns: repeat(2,1fr); }
    }

    @media (max-width: 760px) {
      .shell { width: min(100% - 34px,680px); }
      .nav-row { min-height: 68px; }
      .brand-name { font-size: .88rem; }
      .nav-actions .button-primary, .nav-actions .lang { display: none; }
      .menu-button { display: grid; place-items: center; }
      .mobile-menu { inset: 68px 0 auto; max-height: calc(100vh - 68px); max-height: calc(100dvh - 68px); padding-inline: 17px; }
      .hero { min-height: 900px; }
      .hero-slide img { object-position: 64% center; }
      .hero::before { background: linear-gradient(180deg, rgba(8,8,6,.48), rgba(8,8,6,.58) 42%, rgba(8,8,6,.97) 84%); }
      .hero-grid { padding: 126px 0 50px; gap: 32px; }
      .hero h1 { font-size: clamp(3rem,14.2vw,4.5rem); }
      .hero-actions { align-items: stretch; }
      .hero-actions .button-primary, .hero-actions .button-ghost { width: 100%; }
      .campaign-rail { grid-template-columns: 1fr; }
      .campaign-button:nth-of-type(n+3) { display: none; }
      .capability-set span { padding: 18px 24px; }
      .capability-set span::after { margin-left: 48px; }
      .manifesto-grid, .section-intro { grid-template-columns: 1fr; gap: 34px; }
      .manifesto-proof { grid-column: 1; grid-template-columns: 1fr; gap: 18px; margin-top: 12px; }
      .manifesto-proof div { padding-bottom: 18px; border-bottom: 1px solid var(--line); }
      .studio-model-grid, .studio-model-points { grid-template-columns: 1fr; }
      .studio-model-point { min-height: 0; }
      .section-intro .lede { justify-self: start; }
      .portfolio-wall { display: grid; grid-template-columns: 1fr; grid-auto-rows: 330px; }
      .portfolio-item:nth-child(n) { grid-column: auto; grid-row: auto; }
      .portfolio-item:nth-child(n+6) { display: none; }
      .portfolio-meta { padding: 20px; }
      .motion-head { grid-template-columns: 1fr; }
      .reel-controls { justify-content: flex-end; }
      .reel-track { grid-auto-columns: minmax(250px,78vw); }
      .agent-format { grid-template-columns: 1fr; }
      .agent-format-photo { min-height: 520px; }
      .agent-format-copy { padding: 42px 24px; }
      .product-switcher { grid-template-columns: 1fr; }
      .product-tab { min-height: 90px; }
      .listing-proof-media { min-height: 360px; }
      .listing-proof-copy { padding: 42px 24px; }
      .pack-category-switcher { grid-template-columns: repeat(2,1fr); }
      .pack-category-tab { min-height: 68px; padding: 0 12px; }
      .pack-category-tab:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
      .pack-category-tab:nth-child(2) { border-right: 0; }
      .category-story { grid-template-columns: 1fr; }
      .category-story { height: auto; }
      .category-story img { height: 260px; min-height: 260px; }
      .category-story-copy { padding: 30px 24px; }
      .standard-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
      .standard-card { min-width: 86vw; min-height: 480px; border-right: 1px solid var(--line); scroll-snap-align: start; }
      .product-experience-media { min-height: 430px; }
      .product-experience-copy { padding: 42px 24px; }
      .product-features { grid-template-columns: 1fr; }
      .product-feature:nth-child(even) { padding-left: 0; border-left: 0; }
      .product-actions .button-primary, .product-actions .button-ghost { width: 100%; }
      .addon-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
      .addon { min-width: 86vw; min-height: 480px; border-right: 1px solid var(--line); border-bottom: 0 !important; scroll-snap-align: start; }
      .crm-gallery { gap: 38px; margin-top: 48px; }
      .crm-shot-frame { padding: 4px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; }
      .crm-shot-frame::-webkit-scrollbar { display: none; }
      .crm-shot-frame img { width: 720px; max-width: none; }
      .crm-shot-primary figcaption { display: block; }
      .crm-shot-primary figcaption strong { margin-bottom: 10px; }
      .plan-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
      .plan { min-width: 86vw; min-height: 620px; scroll-snap-align: start; }
      .ecosystem-grid { grid-template-columns: 1fr; }
      .ecosystem-item { min-height: 230px; }
      .footer-grid { grid-template-columns: 1fr; gap: 34px; }
      .footer-directory { grid-template-columns: 1fr; }
      .footer-bottom { flex-direction: column; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
      .capability-track { animation: none; }
      .hero-slide { display: none; }
      .hero-slide.active { display: block; }
    }