/* index-yildiz.html tasarım sistemi. Açıklamalar: belgeler/TASARIM-SISTEMI.md */
:root {
  --font-family:"Outfit", sans-serif;

  /* Eski component değişkenleri yeni palete bağlanır. */
  --flow-ink: var(--color-heading);
  --ink: var(--color-text);
  --blue: var(--color-heading);
  --orange: var(--green-700);
  --paper: var(--color-white);
  --white: var(--color-white);
  --line-dark: var(--color-border);
  --sc-font-display: var(--font-family);
  --sc-font-text: var(--font-family);
  --sc-accent: var(--green-200);

  --content-max:1656px;
  --page-gutter:max(42px,calc((100vw - var(--content-max)) / 2));
  --page-pad: var(--page-gutter);
  --section-space: clamp(80px, 7vw, 136px);
  --content-gap: clamp(24px, 2.5vw, 40px);
  --paragraph-width: 65ch;

  /* Ortak Outfit tipografi ölçeği; son katman typography-system.css'tir. */
  --h1-size:var(--fs-h1);
  --h2-size:var(--fs-h2);
  --h3-size:var(--fs-h3);
  --h4-size:var(--fs-h4);
  --h5-size:var(--fs-h5);
  --p-size: clamp(1rem, 1.05vw, 1.125rem);
  --small-size: .875rem;
  --nav-size: clamp(.8125rem, .78vw, .875rem);
  --menu-link-size: clamp(1.125rem, 1.2vw, 1.375rem);

  --h1-leading:var(--lh-h1);
  --h2-leading:var(--lh-h2);
  --h3-leading:var(--lh-h3);
  --h4-leading:var(--lh-h4);
  --h5-leading:var(--lh-h5);
  --p-leading: 1.6;
  --h1-tracking:var(--ls-h1);
  --h2-tracking:var(--ls-h2);
  --h3-tracking:var(--ls-h3);
  --h4-tracking:var(--ls-h4);
  --h5-tracking:var(--ls-h5);
  --p-tracking: 0em;
}

body { color:var(--color-text); font-family:var(--font-family); font-size:var(--p-size); line-height:var(--p-leading); letter-spacing:var(--p-tracking); -webkit-font-smoothing:antialiased; }
h1, h2, h3, h4, h5 { font-family:var(--font-family); text-wrap:balance; }
h1, .new-hero h1 { font-size:var(--h1-size); font-weight:var(--fw-heading); line-height:var(--h1-leading); letter-spacing:var(--h1-tracking); }
h2, .mega-heading h2 { font-size:var(--h2-size); font-weight:var(--fw-heading); line-height:var(--h2-leading); letter-spacing:var(--h2-tracking); }
h3 { font-size:var(--h3-size); font-weight:var(--fw-heading); line-height:var(--h3-leading); letter-spacing:var(--h3-tracking); }
h4 { font-size:var(--h4-size); font-weight:var(--fw-heading); line-height:var(--h4-leading); letter-spacing:var(--h4-tracking); }
h5 { font-size:var(--h5-size); font-weight:var(--fw-heading); line-height:var(--h5-leading); letter-spacing:var(--h5-tracking); }
p, .new-hero p { font-size:var(--p-size); font-weight:var(--fw-body); line-height:var(--p-leading); letter-spacing:var(--p-tracking); }
.text-small { font-size:var(--small-size); line-height:var(--lh-small); letter-spacing:var(--ls-body); }
.text-copy { max-width:var(--paragraph-width); }
.nav-trigger, .nav-link { font-size:var(--nav-size); font-weight:var(--fw-navigation); line-height:var(--lh-ui); letter-spacing:var(--ls-body); }
.utility-link { font-size:var(--fs-navigation); font-weight:var(--fw-navigation); line-height:var(--lh-ui); letter-spacing:var(--ls-body); }
.mega-links>a, .mega-family>a { font-size:var(--menu-link-size); line-height:var(--lh-ui); letter-spacing:var(--ls-body); }
.mega-family .mega-child { font-size:var(--fs-navigation); line-height:var(--lh-ui); letter-spacing:var(--ls-body); }

/* Both homepages share the header's fluid bounds, including laptop widths. */
html:has(> .page-home) { min-width:0; }
.page-home {
  min-width:0;
  --content-max:1656px;
  --page-gutter:max(42px,calc((100vw - var(--content-max)) / 2));
  --page-pad:var(--page-gutter);
}
@media(max-width:1240px) { .page-home { --page-gutter:32px; } }
@media(max-width:760px) { .page-home { --page-gutter:20px; } }
@media(max-width:380px) { .page-home { --page-gutter:16px; } }
.page-container { box-sizing:border-box; width:calc(100% - var(--page-gutter) - var(--page-gutter)); margin-inline:auto; }
.section-space { padding-block:var(--section-space); }
.header { padding-inline:var(--page-gutter); }
.new-hero__content { width:calc(100% - var(--page-gutter) - var(--page-gutter)); margin-inline:var(--page-gutter); padding-inline:0; }
.mega-panel { padding-inline:var(--page-gutter); }

/* Section dilimiz: küçük üst başlık → slogan → açıklama → ilgili içerik. */
.new-hero .subline, .supply-film__cue .subline {
  width:auto; margin:0 0 24px; color:var(--green-700);
  font-size:var(--fs-label); font-weight:var(--fw-label); line-height:var(--lh-ui); letter-spacing:var(--ls-label);
  text-transform:uppercase;
}
.new-hero__content { padding-top:calc(var(--header-h) + 48px); }
.new-hero .subline { margin-bottom:20px; color:color-mix(in srgb, var(--color-white) 88%, transparent); }
.new-hero h1 { max-width:none; }
.new-hero h1 > span { white-space:nowrap; text-wrap:initial; }
.new-hero__accent { color:var(--color-heading-reveal); font-style:normal; }
.header.is-on-light:not(.is-open) { color:var(--color-heading); background:var(--color-white); text-shadow:none; }
.header.is-on-light .site-brand__logo--light { opacity:0; }
.header.is-on-light .site-brand__logo--dark { opacity:1; }

.about-yildiz, .about-yildiz * { box-sizing:border-box; }
.about-yildiz { color:var(--color-heading); background:var(--color-background-muted); scroll-margin-top:96px; }
.about-yildiz__layout { display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(40px,5vw,96px); min-height:640px; }
.about-yildiz__editorial { display:flex; flex-direction:column; align-items:flex-start; }
.about-yildiz h2 { max-width:20ch; margin:0; }
.about-yildiz__copy { margin-top:auto; padding-top:96px; }
.about-yildiz__copy p { max-width:var(--paragraph-width); margin:0; color:var(--color-text); }
.about-yildiz__copy p + p { margin-top:20px; }
.about-yildiz__links { display:flex; flex-wrap:wrap; gap:24px; margin-top:32px; }
.about-yildiz__links a { padding-bottom:6px; border-bottom:1px solid currentColor; font-size:var(--small-size); font-weight:500; line-height:1.4; }
.about-yildiz__links a:hover { color:var(--green-700); }
.about-yildiz__visual { position:relative; display:flex; align-items:center; min-width:0; isolation:isolate; overflow:clip; }
.about-yildiz__emblem { position:absolute; z-index:-1; inset:0; width:100%; height:100%; transform:rotate(-12deg); }
.about-yildiz__stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; gap:0; margin:0; padding:32px 16px; border-radius:var(--radius-card); background:color-mix(in srgb, var(--color-white) 78%, transparent); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:0 20px 64px color-mix(in srgb, var(--green-800) 6%, transparent); }
.about-yildiz__stat { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; min-width:0; min-height:130px; padding:12px; text-align:center; }
.about-yildiz__stat + .about-yildiz__stat { border-left:1px solid var(--color-border); }
.about-yildiz__stats dt { order:2; max-width:16ch; font-size:var(--p-size); line-height:var(--lh-body); color:var(--color-text); }
.about-yildiz__stats dd { margin:0; font-size:var(--fs-body); font-weight:var(--fw-body); line-height:var(--lh-body); letter-spacing:var(--ls-body); font-variant-numeric:lining-nums tabular-nums; }
@media(max-width:1100px) {
  .about-yildiz__layout { grid-template-columns:1fr; min-height:0; gap:48px; }
  .about-yildiz h2 { max-width:22ch; }
  .about-yildiz__copy { max-width:680px; margin-top:0; padding-top:40px; }
  .about-yildiz__visual { min-height:460px; }
}

@media(min-width:861px) and (max-width:1600px) {
  :root { --h1-size:var(--fs-h1); }
}
@media(max-width:1240px) {
  :root { --page-gutter:32px; }
  .header { left:0; right:0; width:100%; padding-inline:var(--page-gutter); }
}
@media(max-width:760px) {
  :root {
    --page-gutter:20px;
    --section-space:64px;
    --content-gap:24px;
    --h1-size:var(--fs-h1);
    --h2-size:var(--fs-h2);
    --h3-size:var(--fs-h3);
    --h4-size:var(--fs-h4);
    --h5-size:var(--fs-h5);
    --p-size:1rem;
    --h1-tracking:var(--ls-h1);
    --h2-leading:var(--lh-h2);
    --h2-tracking:var(--ls-h2);
    --h3-leading:var(--lh-h3);
    --h3-tracking:var(--ls-h3);
  }
  .about-yildiz__visual { min-height:340px; }
  .about-yildiz__stats { padding:20px 8px; border-radius:var(--radius-card); }
  .about-yildiz__stat { min-height:110px; padding:8px; gap:12px; }
  .about-yildiz__stats dt { font-size:var(--fs-body); }
  .about-yildiz__stats dd { font-size:var(--fs-body); }
}
@media(max-width:860px) and (min-width:761px) {
  :root {
    --h1-size:var(--fs-h1);
    --h1-tracking:var(--ls-h1);
    --h2-size:var(--fs-h2);
    --h2-leading:var(--lh-h2);
    --h2-tracking:var(--ls-h2);
    --h3-size:var(--fs-h3);
    --h3-leading:var(--lh-h3);
    --h3-tracking:var(--ls-h3);
  }
}
@media(max-width:860px) {
  .new-hero h1 > span { white-space:normal; text-wrap:balance; }
}
.cursor.is-visible { opacity:1; }
.cursor__dot { position:absolute; top:7px; left:7px; width:6px; height:6px; border-radius:50%; background:var(--color-primary); transition:opacity 160ms ease,transform 240ms cubic-bezier(.22,1,.36,1); }
.cursor.is-carousel .cursor__dot { opacity:0; transform:scale(.3); }
.cursor__arrows { position:absolute; top:10px; left:10px; display:flex; align-items:center; justify-content:center; gap:2px; width:56px; height:56px; border-radius:50%; color:var(--color-dark); background:var(--color-accent); opacity:0; transform:translate(-50%,-50%) scale(.75); transition:opacity 160ms ease,transform 240ms ease; }
.cursor.is-carousel .cursor__arrows { opacity:1; transform:translate(-50%,-50%) scale(1); }
.cursor__arrow { display:none; flex:none; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.cursor[data-direction="left"] .cursor__arrow--left,
.cursor[data-direction="right"] .cursor__arrow--right,
.cursor[data-direction="both"] .cursor__arrow { display:block; }
@media(pointer:coarse), (prefers-reduced-motion:reduce) { .cursor { display:none; } }

/* Yetkinlik yüzeyi kayarken biten tedarik sahnesi altında sabit kalır. */
.capabilities--revize { --cap-pad-x:var(--page-gutter); z-index:3; }
.capabilities--revize.is-capabilities-ready { height:620vh; margin-top:-100vh; background:transparent; overflow:clip; }
.capabilities--revize .capabilities__stage { height:100vh; min-height:0; }
.capabilities--revize .capabilities__title { font-size:var(--fs-h2); font-weight:var(--fw-heading); line-height:var(--lh-h2); letter-spacing:var(--ls-h2); }
.capabilities--revize .capability-panel__copy h3 { font-size:var(--fs-h3); font-weight:var(--fw-heading); line-height:var(--lh-h3); letter-spacing:var(--ls-h3); }
.capabilities--revize .capability-panel__copy p { color:inherit; font-size:var(--fs-body); font-weight:var(--fw-body); line-height:var(--lh-body); letter-spacing:var(--ls-body); }
.capabilities--revize .capability-panel__icon { width:36px; height:36px; top:-56px; stroke-width:1.6; }
.flow-products { position:relative; z-index:4; isolation:isolate; padding:var(--section-space) 0; overflow:clip; color:var(--color-heading); background:var(--color-white); }
.flow-products__particles { position:absolute; z-index:0; inset:0; width:100%; height:100%; max-width:none; opacity:.25; pointer-events:none; }
.flow-products__head, .flow-products__rail { position:relative; z-index:1; }
.flow-products__head { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); align-items:end; gap:var(--content-gap); margin:0 var(--page-gutter) 64px; }
.flow-kicker { display:block; margin-bottom:18px; color:var(--green-700); font-size:var(--fs-label); font-weight:var(--fw-label); letter-spacing:var(--ls-label); text-transform:uppercase; }
.flow-products__head h2 { margin:0; }
.flow-products__head p { max-width:42ch; margin:0; color:var(--color-text); }
.flow-products__rail { display:grid; grid-auto-columns:clamp(260px,24vw,440px); grid-auto-flow:column; gap:4px; padding:0 var(--page-gutter) 18px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:var(--green-700) transparent; scroll-snap-type:inline mandatory; scroll-padding-inline:var(--page-gutter); }
.flow-product { position:relative; min-height:clamp(390px,34vw,620px); overflow:hidden; color:var(--color-white); background:var(--color-dark); scroll-snap-align:start; isolation:isolate; }
.flow-product:nth-child(3n + 2) { min-height:clamp(350px,30vw,550px); margin-top:clamp(36px,4vw,72px); }
.flow-product:nth-child(3n) { min-height:clamp(420px,37vw,660px); }
.flow-product img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.72) contrast(.94); transform:scale(1.02); transition:transform 800ms cubic-bezier(.22,.72,.2,1),filter 360ms ease; }
.flow-product::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,color-mix(in srgb, var(--color-dark) 4%, transparent) 30%,color-mix(in srgb, var(--color-dark) 88%, transparent) 100%); }
.flow-product:hover img { transform:scale(1.075); filter:saturate(.96) contrast(1); }
.flow-product__index { position:absolute; top:22px; left:22px; font-size:11px; letter-spacing:.14em; }
.flow-product__copy { position:absolute; right:22px; bottom:24px; left:22px; display:flex; align-items:flex-end; justify-content:space-between; gap:18px; }
.flow-product h3 { max-width:13ch; margin:0; color:var(--color-white); }
.flow-product__arrow { flex:none; font-size:20px; font-style:normal; transition:transform 240ms ease; }
.flow-product:hover .flow-product__arrow { transform:translate3d(4px,-4px,0); }
@media(max-width:900px) { .flow-products__head { grid-template-columns:1fr; } }
@media(max-width:760px) {
 .is-scroll-ready .supply-film__stage { margin-bottom:0; }
 .is-scroll-ready .supply-film__narrative { margin-top:-100vh; }
 .is-scroll-ready .supply-film__video, .is-scroll-ready .supply-film__poster { top:72px; height:40%; object-fit:contain; }
 .is-scroll-ready .supply-film__cue { width:calc(100% - 2 * var(--page-gutter)); min-height:120vh; justify-content:center; padding-top:48vh; padding-bottom:12vh; }
 .is-scroll-ready .supply-film__scrim { background:linear-gradient(0deg,color-mix(in srgb, var(--green-800) 98%, transparent),color-mix(in srgb, var(--green-800) 92%, transparent) 49%,color-mix(in srgb, var(--green-800) 0%, transparent) 72%); }
 .supply-film__cue .subline { margin-bottom:16px; }
 .supply-film__cue h2, .supply-film__cue h3 { margin-bottom:20px; }
 .supply-film__link { margin-top:20px; }
 .capabilities--revize.is-capabilities-ready { height:auto; margin-top:0; background:var(--color-background-muted); }
 .capabilities--revize .capabilities__stage { position:relative; height:auto; }
 .capabilities--revize .capabilities__title { padding-inline:var(--page-gutter); }
 .capabilities--revize .capability-panel__body { display:flex; flex-direction:column; gap:40px; padding:70px var(--page-gutter) 48px; }
 .capabilities--revize .capability-panel__copy { position:relative; top:auto; left:auto; width:100%; min-width:0; }
 .capabilities--revize .capability-panel__media { position:relative; bottom:auto; right:auto; width:100%; margin-top:auto; }
 .flow-products { padding-block:64px; }
 .flow-products__rail { grid-auto-columns:min(82vw,340px); }
 .flow-product, .flow-product:nth-child(n) { min-height:430px; margin-top:0; }
}
@media(prefers-reduced-motion:reduce) {
 .capabilities--revize.is-capabilities-ready { height:auto; margin-top:0; background:var(--color-background-muted); }
 .capabilities--revize .capabilities__stage { position:relative; height:auto; }
 .flow-product img, .flow-product__arrow { transition:none; transform:none; }
}

/* Treeo revizesi: ölçülen tipografi ve beyaz içerik, kendi marka şeklimiz. */
.hero-about-bridge { position:relative; overflow-anchor:none; }
/* Explicit positive layers keep sticky-video compositing stable in reverse. */
.hero-about-bridge > .new-hero { z-index:1; }
.hero-about-bridge .new-hero__video { z-index:0; }
.hero-about-bridge .new-hero__film { z-index:1; }
.hero-about-bridge .new-hero__content { position:relative; z-index:2; }
.hero-about__wipe { display:none; }
.treeo-about, .treeo-about * { box-sizing:border-box; }
.treeo-about { position:relative; z-index:3; color:var(--color-heading); background:var(--color-white); scroll-margin-top:96px; }
.treeo-about__wrapper { padding:96px 0 164px; background:var(--color-white); }
.treeo-about__container { width:calc(100% - 2 * var(--page-gutter)); margin:0 auto; padding:0; }
.treeo-about__eyebrow { display:flex; align-items:center; gap:12px; margin:0 0 64px; font-size:var(--fs-label); font-weight:var(--fw-label); line-height:var(--lh-ui); letter-spacing:var(--ls-label); color:var(--color-heading); }
.treeo-about__eyebrow > img { flex:none; width:12px; height:12px; object-fit:contain; }
.treeo-about__bar { width:25%; height:2px; margin-bottom:60px; background:color-mix(in srgb, var(--green-800) 10%, transparent); }
.treeo-about__bar span { display:block; height:100%; background:var(--color-heading); transform-origin:left; }
.treeo-about__title { max-width:1061px; margin:0 0 40px; color:var(--color-heading); font-size:var(--fs-h2); font-weight:var(--fw-heading); line-height:var(--lh-h2); letter-spacing:var(--ls-h2); text-wrap:initial; }
.treeo-about__accent { color:var(--color-heading-reveal); }
.treeo-about__info { display:flex; align-items:center; justify-content:space-between; width:90%; gap:24px; margin-bottom:148px; }
.treeo-about__info > p { width:45.45%; max-width:550px; margin:0; font-size:var(--fs-body); font-weight:var(--fw-body); line-height:var(--lh-body); color:var(--color-heading); }

.treeo-about__cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.treeo-stat { --stat-y:0px; --stat-scale:1; position:relative; min-width:0; overflow:clip; isolation:isolate; padding:48px 40px; border-radius:var(--radius-card); color:var(--color-heading); transform:translate3d(0,var(--stat-y),0) scale(var(--stat-scale)); transform-origin:center; transition:transform .45s cubic-bezier(.22,1,.36,1); will-change:transform,opacity; }
.treeo-stat--pink { background:color-mix(in srgb,var(--green-200) 60%,var(--color-white)); }
.treeo-stat--mint { background:color-mix(in srgb,var(--color-primary) 60%,var(--color-white)); }
.treeo-stat--gold { background:color-mix(in srgb,var(--color-primary) 60%,var(--color-white)); }
.treeo-stat__icon { display:block; width:48px; height:48px; margin-bottom:32px; object-fit:contain; }
.treeo-stat__value { margin:0 0 12px; font-size:var(--fs-h1); font-weight:var(--fw-heading); line-height:var(--lh-h1); letter-spacing:var(--ls-h1); font-variant-numeric:tabular-nums; }
.treeo-stat h3 { margin:0 0 24px; font-size:var(--fs-h3); font-weight:var(--fw-heading); line-height:var(--lh-h3); letter-spacing:var(--ls-h3); color:inherit; }
.treeo-stat .treeo-stat__description { position:relative; max-width:34ch; margin:0; font-size:var(--fs-body); line-height:var(--lh-body); color:inherit; }
.treeo-stat__decoration { --stat-hover-rotation:0deg; position:absolute; z-index:-1; width:220px; height:228px; right:-65px; opacity:.85; pointer-events:none; object-fit:contain; transform:rotate(calc(var(--stat-star-rotation,0deg) + var(--stat-hover-rotation))); transform-origin:center; transition:transform .6s cubic-bezier(.22,1,.36,1); will-change:transform; }
.treeo-stat--pink .treeo-stat__decoration { bottom:-60px; }
.treeo-stat--mint .treeo-stat__decoration { top:50%; transform:translateY(-50%) rotate(calc(var(--stat-star-rotation,0deg) + var(--stat-hover-rotation))); }
.treeo-stat--gold .treeo-stat__decoration { top:-60px; }
@media (hover:hover) and (pointer:fine) {
 .treeo-stat:hover { --stat-scale:1.025; }
 .treeo-stat:hover .treeo-stat__decoration { --stat-hover-rotation:18deg; }
}
.is-bridge-ready > .new-hero { position:sticky; top:0; height:100vh; min-height:0; margin-bottom:-100vh; }
.is-bridge-ready .hero-about__wipe { display:grid; position:sticky; z-index:2; top:0; place-items:center; width:100%; height:100vh; margin-bottom:-100vh; pointer-events:none; overflow:clip; }
.is-bridge-ready .hero-about__star { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; overflow:hidden; }
.is-bridge-ready .treeo-about { padding:0; background:transparent; pointer-events:none; }
.is-bridge-ready .treeo-about__wrapper { position:absolute; top:var(--hero-pin-distance); left:0; width:100%; opacity:0; will-change:opacity; }
.is-bridge-ready.is-about-pinned .treeo-about__wrapper { position:fixed; top:0; }

/* Tedarik yeni_akis yerleşiminde; tipografi üstteki Biz Kimiz ile ortak. */
.product-story { color:var(--color-heading); min-height:0; }
.product-story__stage { color:var(--color-heading); min-height:0; }
.is-scroll-ready .product-story__stage { margin-bottom:-100vh; }
.product-story__intro { left:var(--page-gutter); }
.product-story h2 { color:var(--color-heading); font-size:var(--fs-h2); font-weight:var(--fw-heading); line-height:var(--lh-h2); letter-spacing:var(--ls-h2); }
.product-story__intro p, .product-story__text-block p { color:var(--color-heading); font-size:var(--fs-body); font-weight:var(--fw-body); line-height:var(--lh-body); letter-spacing:var(--ls-body); }
.product-story__text-block h3 { color:var(--color-heading); font-size:var(--fs-h3); font-weight:var(--fw-heading); line-height:var(--lh-h3); letter-spacing:var(--ls-h3); }
.product-story__cold { right:var(--page-gutter); }
.product-story__tracking { left:var(--page-gutter); }
.product-story__video { opacity:0; }
.sc-has-clip .product-story__video { opacity:1; }
@media(min-width:1024px) and (max-width:1399px) {
 :root { --content-max:1176px; --page-gutter:max(12px,calc((100vw - var(--content-max)) / 2)); }
 .treeo-about__wrapper { padding-block:96px 140px; }
}
@media(max-width:1023px) {
 .capabilities--revize .capabilities__title { font-size:var(--fs-h2); line-height:var(--lh-h2); letter-spacing:var(--ls-h2); }
 .capabilities--revize .capability-panel__copy h3 { font-size:var(--fs-h3); line-height:var(--lh-h3); letter-spacing:var(--ls-h3); }
 .product-story h2 { font-size:var(--fs-h2); line-height:var(--lh-h2); letter-spacing:var(--ls-h2); }
 .product-story__text-block h3 { font-size:var(--fs-h3); line-height:var(--lh-h3); letter-spacing:var(--ls-h3); }
 .treeo-about__wrapper { padding-block:80px; }
 .treeo-about__container { width:100%; padding-inline:var(--page-gutter); }
 .treeo-about__eyebrow { margin-bottom:40px; }
 .treeo-about__bar { width:100%; margin-bottom:40px; }
 .treeo-about__title { font-size:var(--fs-h2); line-height:var(--lh-h2); letter-spacing:var(--ls-h2); margin-bottom:32px; }
 .treeo-about__info { width:100%; flex-direction:column-reverse; align-items:flex-start; gap:40px; margin-bottom:50px; }
 .treeo-about__info > p { width:100%; }
 .treeo-stat { padding:32px 20px; }
 .treeo-stat h3 { font-size:var(--fs-h3); line-height:var(--lh-h3); letter-spacing:var(--ls-h3); }
 .treeo-stat__value { font-size:var(--fs-h1); letter-spacing:var(--ls-h1); }
}
@media(max-width:760px) {
 .capabilities--revize .capability-panel__icon { position:relative; top:auto; margin-bottom:24px; }
 .treeo-about__cards { grid-template-columns:1fr; gap:20px; }
 .product-story { height:auto!important; }
 .is-scroll-ready .product-story__stage { margin-bottom:0; }
 .product-story__intro, .product-story__cold, .product-story__tracking { left:auto; right:auto; }
 .product-story__stage { padding-inline:var(--page-gutter); }
 .product-story__media { width:calc(100% + 2 * var(--page-gutter)); }
}
@media(prefers-reduced-motion:reduce) {
 .treeo-stat, .treeo-stat__decoration { transition:none!important; }
 .treeo-stat:hover { --stat-scale:1; }
 .treeo-stat:hover .treeo-stat__decoration { --stat-hover-rotation:0deg; }
 .product-story { height:auto!important; }
 .product-story__stage { position:relative; height:auto; padding:80px var(--page-gutter); }
 .product-story__intro, .product-story__text-block { position:relative; top:auto; right:auto; bottom:auto; left:auto; width:100%; margin:0 0 40px; }
 .product-story__media { position:relative; top:auto; left:auto; width:100%; transform:none; margin:30px 0; }
 .product-story__video { display:none; }
}

.capabilities--revize:not(.is-capabilities-ready) { height:auto; }
.capabilities--revize:not(.is-capabilities-ready) .capabilities__stage { position:relative; height:auto; }
.capabilities--revize:not(.is-capabilities-ready) .capabilities__title { position:relative; top:auto; left:auto; padding:80px var(--page-gutter) 40px; }
.capabilities--revize:not(.is-capabilities-ready) .capabilities__panels { position:relative; }
.capabilities--revize:not(.is-capabilities-ready) .capability-panel { position:relative; min-height:100vh; }
.capabilities--revize:not(.is-capabilities-ready) .capability-panel__body { position:relative; min-height:100vh; width:100%; padding:80px var(--page-gutter); }
.capabilities--revize:not(.is-capabilities-ready) .capability-panel__copy { position:relative; top:auto; left:auto; width:min(100%,600px); min-width:0; }
.capabilities--revize:not(.is-capabilities-ready) .capability-panel__media { position:relative; right:auto; bottom:auto; width:min(100%,640px); margin-top:40px; }
.capabilities--revize:not(.is-capabilities-ready) .capabilities__index { display:none; }