/* Kairo's other-businesses prospectus. Authored with scroll-craft; the brand's
   own type and earthy colors remain the common thread between the two sites. */
html[data-audience="businesses"] {
  --cream: #F2EADD; --cream-2: #E4D8C7; --cream-3: #FAF6ED;
  --ink: #362E27; --ink-2: #66594C; --ink-3: #796858;
  --orange-deep: #914821; --orange: #B96332; --orange-lift: #EAB084;
  --sc-canvas: var(--cream); --sc-surface: var(--cream-3);
  --sc-ink: var(--ink); --sc-ink-soft: var(--ink-2);
  --sc-accent: var(--orange-deep); --sc-accent-ink: var(--cream-3);
  --sc-font-display: var(--serif); --sc-font-text: var(--sans);
}
[data-audience="businesses"] .top__in { background: rgba(250,246,237,.96); backdrop-filter: none; -webkit-backdrop-filter: none; }
[data-audience="businesses"] .top__nav a[aria-current] { background: transparent; color: var(--orange-deep); }
[data-audience="businesses"] .top__nav a[aria-current]::after { content: ''; width: 4px; height: 4px; margin-left: 7px; background: currentColor; border-radius: 50%; }
.biz-home { overflow-x: clip; }
.biz-label { font: 500 13px/1.5 var(--sans); color: var(--ink-2); letter-spacing: .01em; }
.biz-hero { padding-top: clamp(32px,5vw,74px); }
.biz-hero__inner { display: grid; grid-template-columns: 1.2fr 1fr; align-items: start; gap: 32px; }
.biz-hero__copy { position: relative; z-index: 2; padding-top: 16px; }
.biz-hero h1 { font-size: clamp(80px,8.3vw,128px); line-height: .96; letter-spacing: -.035em; margin: 24px 0 32px; }
.biz-hero h1 em { white-space: nowrap; }
.biz-hero .lead { max-width: 28em; font-size: clamp(19px,1.5vw,22px); line-height: 1.55; }
.biz-hero .acts { margin-top: 30px; }
.biz-hero__location { font-size: 13px; color: var(--ink-2); margin-top: 24px; }
.biz-hero__scene { position: relative; height: clamp(450px,42vw,590px); margin-top: 14px; }
.biz-hero__backdrop { position: absolute; width: 79%; height: 82%; top: 5%; right: -4%; background: #D1C2AC; transform: rotate(4deg); }
.biz-hero__far { position: absolute; top: 0; right: 4%; width: 89%; height: 81%; margin: 0; background: #D7D2BE; box-shadow: 0 20px 40px -20px rgba(54,46,39,.25); }
.biz-hero__far picture { display: block; width: 100%; height: 100%; }
.biz-hero__far img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 65%; }
.biz-hero__far figcaption { position: absolute; right: 18px; top: 20px; font: 400 32px/1 var(--serif); letter-spacing: -.02em; color: #352B25; background: #FAF6ED; padding: 12px 16px 14px; }
.biz-hero__near { position: absolute; left: -8%; bottom: 0; width: 42%; height: 51%; margin: 0; transform: rotate(-7deg); border: 7px solid var(--cream-3); background: var(--cream-3); box-shadow: 0 24px 40px -20px rgba(54,46,39,.4); }
.biz-hero__near img { width: 100%; height: 100%; object-fit: cover; }
.biz-hero__near picture { display: block; width: 100%; height: 100%; }
.biz-hero__near figcaption { position: absolute; bottom: 0; left: 0; right: 0; background: var(--cream-3); color: var(--ink-2); padding: 8px 5px 2px; font-size: 10px; }
.biz-hero__annotation { position: absolute; bottom: 1%; right: 0; padding: 20px 0; font: 400 clamp(25px,2.7vw,38px)/1.1 var(--serif); }
.biz-hero__annotation em { color: var(--orange-deep); }
.biz-hero__foot { display: flex; justify-content: space-between; gap: 28px; padding-top: 56px; padding-bottom: 24px; font-size: 12px; color: var(--ink-2); }
.biz-hero__foot::after { display: none; }
.biz-hero__foot span:last-child { text-align: right; }
.biz-hero__foot { border-bottom: 1px solid var(--line); }

@supports (animation-timeline: scroll()) {
  @media (prefers-reduced-motion: no-preference) {
    .biz-hero__far { animation: far-print linear both; animation-timeline: scroll(root); animation-range: 0px 950px; }
    .biz-hero__near { animation: near-print linear both; animation-timeline: scroll(root); animation-range: 0px 950px; }
    .biz-hero__backdrop { animation: back-print linear both; animation-timeline: scroll(root); animation-range: 0px 950px; }
  }
}
@keyframes far-print { to { transform: translateY(-35px) rotate(1.5deg); } }
@keyframes near-print { from { transform: rotate(-7deg); } to { transform: translateY(-90px) rotate(-3deg); } }
@keyframes back-print { from { transform: rotate(4deg); } to { transform: translateY(16px) rotate(6deg); } }

.biz-intro { padding-block: clamp(70px,10vw,150px); }
.biz-intro > .wrap { display: grid; grid-template-columns: 1.55fr 1fr; gap: 80px; align-items: end; }
.biz-intro > .wrap > p { font: 400 clamp(40px,4.5vw,65px)/1.1 var(--serif); letter-spacing: -.02em; max-width: 21ch; }
.biz-intro em { color: var(--orange-deep); }
.biz-intro__aside { max-width: 26em; padding-bottom: 5px; }
.biz-intro__aside > p { font-size: 16px; color: var(--ink-2); margin-top: 18px; line-height: 1.65; }
.biz-section-head { display: grid; grid-template-columns: 1.2fr 1fr; gap: 56px; align-items: end; margin-bottom: 48px; }
.biz-section-head h2 { font-size: clamp(44px,5.5vw,78px); line-height: 1.02; letter-spacing: -.025em; }
.biz-section-head .biz-label { margin-bottom: 20px; }
.biz-section-head > p { color: var(--ink-2); max-width: 30em; padding-bottom: 5px; }
.biz-showcase { background: var(--cream-3); padding-block: clamp(60px,8vw,116px); }
.biz-tabs { display: none; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-bottom: 40px; }
.biz-enhanced .biz-tabs { display: grid; }
.biz-tabs button { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 68px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: 14px 20px; color: var(--ink-2); background: transparent; font: 500 16px/1.4 var(--sans); cursor: pointer; text-align: left; }
.biz-tabs button:first-child { padding-left: 0; }
.biz-tabs button[aria-selected="true"] { border-bottom-color: var(--orange-deep); color: var(--orange-deep); }
.biz-tabs button span { font-size: 22px; }
.biz-direction { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(36px,6vw,90px); align-items: center; }
.biz-enhanced .biz-direction[hidden] { display: none; }
html:not(.biz-enhanced) .biz-direction + .biz-direction { margin-top: 72px; }
.biz-direction__photo { position: relative; margin: 0; height: 560px; overflow: hidden; background: var(--cream-2); }
.biz-direction__photo img { width: 100%; height: 100%; object-fit: cover; }
.biz-direction__photo figcaption { position: absolute; bottom: 16px; left: 16px; right: 16px; width: fit-content; padding: 8px 12px; border-radius: 999px; color: var(--cream-3); background: #3D3028; font-size: 11px; }
.biz-direction__copy .biz-label { font-size: 12px; }
.biz-direction__action { font: 400 clamp(60px,6.5vw,96px)/1 var(--serif); letter-spacing: -.035em; margin: 28px 0 32px; color: var(--orange-deep); }
.biz-direction__copy h3 { font-size: 29px; margin-bottom: 16px; max-width: 25ch; }
.biz-direction__copy > p:not(.biz-label):not(.biz-direction__action) { color: var(--ink-2); }
.biz-direction__copy dl { margin: 28px 0; padding-top: 24px; border-top: 1px solid var(--line); }
.biz-direction__copy dt { font-size: 12px; font-weight: 600; margin-bottom: 10px; }
.biz-direction__copy dd { margin: 0; font-size: 15px; color: var(--ink-2); max-width: 32em; }
.biz-direction__copy .biz-direction__note { font-size: 12px; margin-top: 18px; max-width: 32em; }
.biz-reference { color: var(--ink-2); font-size: 11px; max-width: 70em; margin-top: 26px; }
.biz-reference a { display: inline-flex; align-items: center; min-height: 44px; }
.biz-method { padding-block: clamp(70px,10vw,145px); }
.biz-method__rows article, .business-ledger article { display: grid; grid-template-columns: 1fr 1fr; gap: 52px; border-top: 1px solid var(--line); padding: 30px 0; }
.biz-method__rows article:last-child, .business-ledger article:last-child { border-bottom: 1px solid var(--line); }
.biz-method__rows h3, .business-ledger h3 { font-size: clamp(28px,3vw,42px); }
.biz-method__rows p, .business-ledger p { font-size: 16px; color: var(--ink-2); max-width: 36em; }
.biz-method__end { margin-top: 26px; }
.business-ledger { margin-top: 32px; }
.biz-investment { padding-block: clamp(65px,8vw,116px); background: var(--cream-2); }
.biz-investment__grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(50px,7vw,110px); }
.biz-investment h2 { font-size: clamp(44px,5vw,72px); line-height: 1.05; margin: 22px 0 28px; }
.biz-investment .lead { font-size: 18px; max-width: 27em; }
.biz-investment__factors > div { padding: 24px 0; border-bottom: 1px solid rgba(53,43,37,.22); }
.biz-investment__factors > div:first-child { padding-top: 0; }
.biz-investment__factors h3 { font-size: 32px; margin-bottom: 12px; }
.biz-investment__factors p { font-size: 15px; color: var(--ink-2); }
.biz-investment__note { margin-top: 24px; font-size: 13px !important; }
.biz-questions { padding-block: clamp(65px,9vw,130px); }
.biz-questions__grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; }
.biz-questions h2 { font-size: clamp(42px,5vw,68px); }
.biz-questions details { border-top: 1px solid var(--line); }
.biz-questions details:last-of-type { border-bottom: 1px solid var(--line); margin-bottom: 20px; }
.biz-questions summary { display: flex; gap: 24px; justify-content: space-between; align-items: center; list-style: none; padding: 22px 0; cursor: pointer; font-size: 17px; font-weight: 500; }
.biz-questions summary::-webkit-details-marker { display: none; }
.biz-questions summary span { font-size: 23px; font-weight: 400; }
.biz-questions details[open] summary span { transform: rotate(45deg); }
.biz-questions details p { color: var(--ink-2); padding: 0 30px 24px 0; font-size: 15px; }
.biz-close { background: var(--green); color: var(--on-green); padding-block: clamp(65px,8vw,118px) 32px; }
.biz-close .biz-label { color: var(--on-green-2); }
.biz-close h2 { font-size: clamp(68px,9vw,130px); line-height: .98; margin: 30px 0 50px; letter-spacing: -.03em; }
.biz-close h2 em { color: var(--orange-lift); }
.biz-close__bottom { display: flex; align-items: end; justify-content: space-between; gap: 32px; }
.biz-close__bottom p { font-size: 16px; color: var(--on-green-2); }
.biz-close .btn--solid { background: var(--orange-lift); border-color: var(--orange-lift); color: var(--green); }
.biz-close .btn--solid:hover { background: var(--cream-3); border-color: var(--cream-3); }
.biz-credits { border-top: 1px solid var(--line-green); padding-top: 20px; margin-top: 60px; font-size: 11px; color: var(--on-green-2); }
.biz-credits a { display: inline-flex; align-items: center; min-height: 44px; }
[data-audience="businesses"] .foot { margin-top: 0; padding-top: 55px; }
main:has(.biz-home) + .foot .foot__big { display: none; }
[data-audience="businesses"] .foot__big { font-size: clamp(42px,6vw,80px); }
[data-audience="businesses"] .head { padding-top: clamp(36px,6vw,80px); }
[data-audience="businesses"] .head h1 { font-size: clamp(58px,7vw,100px); max-width: 17ch; }
[data-audience="businesses"] .project-form { border-radius: 16px; }
[data-audience="businesses"] .project-result { border-radius: 16px; }
[data-audience="businesses"] .project-question select { border-radius: 8px; }
[data-audience="businesses"] .faq__item { border-radius: 0; border-bottom: 1px solid var(--line); background: transparent; }
[data-audience="businesses"] .plate { border-radius: 16px; }
#project-result, .project-question select { scroll-margin-top: 105px; }
@media (min-width: 960px) { .project-result { top: 100px; max-height: calc(100svh - 120px); } }

/* Fail open if scripting is absent or the runtime fails to initialize. */
html:not(.sc-js) [data-sc-in], html:not(.sc-js) [data-sc-stagger] > * { opacity: 1; transform: none; }
html:not(.sc-js) [data-sc-reveal] { clip-path: none; }
@media (prefers-reduced-motion: reduce) {
  [data-sc-in], [data-sc-stagger] > *, .sc-split__i { opacity: 1 !important; transform: none !important; }
  .biz-hero__far { transform: none; }
  .biz-hero__near { transform: rotate(-7deg); }
}
@media (max-width: 959px) {
  .biz-hero__inner { grid-template-columns: 1fr; gap: 32px; }
  .biz-hero__copy { padding-top: 0; }
  .biz-hero h1 { font-size: clamp(60px,10.5vw,96px); margin: 18px 0 24px; }
  .biz-hero .lead { font-size: 18px; max-width: 33em; }
  .biz-hero__scene { width: 82%; max-width: 640px; justify-self: end; height: 480px; margin: 0 0 0 auto; }
  .biz-hero__foot { padding-top: 38px; padding-bottom: 22px; }
  .biz-intro > .wrap, .biz-section-head { gap: 32px; }
  .biz-direction { gap: 32px; }
  .biz-direction__photo { height: 430px; }
  .biz-direction__action { font-size: 60px; }
  .biz-questions__grid { gap: 36px; }
}
@media (max-width: 700px) {
  .biz-hero { padding-top: 24px; }
  .biz-hero h1 { font-size: clamp(53px,14.8vw,76px); line-height: 1.02; }
  .biz-hero .lead { font-size: 17px; line-height: 1.55; }
  .biz-hero .acts { margin-top: 24px; }
  .biz-hero__location { margin-top: 20px; font-size: 12px; }
  .biz-hero__scene { width: 90%; height: 370px; }
  .biz-hero__far { right: 2%; width: 88%; }
  .biz-hero__far figcaption { font-size: 24px; top: 16px; right: 12px; padding: 8px 10px; }
  .biz-hero__near { left: -6%; width: 45%; height: 54%; bottom: 0; border-width: 5px; }
  .biz-hero__near figcaption { font-size: 8px; }
  .biz-hero__annotation { font-size: 25px; bottom: 0; }
  .biz-hero__foot { display: block; font-size: 11px; }
  .biz-hero__foot span { display: block; }
  .biz-hero__foot span:last-child { text-align: left; margin-top: 6px; }
  .biz-intro > .wrap, .biz-section-head, .biz-direction, .biz-investment__grid, .biz-questions__grid { grid-template-columns: 1fr; }
  .biz-intro > .wrap > p { font-size: clamp(36px,9.8vw,52px); line-height: 1.12; }
  .biz-intro__aside { max-width: 33em; }
  .biz-section-head { gap: 24px; margin-bottom: 30px; }
  .biz-section-head h2, .biz-investment h2 { font-size: clamp(40px,11vw,60px); }
  .biz-tabs { margin-bottom: 26px; }
  .biz-tabs button { padding: 12px 6px; min-height: 58px; font-size: 13px; }
  .biz-tabs button span { font-size: 18px; }
  .biz-direction { gap: 30px; }
  .biz-direction__photo { height: 340px; }
  .biz-direction__copy > .biz-direction__action { font-size: clamp(58px,16vw,82px); margin: 20px 0 26px; }
  .biz-direction__copy h3 { font-size: 31px; }
  .biz-direction__copy > p { font-size: 16px; }
  .biz-direction__photo figcaption { font-size: 10px; bottom: 12px; left: 12px; right: 12px; }
  .biz-method__rows article, .business-ledger article { grid-template-columns: 1fr; gap: 15px; padding: 26px 0; }
  .biz-method__rows h3, .business-ledger h3 { font-size: 33px; }
  .biz-investment__grid { gap: 42px; }
  .biz-questions__grid { gap: 34px; }
  .biz-close h2 { font-size: clamp(59px,16vw,90px); margin-bottom: 36px; }
  .biz-close__bottom { align-items: start; flex-direction: column; gap: 28px; }
  .biz-close__bottom .btn { padding-inline: 22px; }
  .biz-credits { margin-top: 44px; }
  [data-audience="businesses"] .head h1 { font-size: clamp(48px,13vw,65px); }
}