a { color: inherit; text-decoration: none; }
button,input,textarea { font: inherit; }
button,a { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
button { color: inherit; cursor: pointer; }
img { display: block; max-width: 100%; }
h1,h2,h3,p,figure { margin: 0px; }
h1,h2 { font-family: Prata, Georgia, serif; font-weight: 400; }
h1 { font-size: clamp(42px, 5.25vw, 80px); line-height: 1.22; letter-spacing: -0.045em; }
h2 { font-size: clamp(30px, 3.1vw, 48px); line-height: 1.25; letter-spacing: -0.035em; }
h3 { font: 400 26px Cormorant, Georgia, serif; }
em { font-family: Cormorant, Georgia, serif; font-weight: 400; letter-spacing: -0.025em; color: var(--gold); }
h1:focus,h2:focus { outline: none; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.eyebrow { font-size: 10px; line-height: 1.6; letter-spacing: 0.19em; text-transform: uppercase; color: var(--gold); }
.editorial { padding: 76px var(--gutter) 0; max-width: 1600px; margin: auto; }
.section-intro { max-width: 980px; }
.section-intro h1 { margin: 23px 0px 28px; }
.lede { font: 26px / 1.45 Cormorant, Georgia, serif; max-width: 650px; color: rgb(203, 202, 188); }
.service-composition { display: grid; grid-template-columns: 1fr 1fr; gap: 9%; align-items: center; margin: 85px 0px 95px; }
.service-art { position: relative; min-height: 500px; display: grid; place-items: center; background: radial-gradient(at 50% 45%, rgba(74, 71, 56, 0.16), transparent 70%); }
.service-art img { width: 100%; max-height: 570px; object-fit: contain; }
.art-caption { position: absolute; bottom: 5px; font-size: 10px; letter-spacing: 0.17em; text-transform: uppercase; color: var(--muted); }
.service-text > h2 { margin: 16px 0px 34px; }
.detail-row { display: grid; grid-template-columns: 28px 1fr; gap: 16px; border-top: 1px solid var(--line); padding: 21px 0px; }
.detail-row > span { font-size: 10px; color: var(--gold); padding-top: 8px; }
.detail-row p,.case-notes > p:not(.eyebrow) { font-size: 14px; line-height: 1.7; color: var(--muted); margin-top: 8px; }
.text-action { display: inline-flex; align-items: center; gap: 26px; min-height: 48px; margin-top: 23px; padding: 8px 0px; background: none; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(215, 189, 143, 0.5); border-image: none; font: 20px Cormorant, Georgia, serif; }
.text-action:hover { color: var(--gold); }
.next-chapter { padding: 36px 0px 48px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); }
.next-chapter > span { font-size: 11px; color: var(--muted); }
.next-chapter strong { font: clamp(24px, 3.3vw, 44px) Cormorant, serif; }
.process-art { border: 1px solid var(--line); padding: 45px; background: radial-gradient(at 80% 10%, rgba(122, 113, 81, 0.11), transparent); }
.process-chain { list-style: none; margin: 35px 0px 0px; padding: 0px; }
.process-chain li { position: relative; padding: 0px 0px 40px 32px; border-left: 1px solid rgba(215, 189, 143, 0.333); }
.process-chain li:last-child { padding-bottom: 0px; }
.process-chain li::before { content: ""; width: 7px; height: 7px; background: var(--gold); position: absolute; left: -4px; top: 5px; transform: rotate(45deg); }
.process-chain small { display: block; font-size: 9px; letter-spacing: 0.12em; color: var(--gold); }
.process-chain strong { display: block; font: 32px Cormorant, serif; margin: 12px 0px; }
.process-chain span { font-size: 12px; color: var(--muted); }
.scroll-note { margin: 34px 0px; font-size: 11px; color: var(--muted); }
.flight-story { display: grid; grid-template-columns: 53% 1fr; gap: 7%; position: relative; align-items: start; margin-top: 20px; }
.flight-stage { height: 80svh; min-height: 450px; max-height: 900px; position: sticky; top: 0px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(rgba(197, 171, 102, 0.19), transparent 66%); }
.orbit { position: absolute; inset: 20% 2%; border: 1px solid rgba(199, 185, 148, 0.125); border-radius: 50%; transform: rotate(-28deg); }
.orbit.second { inset: 12% 17%; transform: rotate(26deg); }
.flight-caption { position: absolute; left: 0px; top: 32px; font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); }
.airship { position: absolute; max-width: 90%; max-height: 65%; object-fit: contain; opacity: 0; transform: translate(15%, 35px) rotate(-4deg); transition: opacity 0.65s, transform 1.1s cubic-bezier(0.2, 0.65, 0.2, 1); filter: drop-shadow(rgba(0, 0, 0, 0.333) 15px 28px 20px); }
.airship.active { opacity: 1; transform: translate(var(--drift,0px),var(--rise,0px)) rotate(-2deg); }
.airship.balloon { max-width: 65%; }
.airship.zeppelin { width: 83%; }
.flight-counter { position: absolute; bottom: 30px; left: 0px; font: 46px Cormorant, serif; color: var(--gold); }
.flight-counter i { font: 15px Cormorant, serif; color: var(--muted); margin-left: 10px; }
.flight-chapter { min-height: 80svh; display: flex; flex-direction: column; justify-content: center; padding: 65px 0px; }
.flight-chapter h2 { margin: 22px 0px 25px; }
.flight-chapter > p:not(.eyebrow) { font: 24px / 1.45 Cormorant, serif; color: rgb(203, 204, 191); }
.chapter-result { font-size: 11px; line-height: 1.7; margin-top: 32px; color: var(--muted); border-top: 1px solid var(--line); padding-top: 20px; }
.flight-chapter .text-action { align-self: flex-start; }
.case-layout { display: grid; grid-template-columns: 0.7fr 1.5fr; gap: 7%; align-items: start; margin: 80px 0px; }
.case-notes h2 { margin: 24px 0px; }
.case-tabs { display: flex; gap: 22px; margin-top: 35px; }
.case-tabs button { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; background: none; padding: 12px 0px; min-height: 44px; font-size: 12px; color: var(--muted); }
.case-tabs button[aria-pressed="true"] { border-color: var(--gold); color: var(--gold); }
.case-screen { padding: 9px; background: rgb(233, 229, 216); color: rgb(40, 51, 42); box-shadow: rgba(0, 0, 0, 0.2) 0px 25px 65px; }
.screen-bar { height: 28px; display: flex; gap: 20px; align-items: center; font-size: 9px; letter-spacing: 0.15em; opacity: 0.65; padding: 0px 8px; }
.screen-bar > span:last-child { margin: auto; }
.case-screen img { width: 100%; height: auto; }
.case-screen figcaption { padding: 17px 12px 10px; font: 17px Cormorant, serif; }
.contact-aside h2 { margin: 24px 0px; }
.contact-aside > p:not(.eyebrow) { font: 22px / 1.4 Cormorant, serif; max-width: 340px; color: var(--muted); }
.contact-aside > .contact-note { margin-top: 23px; max-width: 300px; font: 12px / 1.6 Arial, sans-serif !important; }
.brief-content > .eyebrow { display: none; }
.step-count { font-size: 11px; letter-spacing: 0.08em; color: var(--gold); margin-bottom: 25px; }
.brief-content h2 { margin-bottom: 35px; font-size: clamp(32px, 3.4vw, 50px); }
fieldset { margin: 0px; padding: 0px; border: 0px; }
legend { font-size: 12px; color: var(--muted); margin-bottom: 16px; }
textarea,input { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(215, 189, 143, 0.44); border-image: none; background: rgba(238, 233, 220, 0.027); border-radius: 0px; color: var(--paper); padding: 16px; width: 100%; font-size: 16px; }
textarea { resize: vertical; min-height: 150px; line-height: 1.6; }
textarea::placeholder,input::placeholder { color: rgb(166, 170, 153); }
input { min-height: 48px; }
.brief-controls { display: flex; gap: 24px; justify-content: space-between; align-items: center; }
.brief-controls button:not(.text-action) { border: 0px; background: none; padding: 12px 0px; min-height: 44px; font-size: 12px; }
.brief-controls .text-action { margin-left: auto; }
.channel-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.channel-options label { display: flex; align-items: center; gap: 12px; min-height: 54px; background: rgba(238, 233, 220, 0.03); padding: 10px 14px; cursor: pointer; font-size: 14px; }
.channel-options input { width: 18px; min-height: 18px; height: 18px; accent-color: var(--gold); }
.contact-fields { display: grid; gap: 20px; }
.contact-fields label { font-size: 12px; color: var(--muted); }
.contact-fields input { margin-top: 8px; }
.privacy-note { font-size: 11px; line-height: 1.7; margin-top: 28px; color: var(--muted); }
.error { font-size: 12px; line-height: 1.6; margin-top: 15px; color: rgb(244, 186, 153); min-height: 20px; }
#brief-result > p { font: 23px / 1.5 Cormorant, serif; }
#brief-result .text-action { margin-right: 24px; }
@media (max-width: 1024px) {
.editorial { padding-top: 46px; }
h1 { font-size: clamp(35px, 8.4vw, 56px); line-height: 1.2; }
h2 { font-size: 33px; }
.section-intro h1 { margin: 18px 0px 23px; }
.lede { font-size: 23px; line-height: 1.4; }
.service-composition { grid-template-columns: 1fr; gap: 40px; margin: 45px 0px 55px; }
.service-art { min-height: 290px; max-height: 450px; }
.service-art img { max-height: 380px; width: 85%; }
.service-text > h2 { margin: 14px 0px 28px; }
.detail-row p { font-size: 13px; }
.detail-row h3 { font-size: 25px; }
.next-chapter { padding: 28px 0px 36px; align-items: flex-start; flex-direction: column; gap: 12px; }
.next-chapter strong { font-size: 31px; }
.text-action { font-size: 20px; }
.process-art { padding: 30px; }
.process-chain strong { font-size: 30px; }
.flight-story { display: block; margin-top: 25px; }
.flight-stage { height: 34svh; min-height: 230px; max-height: 370px; top: 0px; z-index: 2; background: radial-gradient(rgb(85, 77, 49), rgb(23, 32, 27) 72%); border-bottom: 1px solid var(--line); margin: 0px -24px; }
.flight-caption { left: 24px; top: 15px; font-size: 8px; }
.flight-counter { left: 24px; bottom: 15px; font-size: 33px; }
.airship { max-width: 75%; max-height: 72%; }
.airship.balloon { max-width: 55%; }
.airship.zeppelin { width: 58%; }
.orbit { inset: 8% 15%; }
.orbit.second { inset: 4% 28%; }
.flight-chapter { min-height: 64svh; padding: 48px 0px 60px; justify-content: center; }
.flight-chapter h2 { font-size: 35px; margin: 17px 0px 23px; }
.flight-chapter > p:not(.eyebrow) { font-size: 23px; }
.chapter-result { font-size: 11px; margin-top: 25px; }
.case-layout { grid-template-columns: 1fr; gap: 35px; margin: 45px 0px 55px; }
.case-notes h2 { margin: 20px 0px; }
.case-tabs { margin-top: 23px; }
.case-screen { margin: 0px -10px; padding: 6px; }
.case-screen figcaption { font-size: 16px; }
.contact-aside h2 { font-size: 29px; max-width: 370px; margin: 18px 0px; }
.contact-aside > p:not(.eyebrow) { font-size: 21px; }
.contact-aside > .contact-note { font-size: 11px !important; margin-top: 15px; }
.brief-content { border-top: 1px solid var(--line); padding-top: 29px; }
.brief-content h2 { font-size: 33px; }
.step-count { margin-bottom: 20px; }
.channel-options { gap: 8px; }
.channel-options label { padding: 10px; font-size: 13px; }
}
@media (max-width: 360px) {
.channel-options { grid-template-columns: 1fr; }
}
@keyframes section-reveal { 
  0%, 82% { opacity: 0; }
  100% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
.airship.active { transform: none; }
}
@keyframes bitten-settle { 
  0% { opacity: 0; transform: translateY(-55px) rotate(5deg); }
  72% { opacity: 1; transform: translateY(5px) rotate(12deg); }
  88% { transform: translateY(-2px) rotate(10deg); }
  100% { transform: translateY(0px) rotate(11deg); }
}
@keyframes vine-grow { 
  100% { stroke-dashoffset: 0; }
}
@keyframes role-in { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes chatOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes corePulse { 
  50% { box-shadow: rgba(189, 160, 106, 0) 0px 0px 0px 10px; }
}
@keyframes chatSwitch { 
  0% { opacity: 0.35; transform: translateY(5px); }
  100% { opacity: 1; transform: none; }
}
.content-page { overflow: hidden; position: relative; }
.content-page::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(circle at 82% 17%, rgba(160, 34, 35, 0.12), transparent 28%), radial-gradient(circle at 15% 74%, rgba(192, 155, 87, 0.06), transparent 28%); }
.content-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0px, 1.03fr) minmax(360px, 0.97fr); gap: clamp(42px, 6vw, 100px); align-items: end; max-width: 1320px; margin: 0px auto 76px; }
.content-intro { margin: 0px !important; padding: 0px !important; }
.content-reel { position: relative; min-height: 470px; border: 1px solid rgba(201, 171, 109, 0.2); background: linear-gradient(145deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.008)); overflow: hidden; padding: 20px; box-shadow: rgba(0, 0, 0, 0.267) 0px 35px 90px; }
.content-reel::before { content: ""; position: absolute; inset: 0px; background-image: linear-gradient(rgba(205, 176, 118, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(205, 176, 118, 0.055) 1px, transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(rgb(0, 0, 0), transparent 90%); }
.content-reel-meta { position: relative; z-index: 2; display: flex; justify-content: space-between; color: rgba(212, 189, 139, 0.557); font: 9px / 1.2 Arial, sans-serif; letter-spacing: 0.18em; }
.content-reel-stage { position: absolute; inset: 64px 26px 58px; perspective: 900px; }
.content-frame { position: absolute; display: flex; flex-direction: column; justify-content: space-between; padding: 15px; border: 1px solid rgba(236, 220, 188, 0.18); background: linear-gradient(160deg, rgba(82, 37, 30, 0.91), rgba(21, 26, 23, 0.91) 62%); box-shadow: rgba(0, 0, 0, 0.4) 0px 24px 50px; transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), filter 0.55s; }
.content-frame i { font: 8px Arial, sans-serif; letter-spacing: 0.16em; color: rgba(224, 200, 150, 0.627); }
.content-frame b { font: 500 23px / 1 Cormorant, Georgia, serif; color: rgb(242, 232, 213); }
.frame-a { left: 8%; top: 11%; width: 32%; height: 68%; transform: rotate(-5deg); }
.frame-b { left: 34%; top: 22%; width: 46%; height: 48%; transform: rotate(4deg); background: linear-gradient(145deg, rgb(16, 40, 31), rgb(106, 30, 31)); }
.frame-c { right: 3%; bottom: 4%; width: 29%; height: 42%; transform: rotate(-2deg); background: linear-gradient(145deg, rgb(131, 80, 74), rgb(22, 33, 27)); }
.content-reel:hover .frame-a { transform: translate(-5px, -7px) rotate(-7deg); }
.content-reel:hover .frame-b { transform: translateY(-10px) rotate(2deg); }
.content-reel:hover .frame-c { transform: translate(6px, -5px) rotate(1deg); }
.content-play { position: absolute; z-index: 5; left: 50%; top: 50%; width: 68px; height: 68px; margin: -34px; border: 1px solid rgba(235, 210, 161, 0.45); border-radius: 50%; display: grid; place-items: center; color: rgb(240, 216, 165); background: rgba(10, 16, 13, 0.72); backdrop-filter: blur(7px); font-size: 17px; box-shadow: rgba(201, 171, 109, 0.04) 0px 0px 0px 12px; }
.content-timeline { position: absolute; left: 20px; right: 20px; bottom: 18px; display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; color: rgb(159, 153, 141); font: 8px Arial, sans-serif; letter-spacing: 0.12em; }
.content-timeline::before { content: ""; height: 1px; background: rgba(213, 183, 125, 0.18); grid-column: 1; }
.content-timeline i { position: absolute; left: 0px; bottom: 12px; width: 41%; height: 1px; background: rgb(210, 178, 115); box-shadow: rgba(210, 178, 115, 0.333) 0px 0px 8px; }
.content-studio-shell { position: relative; display: grid; grid-template-columns: minmax(300px, 0.72fr) minmax(0px, 1.28fr); border-top: 1px solid rgba(204, 176, 119, 0.2); border-bottom: 1px solid rgba(204, 176, 119, 0.2); max-width: 1320px; margin: 0px auto 76px; }
.content-format-list { display: grid; border-right: 1px solid rgba(204, 176, 119, 0.17); }
.content-format { appearance: none; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(204, 176, 119, 0.13); border-image: none; background: transparent; color: rgb(201, 192, 176); text-align: left; padding: 20px 22px; display: grid; grid-template-columns: 32px 1fr auto; gap: 11px; align-items: center; cursor: pointer; transition: background 0.28s, color 0.28s, padding 0.28s; }
.content-format:last-child { border-bottom: 0px; }
.content-format:hover,.content-format.active { background: rgba(210, 179, 119, 0.055); color: rgb(255, 240, 213); padding-left: 29px; }
.content-format > span { font: italic 13px Cormorant, serif; color: rgb(200, 170, 111); }
.content-format b { font: 500 22px / 1 Cormorant, Georgia, serif; }
.content-format small { font: 8px / 1.25 Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.09em; color: rgb(150, 145, 133); text-align: right; }
.content-format-detail { min-height: 430px; padding: 54px clamp(30px, 5vw, 76px); display: flex; flex-direction: column; justify-content: center; background: radial-gradient(circle at 78% 30%, rgba(136, 31, 31, 0.1), transparent 31%); }
.content-format-detail h2 { margin: 14px 0px 21px; font: 500 clamp(36px, 4.2vw, 60px) / 0.98 Cormorant, Georgia, serif; color: rgb(240, 231, 216); letter-spacing: -0.02em; }
.content-format-detail h2 em { color: rgb(201, 173, 117); }
.content-format-detail > p:not(.eyebrow) { max-width: 700px; color: rgb(187, 179, 166); font: 17px / 1.55 Cormorant, Georgia, serif; }
.content-format-detail ul { list-style: none; padding: 0px; margin: 27px 0px 0px; display: grid; grid-template-columns: 1fr 1fr; gap: 0px 26px; }
.content-format-detail li { padding: 11px 0px; border-top: 1px solid rgba(210, 180, 120, 0.14); font: 10px Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.08em; color: rgb(209, 199, 182); }
.content-production-grid { max-width: 1320px; margin: 0px auto 76px; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(204, 176, 119, 0.18); }
.content-production-grid article { min-height: 220px; padding: 25px 22px; border-right: 1px solid rgba(204, 176, 119, 0.14); display: flex; flex-direction: column; }
.content-production-grid article:last-child { border-right: 0px; }
.content-production-grid span { color: rgb(200, 170, 111); font: italic 12px Cormorant, serif; }
.content-production-grid h3 { margin: auto 0px 10px; font: 500 27px / 1 Cormorant, Georgia, serif; color: rgb(238, 229, 213); }
.content-production-grid p { margin: 0px; color: rgb(170, 163, 151); font-size: 11px; line-height: 1.55; }
.content-price-band { max-width: 1320px; margin: 0px auto 70px; display: grid; grid-template-columns: 0.8fr 1.15fr auto; gap: 50px; align-items: center; padding: 34px 0px; border-top: 1px solid rgba(204, 176, 119, 0.21); border-bottom: 1px solid rgba(204, 176, 119, 0.21); }
.content-price-band h2 { font: 500 40px / 1 Cormorant, Georgia, serif; color: rgb(238, 229, 213); margin: 10px 0px 0px; }
.content-price-band h2 em { color: rgb(201, 173, 117); }
.content-price-band > p { margin: 0px; color: rgb(169, 161, 149); font-size: 12px; line-height: 1.65; max-width: 650px; }
.content-cta { white-space: nowrap; }
@media (max-width: 900px) {
.content-hero-grid { grid-template-columns: 1fr; margin-bottom: 48px; }
.content-reel { min-height: 380px; }
.content-studio-shell { grid-template-columns: 1fr; margin-bottom: 52px; }
.content-format-list { grid-template-columns: repeat(4, minmax(190px, 1fr)); overflow-x: auto; border-right: 0px; border-bottom: 1px solid rgba(204, 176, 119, 0.17); }
.content-format { min-width: 190px; grid-template-columns: 26px 1fr; padding: 16px; }
.content-format small { grid-column: 2; text-align: left; }
.content-format-detail { min-height: 360px; }
.content-production-grid { grid-template-columns: 1fr 1fr; }
.content-production-grid article:nth-child(2) { border-right: 0px; }
.content-production-grid article:nth-child(-n+2) { border-bottom: 1px solid rgba(204, 176, 119, 0.14); }
.content-price-band { grid-template-columns: 1fr; gap: 20px; }
.content-cta { justify-self: start; }
}
@media (max-width: 620px) {
.content-page { padding-inline: 22px !important; }
.content-reel { min-height: 330px; padding: 14px; }
.content-reel-stage { inset: 54px 15px 48px; }
.frame-a { width: 38%; height: 68%; left: 3%; }
.frame-b { width: 54%; left: 27%; top: 18%; }
.frame-c { width: 36%; right: 0px; }
.content-frame b { font-size: 18px; }
.content-play { width: 56px; height: 56px; margin: -28px; }
.content-format-detail { padding: 36px 22px; }
.content-format-detail h2 { font-size: 38px; }
.content-format-detail ul { grid-template-columns: 1fr; }
.content-production-grid { grid-template-columns: 1fr; }
.content-production-grid article,.content-production-grid article:nth-child(2) { border-right: 0px; border-bottom: 1px solid rgba(204, 176, 119, 0.14); min-height: 160px; }
.content-price-band h2 { font-size: 36px; }
}
.page[hidden] { display: none !important; }
.editorial { position: relative; padding-bottom: 36px; }
.editorial::before { content: ""; position: absolute; top: 0px; left: var(--gutter); width: 1px; height: 56px; background: linear-gradient(var(--gold),transparent); opacity: 0.35; }
.section-intro { position: relative; }
.section-intro .lede { max-width: 720px; }
.service-composition { position: relative; }
.service-composition::after { content: ""; position: absolute; left: 50%; top: 8%; bottom: 8%; width: 1px; background: linear-gradient(transparent,var(--line) 15%,var(--line) 85%,transparent); opacity: 0.7; }
.service-text { position: relative; }
.detail-row { position: relative; transition: transform .45s var(--ease-lux),border-color .45s; }
.detail-row:hover { transform: translateX(7px); border-color: rgba(215, 189, 143, 0.4); }
.detail-row > span { font-family: Cormorant, Georgia, serif; font-size: 12px; }
.text-action,.next-chapter { transition: color .35s,opacity .35s,gap .45s var(--ease-lux); }
.text-action:hover { gap: 34px; }
.next-chapter:hover strong { color: var(--gold); }
#sites .service-text { padding-left: 18px; }
#sites .service-text::before { content: ""; position: absolute; left: -1px; top: 112px; bottom: 68px; width: 1px; background: linear-gradient(transparent, rgb(144, 123, 87) 8%, rgb(144, 123, 87) 92%, transparent); opacity: 0.45; }
#sites .detail-row::before { content: ""; position: absolute; left: -23px; top: 29px; width: 12px; height: 12px; border: 1px solid rgb(184, 155, 104); border-radius: 50%; background: var(--ink); box-shadow: rgba(215, 189, 143, 0.133) 0px 0px 18px; }
#sites .service-art img { filter: drop-shadow(rgba(0, 0, 0, 0.333) 0px 35px 35px); transition: transform 1.2s var(--ease-lux),filter 1.2s; }
#sites .service-art:hover img { transform: translateY(-7px) rotate(-0.6deg); filter: drop-shadow(rgba(0, 0, 0, 0.467) 0px 45px 40px); }
@keyframes unified-breathe { 
  0%, 100% { box-shadow: rgba(215, 189, 143, 0.22) 0px 0px 0px 1px, rgba(215, 189, 143, 0.07) 0px 0px 28px; }
  50% { box-shadow: rgba(215, 189, 143, 0.467) 0px 0px 0px 1px, rgba(215, 189, 143, 0.157) 0px 0px 42px; }
}
#ai .process-art { border-right: 0px !important; border-left: 0px !important; border-image: none !important; border-top: 1px solid var(--line) !important; border-bottom: 1px solid var(--line) !important; background: radial-gradient(at 72% 24%, rgba(140, 117, 69, 0.1), transparent 58%) !important; }
#ai .process-chain li { transition: padding-left .4s var(--ease-lux); }
#ai .process-chain li:hover { padding-left: 39px; }
#ai .process-chain li::before { box-shadow: rgba(215, 189, 143, 0.333) 0px 0px 15px; }
.flight-stage { isolation: isolate; }
.flight-stage::after { content: ""; position: absolute; inset: 0px; z-index: -1; background: radial-gradient(circle at 70% 25%, rgba(215, 189, 143, 0.063), transparent 27%), linear-gradient(130deg, transparent 42%, rgba(255, 255, 255, 0.02) 50%, transparent 58%); animation: 9s ease-in-out 0s infinite alternate none running flight-light; }
@keyframes flight-light { 
  0% { transform: translateX(-2%); opacity: 0.45; }
  100% { transform: translateX(3%); opacity: 0.85; }
}
.airship { transition: opacity 1s ease,transform 1.8s var(--ease-heavy) !important; }
.flight-chapter { opacity: 0.72; transition: opacity .5s,transform .7s var(--ease-lux); }
.flight-chapter:hover { opacity: 1; transform: translateX(4px); }
.case-screen { transform: perspective(1200px) rotateY(-1.2deg); transition: transform .8s var(--ease-lux),box-shadow .8s; }
.case-screen:hover { transform: perspective(1200px) rotateY(0deg) translateY(-5px); box-shadow: rgba(0, 0, 0, 0.333) 0px 35px 80px; }
.case-tabs button { transition: color 0.3s, border-color 0.3s; }
#brief-form textarea,#brief-form input { font-size: 16px; }
#brief-form textarea { resize: vertical; min-height: 140px; }
.channel-options label { transition: background .3s,border-color .3s,transform .3s var(--ease-lux); }
.channel-options label:hover { transform: translateY(-2px); }
.brief-controls button { min-height: 48px; }
@keyframes route-intro { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: none; }
}
@media (max-width: 1024px) {
.service-composition::after { display: none; }
#sites .service-text { padding-left: 12px; }
#sites .service-text::before { left: -3px; top: 98px; }
.flight-chapter { opacity: 1; }
.case-screen { transform: none; }
}
@media (max-width: 700px) {
.editorial { padding-top: 44px; padding-left: var(--gutter); padding-right: var(--gutter); }
.editorial::before { height: 34px; }
.section-intro h1 { max-width: 100%; }
.lede { font-size: 21px; }
.service-composition { margin-top: 40px; }
#sites .service-art { min-height: 250px; }
#sites .service-text { padding-left: 18px; }
#sites .service-text::before { left: 0px; top: 100px; bottom: 72px; }
#sites .detail-row::before { left: -23px; }
#ai .process-art { padding: 28px 18px; }
.flight-stage { margin-left: calc(var(--gutter)*-1); margin-right: calc(var(--gutter)*-1); }
.flight-chapter { min-height: 58svh; padding-top: 44px; padding-bottom: 54px; }
.case-screen { margin-left: 0px; margin-right: 0px; }
.channel-options { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 430px) {
.next-chapter strong { font-size: 28px; }
.channel-options { grid-template-columns: 1fr; }
.brief-content h2 { font-size: 31px; }
}
@media (prefers-reduced-motion: reduce) {
.flight-stage::after { animation: auto ease 0s 1 normal none running none !important; }
.detail-row,.service-art img,.case-screen,.flight-chapter { transition: none !important; }
}
@keyframes chatOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes corePulse { 
  50% { box-shadow: rgba(189, 160, 106, 0) 0px 0px 0px 10px; }
}
@keyframes chatSwitch { 
  0% { opacity: 0.35; transform: translateY(5px); }
  100% { opacity: 1; transform: none; }
}
.contact-landing { padding: clamp(90px,11vh,150px) var(--gutter) 70px; background: radial-gradient(circle at 78% 18%,rgba(120,88,47,.14),transparent 32%),
 radial-gradient(circle at 18% 86%,rgba(75,98,73,.16),transparent 34%),var(--ink); min-height: 100svh !important; }
.contact-window { position: relative; max-width: 1180px; min-height: min(690px, 72svh); margin: 0px auto; padding: clamp(42px, 6vw, 88px); display: flex; flex-direction: column; justify-content: center; overflow: hidden; border: 1px solid rgba(215, 189, 143, 0.24); background: linear-gradient(135deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.008)); box-shadow: rgba(0, 0, 0, 0.22) 0px 40px 100px; }
.contact-window::before,.contact-window::after { content: ""; position: absolute; pointer-events: none; }
.contact-window::before { inset: 18px; border: 1px solid rgba(215, 189, 143, 0.09); }
.contact-window::after { width: 380px; height: 380px; right: -120px; bottom: -180px; border: 1px solid rgba(215, 189, 143, 0.16); border-radius: 50%; }
.contact-window h1 { max-width: 800px; margin: 22px 0px 26px; font-size: clamp(52px, 7vw, 104px); line-height: 1.02; }
.contact-window h1 em { font-size: 1.08em; color: rgb(216, 189, 141); }
.contact-lead { max-width: 650px; font: clamp(21px, 2vw, 30px) / 1.43 Cormorant, Georgia, serif; color: rgb(199, 200, 187); }
.contact-actions { display: flex; align-items: center; gap: 28px; margin-top: 48px; position: relative; z-index: 2; }
.contact-primary { border: 1px solid rgba(215, 189, 143, 0.62); background: rgb(214, 193, 153); color: rgb(24, 32, 25); padding: 17px 25px; min-height: 56px; font: 18px / 1 Cormorant, Georgia, serif; cursor: pointer; transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background 0.35s; }
.contact-primary:hover { transform: translateY(-2px); background: rgb(234, 216, 180); }
.contact-secondary { font: 16px Cormorant, Georgia, serif; color: rgb(200, 186, 160); border-bottom: 1px solid rgba(200, 186, 160, 0.35); padding: 10px 2px; }
.contact-signature { position: absolute; right: clamp(34px, 5vw, 72px); top: clamp(32px, 5vw, 62px); display: flex; flex-direction: column; align-items: flex-end; color: rgba(212, 192, 154, 0.6); }
.contact-signature span { font: 64px / 0.8 Ballet, Cormorant, serif; }
.contact-signature i { margin-top: 13px; font: italic 14px Cormorant, serif; letter-spacing: 0.12em; }
#contact.contact-landing { position: relative; overflow: hidden; background: radial-gradient(at 78% 18%, rgba(213, 184, 128, 0.055), transparent 28%), radial-gradient(at 12% 80%, rgba(67, 92, 72, 0.14), transparent 34%), linear-gradient(145deg, rgb(17, 25, 19) 0%, rgb(23, 33, 27) 48%, rgb(15, 23, 18) 100%) !important; }
#contact.contact-landing::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background-image: linear-gradient(rgba(215, 189, 143, 0.024) 1px, transparent 1px), linear-gradient(90deg, rgba(215, 189, 143, 0.024) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent 75%); opacity: 0.42; }
#contact.contact-landing::after { content: "GIFS / ALMATY / 2026"; position: absolute; right: clamp(24px, 4vw, 64px); bottom: 28px; color: rgba(215, 189, 143, 0.28); font: 9px / 1 Arial, sans-serif; letter-spacing: 0.28em; text-transform: uppercase; }
#contact > .contact-window { position: relative; z-index: 3; background: linear-gradient(135deg, rgba(255, 255, 255, 0.027), rgba(255, 255, 255, 0.008)); backdrop-filter: blur(1px); }
#contact > .contact-window::after { width: 330px; height: 330px; right: -110px; bottom: -155px; border-color: rgba(215, 189, 143, 0.09); }
#contact .contact-signature { opacity: 0.72; }
#contact .contact-signature span { color: rgba(215, 189, 143, 0.62); }
#contact .contact-signature span { display: none !important; }
#contact .contact-signature i { margin-top: 0; }
#contact .contact-lead { color: rgba(225, 221, 210, 0.68); }
#contact .contact-primary { box-shadow: rgba(0, 0, 0, 0.14) 0px 12px 34px; }
#contact .contact-secondary { color: rgba(208, 194, 168, 0.7); }
@media (max-width: 620px) {
#contact.contact-landing::after { display: none; }
#contact > .contact-window::after { width: 220px; height: 220px; right: -105px; bottom: -110px; }
}
.brief-dialog { width: min(1180px, -36px + 100vw); max-height: calc(-36px + 100svh); padding: 0px; border: 1px solid rgba(215, 189, 143, 0.28); background: rgb(21, 29, 24); color: var(--paper); box-shadow: rgba(0, 0, 0, 0.65) 0px 40px 120px; overflow: auto; }
.brief-dialog::backdrop { background: rgba(7, 10, 8, 0.76); backdrop-filter: blur(9px); }
.brief-dialog-grid { display: grid; grid-template-columns: 0.78fr 1.22fr; gap: 8%; padding: clamp(36px, 5vw, 74px); }
.brief-dialog .contact-aside,.brief-dialog .brief-content { min-width: 0px; }
.brief-dialog .contact-aside h2 { margin: 18px 0px 22px; font-size: clamp(30px, 3vw, 45px); }
.brief-dialog .contact-aside > p:not(.eyebrow) { font-size: 20px; }
.brief-close { position: sticky; top: 12px; margin: 12px 14px 0px auto; z-index: 5; display: block; width: 44px; height: 44px; border: 1px solid rgba(215, 189, 143, 0.28); border-radius: 50%; background: rgb(24, 33, 27); color: rgb(232, 220, 195); font: 30px / 1 Cormorant, serif; cursor: pointer; }
.brief-dialog .brief-content > .eyebrow { display: block; }
@media (max-width: 700px) {
.contact-landing { padding: 84px 18px 30px; }
.contact-window { min-height: calc(-118px + 100svh); padding: 44px 28px; }
.contact-window h1 { font-size: clamp(46px, 14vw, 70px); max-width: 100%; margin-top: 18px; }
.contact-lead { font-size: 21px; }
.contact-actions { align-items: flex-start; flex-direction: column; gap: 15px; margin-top: 36px; }
.contact-primary { width: 100%; }
.contact-signature { right: 24px; top: 24px; }
.contact-signature span { font-size: 45px; }
.contact-signature i { display: none; }
.brief-dialog { width: calc(-18px + 100vw); max-height: calc(-18px + 100svh); }
.brief-dialog-grid { grid-template-columns: 1fr; gap: 30px; padding: 20px 24px 42px; }
.brief-dialog .contact-aside > p:not(.eyebrow) { font-size: 18px; }
}
@keyframes chatOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes corePulse { 
  50% { box-shadow: rgba(189, 160, 106, 0) 0px 0px 0px 10px; }
}
@keyframes chatSwitch { 
  0% { opacity: 0.35; transform: translateY(5px); }
  100% { opacity: 1; transform: none; }
}
.service-art img,.case-screen,.detail-row,.channel-options label,.text-action { transition: transform 0.42s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s, filter 0.35s, background-color 0.35s, border-color 0.35s; }
#sites .service-art:hover img { transform: scale(1.018); }
.detail-row:hover { transform: translateX(4px); }
.case-screen:hover { transform: scale(1.008); }
.channel-options label:hover { transform: translateY(-2px); }
@keyframes gifs-section-enter { 
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
.service-art img,.case-screen,.detail-row,.channel-options label,.text-action { transition: none !important; }
body.inside .page:not([hidden]) > * { animation: auto ease 0s 1 normal none running none !important; }
}
@keyframes chatOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes corePulse { 
  50% { box-shadow: rgba(189, 160, 106, 0) 0px 0px 0px 10px; }
}
@keyframes chatSwitch { 
  0% { opacity: 0.35; transform: translateY(5px); }
  100% { opacity: 1; transform: none; }
}
@keyframes chatOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes corePulse { 
  50% { box-shadow: rgba(189, 160, 106, 0) 0px 0px 0px 10px; }
}
@keyframes chatSwitch { 
  0% { opacity: 0.35; transform: translateY(5px); }
  100% { opacity: 1; transform: none; }
}
#ai > .section-intro,#ai > .service-composition,#ai > .next-chapter { position: relative; z-index: 3; }
.ai-forest-layer { position: absolute; inset: 0px; z-index: 1; pointer-events: none; overflow: hidden; }
.ai-forest-layer::before { content: ""; position: absolute; inset: 0px; background: radial-gradient(at 83% 48%, rgba(123, 25, 19, 0.1), transparent 28%), radial-gradient(at 10% 78%, rgba(213, 184, 128, 0.055), transparent 28%); }
.ai-mushroom { position: absolute; height: auto; filter: drop-shadow(rgba(0, 0, 0, 0.48) 0px 26px 34px); transform-origin: center center; will-change: transform; }
.ai-mushroom-main { right: -5.5vw; top: 17vh; width: min(500px, 35vw); opacity: 0.58; transform: rotate(7deg); }
.ai-mushroom-flat { left: -6vw; bottom: 9vh; width: min(310px, 22vw); opacity: 0.2; transform: rotate(-13deg); }
.ai-mushroom-cap { right: 23vw; bottom: -85px; width: min(280px, 19vw); opacity: 0.16; transform: rotate(14deg); }
.ai-specimen-label { position: absolute; right: 22px; top: 118px; color: rgba(202, 169, 109, 0.42); font-size: 6px; letter-spacing: 0.25em; text-transform: uppercase; writing-mode: vertical-rl; }
#ai .process-art { background: radial-gradient(at 50% 45%, rgba(74, 71, 56, 0.22), rgba(13, 24, 18, 0.22) 56%, transparent 75%); backdrop-filter: blur(0.2px); }
#case > .section-intro,#case > .case-layout,#case > .next-chapter { position: relative; z-index: 2; }
.case-botanical-accent { position: absolute; right: clamp(25px, 5vw, 82px); top: 94px; z-index: 1; pointer-events: none; width: 120px; height: 190px; opacity: 0.67; transform: rotate(9deg); }
.case-botanical-accent img { width: 100%; height: auto; filter: saturate(0.78) brightness(0.82) contrast(1.05) drop-shadow(rgba(0, 0, 0, 0.44) 0px 14px 28px); }
.case-botanical-accent span { position: absolute; right: -17px; bottom: -5px; color: rgba(196, 166, 109, 0.475); font-size: 5.8px; letter-spacing: 0.2em; text-transform: uppercase; writing-mode: vertical-rl; }
#case .section-intro { padding-right: 150px; }
@media (hover: hover) and (pointer: fine) {
#ai:hover .ai-mushroom-main { transform: translateY(-8px) rotate(5deg); }
.ai-mushroom-main { transition: transform 1.35s cubic-bezier(0.16, 1, 0.3, 1); }
.case-botanical-accent { transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1); }
#case:hover .case-botanical-accent { transform: translateY(-7px) rotate(5deg); }
}
@media (max-width: 900px) {
.ai-mushroom-main { right: -120px; top: 220px; width: 390px; opacity: 0.42; }
.ai-mushroom-flat { left: -115px; bottom: 160px; width: 270px; }
.ai-mushroom-cap { right: 120px; bottom: -35px; width: 220px; }
.case-botanical-accent { right: 20px; top: 100px; width: 100px; opacity: 0.54; }
#case .section-intro { padding-right: 110px; }
}
@media (max-width: 620px) {
.ai-forest-layer { opacity: 0.9; }
.ai-mushroom-main { right: -155px; top: 210px; width: 335px; opacity: 0.29; transform: rotate(8deg); }
.ai-mushroom-flat { left: -120px; bottom: 225px; width: 235px; opacity: 0.13; }
.ai-mushroom-cap { right: 45px; bottom: -55px; width: 180px; opacity: 0.12; }
.ai-specimen-label { display: none; }
.case-botanical-accent { right: -15px; top: 105px; width: 84px; opacity: 0.42; }
#case .section-intro { padding-right: 65px; }
.case-botanical-accent span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.ai-mushroom,.case-botanical-accent { transition: none !important; transform: none !important; }
}
@keyframes chatOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes corePulse { 
  50% { box-shadow: rgba(189, 160, 106, 0) 0px 0px 0px 10px; }
}
@keyframes chatSwitch { 
  0% { opacity: 0.35; transform: translateY(5px); }
  100% { opacity: 1; transform: none; }
}
@keyframes botRootDraw { 
  100% { stroke-dashoffset: 0; }
}
@keyframes botRing { 
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes dragonflyDrift { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) rotate(-7deg); }
  22% { transform: translate3d(-42px, 18px, 0px) rotate(6deg); }
  52% { transform: translate3d(20px, 46px, 0px) rotate(-3deg); }
  76% { transform: translate3d(55px, 6px, 0px) rotate(8deg); }
}
@keyframes ladybugCrawl { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) rotate(-13deg); }
  35% { transform: translate3d(28px, -18px, 0px) rotate(3deg); }
  68% { transform: translate3d(-16px, -46px, 0px) rotate(-5deg); }
}

body.route-inner { position: static !important; inset: auto !important; height: auto !important; min-height: 100dvh !important; max-height: none !important; overflow: visible !important; overscroll-behavior: auto !important; }
body.route-inner .page:not([hidden]) { animation: gifsPageIn .48s var(--gifs-ease) both; }
@keyframes gifsPageIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: none; }
}
.content-cta { align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0px 18px; border: 1px solid rgba(210, 180, 120, 0.3); font-size: 9px; text-transform: uppercase; letter-spacing: 0.1em; white-space: nowrap; transition: .28s var(--gifs-ease); display: inline-flex !important; color: rgb(231, 209, 164) !important; text-decoration: none !important; }
.content-cta:hover { background: rgba(210, 180, 120, 0.08); transform: translateY(-2px); }
@media (max-width: 700px) {
.content-format-list { scroll-snap-type: x mandatory; scrollbar-width: none; grid-auto-flow: column !important; grid-template-columns: none !important; grid-auto-columns: minmax(156px, 78vw) !important; overflow-x: auto !important; padding-right: 18vw !important; }
.content-format { min-width: 0px !important; scroll-snap-align: start !important; }
.content-format-list::-webkit-scrollbar { display: none; }
.ai-mushroom-main { width: 210px !important; right: -36px !important; top: 210px !important; opacity: 0.34 !important; }
.ai-mushroom-flat { width: 145px !important; left: -26px !important; bottom: 225px !important; opacity: 0.12 !important; }
}
@media (prefers-reduced-motion: reduce) {
body.route-inner .page:not([hidden]) { animation: auto ease 0s 1 normal none running none !important; }
}
#case { overflow-x: clip !important; }
@media (max-width: 700px) {
#case .case-botanical-accent { right: 8px !important; width: 76px !important; transform: rotate(4deg) !important; transform-origin: center center !important; }
#case .case-botanical-accent img { max-width: 100% !important; width: 100% !important; height: auto !important; }
}



@keyframes v27FruitLife { 
  0%, 100% { transform: rotate(180deg) translate3d(0px, 0px, 0px); }
  50% { transform: rotate(181deg) translate3d(0px, -1.4px, 0px); }
}
.direct-contacts { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; margin-top: 24px; max-width: 860px; position: relative; z-index: 3; }
.direct-contact { display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; align-items: center; padding: 14px 16px; border: 1px solid rgba(215, 189, 143, 0.18); background: rgba(255, 255, 255, 0.02); transition: transform 0.28s, background 0.28s, border-color 0.28s; text-decoration: none; }
.direct-contact:hover { transform: translateY(-2px); background: rgba(255, 255, 255, 0.04); border-color: rgba(215, 189, 143, 0.38); }
.direct-contact span { grid-column: 1; font: 8px / 1 Arial, sans-serif; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(166, 154, 132); }
.direct-contact b { grid-column: 1; font: 500 18px / 1.08 Cormorant, Georgia, serif; color: rgb(238, 227, 209); white-space: nowrap; }
.direct-contact i { grid-area: 1 / 2 / 3; font-style: normal; color: rgb(201, 170, 114); font-size: 15px; }
.brief-send-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0px 12px; }
.brief-send-actions .text-action { display: inline-flex; align-items: center; min-height: 42px; text-decoration: none; }
@media (max-width: 760px) {
.direct-contacts { grid-template-columns: 1fr; }
.direct-contact { padding: 13px 14px; }
.brief-send-actions { flex-direction: column; }
.brief-send-actions .text-action { width: 100%; }
}
body.inside .page { position: relative; isolation: isolate; }
body.inside .editorial { width: min(1600px, 100%); padding-top: clamp(58px, 7vw, 96px); padding-bottom: 50px; }
body.inside .editorial::after { content: ""; position: absolute; z-index: -1; inset: 0px; background-image: linear-gradient(rgba(214, 185, 128, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(214, 185, 128, 0.02) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(rgba(0, 0, 0, 0.55), transparent 70%); pointer-events: none; }
body.inside .section-intro { max-width: 1080px; margin-bottom: clamp(50px, 6vw, 86px); }
body.inside .section-intro h1 { max-width: 1040px; text-wrap: balance; letter-spacing: -0.045em; }
body.inside .section-intro .lede { max-width: 760px; color: rgba(225, 217, 203, 0.72); }
body.inside .eyebrow { letter-spacing: 0.17em; color: rgba(207, 173, 110, 0.8); }
body.inside .service-composition { gap: clamp(42px, 7vw, 110px); margin-top: 0px; }
body.inside .service-text > h2 { max-width: 620px; text-wrap: balance; }
body.inside .detail-row { border-color: rgba(213, 184, 128, 0.14); padding-block: 24px; }
body.inside .detail-row:hover { transform: translateX(8px); border-color: rgba(213, 184, 128, 0.45); }
body.inside .detail-row:hover > span { color: rgb(223, 195, 135); }
body.inside .service-art { overflow: hidden; border: 1px solid rgba(213, 184, 128, 0.08); background: radial-gradient(at 50% 45%, rgba(160, 138, 90, 0.09), transparent 69%); }
body.inside .service-art img { transition: transform .95s var(--v31-ease),filter .95s var(--v31-ease); }
body.inside .service-art:hover img { transform: scale(1.018) translateY(-4px); filter: drop-shadow(rgba(0, 0, 0, 0.34) 0px 34px 34px); }
body.inside .text-action { position: relative; gap: 18px; color: rgb(232, 222, 203); transition: gap .4s var(--v31-ease),color .3s,border-color .3s; }
body.inside .text-action:hover { gap: 29px; color: rgb(230, 201, 142); border-color: rgb(208, 170, 101); }
body.inside .text-action::after { content: "↗"; font-size: 0.75em; opacity: 0.55; transition: transform .35s var(--v31-ease),opacity .3s; }
body.inside .text-action:hover::after { transform: translate(3px, -3px); opacity: 1; }
body.inside .next-chapter { position: relative; min-height: 112px; padding: 30px 0px 34px; border-top-color: rgba(213, 184, 128, 0.18); overflow: hidden; }
body.inside .next-chapter::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: rgb(197, 162, 100); transition: width .7s var(--v31-ease); }
body.inside .next-chapter:hover::before { width: 100%; }
body.inside .next-chapter strong { transition: transform .45s var(--v31-ease),color .3s; }
body.inside .next-chapter:hover strong { transform: translateX(8px); color: rgb(221, 189, 125); }
body.inside .content-format,body.inside .case-tabs button { outline: none; }
body.inside .content-format { transition: background .3s,color .3s,padding .38s var(--v31-ease),border-color .3s; }
body.inside .content-format:hover { border-color: rgba(213, 184, 128, 0.28); }
body.inside .content-production-grid article { transition: background .4s,transform .4s var(--v31-ease); }
body.inside .content-production-grid article:hover { background: rgba(210, 179, 119, 0.035); transform: translateY(-4px); }
body.inside .case-screen { transition: transform .6s var(--v31-ease),box-shadow .6s var(--v31-ease); }
body.inside .case-screen:hover { transform: translateY(-6px); box-shadow: rgba(0, 0, 0, 0.28) 0px 36px 84px; }
@keyframes v31RouteEnter { 
  0% { opacity: 0; transform: translateY(18px); }
  100% { opacity: 1; transform: none; }
}
:where(a, button, input, textarea):focus-visible { outline: rgba(223, 195, 135, 0.88) solid 1px !important; outline-offset: 5px !important; }
body.inside :where(a, button) { -webkit-tap-highlight-color: transparent; }
body.inside [id] { scroll-margin-top: 110px; }
#contact .contact-window { box-shadow: rgba(0, 0, 0, 0.26) 0px 42px 110px, rgba(255, 255, 255, 0.01) 0px 0px 0px 1px inset; }
#contact .contact-primary { transition: transform .35s var(--v31-ease),box-shadow .35s,background .35s; }
#contact .contact-primary:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.22) 0px 18px 44px; }
@media (max-width: 900px) {
body.inside .editorial { padding-top: 54px; }
body.inside .section-intro { margin-bottom: 48px; }
body.inside .service-composition { gap: 42px; }
}
@media (max-width: 620px) {
body.inside .editorial { padding: 42px 20px 34px; }
body.inside .section-intro { margin-bottom: 36px; }
body.inside .section-intro .lede { font-size: 18px; line-height: 1.5; }
body.inside .next-chapter { min-height: 92px; padding-block: 24px; align-items: flex-end; }
body.inside .next-chapter > span { max-width: 38%; font-size: 9px; }
body.inside .next-chapter strong { font-size: 28px; line-height: 1; }
body.inside .detail-row { padding-block: 19px; }
body.inside .content-production-grid article:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
body.inside .service-art img,body.inside .case-screen,body.inside .content-production-grid article { transition: none !important; }
}


body.inside .editorial { max-width: 1640px !important; }
body.inside .section-intro { max-width: 1080px !important; }
body.inside .section-intro h1 { font-size: clamp(54px, 6vw, 92px) !important; line-height: 0.98 !important; letter-spacing: -0.04em !important; margin: 20px 0px 30px !important; }
body.inside .section-intro .lede { max-width: 780px !important; font-size: clamp(24px, 2.05vw, 32px) !important; line-height: 1.42 !important; color: rgb(210, 202, 188) !important; }
body.inside .service-text > h2,body.inside .case-notes h2,body.inside .brief-content h2,body.inside .contact-aside h2 { font-size: clamp(32px, 3.15vw, 50px) !important; line-height: 1.05 !important; }
body.inside .detail-row h3 { font-size: clamp(25px, 2vw, 32px) !important; line-height: 1.1 !important; }
body.inside .detail-row p,body.inside .case-notes > p:not(.eyebrow),body.inside .chapter-result,body.inside .process-chain span { font-size: 15.5px !important; line-height: 1.68 !important; color: rgb(189, 181, 168) !important; }
body.inside .process-chain strong { font-size: clamp(31px, 2.6vw, 42px) !important; }
body.inside .flight-chapter > p:not(.eyebrow) { font-size: clamp(23px, 1.9vw, 30px) !important; line-height: 1.48 !important; }
body.inside .text-action { font-size: clamp(21px, 1.6vw, 27px) !important; }
body.inside .next-chapter > span { font-size: 12px !important; letter-spacing: 0.06em !important; }
body.inside .next-chapter strong { font-size: clamp(30px, 3.3vw, 48px) !important; line-height: 1.05 !important; }
body.inside .art-caption,body.inside .flight-caption,body.inside .detail-row > span,body.inside .process-chain small { font-size: 11px !important; }
body.inside #content .content-format-detail > p:not(.eyebrow) { font-size: 20px !important; line-height: 1.55 !important; }
body.inside #content .content-format-detail li { font-size: 12px !important; line-height: 1.45 !important; }
body.inside #content .content-production-grid p { font-size: 14px !important; line-height: 1.6 !important; }
body.inside #content .content-price-band > p { font-size: 15px !important; line-height: 1.65 !important; }
body.inside #content .content-format b { font-size: 24px !important; }
body.inside #content .content-format small { font-size: 9px !important; line-height: 1.35 !important; }
@media (max-width: 700px) {
body.inside .section-intro h1 { font-size: clamp(42px, 11vw, 58px) !important; line-height: 1 !important; }
body.inside .section-intro .lede { font-size: 21px !important; line-height: 1.48 !important; }
body.inside .detail-row p,body.inside .case-notes > p:not(.eyebrow),body.inside .chapter-result,body.inside .process-chain span { font-size: 14.5px !important; }
body.inside .detail-row h3 { font-size: 27px !important; }
body.inside .next-chapter > span { font-size: 10px !important; }
body.inside .next-chapter strong { font-size: 31px !important; }
body.inside #content .content-format-detail > p:not(.eyebrow) { font-size: 18px !important; }
body.inside #content .content-production-grid p { font-size: 13.5px !important; }
}










#chatbots.bot-menu-page { position: relative; overflow: hidden; background: rgb(16, 23, 18) !important; padding-bottom: 84px !important; }
#chatbots.bot-menu-page::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(circle at 50% 34%, rgba(196, 160, 92, 0.075), transparent 26%), radial-gradient(circle at 14% 78%, rgba(73, 92, 68, 0.1), transparent 26%); }
.bot-menu-intro { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0px, 1.18fr) minmax(320px, 0.82fr); gap: 7vw; align-items: end; max-width: 1260px; margin: 0px auto 48px; padding: 0px 34px; }
.bot-menu-intro h1 { font-size: clamp(58px, 6.6vw, 102px) !important; line-height: 0.92 !important; letter-spacing: -0.055em !important; margin: 12px 0px 0px !important; color: rgb(238, 230, 216) !important; }
.bot-menu-intro h1 em { color: rgb(199, 167, 106) !important; }
.bot-menu-intro .lede { margin: 0px 0px 8px !important; max-width: 510px !important; font-size: 20px !important; line-height: 1.58 !important; color: rgb(189, 181, 168) !important; }
.bot-menu-shell { position: relative; z-index: 2; width: min(1280px, 100% - 48px); margin: 0px auto; border: 1px solid rgba(213, 184, 128, 0.17); background: linear-gradient(rgba(23, 32, 25, 0.92), rgba(11, 17, 12, 0.97)); box-shadow: rgba(0, 0, 0, 0.24) 0px 34px 110px; overflow: hidden; }
.bot-menu-shell::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background-image: linear-gradient(rgba(220, 201, 164, 0.027) 1px, transparent 1px), linear-gradient(90deg, rgba(220, 201, 164, 0.027) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(rgba(0, 0, 0, 0.65), transparent 88%); }
.bot-menu-meta { position: relative; height: 42px; padding: 0px 18px; display: flex; align-items: center; gap: 14px; border-bottom: 1px solid rgba(213, 184, 128, 0.12); font-size: 8px; letter-spacing: 0.2em; color: rgb(129, 122, 110); text-transform: uppercase; }
.bot-menu-meta i { height: 1px; flex: 1 1 0%; background: rgba(213, 184, 128, 0.1); }
.bot-menu-source { position: relative; z-index: 2; text-align: center; padding: 38px 20px 18px; }
.bot-menu-source span,.bot-menu-source small { display: block; font-size: 8px; letter-spacing: 0.2em; text-transform: uppercase; color: rgb(129, 121, 106); }
.bot-menu-source strong { display: block; margin: 8px 0px 7px; font: 400 clamp(34px, 3.5vw, 50px) / 1 Prata, Georgia, serif; color: rgb(233, 224, 208); letter-spacing: 0.03em; }
.bot-menu-connector { position: relative; z-index: 1; height: 48px; display: grid; place-items: center; }
.bot-menu-connector::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: 50%; width: 1px; background: linear-gradient(rgba(182, 152, 95, 0.4), rgba(182, 152, 95, 0.094)); }
.bot-menu-connector i { display: block; width: 9px; height: 9px; border-radius: 50%; border: 1px solid rgba(182, 152, 95, 0.6); background: rgb(16, 23, 18); box-shadow: rgba(182, 152, 95, 0.04) 0px 0px 0px 7px; }
.bot-menu-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px; border-top: 1px solid rgba(213, 184, 128, 0.12); border-left: 1px solid rgba(213, 184, 128, 0.12); margin: 0px 42px; }
.bot-menu-card { appearance: none; position: relative; min-height: 142px; padding: 24px 22px; display: grid; grid-template-columns: 34px 1fr 20px; gap: 10px; align-items: start; text-align: left; background: rgba(14, 21, 16, 0.42); border-width: 0px 1px 1px 0px; border-style: none solid solid none; border-color: currentcolor rgba(213, 184, 128, 0.12) rgba(213, 184, 128, 0.12) currentcolor; border-image: none; color: rgb(170, 162, 149); transition: background 0.34s, color 0.34s, transform 0.34s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.34s; cursor: pointer; }
.bot-menu-card:hover { background: rgba(197, 161, 96, 0.055); color: rgb(233, 224, 210); transform: translateY(-2px); }
.bot-menu-card.is-active { background: linear-gradient(135deg, rgba(197, 161, 96, 0.13), rgba(29, 39, 30, 0.72)); color: rgb(242, 234, 220); box-shadow: rgb(199, 162, 99) 0px 2px inset; }
.bot-menu-index { padding-top: 5px; font-size: 9px; letter-spacing: 0.14em; color: rgb(157, 131, 85); }
.bot-menu-card strong { display: block; font: 400 26px / 1.05 Cormorant, Georgia, serif; color: inherit; }
.bot-menu-card small { display: block; margin-top: 8px; font-size: 10px; line-height: 1.45; color: rgb(127, 122, 112); }
.bot-menu-card > i { font-style: normal; color: rgb(181, 151, 97); opacity: 0.28; transition: 0.3s; }
.bot-menu-card:hover > i,.bot-menu-card.is-active > i { opacity: 1; transform: translate(3px, -3px); }
.bot-menu-detail { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(220px, 0.8fr) minmax(0px, 1.5fr) auto; gap: 32px; align-items: center; margin: 28px 42px 0px; padding: 24px 26px; border: 1px solid rgba(213, 184, 128, 0.13); background: rgba(8, 13, 9, 0.48); }
.bot-menu-detail-head span { display: block; margin-bottom: 7px; font-size: 8px; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(143, 125, 92); }
.bot-menu-detail-head strong { font: 400 28px / 1.05 Cormorant, Georgia, serif; color: rgb(237, 228, 213); }
.bot-menu-detail p { margin: 0px; font-size: 14px; line-height: 1.6; color: rgb(170, 163, 151); }
.bot-menu-detail-cta { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; padding: 11px 0px; border-bottom: 1px solid rgba(203, 170, 102, 0.55); font-size: 10px; letter-spacing: 0.07em; text-transform: uppercase; color: rgb(211, 180, 119); }
.bot-menu-detail-cta span { transition: transform 0.3s; }
.bot-menu-detail-cta:hover span { transform: translate(3px, -3px); }
.bot-menu-connector-bottom { height: 62px; }
.bot-menu-universal { position: relative; z-index: 2; display: grid; grid-template-columns: 96px minmax(0px, 1fr) auto; gap: 28px; align-items: center; margin: 0px 42px 42px; padding: 30px 32px; border: 1px solid rgba(213, 184, 128, 0.24); background: radial-gradient(circle at 9% 50%, rgba(200, 166, 100, 0.12), transparent 20%), linear-gradient(135deg, rgba(27, 36, 29, 0.98), rgba(12, 18, 13, 0.98)); box-shadow: rgba(0, 0, 0, 0.24) 0px 26px 70px; }
.bot-menu-universal-mark { width: 82px; height: 82px; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(205, 171, 104, 0.38); box-shadow: rgba(205, 171, 104, 0.024) 0px 0px 0px 9px inset; font: 400 48px Prata, serif; color: rgb(198, 164, 101); }
.bot-menu-universal-kicker { margin: 0px 0px 7px; font-size: 8px; letter-spacing: 0.19em; text-transform: uppercase; color: rgb(134, 123, 104); }
.bot-menu-universal h2 { margin: 0px 0px 9px !important; font-size: clamp(34px, 3.2vw, 50px) !important; line-height: 1 !important; }
.bot-menu-universal h2 em { color: rgb(199, 166, 106) !important; }
.bot-menu-universal-copy > p:last-child { max-width: 660px; margin: 0px; font-size: 14px; line-height: 1.62; color: rgb(170, 163, 151); }
.bot-menu-universal-cta { display: inline-flex; align-items: center; gap: 13px; min-height: 46px; padding: 0px; border-bottom: 1px solid rgba(203, 170, 102, 0.55); font-size: 11px; letter-spacing: 0.07em; text-transform: uppercase; color: rgb(213, 183, 120); white-space: nowrap; }
.bot-menu-universal-cta span { transition: transform 0.3s; }
.bot-menu-universal-cta:hover span { transform: translate(3px, -3px); }
.bot-menu-principle { position: relative; z-index: 2; max-width: 960px; margin: 34px auto 70px; padding: 30px 0px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 190px 1fr; gap: 46px; }
.bot-menu-principle > p:last-child { margin: 0px; font: clamp(21px, 2vw, 29px) / 1.45 Cormorant, Georgia, serif; color: rgb(216, 208, 195); }
@media (max-width: 1000px) {
.bot-menu-intro { grid-template-columns: 1fr; gap: 22px; }
.bot-menu-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); margin-inline: 28px; }
.bot-menu-detail { grid-template-columns: 1fr; margin-inline: 28px; }
.bot-menu-detail-cta { justify-self: start; }
.bot-menu-universal { grid-template-columns: 80px 1fr; margin-inline: 28px; }
.bot-menu-universal-cta { grid-column: 2; justify-self: start; }
.bot-menu-universal-mark { width: 70px; height: 70px; font-size: 40px; }
}
@media (max-width: 700px) {
#chatbots.bot-menu-page { padding-bottom: 54px !important; }
.bot-menu-intro { padding: 0px 20px; margin-bottom: 34px; }
.bot-menu-intro h1 { font-size: clamp(44px, 12vw, 62px) !important; }
.bot-menu-intro .lede { font-size: 18px !important; }
.bot-menu-shell { width: calc(100% - 24px); }
.bot-menu-meta { padding-inline: 12px; }
.bot-menu-grid { grid-template-columns: 1fr; margin-inline: 14px; }
.bot-menu-card { min-height: 118px; padding: 20px 18px; }
.bot-menu-card strong { font-size: 25px; }
.bot-menu-detail { margin-inline: 14px; padding: 21px 18px; gap: 16px; }
.bot-menu-connector { height: 38px; }
.bot-menu-connector-bottom { height: 46px; }
.bot-menu-universal { grid-template-columns: 1fr; margin: 0px 14px 24px; padding: 26px 20px; text-align: left; }
.bot-menu-universal-mark { width: 64px; height: 64px; }
.bot-menu-universal-cta { grid-column: auto; }
.bot-menu-principle { margin: 30px 20px 48px; grid-template-columns: 1fr; gap: 12px; }
.bot-menu-principle > p:last-child { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) {
.bot-menu-card,.bot-menu-card > i,.bot-menu-detail-cta span,.bot-menu-universal-cta span { transition: none !important; }
}








@keyframes gifsAppleIdle { 
  0%, 100% { transform: rotate(0deg) translateY(0px); }
  35% { transform: rotate(-1.15deg) translateY(-1.5px); }
  68% { transform: rotate(0.8deg) translateY(-0.5px); }
}
body.inside .page { --page-accent: #c5a56c; position: relative; }
#sites { --page-accent: #c6a873; }
#chatbots { --page-accent: #b78a63; }
#ai { --page-accent: #a9a06e; }
#content { --page-accent: #b9796e; }
#approach { --page-accent: #b4a870; }
#case { --page-accent: #9fa577; }
#contact { --page-accent: #b47c70; }
body.inside .page > .section-intro .eyebrow,body.inside .page > .bot-menu-intro .eyebrow { color: var(--page-accent) !important; }
body.inside .page > .section-intro::after,body.inside .page > .bot-menu-intro::after { content: ""; display: block; width: 74px; height: 1px; margin-top: 28px; background: linear-gradient(90deg,var(--page-accent),transparent); opacity: 0.62; }
.bot-choice-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; max-width: 1180px; margin: 34px auto; background: rgba(213, 184, 128, 0.13); border: 1px solid rgba(213, 184, 128, 0.13); }
.bot-choice-strip article { display: grid; grid-template-columns: 44px 1fr; gap: 18px; padding: 25px 28px; background: rgb(17, 25, 20); transition: background 0.3s, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
.bot-choice-strip article:hover { background: rgb(23, 32, 25); transform: translateY(-2px); }
.bot-choice-strip article > span { padding-top: 5px; font-size: 9px; letter-spacing: 0.15em; color: rgb(158, 130, 85); }
.bot-choice-strip strong { display: block; font: 400 28px / 1.05 Cormorant, Georgia, serif; color: rgb(238, 228, 212); }
.bot-choice-strip p { max-width: 500px; margin: 9px 0px 0px; font-size: 13px; line-height: 1.62; color: rgb(153, 148, 137); }
.automation-scope { margin: 58px 0px 82px; padding: 0px; border-top: 1px solid rgba(213, 184, 128, 0.15); border-bottom: 1px solid rgba(213, 184, 128, 0.15); }
.automation-scope-head { display: grid; grid-template-columns: 0.72fr 1.45fr; gap: 7%; align-items: end; padding: 42px 0px 34px; }
.automation-scope-head .eyebrow { align-self: start; padding-top: 9px; }
.automation-scope-head h2 { margin: 0px; font-size: clamp(38px, 4vw, 62px); line-height: 1.02; }
.automation-scope-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); border-top: 1px solid rgba(213, 184, 128, 0.13); border-left: 1px solid rgba(213, 184, 128, 0.13); }
.automation-scope-grid article { min-height: 190px; padding: 24px 24px 26px; border-right: 1px solid rgba(213, 184, 128, 0.13); border-bottom: 1px solid rgba(213, 184, 128, 0.13); background: rgba(255, 255, 255, 0.008); transition: background 0.32s, transform 0.32s cubic-bezier(0.16, 1, 0.3, 1); }
.automation-scope-grid article:hover { background: rgba(201, 170, 104, 0.035); transform: translateY(-3px); }
.automation-scope-grid span { display: block; margin-bottom: 22px; font-size: 9px; letter-spacing: 0.16em; color: rgb(158, 130, 85); }
.automation-scope-grid strong { display: block; font: 400 27px / 1.06 Cormorant, Georgia, serif; color: rgb(232, 223, 208); }
.automation-scope-grid p { margin: 10px 0px 0px; font-size: 13px; line-height: 1.62; color: rgb(159, 154, 143); }
body.inside .detail-row,body.inside .content-production-grid article,body.inside .bot-menu-card { transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), background 0.32s, border-color 0.32s !important; }
body.inside .detail-row:hover { transform: translateX(6px); }
body.inside .next-chapter { overflow: hidden; }
body.inside .next-chapter strong { transition: transform 0.34s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s !important; }
body.inside .next-chapter:hover strong { transform: translateX(7px); color: var(--page-accent,#c5a56c) !important; }
@media (max-width: 760px) {
.bot-choice-strip { grid-template-columns: 1fr; margin: 24px 0px 28px; }
.bot-choice-strip article { grid-template-columns: 32px 1fr; padding: 20px 18px; }
.bot-choice-strip strong { font-size: 25px; }
.bot-choice-strip p { font-size: 12.5px; }
.automation-scope { margin: 38px 0px 54px; }
.automation-scope-head { grid-template-columns: 1fr; gap: 12px; padding: 30px 0px 24px; }
.automation-scope-head h2 { font-size: 38px; }
.automation-scope-grid { grid-template-columns: 1fr; }
.automation-scope-grid article { min-height: 0px; padding: 20px; }
.automation-scope-grid span { margin-bottom: 12px; }
body.inside .page > .section-intro::after,body.inside .page > .bot-menu-intro::after { margin-top: 20px; }
}
@media (prefers-reduced-motion: reduce) {
.bot-choice-strip article,.automation-scope-grid article { transition: none !important; transform: none !important; }
}








/* GIFS V73. The scene owns both its image and its fruit coordinates. */
@font-face{font-family:Prata;src:url("../assets/fonts/font-404aaca248db.woff") format("woff");font-display:swap}
@font-face{font-family:Cormorant;src:url("../assets/fonts/font-e10428723aed.woff") format("woff");font-display:swap}
@font-face{font-family:Cormorant;src:url("../assets/fonts/font-fb3c91ef8f36.woff") format("woff");font-style:italic;font-display:swap}
@font-face{font-family:Ballet;src:url("../assets/fonts/font-1a255d1a860c.woff") format("woff");font-display:swap}
:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--ink:#17201b;--paper:#eee9dc;--muted:#b9b8a7;--gold:#d7bd8f;--line:#ebe1c52c;--gutter:clamp(24px,5vw,88px);--ease-lux:cubic-bezier(.16,1,.3,1);color-scheme:dark;font-family:Arial,sans-serif;color:var(--paper);background:#0d1511;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;padding:0;min-width:280px}body{position:relative}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Prata,Georgia,serif;font-weight:400}h1{font-size:clamp(36px,5.25vw,80px);line-height:1.22;letter-spacing:-.045em}h2{font-size:clamp(28px,3.1vw,48px);line-height:1.25;letter-spacing:-.035em}h3{font:400 26px Cormorant,Georgia,serif}em{font-family:Cormorant,Georgia,serif;font-weight:400;letter-spacing:-.025em;color:var(--gold)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}h1:focus,h2:focus{outline:none}.sr-only{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:8px;left:20px;z-index:200;background:var(--ink);padding:14px;transform:translateY(-160%)}.skip-link:focus{transform:none}
body:not(.inside){overflow:hidden;height:100vh;height:100svh}body:not(.inside) #main{height:100%;overflow:hidden}#home{position:relative;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.orchard{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}.orchard::after{content:"";position:absolute;inset:clamp(10px,1.25vw,22px);border:1px solid #efdfa822;pointer-events:none;z-index:10}.tree-canvas{position:absolute;inset:0}.desktop-scene{position:absolute;left:0;top:50%;transform:translateY(-50%);width:max(100vw,177.6833156vh);width:max(100vw,177.6833156svh);aspect-ratio:1672/941}.desktop-scene picture,.desktop-scene .tree-photo{display:block;width:100%;height:100%;aspect-ratio:1672/941;max-width:none}.photo-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(at 78% 43%,#140f1114 0,#140f1114 26%,#0d120f30 58%,#080c094d 100%),linear-gradient(90deg,#070c0805 0,#080d0905 38%,#0d130f40 63%,#080d0a8f 100%),linear-gradient(0deg,#080c0942,transparent 48%)}
.masthead{position:absolute;z-index:60;top:0;left:0;right:0;height:94px;display:flex;align-items:center;gap:18px;padding:0 clamp(28px,3vw,54px)}.wordmark{font:400 clamp(46px,4vw,66px)/.98 Prata,Georgia,serif;letter-spacing:.06em;color:#fff0d2;padding-right:10px;transform:translateY(-1px);text-shadow:0 2px 4px #0009,0 8px 26px #0008}.studio-note{display:flex;align-items:center;gap:14px;margin-left:auto;margin-right:28px;font:italic 600 clamp(16px,1.25vw,20px)/1.1 Cormorant,Georgia,serif;letter-spacing:.12em;color:#8f414a;white-space:nowrap;text-shadow:0 1px 12px #0e0a0a33}.studio-note::before{content:"";width:38px;height:1px;background:currentColor;opacity:.5}.header-date{padding-left:17px;color:#dabE8Bdb;font-size:12px;letter-spacing:.18em;white-space:nowrap;text-shadow:0 2px 12px #0009}.back-link{display:none;min-height:44px;align-items:center;white-space:nowrap;font-size:12px;letter-spacing:.1em;color:var(--gold)}
.fruits{position:absolute;inset:0}.fruit{--fruit-size:clamp(54px,4.45vw,72px);position:absolute;z-index:5;left:var(--ax);top:var(--ay);display:grid;place-items:center;width:calc(var(--fruit-size)*1.82);height:calc(var(--fruit-size)*1.82);transform:translate(-50%,-50%) scale(var(--fruit-scale,1));border-radius:50%;touch-action:manipulation}.fruit-swing{display:block;position:relative;width:var(--fruit-size);height:var(--fruit-size);transform-origin:50% 0;filter:drop-shadow(0 9px 14px #0005);pointer-events:none}.fruit img{width:100%;height:100%;transform:rotate(180deg);filter:drop-shadow(-2px -5px 5px #0005) drop-shadow(0 12px 13px #0004) saturate(.91) contrast(1.03)}.fruit-label{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:#fff5dc;filter:drop-shadow(0 1px 2px #08100b) drop-shadow(0 3px 8px #0007);font:17px Cormorant,Georgia,serif;letter-spacing:.12px;opacity:.92}.fruit:hover .fruit-swing,.fruit:focus-visible .fruit-swing{filter:drop-shadow(0 0 15px #e1b766b0) brightness(1.1)}.fruit.picked .fruit-label{opacity:0}.fruit:nth-child(2){--phase:-1.1s}.fruit:nth-child(3){--phase:-2.4s}.fruit:nth-child(4){--phase:-3.3s}.fruit:nth-child(5){--phase:-4.6s}.fruit:nth-child(6){--phase:-2s}.fruit:nth-child(7){--phase:-5.2s}
.home-copy{position:absolute;z-index:8;top:20.5%;right:clamp(34px,4.4vw,78px);width:min(560px,36vw);text-align:left;text-shadow:0 2px 20px #0a0e0b75}.home-copy .eyebrow{display:flex;align-items:center;gap:14px;font:400 clamp(10px,.82vw,13px)/1.45 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#d2b477;margin:0 0 12px;text-wrap:balance}.home-copy .eyebrow::before{content:"";flex:0 0 28px;height:1px;background:#8f414a99}.home-copy h1{margin:0 0 18px;font:400 clamp(50px,4.05vw,68px)/.95 Prata,Georgia,serif;letter-spacing:-.045em;color:#dcc79e;text-wrap:balance;text-shadow:0 2px 14px #19140d29}.home-copy h1 em{display:block;margin-top:8px;font-size:.82em;line-height:.98;color:#b86669;text-shadow:0 2px 12px #3a101424}.home-lead-unified{max-width:520px;margin:0;font:500 clamp(17px,1.18vw,20px)/1.38 Cormorant,Georgia,serif;letter-spacing:0;color:#d4c19f;text-wrap:pretty}.home-lead-mobile{display:none}
.mobile-home{display:none}
@media(max-height:760px){.home-copy{top:18%;width:min(540px,36vw)}.home-copy h1{font-size:clamp(38px,3.7vw,60px)}.home-lead-unified{font-size:16px;line-height:1.32}}
@media(max-width:900px){.fruit{--fruit-size:clamp(46px,5.2vw,64px)}.fruit-label{font-size:16px}.home-copy{right:22px}.studio-note{font-size:14px;margin-right:18px}.wordmark{font-size:48px}.header-date{font-size:10px}}
@media(max-height:560px) and (min-width:701px){.masthead{height:72px}.home-copy{top:19%;width:38vw}.home-copy h1{font-size:clamp(29px,3.7vw,43px);margin-bottom:12px}.home-copy .eyebrow{font-size:9px;margin-bottom:8px}.home-lead-unified{font-size:14px;line-height:1.24}.fruit{--fruit-size:clamp(42px,4.45vw,60px)}}
@media(min-aspect-ratio:12/5){.orchard{background:url("../assets/media/image-586f7ff2c22a.jpg") center/cover no-repeat}.desktop-scene{width:220svh;mask-image:linear-gradient(90deg,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent 100%)}}
/* A separate portrait / landscape composition; no user-agent guessing. */
.mobile-home{position:absolute;inset:0;isolation:isolate;background:#09120d;color:#f2e7d2;overflow:hidden}.mobile-home::before{content:"";position:absolute;inset:-12px;z-index:0;background:url("../assets/media/image-14fbb65cea95.webp") left top/100% auto no-repeat;filter:blur(8px);opacity:.85}.mobile-scene{position:absolute;left:var(--safe-left);top:var(--safe-top);width:calc(100vw - var(--safe-left) - var(--safe-right));aspect-ratio:941/1672}.mobile-scene>picture{display:block;width:100%;height:100%}.mobile-photo{width:100%;height:100%;max-width:none;pointer-events:none;user-select:none}.mobile-apples{position:absolute;inset:0;z-index:2;pointer-events:none}.mobile-apple{position:absolute;left:var(--ax);top:var(--ay);transform:translate(-50%,-24px);width:96px;min-height:68px;display:flex;align-items:center;flex-direction:column;pointer-events:auto;text-align:center;border-radius:16px}.apple-motion{width:48px;height:48px;display:block;transform-origin:50% 0}.apple-motion img{width:100%;height:100%;transform:rotate(180deg);filter:drop-shadow(0 4px 8px #000b) drop-shadow(0 0 5px #e1bd7540)}.apple-caption{font:600 16px/1.02 Cormorant,Georgia,serif;color:#fff5e2;text-shadow:0 1px 3px #071009,0 2px 7px #071009,0 0 12px #071009;max-width:100%;margin-top:3px}.mobile-apple:hover img,.mobile-apple:focus-visible img{filter:drop-shadow(0 0 12px #e5be77b0) brightness(1.08)}.mobile-wash{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#060c0830,transparent 22%,transparent 38%,#070d0a18 52%,#09120d min(100%,177.68vw))}.mobile-head{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:max(15px,var(--safe-top)) max(18px,var(--safe-right)) 0 max(18px,var(--safe-left))}.mobile-logo{font:400 clamp(32px,8.5vw,48px)/.92 Prata,Georgia,serif;letter-spacing:.025em;color:#f2e5cb;text-shadow:0 2px 12px #09120dc2}.mobile-head>span{text-align:right;font:italic 600 clamp(14px,3.5vw,18px)/1.05 Cormorant,Georgia,serif;letter-spacing:.045em;color:#f2dbad;text-shadow:0 2px 10px #09120de0}.mobile-copy{position:absolute;z-index:4;left:max(21px,var(--safe-left));right:max(21px,var(--safe-right));bottom:max(16px,var(--safe-bottom));max-width:620px;text-shadow:0 2px 13px #071009cc}.mobile-kicker{margin:0 0 10px;font:600 clamp(9px,2.5vw,12px)/1.3 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#dfbd80}.mobile-copy h2{max-width:13ch;margin:0 0 12px;font:400 clamp(29px,min(8.3vw,5.2svh),52px)/1.03 Prata,Georgia,serif;letter-spacing:-.045em;color:#f6ecd8;text-wrap:balance}.mobile-copy h2 em{font-family:Cormorant,Georgia,serif;font-size:1.14em;line-height:.94;color:#e1bb91}.mobile-lead{margin:0;max-width:43ch;font:400 clamp(13px,3.35vw,16px)/1.4 Arial,sans-serif;color:#eee3d2}.mobile-lead-compact{display:none}.mobile-more{display:flex;align-items:center;flex-wrap:wrap;gap:6px 24px;margin-top:9px;font:600 clamp(16px,4vw,20px)/1.1 Cormorant,Georgia,serif}.mobile-more a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#f1d39c;text-decoration:underline;text-decoration-color:#caa66b8c;text-underline-offset:6px}
@media(max-width:700px),(orientation:portrait),(max-width:1100px) and (max-height:540px) and (hover:none){body:not(.inside)>.masthead{display:none}#home>.orchard{display:none}.mobile-home{display:block}}
@media(max-width:420px) and (orientation:portrait){.mobile-apple{width:84px;transform:translate(-50%,-22px)}.apple-motion{width:44px;height:44px}.apple-caption{font-size:15px}.mobile-copy h2{font-size:clamp(28px,8.3vw,35px)}}
@media(max-height:650px) and (orientation:portrait){.mobile-copy{bottom:max(8px,var(--safe-bottom))}.mobile-kicker{margin-bottom:6px}.mobile-copy h2{margin-bottom:8px}.mobile-more{margin-top:4px}.mobile-lead{font-size:13px;line-height:1.3}}
@media(max-height:560px) and (orientation:portrait){.mobile-lead-full{display:none}.mobile-lead-compact{display:block}.mobile-copy h2{font-size:28px}.mobile-kicker{font-size:8px;letter-spacing:.09em}.apple-caption{font-size:14px}}
@media(max-width:340px) and (orientation:portrait){.mobile-scene{top:calc(12px + var(--safe-top))}.mobile-logo{font-size:30px}}
@media(orientation:landscape),(min-aspect-ratio:4/5) and (max-width:1199px){.mobile-scene{width:min(calc(62vw - var(--safe-left) - var(--safe-right)),calc(140vh - 70px));width:min(calc(62vw - var(--safe-left) - var(--safe-right)),calc(140svh - 70px))}.mobile-wash{background:linear-gradient(90deg,#050b0810,transparent 34%,#0d1712 56%,#0d1712 100%)}.mobile-head{padding-top:max(10px,var(--safe-top))}.mobile-logo{font-size:32px}.mobile-head>span{font-size:14px}.mobile-apple{width:86px;transform:translate(-50%,-21px)}.apple-motion{width:42px;height:42px}.apple-caption{font-size:14px}.mobile-copy{left:57%;right:max(18px,var(--safe-right));top:53%;bottom:auto;transform:translateY(-50%)}.mobile-kicker{font-size:9px;line-height:1.3;margin-bottom:8px}.mobile-copy h2{font-size:clamp(24px,3.4vw,34px);margin-bottom:10px;line-height:1.02}.mobile-lead{font-size:12px;line-height:1.35}.mobile-more{font-size:16px;gap:4px 14px;margin-top:6px}.mobile-more a{min-height:40px}}
@media(orientation:landscape) and (max-height:360px){.mobile-lead-full{display:none}.mobile-lead-compact{display:block}.mobile-copy{top:55%}.mobile-copy h2{font-size:25px}.mobile-head>span{font-size:12px}.mobile-kicker{font-size:8px}}
@media(max-width:300px),(max-width:600px) and (max-height:360px) and (orientation:landscape){.mobile-scene{top:calc(12px + var(--safe-top))}.mobile-apple{transform:translate(-50%,-19px)}.apple-motion{width:38px;height:38px}.apple-caption{font-size:14px}}
/* Inner pages keep their existing layouts; this layer owns navigation and accessibility. */
body:is(.inside,html.no-js:has(.page:not(#home):target) body){height:auto;overflow-x:clip;background:#111914}:is(body.inside,html.no-js:has(.page:not(#home):target)) .masthead{position:relative;background:#101b15;border-bottom:1px solid var(--line);height:84px}:is(body.inside,html.no-js:has(.page:not(#home):target)) .wordmark{font-size:38px}:is(body.inside,html.no-js:has(.page:not(#home):target)) .studio-note{color:#d9b18b;font-size:14px;margin-left:20px;margin-right:auto}:is(body.inside,html.no-js:has(.page:not(#home):target)) .header-date{display:none}:is(body.inside,html.no-js:has(.page:not(#home):target)) .back-link{display:flex}:is(body.inside,html.no-js:has(.page:not(#home):target)) #main{height:auto;overflow:visible}:is(body.inside,html.no-js:has(.page:not(#home):target)) .page{min-width:0}:is(body.inside,html.no-js:has(.page:not(#home):target)) .page h1,:is(body.inside,html.no-js:has(.page:not(#home):target)) .page h2{overflow-wrap:break-word}.page-veil{position:fixed;inset:0;z-index:150;background:#09120dc9;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s}.page-veil.active{opacity:1;visibility:visible}.noscript-note{display:none}.brief-dialog:not([open]){display:none}.brief-dialog{overscroll-behavior:contain;max-height:calc(100dvh - 24px);scrollbar-gutter:stable}.brief-close{min-width:44px;min-height:44px}.brief-dialog input,.brief-dialog textarea{font-size:16px}.brief-dialog .contact-fields{min-width:0}.brief-dialog fieldset{min-inline-size:0}.brief-dialog .brief-send-actions{overflow-wrap:anywhere}.bot-menu-card:focus-visible{outline-offset:3px}.content-format[aria-selected=true]{border-color:#d7bd8f}.direct-contact{min-height:64px}.brief-controls button,.case-tabs button{min-height:44px}.brief-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.5 Arial,sans-serif;max-height:220px;overflow:auto;padding:16px;border:1px solid var(--line);margin:18px 0}
@media(max-width:700px){:is(body.inside,html.no-js:has(.page:not(#home):target)) .masthead{height:76px;padding:0 max(20px,var(--safe-left));gap:12px}:is(body.inside,html.no-js:has(.page:not(#home):target)) .wordmark{font-size:32px}:is(body.inside,html.no-js:has(.page:not(#home):target)) .studio-note{display:none}:is(body.inside,html.no-js:has(.page:not(#home):target)) .back-link{margin-left:auto;font-size:11px}:is(body.inside,html.no-js:has(.page:not(#home):target)) .page h1{font-size:clamp(32px,7.7vw,50px)}:is(body.inside,html.no-js:has(.page:not(#home):target)) .page .lede{font-size:18px;line-height:1.4}:is(body.inside,html.no-js:has(.page:not(#home):target)) .page{padding-left:max(21px,var(--safe-left));padding-right:max(21px,var(--safe-right))}.brief-dialog{width:calc(100% - 20px)}.brief-dialog-grid{padding:26px 20px!important;gap:20px}.brief-dialog .contact-aside{display:none}.brief-dialog #contact-title{font-size:30px}.brief-dialog .brief-content>.eyebrow{display:none}.brief-send-actions{gap:10px}.bot-menu-intro{padding:0;margin-bottom:26px}.bot-menu-intro h1{font-size:clamp(36px,10vw,46px)!important}.bot-menu-intro .lede{line-height:1.4!important}.bot-choice-strip{grid-template-columns:1fr 1fr;margin:22px 0}.bot-choice-strip article{display:block;padding:17px 14px}.bot-choice-strip article>span{display:block;margin-bottom:12px}.bot-choice-strip strong{font-size:23px}.bot-choice-strip p{font-size:13px;line-height:1.45;color:#bbb3a4}.bot-menu-shell{margin-top:24px}.bot-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:12px}.bot-menu-card{min-width:0;min-height:120px;padding:16px 12px;grid-template-columns:1fr 10px;gap:4px}.bot-menu-card .bot-menu-index{display:none}.bot-menu-card strong{font-size:22px}.bot-menu-card small{font-size:11px;color:#b4ac9c}.bot-menu-universal h2{font-size:34px!important}.content-format-list{min-width:0;grid-auto-flow:row!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-columns:auto!important;overflow:visible!important;padding-right:0!important}.content-format{min-width:0;grid-template-columns:1fr;padding:16px 12px}.content-format>b{font-size:21px}.content-format>small{grid-column:auto}.content-format>span{display:none}.flight-stage{margin-left:0;margin-right:0;width:100%}.direct-contacts{grid-template-columns:1fr}}
/* No-script viewers can still navigate the seven sections by ordinary fragment links. */
html.no-js:has(.page:not(#home):target) body{height:auto;overflow:auto}html.no-js:has(.page:not(#home):target) #main{height:auto;overflow:visible}html.no-js:has(.page:not(#home):target) #home{display:none}html.no-js .page:not(#home):target{display:block!important}html.no-js:has(.page:not(#home):target) .masthead{display:flex;position:relative;background:#101b15}html.no-js:has(.page:not(#home):target) .back-link{display:flex;margin-left:auto}html.no-js:has(.page:not(#home):target) .studio-note,html.no-js:has(.page:not(#home):target) .header-date{display:none}html.no-js #open-brief{display:none}html.no-js:has(#contact:target) .noscript-note{display:block;padding:24px;font-size:14px;line-height:1.6}html.no-js .content-format-list,html.no-js .case-tabs{display:none}html.no-js .bot-menu-grid{pointer-events:none}
@keyframes apple-breeze{0%,100%{transform:rotate(-.8deg)}50%{transform:rotate(1deg)}}
@media(prefers-reduced-motion:no-preference){.fruit:not(.picked) .fruit-swing,.mobile-apple:not(.picked) .apple-motion{animation:apple-breeze 8s ease-in-out var(--phase,0s) infinite}.fruit:hover .fruit-swing,.mobile-apple:hover .apple-motion{animation-play-state:paused}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V73: curved labels and a header band shared by the whole photographic scene. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.mobile-scene{top:calc(32px + var(--safe-top))}
.mobile-head{padding-top:calc(15px + var(--safe-top));padding-left:calc(18px + var(--safe-left));padding-right:calc(18px + var(--safe-right))}
.mobile-apple{width:90px;height:90px;min-height:0;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%}
.apple-motion{grid-area:1/1;width:46px;height:46px}
.apple-caption{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;overflow:visible;pointer-events:none;fill:#fff4dd;font:600 19px Cormorant,Georgia,serif;letter-spacing:.1px;filter:drop-shadow(0 1px 2px #071009) drop-shadow(0 2px 5px #071009);text-shadow:none}
.mobile-apple.picked .apple-caption{opacity:0}
@media(max-width:420px) and (orientation:portrait){.mobile-apple{width:84px;height:84px}.apple-motion{width:42px;height:42px}.apple-caption{font-size:20px}}
@media(max-width:300px){.mobile-apple{width:80px;height:80px}.apple-motion{width:38px;height:38px}}
@media(max-width:700px),(orientation:portrait),(max-width:1100px) and (max-height:540px) and (hover:none){
 body:not(.inside){height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto}
 body:not(.inside) #main{height:auto;overflow:visible}
 #home{height:auto;min-height:100svh}
 .mobile-home{position:relative;inset:auto;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;padding-top:calc(68.052vw + 91px + var(--safe-top));padding-bottom:calc(16px + var(--safe-bottom))}
 .mobile-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:auto max(21px,var(--safe-right)) 0 max(21px,var(--safe-left));transform:none}
 .mobile-wash{background:linear-gradient(180deg,#060c0830,transparent 22%,transparent 38%,#070d0a18 52%,#09120d min(100%,calc(177.68vw + 32px)))}
}
@media(max-height:560px) and (orientation:portrait){.mobile-lead{display:none}.mobile-home{padding-bottom:calc(8px + var(--safe-bottom))}}
@media(orientation:landscape),(min-aspect-ratio:4/5) and (max-width:1199px){
 .mobile-home{--scene-width:min(calc(62vw - var(--safe-left) - var(--safe-right)),calc(140svh - 70px));min-height:max(100svh,320px);padding:calc(64px + var(--safe-top)) max(18px,var(--safe-right)) calc(16px + var(--safe-bottom)) 57%}
 .mobile-scene{width:var(--scene-width);top:calc(32px + var(--safe-top))}
 .mobile-apple{width:84px;height:84px;transform:translate(-50%,-50%)}.apple-motion{width:42px;height:42px}.apple-caption{font-size:20px}
 .mobile-head{padding-top:calc(10px + var(--safe-top))}
 .mobile-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;margin:auto 0}
 .mobile-wash{background:linear-gradient(90deg,#050b0810,transparent 34%,#0d1712 56%,#0d1712 100%)}
}
:is(body.inside,html.no-js:has(.page:not(#home):target)) .masthead{height:calc(84px + var(--safe-top));padding-top:var(--safe-top)}
@media(max-width:700px){:is(body.inside,html.no-js:has(.page:not(#home):target)) .masthead{height:calc(76px + var(--safe-top))}}

.mobile-scene>picture{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 46px);mask-image:linear-gradient(to bottom,transparent,#000 46px)}
.mobile-apples{z-index:4}
/* Keep a visible strip of the photographed hillside between the apples and the copy. */
@media(max-width:699px) and (orientation:portrait){
 .mobile-home{padding-top:calc(150vw + 20px + var(--safe-top))}
}
@media(max-width:340px) and (orientation:portrait){
 .mobile-scene{left:calc(var(--safe-left) + 14px);width:calc(100vw - var(--safe-left) - var(--safe-right) - 28px)}
}
@media(max-width:300px) and (orientation:portrait){
 .mobile-scene{top:calc(52px + var(--safe-top))}
}
/* Landscape keeps the photographed hillside visible, so falling apples have a real surface. */
@media(orientation:landscape),(min-aspect-ratio:4/5) and (max-width:1199px){
 .mobile-scene{width:min(38vw,calc((100svh - 54px)/1.46))}
 .mobile-copy{left:40%}
 .mobile-wash{background:linear-gradient(90deg,#050b0810,transparent 24%,#0d1712 43%,#0d1712 100%)}
}
@media(min-width:700px) and (orientation:portrait){
 .mobile-home{min-height:100svh;padding:0}
 .mobile-home::before{display:none}
 .mobile-scene{width:min(52vw,calc((100svh - 80px)/1.45));left:var(--safe-left);top:calc(32px + var(--safe-top))}
 .mobile-scene>picture{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 46px,#000 83%,transparent 100%);mask-image:linear-gradient(to bottom,transparent,#000 46px,#000 83%,transparent 100%)}
 .mobile-copy{position:absolute;left:55%;right:max(24px,var(--safe-right));top:25svh;bottom:auto;transform:none;margin:0}
 .mobile-wash{background:linear-gradient(90deg,#050b0810,transparent 35%,#0d1712 55%,#0d1712 100%)}
}
/* On short landscape screens the wide photograph shows the hillside beneath the tree. */
@media(orientation:landscape) and (max-width:1199px){
 body:not(.inside){height:100svh;min-height:0;overflow:hidden}
 body:not(.inside) #main{height:100%;overflow:hidden}
 body:not(.inside)>.masthead{display:flex;height:56px;padding-left:calc(18px + var(--safe-left));padding-right:calc(18px + var(--safe-right))}
 #home{height:100svh;min-height:0;overflow:hidden}
 #home>.orchard{display:block;height:100%}
 .mobile-home{display:none}
 .desktop-scene{top:calc(50% - 18px);left:calc(var(--safe-left)/2)}
 .desktop-scene picture{position:relative;background:url("../assets/media/image-586f7ff2c22a.jpg") center/100% 100% no-repeat}
 .desktop-scene .tree-photo{opacity:0}
 .wordmark{font-size:32px}
 .studio-note,.header-date{display:none}
 .fruit{--fruit-size:clamp(38px,4.45vw,48px)}
 .fruit-label{font-size:14px}
 .home-copy{top:22%;right:20px;width:42%}
 .home-copy h1{font-size:clamp(25px,3.7vw,34px);line-height:1.04;margin-bottom:10px}
 .home-copy .eyebrow{font-size:9px;margin-bottom:8px}
 .home-lead-desktop{display:none}
 .home-lead-mobile{display:inline}
 .home-lead-unified{font-size:clamp(11px,1.3vw,14px);line-height:1.28}
}
@media(orientation:landscape) and (max-width:600px){
 .fruit{--fruit-size:27px}
 .fruit-label{font-size:15px}
}

/* V94 mobile audit: a single, scroll-free opening composition and readable fruit controls. */
@media(max-width:699px) and (orientation:portrait){
 body:not(.inside){height:100dvh;min-height:0;overflow:hidden}
 body:not(.inside) #main,#home{height:100dvh;min-height:0;overflow:hidden}
 .mobile-home{position:absolute;inset:0;display:block;height:100dvh;min-height:0;padding:0;overflow:hidden}
 .mobile-copy{position:absolute;left:max(20px,var(--safe-left));right:max(20px,var(--safe-right));bottom:max(14px,var(--safe-bottom));margin:0;transform:none}
 .mobile-copy h2{margin-bottom:8px;font-size:clamp(27px,min(8vw,5.25svh),38px);line-height:1.01}
 .mobile-kicker{margin-bottom:7px}
 .mobile-lead{font-size:clamp(12px,3.25vw,15px);line-height:1.34}
 .mobile-more{margin-top:5px}
 .mobile-apple{width:112px;height:112px;min-height:112px;isolation:isolate;touch-action:manipulation}
 .mobile-apple::before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid #f1d89b8a;border-radius:50%;background:radial-gradient(circle at 50% 52%,#0a120dd9 0 31%,#0a120dad 52%,#09100c58 68%,transparent 76%);box-shadow:0 4px 18px #000b,0 0 20px #08100b80}
 .apple-caption{font-size:21px;fill:#fff7e7;stroke:#06100a;stroke-width:2.6px;paint-order:stroke fill;filter:drop-shadow(0 2px 4px #000) drop-shadow(0 0 10px #071009)}
 .apple-motion{width:50px;height:50px}
}
@media(max-width:420px) and (orientation:portrait){
 .mobile-apple{width:102px;height:102px;min-height:102px}
 .apple-caption{font-size:20px}
 .apple-motion{width:47px;height:47px}
 .mobile-more{font-size:17px}
}
@media(max-height:620px) and (max-width:699px) and (orientation:portrait){
 .mobile-kicker,.mobile-lead,.mobile-more{display:none}
 .mobile-copy h2{max-width:11ch;margin:0;font-size:clamp(25px,7.8vw,32px)}
 .mobile-copy{bottom:max(12px,var(--safe-bottom))}
}
/* GIFS V77: the landing curve follows the photographed hillside. */
html.js body.route-inner .page:not([hidden]),html.js body.inside .page:not([hidden])>*{animation:none!important}
.apple-pick-effect{position:fixed;pointer-events:none;z-index:140;max-width:none;transform:rotate(180deg);transform-origin:50% 50%;will-change:transform;backface-visibility:hidden}
.route-transition{position:fixed;inset:0;z-index:180;display:grid;place-items:center;overflow:hidden;pointer-events:auto;background:radial-gradient(circle at 50% 42%,#263a2d 0,#13241a 32%,#08110c 78%);color:#f3e5c8;clip-path:circle(0 at 50% 50%);will-change:clip-path}
.route-transition::before,.route-transition::after{content:"";position:absolute;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#cdb27b73,transparent)}
.route-transition::before{top:18%}.route-transition::after{bottom:18%}
.route-transition-mark{display:grid;gap:12px;text-align:center;text-shadow:0 3px 24px #0008}
.route-transition-mark b{font:400 clamp(38px,8vw,76px)/1 Prata,Georgia,serif;letter-spacing:.08em}
.route-transition-mark i{font:italic 600 clamp(16px,3vw,24px)/1.15 Cormorant,Georgia,serif;color:#d8bb83}
.fruit::before,.mobile-apple::before{content:"";position:absolute;inset:16%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#e5ba7045,transparent 72%);opacity:0;transition:opacity .22s ease}
.fruit img,.apple-motion img{transition:transform .2s cubic-bezier(.22,1,.36,1)}
.fruit:focus-visible::before,.mobile-apple:focus-visible::before{opacity:1}
.fruit:active img,.mobile-apple:active img{transform:rotate(180deg) scale(.94)}
@media(hover:hover) and (pointer:fine){
 .fruit:hover::before,.mobile-apple:hover::before{opacity:1}
 .fruit:hover img,.mobile-apple:hover img{transform:rotate(180deg) scale(1.045)}
}
.fruit.picked::before,.mobile-apple.picked::before{opacity:0}
.fruit:nth-child(2),.mobile-apple:nth-child(2){--breeze-duration:9.2s}
.fruit:nth-child(3),.mobile-apple:nth-child(3){--breeze-duration:7.6s}
.fruit:nth-child(4),.mobile-apple:nth-child(4){--breeze-duration:9.8s}
.fruit:nth-child(5),.mobile-apple:nth-child(5){--breeze-duration:8.1s}
.fruit:nth-child(6){--breeze-duration:8.8s}
.fruit:nth-child(7){--breeze-duration:10.2s}
@keyframes gifs-breeze{0%,100%{transform:rotate(-1.1deg)}50%{transform:rotate(1.25deg)}}
@media(prefers-reduced-motion:no-preference){
 .fruit:not(.picked) .fruit-swing,.mobile-apple:not(.picked) .apple-motion{animation:gifs-breeze var(--breeze-duration,8.6s) ease-in-out var(--phase,0s) infinite}
 .fruit:is(:hover,:focus-visible,:active) .fruit-swing,.mobile-apple:is(:focus-visible,:active) .apple-motion{animation-play-state:paused}
}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .fruit:hover img,.mobile-apple:hover img,.fruit:active img,.mobile-apple:active img{transform:rotate(180deg)}
}

/* The button label already contains its arrow. */
.brief-controls .text-action::after{content:none}
/* V78 — the orchard, in motion. The photo and its anchors always move together. */
:root{--cream:#f6e8ca;--warm:#dec296;--wine:#a55352;--ease-silk:cubic-bezier(.22,1,.36,1)}
.fruit{--fruit-size:clamp(64px,5.8vw,98px);width:calc(var(--fruit-size)*1.55);height:calc(var(--fruit-size)*1.55)}
.fruit-label{font-size:18px;fill:#fff2d5;opacity:1;transition:opacity .35s,filter .4s}
.fruit img,.apple-motion img{filter:drop-shadow(0 8px 10px #080b0870) saturate(1.08) brightness(1.16);transition:filter .5s,transform .6s var(--ease-silk)}
.fruit-swing{filter:none}
.fruit::before,.mobile-apple::before{inset:-8%;background:radial-gradient(circle,#f3c57338,transparent 67%);transition:opacity .7s}
.fruit::after,.mobile-apple::after{content:"";position:absolute;inset:12%;border:1px solid #f5d29a75;border-radius:50%;opacity:0;transform:scale(.75);transition:transform .8s var(--ease-silk),opacity .5s;pointer-events:none}
.fruit:is(:hover,:focus-visible)::after,.mobile-apple:focus-visible::after{opacity:.8;transform:scale(1.25)}
.fruit:is(:hover,:focus-visible) img,.mobile-apple:focus-visible img{filter:drop-shadow(0 8px 20px #edbd6944) saturate(1.13) brightness(1.28)}
.photo-shade{background:linear-gradient(90deg,transparent 33%,#07100b30 56%,#07100b8a),linear-gradient(0deg,#060e0aac,transparent 42%)}
.studio-note{color:#ebd0a7;text-shadow:0 2px 10px #0009}
.home-copy{top:22%;right:6%;width:35.5vw;max-width:660px}
.home-copy .eyebrow{font-size:10px;letter-spacing:.16em;color:#f0cc95;line-height:1.6;margin-bottom:20px}
.home-copy h1{font-size:clamp(45px,4.5vw,76px);line-height:1.04;color:var(--cream);letter-spacing:-.055em;text-shadow:0 2px 25px #07110c33}
.home-copy h1 em{font-size:.86em;line-height:1.12;color:#e5b793;margin-top:12px}
.home-lead-unified{max-width:440px;font:400 clamp(14px,1.08vw,18px)/1.65 Arial,sans-serif;color:#eddfcb;margin-top:26px;text-wrap:pretty}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 26px;margin-top:30px;font:12px/1.2 Arial,sans-serif;letter-spacing:.025em}
.project-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:0 22px;border:1px solid #e6c99d8c;border-radius:3px;background:#e6c99d13;color:#f8e5c5;position:relative;overflow:hidden;transition:background .4s,color .4s,border-color .4s}
.project-cta::before{content:"";position:absolute;inset:0;background:#eed9b5;transform:translateY(102%);transition:transform .6s var(--ease-silk);z-index:-1}
.project-cta:hover,.project-cta:focus-visible{background:#eed9b5;color:#142219;border-color:#eed9b5}
.project-cta span,.garden-cta span{font-size:22px;transition:transform .5s var(--ease-silk)}
.project-cta:hover span,.garden-cta:hover span{transform:translate(3px,-3px)}
.garden-cta{display:inline-flex;gap:12px;align-items:center;min-height:44px;border-bottom:1px solid #f1d39c50;color:#f0d4ab}
.orchard-foot{position:absolute;bottom:48px;left:4%;right:6%;z-index:8;display:flex;justify-content:space-between;align-items:end;pointer-events:none}
.orchard-invitation{display:flex;align-items:center;gap:18px;font:italic 22px Cormorant,Georgia,serif;color:#eddbbb}
.orchard-invitation i{font:32px Georgia;display:block;color:#daba86}
.orchard-location{font:9px/1.6 Arial,sans-serif;letter-spacing:.17em;color:#d2c6ad;text-align:right}
.orchard-location b{display:block;font-weight:400;font-size:11px;letter-spacing:.05em;margin-top:5px}
.orchard-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}
.orchard-mote{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#ffdea0;box-shadow:0 0 12px 3px #f8cf7c25;opacity:0}
.scene-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 38% 62%,#f4bd5818,transparent 42%);mix-blend-mode:screen;opacity:.65}
.fruit-hint{position:absolute;z-index:12;left:4%;bottom:108px;max-width:330px;pointer-events:none;color:#f3e1c4;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .5s var(--ease-silk)}
.fruit-hint.visible{opacity:1;transform:none}
.fruit-hint small{display:block;font:10px Arial,sans-serif;letter-spacing:.2em;color:#dabb88;margin-bottom:10px}
.fruit-hint strong{font:italic 30px Cormorant,Georgia,serif}
.mobile-invitation{display:none}
.apple-caption{transition:opacity .3s ease}
.route-transition{background:radial-gradient(ellipse at 45% 40%,#344638,#18291f 40%,#0b160f 85%)}
.route-transition-mark{gap:20px}.route-transition-mark b{font-size:clamp(62px,12vw,110px)}
.route-transition-mark i{letter-spacing:.04em}
.apple-pick-effect{filter:drop-shadow(0 10px 12px #050c0859) brightness(1.16)}
.page-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:#dfbe86;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none;opacity:0;transition:opacity .4s}
body.inside .page-progress{opacity:1}
.detail-row,.automation-scope-grid article,.content-production-grid article,.bot-menu-card,.content-format{transition:border-color .4s,background .4s,box-shadow .4s}
.detail-row:hover,.automation-scope-grid article:hover,.content-production-grid article:hover{border-color:#dab88770;background:#e2c69b06}
.bot-menu-card:hover,.content-format:hover{box-shadow:inset 0 0 35px #e6c9990a}
.next-chapter strong{transition:transform .55s var(--ease-silk),color .4s}.next-chapter:hover strong{transform:translateX(8px);color:#f3d4a1}
@keyframes orchard-drift{0%{transform:translate3d(0,15px,0);opacity:0}22%,70%{opacity:var(--o,.45)}100%{transform:translate3d(var(--dx,22px),-70px,0);opacity:0}}
@keyframes orchard-sun{0%,100%{opacity:.35}50%{opacity:.9}}
@keyframes orchard-star{to{transform:rotate(180deg)}}
@keyframes idea-travel{0%,100%{transform:translateY(-14px);opacity:0}20%,75%{opacity:1}90%{transform:translateY(16px);opacity:0}}
@keyframes reel-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes timeline-travel{0%{transform:scaleX(.12);opacity:.4}65%,85%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.12);opacity:.4}}
@keyframes process-light{0%,65%,100%{box-shadow:inset 2px 0 #dab88700}15%,40%{box-shadow:inset 2px 0 #dab887a0}}
@media(prefers-reduced-motion:no-preference){
 body.route-home .orchard-mote{animation:orchard-drift var(--duration,12s) linear var(--delay,0s) infinite}
 body.route-home .scene-glow{animation:orchard-sun 12s ease-in-out infinite}
 .orchard-invitation i,.mobile-invitation>span{animation:orchard-star 35s linear infinite}
 .motion-visible .bot-menu-connector i{animation:idea-travel 3.8s ease-in-out infinite}
 .motion-visible .bot-menu-connector-bottom i{animation-delay:1.9s}
 .motion-visible .content-frame{animation:reel-float 7s ease-in-out infinite}
 .motion-visible .frame-b{animation-delay:-2.5s}.motion-visible .frame-c{animation-delay:-4.5s}
 .motion-visible .content-timeline i{transform-origin:left;animation:timeline-travel 9s ease-in-out infinite}
 .motion-visible .process-chain li{animation:process-light 7.5s ease-in-out infinite}
 .motion-visible .process-chain li:nth-child(2){animation-delay:2.5s}.motion-visible .process-chain li:nth-child(3){animation-delay:5s}
}
@media(min-width:1200px) and (min-height:700px){.desktop-scene{translate:var(--scene-x,0px) var(--scene-y,0px);scale:1.025;transform-origin:35% 50%;transition:translate 1.5s var(--ease-silk)}}
@media(min-width:700px) and (orientation:portrait){
 .mobile-scene{width:55vw;top:70px}.mobile-copy{left:58%;right:28px;top:26svh}
 .mobile-copy h2{font-size:clamp(34px,4.7vw,55px);line-height:1.1}
 .mobile-apple{width:110px;height:110px}.apple-motion{width:64px;height:64px}.apple-caption{font-size:18px}
 .mobile-wash{background:linear-gradient(90deg,transparent 29%,#09120d 57%)}
}
@media(max-width:699px) and (orientation:portrait){
 .mobile-home{padding-top:calc(144vw + 28px + var(--safe-top));padding-bottom:calc(24px + var(--safe-bottom));background:#09120d}
 .mobile-home::before{display:none}
 .mobile-head{padding:calc(19px + var(--safe-top)) 22px 0;align-items:center}
 .mobile-logo{font-size:40px;letter-spacing:.02em}.mobile-head>span{font-size:15px;line-height:1.15;color:#ecdbbe}
 .mobile-scene{left:var(--safe-left);top:calc(32px + var(--safe-top));width:calc(100vw - var(--safe-left) - var(--safe-right))}
 .mobile-scene>picture{mask-image:linear-gradient(to bottom,transparent,#000 30px,#000 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30px,#000 75%,transparent 100%)}
 .mobile-apple{width:clamp(82px,25.6vw,111px);height:clamp(82px,25.6vw,111px)}
 .apple-motion{width:clamp(48px,15.4vw,67px);height:clamp(48px,15.4vw,67px)}
 .apple-caption{font-size:19px;fill:#fff1d4;font-weight:600;filter:drop-shadow(0 2px 3px #08110c)}
 .mobile-wash{background:linear-gradient(180deg,#08110c2e,transparent 32%,transparent 53%,#09120d33 65%,#09120d 93%)}
 .mobile-copy{margin:0 24px;max-width:none}
 .mobile-kicker{display:flex;gap:10px;align-items:center;color:#d8b580;font-size:9px;font-weight:400;letter-spacing:.16em;margin-bottom:15px}
 .mobile-kicker span{width:22px;height:1px;background:#c9a16a}
 .mobile-copy h2{font-size:clamp(29px,9.3vw,42px);line-height:1.07;letter-spacing:-.05em;max-width:15ch;margin-bottom:18px}
 .mobile-copy h2 em{display:block;color:#e3b990;font-size:1.12em;line-height:1.1}
 .mobile-lead-full{display:block;font-size:13px;line-height:1.65;color:#cfc8b7;max-width:40ch}.mobile-lead-compact{display:none}
 .hero-actions{gap:18px;margin-top:23px;font-size:11px}.project-cta{min-height:50px;padding:0 17px;gap:18px}.garden-cta{gap:7px}
 .mobile-invitation{display:block;position:absolute;z-index:5;top:calc(102vw + 54px + var(--safe-top));right:23px;text-align:right;color:#f4e5c9;font:12px/1.55 Arial,sans-serif;text-shadow:0 2px 10px #09120d}
 .mobile-invitation em{font:italic 19px Cormorant,Georgia,serif;color:#e8c394}
 .mobile-invitation>span{position:absolute;right:0;top:-35px;display:block;font:25px Georgia;color:#ebcc92}
 .mobile-home .orchard-atmosphere{height:calc(145vw + 40px)}
}
@media(max-width:350px) and (orientation:portrait){
 .mobile-head{padding-left:17px;padding-right:17px}.mobile-logo{font-size:34px}.mobile-head>span{font-size:13px}
 .mobile-copy{margin-inline:19px}.hero-actions{gap:12px;font-size:10px}.project-cta{padding:0 12px;gap:10px}.mobile-apple{width:80px;height:80px}.apple-motion{width:48px;height:48px}
}
@media(max-width:300px) and (orientation:portrait){.mobile-scene{top:calc(50px + var(--safe-top))}}
@media(orientation:landscape) and (max-width:1199px){
 .fruit{--fruit-size:clamp(34px,5.8vw,62px);width:calc(var(--fruit-size)*1.5);height:calc(var(--fruit-size)*1.5)}.fruit-label{font-size:17px}
 .home-copy{top:23%;right:4%;width:40%;max-width:none}.home-copy h1{font-size:clamp(26px,3.9vw,42px);line-height:1;margin-bottom:12px}.home-copy h1 em{margin-top:6px}
 .home-copy .eyebrow{font-size:8px;line-height:1.4;margin-bottom:10px;letter-spacing:.08em}.home-lead-unified{font-size:11px;line-height:1.45;margin-top:12px}
 .hero-actions{margin-top:16px;font-size:10px;gap:15px}.project-cta{min-height:40px;padding:0 12px;gap:12px}.garden-cta{gap:6px;min-height:40px}.hero-actions span{font-size:17px}
 .orchard-foot{bottom:20px;left:24px}.orchard-invitation{font-size:15px;gap:10px}.orchard-invitation i{font-size:21px}.orchard-location,.fruit-hint{display:none}
}
@media(orientation:landscape) and (max-height:370px){.home-lead-unified{display:none}.home-copy{top:25%}.orchard-foot{bottom:12px}.home-copy h1{font-size:27px}}
@media(min-width:1200px) and (max-height:700px){.home-copy{top:20%}.home-copy h1{font-size:48px}.home-lead-unified{font-size:13px;margin-top:14px}.hero-actions{margin-top:20px}.orchard-foot{bottom:30px}}
@media(prefers-reduced-motion:reduce){.desktop-scene{translate:none!important}.scene-glow,.orchard-mote{display:none}.orchard-invitation i,.mobile-invitation>span{animation:none}}

/* Readable lettering on an outer arc, beyond the fruit silhouette. */
.fruit{width:calc(var(--fruit-size)*2.05);height:calc(var(--fruit-size)*2.05)}
.fruit-label{font-size:18px;font-weight:600;letter-spacing:.35px;fill:#fff4de;filter:drop-shadow(0 2px 2px #08110c) drop-shadow(0 0 5px #08110ccc)}
.mobile-apple{width:clamp(100px,31vw,140px);height:clamp(100px,31vw,140px)}
.apple-caption{font-size:19px;font-weight:600;letter-spacing:.25px;fill:#fff4de;filter:drop-shadow(0 2px 2px #08110c) drop-shadow(0 0 5px #08110ccc)}
@media(min-width:700px) and (orientation:portrait){.mobile-apple{width:142px;height:142px}}
@media(orientation:landscape) and (max-width:1199px){.fruit-label{font-size:19px}}
.fruit-label.caption-below{translate:0 12px}
.apple-caption.caption-below{translate:0 8px}
@media(max-width:699px) and (orientation:portrait){.mobile-scene{top:calc(56px + var(--safe-top))}}
.fruit:is([href="#ai"],[href="#case"]) .caption-below{translate:0 22px}
.caption-compact{display:none}
.fruit-label text,.apple-caption text{pointer-events:auto}
@media(orientation:landscape) and (max-width:1199px){
 .caption-full{display:none}.caption-compact{display:block}
 .fruit-label{font-size:23px}
 .fruit-label.caption-below,.fruit:is([href="#ai"],[href="#case"]) .caption-below{translate:0 8px}
}
@media(orientation:landscape) and (max-width:600px){.wordmark{font-size:28px;padding-right:0}}
/* V79: mobile contact states, a visible landing surface, and an actual bitten sprite. */
.fruit,.mobile-apple{background:transparent;border:0;box-shadow:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none!important}
.fruit::before,.fruit::after,.mobile-apple::before,.mobile-apple::after{display:none}
.fruit-swing,.apple-motion{position:relative;filter:none!important}
.fruit-swing::after,.apple-motion::after{content:"";position:absolute;inset:-10px;border:1px solid #f1d39c;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .2s}
.fruit:focus-visible .fruit-swing::after,.mobile-apple:focus-visible .apple-motion::after{opacity:1}
.fruit img,.apple-motion img{-webkit-user-drag:none;user-select:none;backface-visibility:hidden}
.fruit-label,.apple-caption{filter:none;paint-order:stroke fill;stroke:#102015b3;stroke-width:.9px;stroke-linejoin:round}
.apple-pick-effect.apple-fall{position:absolute;display:block;z-index:140;transform:none;filter:none;max-width:none;pointer-events:none;will-change:transform;transform-origin:center}
.apple-fall-core{position:absolute;inset:0;display:block;filter:drop-shadow(0 5px 5px #06110b50)}
.apple-fall img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;max-width:none;transform:rotate(180deg);filter:brightness(1.12);pointer-events:none;user-select:none}
.apple-fall-bitten{opacity:0}
.apple-ground-shadow{position:absolute;z-index:139;pointer-events:none;opacity:0;border-radius:50%;background:radial-gradient(ellipse,#071009c9,transparent 70%);will-change:opacity,transform}
.apple-busy .mobile-invitation,.apple-busy .fruit-hint{opacity:0;transition:opacity .2s}
.mobile-invitation::before{content:"";display:block;width:32px;height:1px;margin:0 0 10px auto;background:#efd3a280}
@media(hover:none){
 .fruit:focus .fruit-swing::after,.mobile-apple:focus .apple-motion::after{opacity:0}
 .fruit:hover img,.fruit:active img,.mobile-apple:hover img,.mobile-apple:active img{filter:drop-shadow(0 5px 7px #07110c55) brightness(1.12);transform:rotate(180deg)}
}
@media(max-width:699px) and (orientation:portrait){
 .mobile-home{padding-top:calc(161vw + 40px + var(--safe-top));padding-bottom:calc(30px + var(--safe-bottom));overflow:hidden}
 .mobile-scene{top:calc(56px + var(--safe-top))}
 .mobile-scene>picture{mask-image:linear-gradient(to bottom,transparent,#000 35px,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 35px,#000 86%,transparent 100%)}
 .mobile-wash{background:linear-gradient(180deg,#08110c1a,transparent 28%,transparent 60%,#09120d44 79%,#09120d 94%)}
 .mobile-invitation{top:calc(108vw + 54px + var(--safe-top));font-size:11px;line-height:1.55;right:24px;color:#fff0d6}
 .mobile-invitation em{font-size:18px;color:#f2d5af}
 .mobile-copy h2{font-size:clamp(29px,9.2vw,40px);line-height:1.08}
 .mobile-lead-full{font-size:14px;line-height:1.6;color:#d8d0bd}
 .mobile-home .orchard-atmosphere{height:calc(154vw + 50px)}
 .mobile-apple .apple-motion{transform-origin:50% 5%}
}
@keyframes phone-breeze{0%,100%{transform:rotate(-1.8deg)}50%{transform:rotate(2.1deg)}}
@media(hover:none) and (prefers-reduced-motion:no-preference){.mobile-apple:not(.picked) .apple-motion{animation:phone-breeze var(--breeze-duration,7.8s) ease-in-out var(--phase,0s) infinite}}
@media(prefers-reduced-motion:reduce){.apple-ground-shadow{display:none}.apple-busy .mobile-invitation{transition:none}}

/* V94 refined phone composition: photo and fruit share one coordinate space. */
@media(max-width:699px) and (orientation:portrait){
 body:not(.inside),body:not(.inside) #main,body:not(.inside) #home{height:100dvh!important;min-height:0!important;overflow:hidden!important}
 .mobile-home{position:absolute!important;inset:0!important;display:block!important;height:100dvh!important;min-height:0!important;padding:0!important;overflow:hidden!important}
 .mobile-scene{top:max(52px,var(--safe-top))!important;left:50%!important;transform:translateX(-50%);width:min(100vw,calc((100dvh - 100px)*.84))!important}
 .mobile-scene>picture{mask-image:linear-gradient(transparent,#000 24px,#000 85%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 24px,#000 85%,transparent)}
 .mobile-apple{width:clamp(72px,22vw,94px)!important;height:clamp(72px,22vw,94px)!important;min-height:44px;touch-action:manipulation}
 .mobile-apple::before,.mobile-apple::after{display:none!important}
 .apple-motion{width:clamp(48px,14vw,60px)!important;height:clamp(48px,14vw,60px)!important}
 .apple-caption{font-size:21px!important;fill:#fff4df!important;stroke:#08120bd9!important;stroke-width:1.8px!important;paint-order:stroke fill!important}
 .mobile-copy{position:absolute!important;left:max(20px,var(--safe-left))!important;right:max(20px,var(--safe-right))!important;bottom:max(16px,var(--safe-bottom))!important;margin:0!important;transform:none!important;pointer-events:none}
 .mobile-copy a,.mobile-copy button{pointer-events:auto}
 .mobile-copy h2{font-size:clamp(27px,min(8vw,5svh),38px)!important;line-height:1.04!important;margin-bottom:8px!important}
 .mobile-kicker{margin-bottom:8px!important}
 .mobile-lead{font-size:13px!important;line-height:1.35!important}
 .mobile-invitation{display:none!important}
}
@media(max-height:620px) and (max-width:699px) and (orientation:portrait){
 .mobile-scene{width:min(100vw,calc((100dvh - 70px)*.65))!important}
 .mobile-kicker,.mobile-lead{display:none!important}
 .mobile-copy h2{font-size:25px!important;max-width:19ch!important;margin:0!important}
 .mobile-copy h2 em{display:inline!important}
 .mobile-apple{width:70px!important;height:70px!important}
 .apple-motion{width:46px!important;height:46px!important}
 .apple-caption{font-size:20px!important}
}
.case-tabs button{min-height:44px;cursor:pointer}
.case-screen img[hidden]{display:none!important}

@media(max-width:699px) and (orientation:portrait){
 .mobile-scene>picture{mask-image:linear-gradient(transparent,#000 24px,#000 85%,transparent),linear-gradient(90deg,transparent,#000 42px,#000 calc(100% - 42px),transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
 .apple-busy .mobile-copy{opacity:0;transition:opacity .18s ease}
}
@media(max-width:350px){html,body{min-width:0}}#root{min-height:100vh;min-height:100svh}body:not(.inside) #root{height:100vh;height:100svh;overflow:hidden}body:not(.inside) #root>#main{height:100%}@media(max-width:700px),(orientation:portrait),(max-width:1100px)and (max-height:540px)and (hover:none){body:not(.inside) #root{height:auto;min-height:100svh;overflow:visible}body:not(.inside) #root>#main{height:auto;overflow:visible}body:not(.inside) #root>.masthead{display:none}}body.earth-route{background:#1b100c!important}body.earth-route #root>.masthead,body.earth-route .page-progress{display:none!important}body.earth-route #root>#main{max-width:none!important;margin:0!important;padding:0!important}.route-transition-earth{background:#1b100c url("../assets/media/image-388bda3d7e6e.webp") center 28% / cover!important}.route-transition-earth:before,.route-transition-earth:after{display:none!important}body.earth-route #sites.soil-experience{display:block;width:100%;max-width:none;margin:0;padding:0!important;background:linear-gradient(to bottom,#1b100c16,#1b100c45 38%,#100a08b3 78%,#090605ef),url("../assets/media/image-388bda3d7e6e.webp") center top / cover no-repeat;color:#efddbd;overflow:clip}body.earth-route #sites.soil-experience[hidden]{display:none}.soil-experience:before,.soil-experience:after{display:none!important}.soil-entry{position:relative;height:100svh;min-height:0;overflow:hidden;isolation:isolate;background:transparent}.soil-entry:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 32%,transparent 30%,#0e090653 100%)}.soil-scroll{position:absolute;z-index:4;left:50%;bottom:clamp(25px,5vh,58px);transform:translate(-50%);display:grid;justify-items:center;gap:16px;padding:15px 24px;color:#f6e1bf;border:0;background:none;font:600 20px/1.2 Cormorant,Georgia,serif;letter-spacing:.02em;white-space:nowrap;text-shadow:0 3px 12px #100906}.soil-scroll i{display:block;height:40px;width:1px;background:linear-gradient(#ecd6a8,transparent);animation:soil-scroll-pulse 2.8s ease-in-out infinite}.soil-scroll:disabled{cursor:default}.birth-landscape{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none}.birth-landscape-empty,.birth-landscape-tree{position:absolute;inset:0;background-size:cover;background-position:center center}.birth-landscape-tree{background-image:url("../assets/media/image-e7f219786f8d.webp");clip-path:inset(100% 0 0)}.phase-rising .birth-landscape,.phase-grown .birth-landscape{opacity:1;transition:opacity 1s cubic-bezier(.3,.5,.2,1)}.phase-rising .birth-landscape-tree{animation:tree-reveal 2.9s .35s cubic-bezier(.18,.6,.17,1) both}.phase-grown .birth-landscape-tree{clip-path:inset(0)}.phase-rising .soil-entry:after,.phase-grown .soil-entry:after{background:linear-gradient(transparent 60%,#13150d6e)}.tree-result{position:absolute;z-index:4;inset:auto 0 0;padding:62px 24px 33px;text-align:center;background:linear-gradient(transparent,#161710b8 44%,#10120cdb);color:#f5e8cf;animation:tree-result-in .8s ease-out both}.tree-result-eyebrow{font:11px/1.3 Arial,sans-serif;letter-spacing:.25em;color:#f0ca8f}body.earth-route #sites .tree-result h2{margin:12px 0 10px;font:400 clamp(34px,4.6vw,64px)/1.06 Prata,Georgia,serif;color:#fff0d1;text-shadow:0 3px 18px #10110b}.tree-result h2 em{font:italic 400 1.12em/1 Cormorant,Georgia,serif}.tree-result p{margin:0;font:14px/1.5 Arial,sans-serif;color:#eadcc1}.tree-result-actions{display:flex;justify-content:center;gap:14px 30px;flex-wrap:wrap;margin-top:20px}.tree-result-actions a,.tree-result-actions button{border:0;border-bottom:1px solid #edd4a2a8;background:none;padding:10px 0;min-height:44px;color:#fff0d1;font:12px/1.4 Arial,sans-serif}.soil-story{position:relative;isolation:isolate;overflow:hidden;background:transparent}.soil-story:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 52% 44%,transparent 32%,#10090782 100%)}.soil-intro{position:relative;z-index:3;max-width:680px;margin:0 auto;padding:92px 25px 45px;text-align:center}.soil-intro>span{color:#cba772;font:11px/1.3 Arial,sans-serif;letter-spacing:.25em}body.earth-route #sites .soil-intro h1{margin:0;color:#f8e8ca;font:400 clamp(37px,4.8vw,63px)/1.1 Prata,Georgia,serif;letter-spacing:-.04em;text-shadow:0 3px 18px #120906}.soil-intro h1 em{font:italic 400 1.13em/1 Cormorant,Georgia,serif;color:#efc897}.soil-intro p{margin:26px auto 0;max-width:570px;color:#f0dcc0;font:500 25px/1.15 Cormorant,Georgia,serif;text-shadow:0 2px 8px #100907}.soil-seed-field{position:relative;z-index:2;max-width:1180px;height:1080px;margin:0 auto}.soil-seed{position:absolute;left:var(--seed-x);top:var(--seed-y);transform:translate(-50%,-50%);width:180px;height:180px;padding:0;border:0;border-radius:50%;background:transparent;color:#edd7b3;-webkit-tap-highlight-color:transparent}.soil-seed:disabled{cursor:default}.soil-seed:focus-visible,.gold-seed:focus-visible{outline:2px solid #f1cf98;outline-offset:5px}.seed-mark{position:relative;display:block;width:100%;height:100%}.seed-orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 5px #100906)}.seed-orbit text{fill:#fff4de;font:600 24px Cormorant,Georgia,serif;letter-spacing:.2px;paint-order:stroke fill;stroke:#160d09b3;stroke-width:.9px;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #110907)}.seed-kernel{position:absolute;width:62px;height:92px;left:50%;top:54%;transform:translate(-50%,-50%) rotate(var(--seed-angle));transform-origin:50% 75%;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s;filter:drop-shadow(0 5px 9px #050302b8)}.seed-kernel>img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain}.soil-seed.is-selected .seed-kernel{transform:translate(-50%,-53%) rotate(0);filter:drop-shadow(0 2px 12px #e8b5629c) brightness(1.2)}.soil-seed.is-selected .seed-orbit text{fill:#ffe1ad}.seed-germ{position:absolute;z-index:0;left:50%;top:-37px;width:43px;height:59px;opacity:0;transform:translate(-50%,19px) scale(.65,.12);transform-origin:50% 100%;transition:opacity .28s .12s,transform 1.05s .1s cubic-bezier(.19,.68,.21,1)}.seed-germ img{display:block;width:100%;height:100%;object-fit:contain}.soil-seed.is-selected .seed-germ{opacity:1;transform:translate(-50%) scale(1)}.soil-roots{position:absolute;z-index:1;inset:0;width:100%;pointer-events:none;overflow:visible}.root-system{opacity:0;transition:opacity .3s}.root-system.is-selected{opacity:1}.root-system path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.45s cubic-bezier(.2,.7,.22,1)}.root-shadow{stroke:#100906;stroke-width:5.4;opacity:.43}.root-main{stroke:#98714d;stroke-width:2.8;opacity:.8}.root-thread{stroke:#dec095;stroke-width:.58;opacity:.65}.root-hair{stroke:#b99b73;stroke-width:1.1;opacity:.8}.root-system.is-selected .root-shadow,.root-system.is-selected .root-main,.root-system.is-selected .root-thread{stroke-dashoffset:.95}.root-system.is-selected .root-hair-early{stroke-dashoffset:0;transition-delay:var(--hair-delay)}.phase-joining .root-system.is-selected .root-shadow,.phase-joining .root-system.is-selected .root-main,.phase-joining .root-system.is-selected .root-thread,.phase-rising .root-system.is-selected .root-shadow,.phase-rising .root-system.is-selected .root-main,.phase-rising .root-system.is-selected .root-thread,.phase-grown .root-system.is-selected .root-shadow,.phase-grown .root-system.is-selected .root-main,.phase-grown .root-system.is-selected .root-thread{stroke-dashoffset:0;transition-duration:2.1s;transition-delay:var(--root-delay)}.phase-joining .root-system.is-selected .root-hair,.phase-rising .root-system.is-selected .root-hair,.phase-grown .root-system.is-selected .root-hair{stroke-dashoffset:0;transition-delay:var(--hair-delay)}.phase-joining .root-system.is-selected .root-thread{filter:drop-shadow(0 0 2px #ddb475)}.soil-confluence{position:relative;z-index:3;display:grid;justify-items:center;margin:-65px auto 0;padding:15px 20px 75px;text-align:center}.soil-confluence-lead{margin:0 0 13px;color:#e7cda5;font:12px/1.4 Arial,sans-serif;letter-spacing:.1em;text-shadow:0 2px 7px #100906}.gold-seed{position:relative;display:block;width:218px;height:218px;padding:0;color:#ffe0ad;border:0;border-radius:50%;background:none;-webkit-tap-highlight-color:transparent}.gold-seed .seed-orbit text{fill:#ffe0a6;font-size:22px;letter-spacing:.2px}.gold-seed .seed-kernel{width:86px;height:116px;top:46%;transform:translate(-50%,-50%) rotate(-8deg);filter:drop-shadow(0 0 14px #e4a95077)}.gold-seed:disabled{cursor:default}.gold-seed:not(.is-ready){filter:saturate(.65) brightness(.8)}.gold-seed.is-ready .seed-kernel{animation:gold-breathe 2.7s ease-in-out infinite}.phase-joining .gold-seed .seed-kernel{animation:gold-join 1.9s ease-in-out both}.soil-confluence-hint{margin:5px auto 0;max-width:340px;color:#d8bb94;font:13px/1.5 Arial,sans-serif;text-shadow:0 2px 8px #100906}.soil-links{position:relative;z-index:4;display:flex;justify-content:space-between;max-width:1180px;margin:0 auto;padding:35px 34px 45px}.soil-links a{color:#dec49b;font:12px/1.4 Arial,sans-serif;min-height:44px;display:inline-flex;align-items:center}@media(hover:hover)and (pointer:fine){.soil-seed:not(:disabled):hover .seed-kernel{transform:translate(-50%,-55%) rotate(0) scale(1.07)}.gold-seed:not(:disabled):hover .seed-kernel{filter:drop-shadow(0 0 20px #f3c477)}}@media(max-width:700px){.soil-entry{min-height:0}.birth-landscape-empty{background-image:url("../assets/media/image-bfd2a6abc25e.webp");background-position:center}.birth-landscape-tree{background-image:url("../assets/media/image-8b1db3395ba8.webp");background-position:center}.soil-scroll{bottom:30px;font-size:19px}.soil-intro{padding:69px 22px 50px}body.earth-route #sites .soil-intro h1{font-size:clamp(34px,8vw,44px)}.soil-intro p{max-width:340px;margin-top:20px;font-size:21px}.soil-seed-field{height:1380px}.soil-seed{left:var(--mobile-x);top:var(--mobile-y);width:160px;height:160px}.seed-orbit text{font-size:25px}.seed-kernel{width:55px;height:83px}.soil-confluence{margin-top:-38px;padding-bottom:55px}.gold-seed{width:200px;height:200px}.soil-links{padding:22px 23px 30px}.soil-links a{font-size:11px}.tree-result{padding:50px 20px 28px}body.earth-route #sites .tree-result h2{font-size:clamp(31px,8vw,44px)}.tree-result p{font-size:12px}.tree-result-actions a,.tree-result-actions button{font-size:11px}}@media(max-width:350px){.soil-seed{width:140px;height:140px}.seed-kernel{width:49px;height:73px}.seed-orbit text{font-size:24px}}@media(prefers-reduced-motion:reduce){.soil-experience *,.soil-experience *:before,.soil-experience *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@keyframes soil-scroll-pulse{0%,to{opacity:.4;transform:scaleY(.72)}50%{opacity:1;transform:scaleY(1)}}@keyframes gold-breathe{0%,to{transform:translate(-50%,-50%) rotate(-8deg) scale(1)}50%{transform:translate(-50%,-50%) rotate(-3deg) scale(1.055)}}@keyframes gold-join{0%{transform:translate(-50%,-50%) rotate(-8deg) scale(1)}55%{transform:translate(-50%,-50%) rotate(6deg) scale(1.2);filter:drop-shadow(0 0 28px #f3ca82)}to{transform:translate(-50%,-50%) rotate(0) scale(.92);filter:drop-shadow(0 0 13px #f3ca82)}}@keyframes tree-reveal{0%{clip-path:inset(100% 0 0)}42%{clip-path:inset(65% 0 0)}to{clip-path:inset(0)}}@keyframes tree-result-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.soil-entry:after,.soil-story:before{display:none}body.earth-route #sites.soil-experience{background:linear-gradient(to bottom,#120b0638,#140c0857 26%,#100a0799 60%,#080503e3),url("../assets/media/image-79568b0ceaed.webp") center top / 960px 960px repeat;background-size:100% 100%,960px 960px;overflow-anchor:none}.route-transition-earth{background:#1b100c url("../assets/media/image-79568b0ceaed.webp") center / 960px 960px!important}.soil-seed-field{height:1600px}.soil-seed .seed-kernel{top:63%;transition:transform 1.2s cubic-bezier(.22,.65,.25,1),filter .7s}.soil-seed.is-selected .seed-kernel{transform:translate(-50%,-50%) rotate(var(--grown-angle));filter:drop-shadow(0 4px 8px #050302a6) brightness(1.12)}.soil-seed .seed-germ{top:-23px;width:29px;height:36px}.seed-root-image{position:absolute;z-index:0;left:50%;top:91%;width:22px;height:27px;opacity:0;transform:translate(-50%) scaleY(.08);transform-origin:50% 0;transition:opacity .5s .12s,transform 1.3s .12s cubic-bezier(.2,.7,.19,1);pointer-events:none}.seed-root-image img{display:block;width:100%;height:100%;object-fit:contain}.soil-seed.is-selected .seed-root-image{opacity:.88;transform:translate(-50%) scaleY(1)}.seed-detail{position:absolute;top:110%;left:50%;width:205px;transform:translate(-50%);color:#f3ddbc;font:600 19px/1.2 Cormorant,Georgia,serif;text-align:center;text-shadow:0 2px 7px #0c0705,0 0 13px #0c0705;pointer-events:none}.soil-seed.is-selected .seed-detail{color:#ffe2af}.gold-seed .seed-kernel{top:59%}.gold-seed .seed-germ{top:-25px;width:33px;height:42px}.phase-joining .gold-seed .seed-germ{opacity:1;transform:translate(-50%) scale(1)}@media(hover:hover)and (pointer:fine){.soil-seed:not(:disabled):hover .seed-kernel{transform:translate(-50%,-50%) rotate(var(--seed-angle)) scale(1.04)}.soil-seed.is-selected:not(:disabled):hover .seed-kernel{transform:translate(-50%,-50%) rotate(var(--grown-angle)) scale(1.04)}}.growth-journey{position:fixed;inset:0;z-index:100;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#130c09a8,#100907eb),url("../assets/media/image-79568b0ceaed.webp") center / 960px 960px;animation:journey-arrive .55s ease-out backwards;transition:opacity 1.2s ease}.phase-seedling .growth-journey{opacity:0}.journey-soil{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 64%,#ad7b4420,transparent 56%)}.journey-plant{position:absolute;left:50%;bottom:20%;height:min(48svh,470px);aspect-ratio:2 / 3;transform:translate(-50%);max-width:82vw}.journey-stem-reveal{position:absolute;inset:0;animation:stem-draw 4.1s .2s cubic-bezier(.25,.55,.3,1) both}.journey-botany{width:100%;height:100%;object-fit:contain;filter:saturate(.65)}.journey-gold{position:absolute;z-index:2;left:52%;top:95%;width:66px;height:88px;object-fit:contain;transform:translate(-50%,-5%) rotate(-8deg);filter:drop-shadow(0 2px 8px #d7a34d40)}.journey-seed{position:absolute;top:96%;width:30px;height:43px;object-fit:contain}.journey-seed-left{left:25%;transform:translate(-50%,-5%) rotate(-22deg)}.journey-seed-right{left:79%;transform:translate(-50%,-5%) rotate(22deg)}.journey-plant.is-solo{width:120px}.journey-plant.is-solo .journey-gold{left:50%;top:93%}.phase-joining .soil-seed,.phase-joining .soil-intro{pointer-events:none}@keyframes stem-draw{0%{clip-path:inset(99% 0 0);opacity:.5}18%{clip-path:inset(81% 0 0);opacity:1}48%{clip-path:inset(49% 0 0);opacity:1}78%{clip-path:inset(19% 0 0);opacity:1}to{clip-path:inset(0);opacity:1}}.birth-landscape{transition:opacity .9s ease;mask-image:linear-gradient(to bottom,#000 0%,#000 65%,#000e 76%,#0007 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,#000e 76%,#0007 88%,transparent 100%)}.tree-result{background:none;text-shadow:0 2px 12px #0e0805,0 0 24px #0e0805}.tree-result-actions a,.tree-result-actions button,.soil-links a{font:600 18px/1.2 Cormorant,Georgia,serif}.phase-seedling .birth-landscape,.phase-sapling .birth-landscape,.phase-young .birth-landscape,.phase-mature .birth-landscape,.phase-fruiting .birth-landscape,.phase-grown .birth-landscape{opacity:1}.birth-landscape-empty,.birth-landscape-sapling,.birth-landscape-young,.birth-landscape-tree{position:absolute;inset:0;background-size:cover;background-position:center}.birth-landscape-sapling{background-image:url("../assets/media/image-e4b60732c873.webp");opacity:0;transition:opacity 1.1s ease}.birth-landscape-young{background-image:url("../assets/media/image-2d4527846ad3.webp");opacity:0;transition:opacity 1.1s ease}.birth-landscape-tree{clip-path:none;opacity:0;transition:opacity 1.25s ease}.phase-sapling .birth-landscape-sapling,.phase-young .birth-landscape-sapling,.phase-mature .birth-landscape-sapling,.phase-fruiting .birth-landscape-sapling,.phase-grown .birth-landscape-sapling,.phase-young .birth-landscape-young,.phase-mature .birth-landscape-young,.phase-fruiting .birth-landscape-young,.phase-grown .birth-landscape-young{opacity:1}.phase-mature .birth-landscape-tree,.phase-fruiting .birth-landscape-tree,.phase-grown .birth-landscape-tree{opacity:1;clip-path:none}.birth-landscape-seedling{position:absolute;z-index:1;left:50%;bottom:19%;width:auto;height:min(48svh,470px);max-width:82vw;object-fit:contain;opacity:0;transform:translate(-50%);transform-origin:50% 100%;filter:saturate(.65)}.phase-seedling .birth-landscape-seedling{opacity:1}.phase-sapling .birth-landscape-seedling,.phase-seedling .soil-scroll,.phase-sapling .soil-scroll,.phase-young .soil-scroll,.phase-mature .soil-scroll,.phase-fruiting .soil-scroll{opacity:0}@media(max-width:700px){.soil-seed-field{height:1930px}.seed-root-image{width:19px;height:24px}.soil-seed .seed-germ{top:-19px;width:25px;height:31px}.seed-detail{top:112%;width:156px;font-size:18px;line-height:1.15}.birth-landscape-empty{background-image:url("../assets/media/image-f2dd37e2083c.webp")}.birth-landscape-tree{background-image:url("../assets/media/image-e7f219786f8d.webp")}.birth-landscape-seedling{bottom:19%}.journey-gold{width:56px;height:76px}}@media(max-width:350px){.seed-detail{width:145px;font-size:16px}}@media(prefers-reduced-motion:reduce){.growth-journey{display:none}.phase-grown .birth-landscape,.phase-grown .birth-landscape-tree{opacity:1}}@keyframes journey-arrive{0%{opacity:0}to{opacity:1}}.seed-shell{position:absolute;inset:0;display:block;z-index:1;transform-origin:50% 85%;transition:transform 1.1s cubic-bezier(.22,.7,.25,1)}.seed-shell img{width:100%;height:100%;object-fit:contain}.seed-shell-left{clip-path:polygon(0 0,52% 0,49% 27%,53% 54%,49% 78%,52% 100%,0 100%)}.seed-shell-right{clip-path:polygon(51% 0,100% 0,100% 100%,51% 100%,48% 78%,52% 54%,48% 27%)}.is-unfurling .seed-shell-left,.is-growing .gold-seed .seed-shell-left{transform:translate(-7px,2px) rotate(-17deg)}.is-unfurling .seed-shell-right,.is-growing .gold-seed .seed-shell-right{transform:translate(7px,2px) rotate(17deg)}.soil-experience.is-growing .gold-seed .seed-kernel{animation:none;transform:translate(-50%,-50%) rotate(-8deg)}.soil-experience.is-growing .seed-germ{opacity:0;transition:opacity .25s}.soil-experience.is-growing .seed-orbit,.soil-experience.is-growing .seed-detail,.soil-experience.is-growing .soil-intro,.soil-experience.is-growing .soil-links,.soil-experience.is-growing .soil-scroll{opacity:0;pointer-events:none}.seed-orbit,.seed-detail,.soil-intro,.soil-links{transition:opacity .5s ease}.soil-experience.is-growing .soil-seed:not(.is-selected){opacity:.22;transition:opacity .6s}.growth-tracking{position:fixed;inset:0;z-index:24;pointer-events:none;opacity:1;transition:opacity 1.25s ease}.growth-tracking canvas{position:absolute;inset:0;width:100%;height:100%}.growth-tracking.is-fading{opacity:0}.growth-tip{position:absolute;top:0;left:0;width:34px;height:57px;object-fit:contain;opacity:0;transform-origin:50% 100%;will-change:transform}.growth-skip{position:fixed;right:24px;bottom:max(18px,env(safe-area-inset-bottom));z-index:28;padding:10px 14px;border:0;background:#100c0859;border-radius:24px;color:#eed8b5;font:500 17px Cormorant,Georgia,serif}.birth-landscape{transition:opacity 1.4s ease}.birth-landscape-sapling,.birth-landscape-young,.birth-landscape-tree{transition-duration:1.6s}@media(max-width:700px){.growth-tip{width:28px;height:47px}}@media(prefers-reduced-motion:reduce){.growth-tracking,.growth-skip{display:none}}html:has(body.earth-route),body.earth-route{background-color:#1b100c!important}.soil-experience button{touch-action:manipulation}.soil-experience .selection-summary{margin:2px 0 0;color:#ead2ae;font:500 18px/1.4 Cormorant,Georgia,serif}.soil-experience.is-growing .selection-summary{opacity:0}.soil-seed.is-selected .seed-orbit text{fill:#ffdf9c}.soil-seed-field{scroll-margin-top:80px}.tree-result-actions a,.tree-result-actions button{font-size:18px}.birth-landscape{contain:paint}.soil-entry{container-type:inline-size}@media(min-width:701px)and (max-width:1000px){.soil-seed{width:158px;height:158px}.seed-detail{width:170px;font-size:18px}.soil-seed-field{margin-inline:22px}}@media(max-width:700px){.soil-seed{width:calc(50% - 12px);max-width:160px;height:auto;aspect-ratio:1}.seed-detail{width:min(156px,100%)}.soil-intro p{line-height:1.3}.soil-confluence{padding-inline:16px}.selection-summary{max-width:280px}.tree-result-actions{gap:8px 24px}.tree-result{padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media(max-aspect-ratio:1/1){.birth-landscape-empty{background-image:url("../assets/media/image-bfd2a6abc25e.webp")}.birth-landscape-tree{background-image:url("../assets/media/image-8b1db3395ba8.webp")}.birth-landscape-empty,.birth-landscape-tree{bottom:auto;height:auto;aspect-ratio:2/3;background-size:100% auto;background-position:center top;background-repeat:no-repeat;mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%)}.birth-landscape-sapling,.birth-landscape-young{inset:auto auto auto 50%;top:83.5cqw;width:14cqw;height:24cqw;background:url("../assets/media/image-7035c2d3d3b3.webp") center / contain no-repeat;transform:translate(-34.8%);transform-origin:34.8% 100%}.birth-landscape-young{top:64.5cqw;width:25cqw;height:43cqw}.birth-landscape{mask-image:none}.tree-result{padding-top:25px}body.earth-route #sites .tree-result h2{font-size:clamp(29px,7vw,48px)}}@media(max-height:500px)and (min-aspect-ratio:1/1){body.earth-route #sites .tree-result h2{font-size:29px;margin:0}.tree-result{padding:18px 20px 12px}.tree-result-actions{margin-top:8px}.soil-scroll{bottom:12px}}.birth-landscape{transition:opacity 1.6s ease}.birth-landscape-empty,.birth-landscape-sapling,.birth-landscape-young,.birth-landscape-tree{inset:0;width:auto;height:auto;aspect-ratio:auto;transform:none;background-size:cover;background-position:center top;background-repeat:no-repeat;mask-image:none;clip-path:none;transition:opacity 2s cubic-bezier(.33,0,.25,1)}.birth-landscape-sapling{background-image:url("../assets/media/image-e4b60732c873.webp")}.birth-landscape-young{background-image:url("../assets/media/image-2d4527846ad3.webp")}.birth-landscape-tree{background-image:url("../assets/media/image-e7f219786f8d.webp");transition-duration:2.6s}.phase-joining .birth-landscape{opacity:var(--surface-light,0)}.phase-sapling .birth-landscape-sapling,.phase-young .birth-landscape-sapling,.phase-mature .birth-landscape-sapling,.phase-grown .birth-landscape-sapling,.phase-young .birth-landscape-young,.phase-mature .birth-landscape-young,.phase-grown .birth-landscape-young,.phase-mature .birth-landscape-tree,.phase-grown .birth-landscape-tree{opacity:1}.phase-grown .birth-landscape-tree{transition:none}.soil-seed .seed-kernel,.soil-seed.is-selected .seed-kernel,.soil-seed:not(:disabled):hover .seed-kernel,.soil-seed.is-selected:not(:disabled):hover .seed-kernel{transform:translate(-50%,-50%) rotate(var(--seed-angle));transition:filter .4s ease}.seed-body{z-index:2!important}.seed-botany{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.seed-shoot,.seed-radicle{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s cubic-bezier(.35,.05,.25,1)}.seed-shoot{stroke-width:3.4}.seed-radicle{stroke:#c9b78c;stroke-width:2;transition-duration:2.4s}.seed-cotyledon{fill:#92a369;stroke:#b8bf8c;stroke-width:.65;transform-origin:55px -8px;transform:scale(.01);opacity:0;transition:transform 1.2s 1.1s ease,opacity .9s 1.1s ease}.seed-cotyledon.second{transition-delay:1.3s;fill:#728954}.is-selected .seed-shoot,.is-selected .seed-radicle{stroke-dashoffset:0}.is-selected .seed-cotyledon{transform:scale(1);opacity:1}.soil-experience .gold-seed .seed-kernel{animation:none;transform:translate(-50%,-50%) rotate(-8deg)}.growth-tracking.is-fading{transition:opacity .35s linear}.tree-result{animation:tree-result-in 1s ease-out both}@media(max-aspect-ratio:1/1){.birth-landscape-empty,.birth-landscape-tree{height:auto;bottom:auto;aspect-ratio:2/3;background-size:100% auto;mask-image:linear-gradient(#000 0%,#000 83%,transparent 100%)}.birth-landscape-empty{background-image:url("../assets/media/image-bfd2a6abc25e.webp")}.birth-landscape-tree{background-image:url("../assets/media/image-8b1db3395ba8.webp")}.birth-landscape-sapling,.birth-landscape-young{display:none}.tree-result{top:116cqw;bottom:auto;padding:22px 20px 30px}}@media(prefers-reduced-motion:reduce){.seed-shoot,.seed-radicle,.seed-cotyledon{transition:none}}.birth-landscape-tree{transition:opacity .32s linear}.birth-landscape{mask-image:linear-gradient(#000 0%,#000 90%,transparent 100%)}@media(max-aspect-ratio:1/1){.birth-landscape{mask-image:none}}.soil-entry{height:auto;overflow:visible}.phase-choosing .soil-entry{display:none}.birth-landscape{--scene-width: min(100vw, 114svh, 1440px);position:relative;width:100%;height:calc(var(--scene-width) * .54557);aspect-ratio:auto;margin:0;overflow:hidden;mask-image:none;-webkit-mask-image:none;background-image:url("../assets/media/image-f2dd37e2083c.webp");background-size:100% auto;background-position:center calc((var(--scene-width) - 100vw) * .54557);background-repeat:no-repeat;clip-path:polygon(0 0,100% 0,100% calc(100% - 3px),96% 100%,89% calc(100% - 4px),82% calc(100% - 1px),75% calc(100% - 5px),68% 100%,61% calc(100% - 3px),55% calc(100% - 1px),50% calc(100% - 5px),44% calc(100% - 2px),37% 100%,29% calc(100% - 4px),21% calc(100% - 1px),13% calc(100% - 5px),6% 100%,0 calc(100% - 2px))}.birth-landscape-empty,.birth-landscape-tree{inset:0 auto auto 50%;width:var(--scene-width);height:auto;aspect-ratio:3/2;transform:translate(-50%);background-size:100% 100%;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);background-position:center;transition:none}.birth-landscape-empty{background-image:url("../assets/media/image-f2dd37e2083c.webp")}.birth-landscape-tree{background-image:url("../assets/media/image-e7f219786f8d.webp");opacity:0!important;transition:none}.phase-grown .birth-landscape-tree{opacity:1!important}.birth-landscape-sapling,.birth-landscape-young{display:none}.tree-result{position:relative;inset:auto;padding:42px 22px;background:transparent;text-shadow:0 2px 18px #110b07}body.earth-route #sites .tree-result h2{font-size:clamp(29px,4vw,48px)}body.earth-route #sites.soil-experience{background-position:0 0,center var(--surface-space, 0px)}.soil-intro{padding-top:clamp(38px,7svh,76px)}.soil-seed-field{height:1450px}.seed-sprout{position:absolute;width:90px;height:75px;left:52%;top:20%;transform:translate(-50%,-93%);pointer-events:none}.soil-experience.is-growing .seed-kernel{visibility:hidden}.soil-experience.is-growing .soil-seed{opacity:1}.phase-grown .soil-story{display:none}.growth-skip{min-height:44px}@media(max-width:700px){.soil-intro{padding:38px 20px 40px}.soil-seed-field{height:1770px}.seed-detail{font-size:18px;width:min(150px,100%)}.soil-confluence{margin-top:-10px}.birth-landscape{--scene-width: 100vw;width:100%;height:108.887vw;aspect-ratio:auto;background:none}.birth-landscape-empty,.birth-landscape-tree{aspect-ratio:2/3;mask-image:none}.birth-landscape-empty{background-image:url("../assets/media/image-bfd2a6abc25e.webp")}.birth-landscape-tree{background-image:url("../assets/media/image-8b1db3395ba8.webp")}.tree-result{padding-top:40px;margin-top:0}}html:has(body.earth-route){overflow-y:scroll}.birth-landscape{mask-image:none;-webkit-mask-image:none}.phase-grown{min-height:100svh}.phase-grown .birth-landscape{opacity:1}.soil-entry{background:transparent}.birth-landscape{transition:none;opacity:1!important}.birth-landscape-empty,.birth-landscape-tree{mask-image:none;-webkit-mask-image:none}.birth-landscape-empty,.birth-landscape-tree{background:none}.tree-canopy{display:block;width:100%;height:100%}@media(max-width:700px){.birth-landscape{background-image:url("../assets/media/image-bfd2a6abc25e.webp");background-size:100% auto;background-position:center top}}.chatbot-web{min-height:100svh;padding:clamp(84px,10vw,145px) clamp(20px,5vw,78px) 46px;background:radial-gradient(circle at 50% 48%,#283b2c 0,#132018 40%,#09120d 83%);color:#f6ead6;overflow:hidden}.chatbot-web:before,.chatbot-web:after{display:none!important}.chatbot-web-intro{position:relative;z-index:2;max-width:760px;margin:0 auto;text-align:center}.chatbot-web-intro h1{margin:10px 0 18px;font:400 clamp(38px,5vw,68px)/1.02 Prata,Georgia,serif;letter-spacing:-.045em}.chatbot-web-intro h1 em{color:#e6bb8f;font:italic 400 1.08em/1 Cormorant,Georgia,serif}.chatbot-web-intro>p:last-child{max-width:590px;margin:auto;color:#d8d1bf;font:500 clamp(18px,2vw,25px)/1.35 Cormorant,Georgia,serif}.web-stage{position:relative;width:min(900px,78vw);aspect-ratio:1;margin:clamp(35px,4vw,62px) auto 0}.web-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.web-lines circle:not(.web-halo),.web-lines line{fill:none;stroke:#d8bd8f47;stroke-width:1.2;vector-effect:non-scaling-stroke}.web-lines line{stroke:#edcf988c;stroke-dasharray:3 9;animation:web-current 5s linear var(--web-delay) infinite}.web-halo{opacity:.48}.web-core{position:absolute;z-index:3;left:50%;top:50%;width:clamp(128px,18%,188px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border:1px solid #efcf9790;border-radius:50%;background:radial-gradient(circle at 40% 35%,#64754b,#293a28 58%,#152218);box-shadow:0 0 0 12px #e7c48c0a,0 0 70px #d6af6840}.web-core span{font:400 clamp(22px,3vw,37px)/1 Cormorant,Georgia,serif}.web-core small{margin-top:8px;color:#d6bd94;font:9px/1.2 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.web-node{position:absolute;z-index:2;left:var(--node-x);top:var(--node-y);width:clamp(150px,22%,205px);min-height:118px;transform:translate(-50%,-50%);padding:20px 16px 16px;text-align:center;border:1px solid #e0c18f73;border-radius:50%;background:#101b14fa;box-shadow:0 13px 38px #0009}.web-node i{position:absolute;left:50%;top:-4px;width:8px;height:8px;transform:translate(-50%);border-radius:50%;background:#f0cc91;box-shadow:0 0 14px #f0cc91}.web-node h2{margin:0 0 7px;color:#f7dcae;text-shadow:0 2px 8px #000;font:600 clamp(18px,2vw,25px)/1.05 Cormorant,Georgia,serif}.web-node p{margin:0;color:#eee8dc;text-shadow:0 1px 5px #000;font:12px/1.4 Arial,sans-serif}.web-result{display:flex;justify-content:center;gap:12px 42px;flex-wrap:wrap;max-width:1000px;margin:-20px auto 0;padding:27px 0;border-block:1px solid #e5c69630;color:#ead8bc;font:500 20px/1.35 Cormorant,Georgia,serif}.web-result span:before{content:"\2022";margin-right:10px;color:#e7bf82}.web-actions{display:flex;justify-content:space-between;gap:20px;max-width:1000px;margin:0 auto;padding:25px 0}.web-actions a{display:inline-flex;align-items:center;min-height:44px;color:#f1d3a3;font:600 17px/1.2 Cormorant,Georgia,serif}@keyframes web-current{to{stroke-dashoffset:-48}}@keyframes web-node-in{0%{opacity:0;transform:translate(-50%,-42%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:700px){.chatbot-web{padding:72px 18px 30px;overflow:visible}.chatbot-web-intro h1{font-size:clamp(34px,10vw,45px)}.chatbot-web-intro>p:last-child{font-size:20px}.web-stage{width:100%;aspect-ratio:auto;margin-top:38px;padding:112px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.web-lines{inset:0 auto auto 50%;width:245px;height:245px;transform:translate(-50%)}.web-core{top:0;width:104px;transform:translate(-50%,56px)}.web-node{position:relative;left:auto;top:auto;width:auto;min-height:118px;transform:none;padding:22px 12px 15px;border-radius:70px}.web-node h2{font-size:21px}.web-node p{font-size:11px}.web-result{margin-top:32px;display:grid;gap:8px;font-size:18px}.web-actions{padding-bottom:max(22px,env(safe-area-inset-bottom))}@keyframes web-node-mobile{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){.web-lines line,.web-node{animation:none}}.soil-intro .site-service-note{font:10px/1.6 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0 auto 22px;color:#d3bb8e}.soil-links{flex-wrap:wrap}.studio-navigation{display:flex;align-items:center;gap:24px;margin-left:auto;font:13px/1.4 Arial,sans-serif;color:#f1dfbd}.studio-navigation a{display:flex;align-items:center;min-height:44px;white-space:nowrap}.studio-navigation a:hover,.studio-navigation a[aria-current=page]{color:#f7d197;text-decoration:underline;text-underline-offset:7px}.masthead .studio-note{margin-left:10px;margin-right:12px;font-size:14px;letter-spacing:.02em}.masthead .header-date{display:none}.studio-menu{display:none;position:relative;margin-left:auto;color:#f1dfbd;font:14px/1.4 Arial,sans-serif}.studio-menu summary{display:flex;align-items:center;gap:18px;min-height:44px;cursor:pointer;list-style:none}.studio-menu summary::-webkit-details-marker{display:none}.studio-menu nav{position:absolute;right:0;top:calc(100% + 12px);width:220px;padding:12px 18px;background:#13221b;border:1px solid #b8a77c55;box-shadow:0 20px 60px #0006}.studio-menu nav a{display:block;padding:14px 0;border-bottom:1px solid #f4e2bd20}.studio-menu nav a:last-child{border:0}.mobile-head .mobile-services-link{display:flex;align-items:center;gap:18px;min-height:44px;color:#f6e5c4;font:13px/1.4 Arial,sans-serif;text-shadow:0 2px 9px #000;background:#10221888;padding:0 14px;border:1px solid #f1d6a640;border-radius:24px;pointer-events:auto}.home-copy .home-lead-desktop{font-size:clamp(17px,1.2vw,21px);line-height:1.45}.home-copy h1 em{color:#f0c49d}#services.studio-guide{width:100%;max-width:1280px;margin:0 auto;padding:76px 48px 0;color:#efe8d8;background:radial-gradient(ellipse at 8% 10%,#bd92610c,transparent 45%);font:16px/1.65 Arial,sans-serif}.guide-eyebrow{margin:0 0 22px;color:#bca880;font:11px/1.6 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.studio-guide h1,.studio-guide h2{font-family:Prata,Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.13;color:#f3e9d1}.studio-guide h1{font-size:clamp(40px,4.8vw,68px);margin:0}.studio-guide h2{font-size:clamp(29px,3.1vw,43px);margin:0 0 24px}.studio-guide h1 em,.studio-guide h2 em{font-family:Cormorant,Georgia,serif;letter-spacing:-.02em;color:#d7b891;font-weight:400}.studio-guide h3{font-size:15px;font-weight:500;color:#f5ead5;margin:0 0 12px}.studio-guide p{color:#c5c8bb}.studio-guide .guide-eyebrow{color:#bca880}.guide-intro{display:grid;grid-template-columns:1.1fr 1fr;column-gap:80px;padding-bottom:60px;border-bottom:1px solid #d6bc832b}.guide-intro>.guide-eyebrow{grid-column:1/-1}.guide-intro-copy{align-self:end;padding-bottom:3px}.guide-intro-copy p{font-size:18px;line-height:1.65;margin:0 0 26px;max-width:40ch}.guide-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;color:#e5c18e;font:14px/1.5 Arial,sans-serif;border-bottom:1px solid #ccaf7966;padding:5px 0;text-decoration:none}.guide-link:hover{color:#fff0d0;border-color:#fff0d0}.guide-services{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:64px 0 80px}.guide-selector h2{font-size:30px}.guide-options{display:grid;margin-top:32px}.guide-options button{display:grid;grid-template-columns:26px 1fr 16px;gap:12px;align-items:center;text-align:left;border:0;border-bottom:1px solid #d6bc8330;border-radius:0;background:transparent;padding:23px 12px;color:#a9b1a5;min-height:92px;transition:background .2s,color .2s}.guide-options button[aria-pressed=true]{background:linear-gradient(90deg,#e8c18615,transparent);color:#f0d5a8;border-left:2px solid #d6b47e;padding-left:10px}.guide-options button:hover{background:#e8c1860c}.guide-number{align-self:start;padding-top:4px;font-size:10px;color:#ba9c6e}.guide-options strong{display:block;font-family:Cormorant,Georgia,serif;font-size:25px;font-weight:500;line-height:1.2}.guide-options small{display:block;margin-top:8px;font-size:12px;line-height:1.5;color:#aab5a9}.guide-explanation{min-width:0;padding:32px 36px;background:#1b2b22;border:1px solid #d6bc832b;border-radius:3px}.guide-explanation>.guide-eyebrow{font-size:10px;letter-spacing:.08em}.guide-explanation h2{font-size:clamp(28px,2.8vw,39px);max-width:19ch;line-height:1.17}.guide-description{margin:0 0 25px;line-height:1.65;font-size:15px}.guide-explanation ul{list-style:none;padding:0;margin:0 0 26px}.guide-explanation li{position:relative;padding:7px 0 7px 20px;color:#cad0c2;font-size:13px;line-height:1.55}.guide-explanation ul li:before{content:"\2022";position:absolute;left:0;color:#cda86f}.guide-example{padding:22px 0 18px;border-top:1px solid #d6bc832b;border-bottom:1px solid #d6bc832b;margin-bottom:20px}.guide-example .guide-eyebrow{margin:0 0 12px;font-size:10px}.guide-example ol{padding:0;margin:0;list-style:none}.guide-example li{display:flex;gap:14px;align-items:baseline;padding-left:0;font-size:12px}.guide-example li span{font-size:10px;color:#b99c70}.guide-case{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;border-top:1px solid #d6bc832b;padding:70px 0}.guide-case p{font-size:15px;max-width:35ch}.guide-case .guide-case-scope{color:#bca880;font-size:11px;margin:24px 0 10px;letter-spacing:.04em}.guide-case-image{display:block;background:#f5f2e9;border:1px solid #b1b09d40;overflow:hidden;box-shadow:0 24px 60px #050e0a44}.guide-case-image img{width:100%;height:auto;aspect-ratio:1348/926;object-fit:cover;object-position:top}.guide-case-image>span{display:flex;justify-content:space-between;gap:20px;padding:16px 20px;background:#213127;color:#e4d7bc;font-size:10px;letter-spacing:.1em}.guide-case-image b{font-size:18px;font-weight:400}.guide-process{padding:70px 0;border-top:1px solid #d6bc832b}.guide-process>ol{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;padding:0;margin:42px 0}.guide-process>ol>li{border-top:1px solid #d6bc8350;padding-top:20px}.guide-process>ol>li>span{font-size:12px;color:#cba879}.guide-process h3{font-family:Cormorant,Georgia,serif;font-size:26px;margin:15px 0 8px}.guide-process>ol p{font-size:13px;line-height:1.7;margin:0}.guide-budget{display:flex;gap:40px;align-items:center;justify-content:space-between;padding:24px 30px;background:#cfad7610;border-left:2px solid #c0a071}.guide-budget>div{max-width:60ch}.guide-budget h3{margin:0 0 8px;font-size:26px}.guide-budget p{font-size:13px;margin:0}.guide-budget>.guide-link{flex-shrink:0;font-size:12px;gap:8px}.guide-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:66px 0;border-top:1px solid #d6bc832b}.guide-faq details{border-bottom:1px solid #d6bc8338;padding:0}.guide-faq summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 0;cursor:pointer;list-style:none;color:#e6e4d4;font-size:15px;line-height:1.5}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary span{color:#ddba80;font-size:23px;font-weight:300;transition:transform .2s}.guide-faq details[open] summary span{transform:rotate(45deg)}.guide-faq details p{margin:0 0 25px;max-width:65ch;font-size:14px;line-height:1.7}.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:64px 0 75px;border-top:1px solid #d6bc832b}.guide-footer h2{margin-bottom:15px}.guide-footer p:not(.guide-eyebrow){font-size:14px;margin:0;max-width:40ch}.guide-footer>div:last-child{display:grid;gap:16px;justify-items:start}.guide-contact{padding:18px 26px;background:#e0c69c;color:#16221a;font-size:14px;min-height:54px;border-radius:2px}.guide-phone{color:#e2cfac;font-family:Cormorant,Georgia,serif;font-size:25px}.guide-home{color:#a8b2a5;font-size:12px;min-height:44px;display:inline-flex;align-items:center}.studio-guide a:focus-visible,.studio-guide button:focus-visible,.studio-guide summary:focus-visible,.studio-menu summary:focus-visible{outline:2px solid #e4c58c;outline-offset:5px}@media(max-width:1100px){.masthead .studio-note{display:none}.guide-intro,.guide-services,.guide-case,.guide-faq{column-gap:40px}.guide-budget{align-items:flex-start;flex-direction:column;gap:16px}}@media(max-width:900px){.studio-navigation{display:none}.studio-menu{display:block}.masthead .back-link{margin-left:0}.guide-intro{grid-template-columns:1fr}.guide-intro-copy{margin-top:25px}.guide-services{gap:26px;grid-template-columns:.9fr 1.1fr}.guide-explanation{padding:27px 22px}.guide-case,.guide-faq{gap:36px;grid-template-columns:1fr 1.15fr}.guide-process>ol{grid-template-columns:1fr 1fr;row-gap:28px}}@media(max-width:700px){#services.studio-guide{padding:38px 22px 0}.guide-intro{padding-bottom:34px}.studio-guide h1{font-size:43px!important}.guide-intro-copy p{font-size:16px;line-height:1.6}.guide-services{display:block;padding:36px 0 44px}.guide-selector h2{font-size:30px!important}.guide-options{margin-top:20px;grid-template-columns:1fr 1fr;gap:10px}.guide-options button{grid-template-columns:1fr 12px;gap:8px;min-height:132px;padding:15px 12px;border:1px solid #d6bc8338;align-items:start}.guide-options button[aria-pressed=true]{padding-left:11px}.guide-options .guide-number{display:none}.guide-options strong{font-size:23px}.guide-options small{font-size:11px;margin-top:8px}.guide-options button>span:last-child{font-size:14px}.guide-explanation{margin-top:22px;padding:26px 21px}.guide-explanation h2{font-size:30px!important}.guide-explanation>.guide-eyebrow{font-size:9px}.guide-description{font-size:14px}.guide-case,.guide-faq{display:block;padding:40px 0}.guide-case-image{margin-top:28px}.guide-process{padding:40px 0}.guide-process h2,.guide-faq h2,.guide-footer h2,.guide-case h2{font-size:32px!important}.guide-process>ol{gap:25px 18px;margin:30px 0}.guide-process>ol p{font-size:12px}.guide-process h3{font-size:24px}.guide-budget{padding:22px 20px}.guide-faq>div:first-child{margin-bottom:18px}.guide-faq summary{font-size:14px;padding:19px 0}.guide-faq details p{font-size:13px}.guide-footer{display:block;padding:40px 0}.guide-footer>div:last-child{margin-top:28px}.guide-footer .guide-contact{width:100%;text-align:center}}@media(max-width:350px){#services.studio-guide{padding-inline:18px}.studio-guide h1{font-size:35px!important}.guide-options strong{font-size:21px}.guide-options button{padding:13px 9px}.guide-explanation{padding:23px 18px}.guide-explanation h2{font-size:27px!important}}@media(prefers-reduced-motion:reduce){.guide-options button,.guide-faq summary span{transition:none}}



/* Убираем нижние секции, которые повторяют одну и ту же мысль или выглядят как статья. */
#chatbots .bot7-flow,
#chatbots .botl-proof,
#chatbots .bot5-compare,
#chatbots .bot7-portal{display:none!important}

/* Общий ритм: крупная типографика, мало текста, без декоративных карточек. */
#chatbots.lead-v10{--lead-paper:#eee2cf;--lead-gold:#d1a86e;--lead-muted:#a49b8e;--lead-deep:#0b130e}
#chatbots.lead-v10 .chatbot-web-intro{margin-bottom:28px!important}
#chatbots.lead-v10 .chatbot-web-intro .eyebrow{font-family:Cormorant,Georgia,serif!important;font-size:14px!important;letter-spacing:.11em!important;color:#bc945e!important}
#chatbots.lead-v10 .chatbot-web-intro h1{font-size:clamp(54px,6.3vw,92px)!important;line-height:.94!important;max-width:780px!important}
#chatbots.lead-v10 .chatbot-web-intro>p:last-of-type{font-family:Cormorant,Georgia,serif!important;font-size:clamp(20px,1.75vw,27px)!important;line-height:1.36!important;color:#b6ad9f!important;max-width:560px!important}

#chatbots .lead-actions{grid-column:2;grid-row:4;display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:12px;align-self:start}
#chatbots .lead-primary{appearance:none;border:0;background:#c2a16f;color:#132018;min-height:58px;padding:0 28px;font:600 20px/1 Cormorant,Georgia,serif;cursor:pointer;transition:transform .25s ease,background .25s ease}
#chatbots .lead-primary:hover{transform:translateY(-2px);background:#d1b27d}
#chatbots .lead-secondary{appearance:none;border:0;background:none;color:#bcae9a;padding:12px 0;font:500 18px/1 Cormorant,Georgia,serif;cursor:pointer}
#chatbots .lead-secondary:hover{color:#e3d2b8}
#chatbots .lead-micro{grid-column:2;grid-row:5;margin:0;color:#7f786e;font:15px/1.35 Cormorant,Georgia,serif}

/* Почему это нужно бизнесу — три больших тезиса вместо длинных абзацев. */
#chatbots .lead-outcomes{width:min(1240px,100%);margin:30px auto 74px;padding:30px 0 0;position:relative}
#chatbots .lead-kicker{display:block;color:#b58e58;font:600 14px/1 Cormorant,Georgia,serif;letter-spacing:.11em;text-transform:uppercase}
#chatbots .lead-outcomes h2{margin:16px 0 44px!important;max-width:980px;color:var(--lead-paper);font:400 clamp(42px,5.4vw,76px)/.98 Prata,Georgia,serif!important;letter-spacing:-.045em}
#chatbots .lead-outcomes h2 em{font-family:Cormorant,Georgia,serif!important;font-style:italic;color:var(--lead-gold)!important}
#chatbots .lead-outcome-list{display:grid;gap:26px}
#chatbots .lead-outcome{display:grid;grid-template-columns:minmax(78px,.16fr) 1fr minmax(260px,.68fr);gap:clamp(22px,4vw,64px);align-items:baseline;padding:5px 0;opacity:.42;transform:translateY(18px);transition:opacity .55s ease,transform .65s cubic-bezier(.16,1,.3,1)}
#chatbots .lead-outcome.is-visible{opacity:1;transform:none}
#chatbots .lead-outcome .n{font:400 clamp(38px,4.5vw,70px)/1 Cormorant,Georgia,serif;color:rgba(201,157,96,.42)}
#chatbots .lead-outcome strong{font:500 clamp(34px,4.1vw,62px)/.95 Cormorant,Georgia,serif;color:#dfd3c1;letter-spacing:-.025em}
#chatbots .lead-outcome p{margin:0;font:500 clamp(17px,1.45vw,22px)/1.38 Cormorant,Georgia,serif;color:#9b9387;max-width:420px}

/* Чёткая подводка к интерактивной демонстрации. */
#chatbots .lead-demo-intro{width:min(1240px,100%);margin:48px auto 22px;display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(28px,7vw,110px);align-items:end}
#chatbots .lead-demo-intro h2{margin:14px 0 0!important;color:var(--lead-paper);font:400 clamp(42px,5vw,68px)/.98 Prata,Georgia,serif!important;letter-spacing:-.04em}
#chatbots .lead-demo-intro h2 em{font-family:Cormorant,Georgia,serif!important;font-style:italic;color:var(--lead-gold)!important}
#chatbots .lead-demo-intro p{margin:0;font:500 clamp(19px,1.55vw,24px)/1.38 Cormorant,Georgia,serif;color:#a39a8d;max-width:580px}

/* Интерактивное меню: сохраняем функциональность, но ещё сильнее визуально подчёркиваем сценарий. */
#chatbots .botl-stage{margin-top:0!important;margin-bottom:64px!important}
#chatbots .botl-menu-kicker{font-size:14px!important;color:#a9895b!important}
#chatbots .botl-item strong{font-size:clamp(27px,2.3vw,34px)!important}
#chatbots .botl-item small{font-size:15px!important;color:#938b80!important}
#chatbots .botl-show h2{font-size:clamp(42px,4.6vw,64px)!important}
#chatbots .botl-show-copy>p{font-size:21px!important;line-height:1.36!important;max-width:690px!important}
#chatbots .botl-channel{font-size:15px!important}
#chatbots .botl-msg{font-size:18px!important;line-height:1.38!important}
#chatbots .botl-chat-head strong{font-size:23px!important}
#chatbots .botl-chat-head small,#chatbots .botl-online{font-size:12px!important}
#chatbots .botl-logic-kicker{font-size:13px!important;color:#a9895b!important}
#chatbots .botl-step strong{font-size:24px!important}
#chatbots .botl-step small{font-size:15px!important;line-height:1.3!important}
#chatbots .botl-result strong{font-size:31px!important}
#chatbots .botl-result p{font-size:16px!important}

/* Попробовать на своём бизнесе — главный вовлекающий блок. */
#chatbots .bot5-exp{width:min(1240px,100%);margin:54px auto 0!important}
#chatbots .bot5-try{min-height:520px!important;background:radial-gradient(circle at 78% 35%,rgba(125,43,47,.11),transparent 35%),linear-gradient(120deg,rgba(19,30,23,.58),rgba(9,15,11,.12))!important}
#chatbots .bot5-try-copy{padding:clamp(36px,5vw,64px) clamp(22px,4vw,52px)!important}
#chatbots .bot5-kicker{font:600 14px/1 Cormorant,Georgia,serif!important;letter-spacing:.1em!important;color:#b58e58!important}
#chatbots .bot5-try h3{font-size:clamp(46px,5.2vw,70px)!important;line-height:.94!important}
#chatbots .bot5-try-copy>p{font-size:21px!important;line-height:1.38!important;color:#aaa194!important;max-width:520px!important}
#chatbots .bot5-input{font-family:Cormorant,Georgia,serif!important;font-size:20px!important;padding-left:0!important}
#chatbots .bot5-go{font:600 18px/1 Cormorant,Georgia,serif!important}
#chatbots .bot5-chip{font:500 15px/1 Cormorant,Georgia,serif!important;border-radius:0!important;background:transparent!important;padding:8px 0!important;margin-right:18px!important}
#chatbots .bot5-chip.active,#chatbots .bot5-chip:hover{background:transparent!important;color:#e2bc82!important;font-style:italic}
#chatbots .bot5-note{font:500 14px/1.35 Cormorant,Georgia,serif!important;color:#716b63!important}
#chatbots .bot5-demo{padding:clamp(34px,5vw,58px)!important}
#chatbots .bot5-demo-head strong{font-size:22px!important}
#chatbots .bot5-demo-head small,#chatbots .bot5-live{font-family:Cormorant,Georgia,serif!important;font-size:12px!important}
#chatbots .bot5-msg{font-family:Cormorant,Georgia,serif!important;font-size:18px!important;line-height:1.38!important;border-radius:8px!important}
#chatbots .bot5-msg small{font-family:Cormorant,Georgia,serif!important;font-size:11px!important}
#chatbots .bot5-result span{font-family:Cormorant,Georgia,serif!important;font-size:12px!important}
#chatbots .bot5-result strong{font-size:27px!important}
#chatbots .bot5-result b{font-family:Cormorant,Georgia,serif!important;font-size:16px!important}

/* Интеграции — как большая типографическая лента, а не сетка карточек. */
#chatbots .lead-connect{width:100vw;margin:92px 0 0 calc(50% - 50vw);padding:52px 0 58px;overflow:hidden;background:radial-gradient(circle at 80% 50%,rgba(119,39,44,.08),transparent 28%)}
#chatbots .lead-connect-head{width:min(1240px,calc(100% - 48px));margin:0 auto 34px;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,7vw,100px);align-items:end}
#chatbots .lead-connect-head h2{margin:14px 0 0!important;color:var(--lead-paper);font:400 clamp(40px,4.8vw,66px)/.98 Prata,Georgia,serif!important;letter-spacing:-.04em}
#chatbots .lead-connect-head p{margin:0;font:500 clamp(19px,1.5vw,23px)/1.38 Cormorant,Georgia,serif;color:#a1988b;max-width:600px}
#chatbots .lead-marquee{display:flex;width:max-content;will-change:transform;animation:leadMarquee 28s linear infinite}
#chatbots .lead-marquee.reverse{margin-top:14px;animation-direction:reverse;animation-duration:34s}
#chatbots .lead-marquee span{display:inline-flex;align-items:center;white-space:nowrap;padding-right:.42em;font:400 clamp(42px,5.8vw,86px)/.96 Cormorant,Georgia,serif;color:#716f67;letter-spacing:-.035em}
#chatbots .lead-marquee span b{font-weight:500;color:#d6c7b1}
#chatbots .lead-marquee.reverse span{font-style:italic;color:#a68058}
@keyframes leadMarquee{to{transform:translateX(-50%)}}

/* Внедрение — три шага, каждый считывается за секунду. */
#chatbots .lead-launch{width:min(1240px,100%);margin:86px auto 0;padding:0 0 50px}
#chatbots .lead-launch-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(30px,7vw,105px);align-items:end;margin-bottom:42px}
#chatbots .lead-launch-head h2{margin:14px 0 0!important;color:var(--lead-paper);font:400 clamp(42px,5vw,68px)/.98 Prata,Georgia,serif!important;letter-spacing:-.04em}
#chatbots .lead-launch-head p{margin:0;font:500 clamp(19px,1.5vw,23px)/1.38 Cormorant,Georgia,serif;color:#a1988b;max-width:600px}
#chatbots .lead-launch-list{display:grid;gap:18px}
#chatbots .lead-launch-step{display:grid;grid-template-columns:minmax(72px,.16fr) 1fr minmax(260px,.72fr);gap:clamp(20px,4vw,64px);align-items:baseline;padding:8px 0;opacity:.4;transform:translateX(-18px);transition:opacity .55s ease,transform .65s cubic-bezier(.16,1,.3,1)}
#chatbots .lead-launch-step.is-visible{opacity:1;transform:none}
#chatbots .lead-launch-step .n{font:400 clamp(34px,4vw,58px)/1 Cormorant,Georgia,serif;color:rgba(201,157,96,.42)}
#chatbots .lead-launch-step strong{font:500 clamp(31px,3.5vw,52px)/1 Cormorant,Georgia,serif;color:#dbcfbd}
#chatbots .lead-launch-step p{margin:0;font:500 clamp(17px,1.35vw,21px)/1.38 Cormorant,Georgia,serif;color:#948c80;max-width:430px}

/* Финальный CTA — один понятный следующий шаг. */
#chatbots .lead-final{width:min(1240px,100%);margin:42px auto 72px;padding:clamp(54px,8vw,100px) 0;text-align:center;position:relative}
#chatbots .lead-final:before{content:"";position:absolute;inset:10% 8%;background:radial-gradient(ellipse at center,rgba(133,44,48,.13),transparent 66%);pointer-events:none}
#chatbots .lead-final>*{position:relative;z-index:1}
#chatbots .lead-final h2{max-width:1000px;margin:14px auto 24px!important;color:var(--lead-paper);font:400 clamp(48px,6vw,88px)/.94 Prata,Georgia,serif!important;letter-spacing:-.05em}
#chatbots .lead-final h2 em{font-family:Cormorant,Georgia,serif!important;font-style:italic;color:var(--lead-gold)!important}
#chatbots .lead-final p{max-width:680px;margin:0 auto 30px;font:500 clamp(20px,1.65vw,25px)/1.38 Cormorant,Georgia,serif;color:#a69d90}
#chatbots .lead-final .lead-primary{font-size:22px;min-height:62px;padding-inline:34px}

@media(max-width:900px){
 #chatbots .lead-actions,#chatbots .lead-micro{grid-column:1!important;grid-row:auto!important}
 #chatbots .lead-outcome,#chatbots .lead-launch-step{grid-template-columns:64px 1fr}.lead-outcome p,.lead-launch-step p{grid-column:2}
 #chatbots .lead-demo-intro,#chatbots .lead-connect-head,#chatbots .lead-launch-head{grid-template-columns:1fr;gap:18px}
 #chatbots .lead-connect-head{width:min(100% - 36px,1240px)}
}
@media(max-width:620px){
 #chatbots.lead-v10 .chatbot-web-intro h1{font-size:clamp(46px,13.2vw,64px)!important}
 #chatbots.lead-v10 .chatbot-web-intro>p:last-of-type{font-size:20px!important}
 #chatbots .lead-actions{gap:14px;margin-top:4px}
 #chatbots .lead-primary{min-height:54px;padding:0 22px;font-size:19px}
 #chatbots .lead-secondary{font-size:17px}
 #chatbots .lead-outcomes{margin-top:22px;margin-bottom:54px}
 #chatbots .lead-outcomes h2{font-size:clamp(40px,12vw,58px)!important;margin-bottom:34px!important}
 #chatbots .lead-outcome{grid-template-columns:46px 1fr;gap:16px;padding:8px 0}
 #chatbots .lead-outcome .n{font-size:34px}.lead-outcome strong{font-size:34px!important}.lead-outcome p{font-size:18px!important}
 #chatbots .lead-demo-intro{margin-top:36px}.lead-demo-intro h2{font-size:43px!important}.lead-demo-intro p{font-size:19px!important}
 #chatbots .botl-item small{font-size:13px!important}.botl-show-copy>p{font-size:18px!important}.botl-msg{font-size:16px!important}
 #chatbots .bot5-try h3{font-size:45px!important}.bot5-try-copy>p{font-size:19px!important}
 #chatbots .lead-connect{margin-top:62px;padding-top:42px}.lead-connect-head h2{font-size:43px!important}.lead-connect-head p{font-size:19px!important}
 #chatbots .lead-marquee span{font-size:50px!important}
 #chatbots .lead-launch{margin-top:62px}.lead-launch-head h2{font-size:43px!important}.lead-launch-head p{font-size:19px!important}
 #chatbots .lead-launch-step{grid-template-columns:46px 1fr;gap:16px}.lead-launch-step .n{font-size:32px}.lead-launch-step strong{font-size:32px!important}.lead-launch-step p{font-size:18px!important}
 #chatbots .lead-final{margin-top:18px;padding:62px 0}.lead-final h2{font-size:clamp(45px,13vw,64px)!important}.lead-final p{font-size:19px!important}
}
@media(prefers-reduced-motion:reduce){
 #chatbots .lead-marquee{animation:none!important;transform:none!important}
 #chatbots .lead-outcome,#chatbots .lead-launch-step{opacity:1!important;transform:none!important}
}



/* V13 — readable editorial light field. No cards, no extra dividers. */
#chatbots.lead-v10{
  --v13-paper:#f0e4cf;
  --v13-body:#c8bdad;
  --v13-muted:#a99f91;
  --v13-gold:#d7ae70;
  --v13-wine:#7f3a40;
}

/* Raise contrast globally inside the chatbot story without flattening the hierarchy. */
#chatbots.lead-v10 h1,
#chatbots.lead-v10 h2,
#chatbots.lead-v10 h3,
#chatbots.lead-v10 .lead-outcome strong,
#chatbots.lead-v10 .lead-launch-step strong,
#chatbots.lead-v10 .botl-step strong,
#chatbots.lead-v10 .botl-result strong,
#chatbots.lead-v10 .botl-msg{
  color:var(--v13-paper)!important;
  text-shadow:0 2px 22px rgba(0,0,0,.28);
}
#chatbots.lead-v10 p,
#chatbots.lead-v10 .lead-hero-copy,
#chatbots.lead-v10 .lead-outcome p,
#chatbots.lead-v10 .lead-launch-step p,
#chatbots.lead-v10 .lead-demo-intro>p,
#chatbots.lead-v10 .lead-connect-head>p,
#chatbots.lead-v10 .lead-launch-head>p,
#chatbots.lead-v10 .lead-final>p,
#chatbots.lead-v10 .botl-show-copy>p,
#chatbots.lead-v10 .botl-step small,
#chatbots.lead-v10 .botl-result p{
  color:var(--v13-body)!important;
}
#chatbots.lead-v10 .lead-micro,
#chatbots.lead-v10 .botl-result span,
#chatbots.lead-v10 .botl-logic-kicker{
  color:var(--v13-muted)!important;
}
#chatbots.lead-v10 em,
#chatbots.lead-v10 .botl-item[aria-selected="true"] strong,
#chatbots.lead-v10 .lead-kicker,
#chatbots.lead-v10 .botl-menu-kicker{
  color:var(--v13-gold)!important;
}

/* Ambient light appears as part of the page, not as a box behind text. */
#chatbots.lead-v10 .v13-light-scene{
  position:relative!important;
  isolation:isolate;
  --v13-x:34%;
  --v13-y:48%;
  --v13-gold-alpha:.105;
  --v13-wine-alpha:.07;
}
#chatbots.lead-v10 .v13-light-scene::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:-10% -6%;
  background:
    radial-gradient(ellipse 44% 42% at var(--v13-x) var(--v13-y), rgba(215,174,112,var(--v13-gold-alpha)) 0%, rgba(215,174,112,.04) 34%, transparent 72%),
    radial-gradient(ellipse 30% 34% at calc(100% - var(--v13-x)) calc(100% - var(--v13-y)), rgba(127,58,64,var(--v13-wine-alpha)) 0%, transparent 72%);
  filter:blur(26px);
  opacity:.34;
  transform:scale(.96);
  transition:opacity .75s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),filter .8s ease;
}
#chatbots.lead-v10 .v13-light-scene.is-lit::before{
  opacity:1;
  transform:scale(1.035);
  filter:blur(18px);
}
#chatbots.lead-v10 .lead-outcomes{--v13-x:28%;--v13-y:42%;--v13-gold-alpha:.12;--v13-wine-alpha:.055}
#chatbots.lead-v10 .lead-demo-intro{--v13-x:67%;--v13-y:50%;--v13-gold-alpha:.09;--v13-wine-alpha:.10}
#chatbots.lead-v10 .botl-stage{--v13-x:52%;--v13-y:48%;--v13-gold-alpha:.085;--v13-wine-alpha:.085}
#chatbots.lead-v10 .bot5-try{--v13-x:24%;--v13-y:56%;--v13-gold-alpha:.12;--v13-wine-alpha:.065}
#chatbots.lead-v10 .lead-connect{--v13-x:64%;--v13-y:42%;--v13-gold-alpha:.09;--v13-wine-alpha:.095}
#chatbots.lead-v10 .lead-launch{--v13-x:31%;--v13-y:55%;--v13-gold-alpha:.11;--v13-wine-alpha:.06}
#chatbots.lead-v10 .lead-final{--v13-x:55%;--v13-y:48%;--v13-gold-alpha:.13;--v13-wine-alpha:.09}

/* Editorial brush highlight on the important italic words. */
#chatbots.lead-v10 .lead-outcomes h2 em,
#chatbots.lead-v10 .lead-demo-intro h2 em,
#chatbots.lead-v10 .lead-connect h2 em,
#chatbots.lead-v10 .lead-launch h2 em,
#chatbots.lead-v10 .lead-final h2 em{
  position:relative;
  z-index:0;
  display:inline;
  text-decoration:none!important;
  text-shadow:0 4px 24px rgba(0,0,0,.24);
}
#chatbots.lead-v10 .lead-outcomes h2 em::after,
#chatbots.lead-v10 .lead-demo-intro h2 em::after,
#chatbots.lead-v10 .lead-connect h2 em::after,
#chatbots.lead-v10 .lead-launch h2 em::after,
#chatbots.lead-v10 .lead-final h2 em::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-.08em;
  right:-.06em;
  bottom:.06em;
  height:.27em;
  background:linear-gradient(90deg,rgba(127,58,64,.12),rgba(127,58,64,.48) 24%,rgba(198,151,84,.28) 72%,rgba(198,151,84,.04));
  transform:skewX(-7deg) scaleX(.18);
  transform-origin:left center;
  opacity:.15;
  filter:blur(.2px);
  transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .7s ease;
}
#chatbots.lead-v10 .is-lit h2 em::after{transform:skewX(-7deg) scaleX(1);opacity:1}

/* Make explanatory copy feel intentionally placed, not faded-out filler. */
#chatbots.lead-v10 .lead-outcome p,
#chatbots.lead-v10 .lead-launch-step p{
  font-size:clamp(17px,1.22vw,20px)!important;
  line-height:1.45!important;
  max-width:560px;
}
#chatbots.lead-v10 .botl-step small{font-size:17px!important;line-height:1.35!important}
#chatbots.lead-v10 .botl-result p{font-size:18px!important}

/* The live demo was especially dark: illuminate the conversation, not the container. */
#chatbots.lead-v10 .botl-live{position:relative!important}
#chatbots.lead-v10 .botl-live::before{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
  inset:5% 37% 7% -4%;
  background:radial-gradient(ellipse at 45% 48%,rgba(203,176,122,.09),rgba(26,49,35,.08) 48%,transparent 74%);
  filter:blur(18px);
}
#chatbots.lead-v10 .botl-msg{
  border-color:rgba(215,174,112,.16)!important;
  background:rgba(35,48,38,.50)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.10)!important;
}
#chatbots.lead-v10 .botl-msg.bot,
#chatbots.lead-v10 .botl-msg:nth-child(even){background:rgba(20,30,24,.56)!important}

/* Give the hero copy a soft local halo while leaving the artwork untouched. */
#chatbots.lead-v10 .lead-right{position:relative!important;isolation:isolate}
#chatbots.lead-v10 .lead-right::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  left:-15%;right:-8%;bottom:-10%;height:52%;
  background:radial-gradient(ellipse at 38% 52%,rgba(215,174,112,.10),transparent 62%);
  filter:blur(22px);
}

@media(max-width:760px){
  #chatbots.lead-v10 .v13-light-scene::before{inset:-4% -18%;filter:blur(20px)}
  #chatbots.lead-v10 .v13-light-scene.is-lit::before{filter:blur(15px)}
  #chatbots.lead-v10 .lead-outcome p,
  #chatbots.lead-v10 .lead-launch-step p{font-size:18px!important}
  #chatbots.lead-v10 .botl-step small{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){
  #chatbots.lead-v10 .v13-light-scene::before,
  #chatbots.lead-v10 h2 em::after{transition:none!important;transform:none!important;opacity:.85!important}
}



/* GIFS FINAL PASS — publish-ready polish */
:root{--final-paper:#f2ead9;--final-muted:#c9c0ae;--final-gold:#d7b77c;--final-red:#7b2b31;--final-green:#16241b}

/* Do not touch orchard/sites/chatbots composition; only normalize readability elsewhere. */
#ai,#content,#approach,#case,#contact,#services{color:var(--final-paper)}
#ai .editorial::before,#content.editorial::before,#approach.editorial::before,#case.editorial::before{display:none!important}
#ai .service-composition::after,#approach .service-composition::after{display:none!important}
#ai .lede,#content .lede,#approach .lede,#case .lede{color:#d7cfbe!important;font-size:clamp(21px,2.05vw,28px)!important;line-height:1.42!important}
#ai .section-intro h1,#content .section-intro h1,#approach .section-intro h1,#case .section-intro h1{color:#f2ecdf}
#ai .section-intro em,#content .section-intro em,#approach .section-intro em,#case .section-intro em{color:#d5aa72}
#ai .eyebrow,#content .eyebrow,#approach .eyebrow,#case .eyebrow,#contact .eyebrow{font-family:Cormorant,Georgia,serif!important;font-size:13px!important;font-weight:600!important;letter-spacing:.12em!important;color:#c6a66c!important}

/* ---------- AI / automation ---------- */
#ai{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(112,38,39,.16),transparent 30%),radial-gradient(circle at 15% 78%,rgba(177,147,86,.08),transparent 30%),#111b15!important}
#ai .section-intro{max-width:880px;margin-bottom:clamp(38px,5vw,78px)}
#ai .section-intro h1{font-size:clamp(54px,7.1vw,108px)!important;line-height:.98!important;max-width:10ch}
#ai .section-intro .lede{max-width:720px;margin-top:28px}
#ai .ai-forest-layer{opacity:.84}
#ai .ai-mushroom-main{opacity:.42!important}
#ai .ai-mushroom-flat,#ai .ai-mushroom-cap{opacity:.1!important}
.final-ai-signal{position:relative;z-index:4;margin:0 calc(var(--gutter)*-1) clamp(62px,8vw,120px);overflow:hidden;padding:18px 0 28px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.final-ai-signal .signal-row{width:max-content;white-space:nowrap;font:500 clamp(44px,7vw,108px)/.93 Cormorant,Georgia,serif;letter-spacing:-.035em;color:#e5dccb;transform:translateX(calc((var(--motion,0) - .5)*-9vw));will-change:transform}
.final-ai-signal .signal-row:nth-child(2){margin-top:8px;font-style:italic;color:#a77855;transform:translateX(calc((var(--motion,0) - .5)*8vw))}
.final-ai-signal i{font-style:normal;color:#6f3435;padding:0 .18em}
#ai .service-composition{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:clamp(55px,8vw,125px)!important;align-items:start!important;margin:0 0 clamp(80px,10vw,140px)!important}
#ai .process-art{border:0!important;padding:0!important;background:none!important;box-shadow:none!important}
#ai .process-art>.eyebrow{margin-bottom:30px}
#ai .process-chain{display:grid!important;gap:0!important;margin:0!important}
#ai .process-chain li{border:0!important;padding:26px 0 30px!important;display:grid!important;grid-template-columns:92px 1fr!important;column-gap:20px!important;align-items:start!important;position:relative!important}
#ai .process-chain li::before{display:none!important}
#ai .process-chain li::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(214,181,119,.35),transparent 82%)}
#ai .process-chain small{grid-column:1;font:italic 600 17px/1 Cormorant,Georgia,serif!important;color:#a87d4d!important;letter-spacing:.04em!important}
#ai .process-chain strong{grid-column:2;font:500 clamp(31px,3.1vw,48px)/.98 Cormorant,Georgia,serif!important;margin:0 0 7px!important;color:#f0e7d6!important}
#ai .process-chain span{grid-column:2;font:500 18px/1.35 Cormorant,Georgia,serif!important;color:#bfb5a4!important}
#ai .service-text>.eyebrow{margin-bottom:16px}
#ai .service-text>h2{font:500 clamp(43px,5vw,72px)/.98 Cormorant,Georgia,serif!important;margin:0 0 32px!important;color:#eee5d4}
#ai .detail-row{grid-template-columns:45px 1fr!important;border:0!important;padding:22px 0!important;position:relative}
#ai .detail-row::after{content:"";position:absolute;left:45px;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(211,178,116,.22),transparent)}
#ai .detail-row>span{font:italic 600 18px/1 Cormorant,Georgia,serif!important;color:#a8794e!important;padding-top:5px!important}
#ai .detail-row h3{font:500 clamp(27px,2.3vw,36px)/1.05 Cormorant,Georgia,serif!important;color:#f0e8d9!important}
#ai .detail-row p{font:500 18px/1.42 Cormorant,Georgia,serif!important;color:#bfb6a7!important;max-width:510px!important;margin-top:8px!important}
#ai .text-action{font-size:24px!important;margin-top:34px!important}

/* ---------- Content ---------- */
#content{background:radial-gradient(circle at 88% 20%,rgba(128,35,38,.17),transparent 34%),radial-gradient(circle at 8% 70%,rgba(191,157,91,.07),transparent 34%),#121b16!important}
#content .content-hero-grid{align-items:center!important;gap:clamp(40px,7vw,110px)!important;margin-bottom:48px!important}
#content .content-intro h1{font-size:clamp(52px,6.3vw,92px)!important;line-height:.98!important}
#content .content-intro .lede{max-width:620px;margin-top:24px}
#content .content-reel{border:0!important;background:linear-gradient(145deg,rgba(103,35,38,.38),rgba(15,28,20,.42))!important;box-shadow:0 32px 90px rgba(0,0,0,.3)!important}
#content .content-reel::before{opacity:.22!important}
.final-content-ribbon{margin:0 calc(var(--gutter)*-1) clamp(55px,7vw,100px);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.final-content-ribbon .ribbon-track{width:max-content;white-space:nowrap;font:italic 500 clamp(38px,5.8vw,80px)/1 Cormorant,Georgia,serif;color:#d5ad74;letter-spacing:-.025em;transform:translateX(calc((var(--motion,0) - .5)*-12vw));will-change:transform}
.final-content-ribbon b{font-weight:500;color:#ece3d4}.final-content-ribbon i{font-style:normal;color:#6c3234;padding:0 .22em}
#content .content-studio-shell{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)!important;border:0!important;margin-bottom:clamp(70px,8vw,110px)!important}
#content .content-format-list{border:0!important;padding-right:clamp(20px,3vw,44px)!important}
#content .content-format{border:0!important;padding:17px 0!important;grid-template-columns:38px 1fr!important;color:#b9af9f!important;background:none!important}
#content .content-format:hover,#content .content-format.active{padding-left:10px!important;color:#f0e7d6!important;background:none!important}
#content .content-format>span{font-size:16px!important;color:#a67d50!important}
#content .content-format b{font-size:clamp(26px,2.3vw,36px)!important;line-height:1!important}
#content .content-format small{grid-column:2!important;text-align:left!important;font:500 15px/1.2 Cormorant,Georgia,serif!important;text-transform:none!important;letter-spacing:0!important;color:#918a7d!important;margin-top:3px}
#content .content-format-detail{min-height:400px!important;padding:clamp(30px,4vw,60px)!important;background:radial-gradient(circle at 72% 22%,rgba(124,39,41,.18),transparent 34%)!important;border-left:1px solid rgba(212,179,116,.16)}
#content .content-format-detail h2{font-size:clamp(44px,5vw,72px)!important;line-height:.98!important}
#content .content-format-detail>p:not(.eyebrow){font:500 20px/1.46 Cormorant,Georgia,serif!important;color:#c9c0b0!important;max-width:660px}
#content .content-format-detail li{font:600 14px/1.25 Cormorant,Georgia,serif!important;text-transform:none!important;letter-spacing:.01em!important;color:#d8cfbf!important;border-color:rgba(211,179,118,.12)!important}
#content .content-production-grid{grid-template-columns:repeat(4,1fr)!important;border:0!important;margin-bottom:clamp(65px,8vw,105px)!important;gap:clamp(14px,2vw,32px)}
#content .content-production-grid article{border:0!important;padding:10px 0 0!important;min-height:200px!important;position:relative;background:none!important}
#content .content-production-grid article::before{content:attr(data-final-step);position:absolute;right:0;top:-18px;font:italic 500 clamp(62px,8vw,120px)/1 Cormorant,Georgia,serif;color:rgba(203,168,104,.08);pointer-events:none}
#content .content-production-grid span{font-size:16px!important;color:#a87e4e!important}
#content .content-production-grid h3{font-size:clamp(30px,2.7vw,42px)!important;margin:auto 0 12px!important;color:#eee5d6!important}
#content .content-production-grid p{font:500 17px/1.42 Cormorant,Georgia,serif!important;color:#bdb3a3!important;max-width:250px}
#content .content-price-band{grid-template-columns:.85fr 1.15fr auto!important;gap:clamp(30px,5vw,70px)!important;border:0!important;padding:clamp(30px,4vw,55px)!important;background:radial-gradient(circle at 18% 20%,rgba(170,132,70,.12),transparent 38%),linear-gradient(135deg,rgba(96,28,31,.17),rgba(20,30,23,.08));margin-bottom:70px!important}
#content .content-price-band h2{font-size:clamp(38px,4vw,58px)!important}
#content .content-price-band>p{font:500 18px/1.48 Cormorant,Georgia,serif!important;color:#c7bdad!important}
#content .content-cta{font:600 18px/1 Cormorant,Georgia,serif!important;text-transform:none!important;letter-spacing:0!important;min-height:56px!important;padding:0 24px!important}

/* ---------- Approach ---------- */
#approach{background:radial-gradient(circle at 70% 15%,rgba(169,135,76,.08),transparent 28%),radial-gradient(circle at 18% 82%,rgba(93,31,34,.12),transparent 32%),#111a15!important}
#approach .section-intro{max-width:900px;margin-bottom:38px}
#approach .section-intro h1{font-size:clamp(54px,7vw,102px)!important;line-height:.98!important;max-width:11ch}
#approach .automation-scope{display:none!important}
.final-approach-words{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,4vw,60px);margin:clamp(32px,5vw,72px) 0 clamp(55px,7vw,105px)}
.final-approach-words article{position:relative;min-height:150px;display:flex;align-items:flex-end;overflow:hidden}
.final-approach-words i{position:absolute;left:0;top:0;font:italic 600 17px/1 Cormorant,Georgia,serif;color:#9d774c}
.final-approach-words b{font:500 clamp(43px,5.5vw,78px)/.92 Cormorant,Georgia,serif;color:#e8dfcf;letter-spacing:-.035em}
.final-approach-words article:nth-child(2) b{color:#be8e62;font-style:italic}.final-approach-words article:nth-child(3) b{color:#d5c6ad}
#approach .scroll-note{font:italic 600 18px/1.2 Cormorant,Georgia,serif!important;color:#a98b61!important;margin:0 0 20px!important}
#approach .flight-story{grid-template-columns:48% 1fr!important;gap:8%!important;margin-top:0!important}
#approach .flight-stage{height:74svh!important;background:radial-gradient(circle at 50% 48%,rgba(185,148,78,.16),transparent 52%)!important}
#approach .orbit{opacity:.25!important}
#approach .flight-caption{font:600 14px/1 Cormorant,Georgia,serif!important;letter-spacing:.08em!important;color:#9d8763!important}
#approach .flight-counter{font-size:58px!important;color:#b88e57!important}
#approach .flight-chapter{min-height:74svh!important;padding:70px 0!important}
#approach .flight-chapter h2{font:500 clamp(47px,5.5vw,78px)/.96 Cormorant,Georgia,serif!important;color:#eee6d6!important;margin:16px 0 24px!important}
#approach .flight-chapter>p:not(.eyebrow){font:500 clamp(20px,2vw,28px)/1.42 Cormorant,Georgia,serif!important;color:#c9c0b0!important;max-width:590px}
#approach .chapter-result{font:italic 600 18px/1.35 Cormorant,Georgia,serif!important;color:#c39c67!important;border:0!important;padding:0!important;margin-top:24px!important}
#approach .text-action{font-size:24px!important}

/* ---------- Case ---------- */
#case{background:radial-gradient(circle at 80% 16%,rgba(125,36,38,.12),transparent 30%),#111a15!important}
#case .section-intro{max-width:900px}
#case .section-intro h1{font-size:clamp(56px,7vw,102px)!important;line-height:.98!important}
.final-case-flow{display:flex;align-items:center;gap:clamp(12px,2.4vw,32px);flex-wrap:wrap;margin:clamp(38px,5vw,70px) 0 clamp(55px,7vw,90px);font:500 clamp(28px,3.6vw,52px)/1 Cormorant,Georgia,serif;color:#e6ddcd}
.final-case-flow i{font-style:normal;color:#7e3d3d}.final-case-flow em{color:#bd8f60}.final-case-flow small{font:600 14px/1 Cormorant,Georgia,serif;color:#9b8e7d;letter-spacing:.08em;text-transform:uppercase}
#case .case-layout{grid-template-columns:.72fr 1.55fr!important;gap:clamp(45px,7vw,100px)!important;align-items:center!important;margin-top:0!important}
#case .case-notes h2{font:500 clamp(42px,4.7vw,66px)/.98 Cormorant,Georgia,serif!important;color:#eee5d4!important}
#case .case-notes>p:not(.eyebrow){font:500 20px/1.45 Cormorant,Georgia,serif!important;color:#c6bcac!important}
#case .case-tabs{gap:28px!important}
#case .case-tabs button{font:600 18px/1 Cormorant,Georgia,serif!important;color:#9e9586!important;border:0!important}
#case .case-tabs button[aria-pressed="true"]{color:#d4aa70!important}
#case .case-screen{padding:8px!important;background:#dfd9ca!important;box-shadow:0 34px 95px rgba(0,0,0,.34)!important}
#case .screen-bar{font-family:Cormorant,Georgia,serif!important;font-size:13px!important}
#case .case-screen figcaption{font:600 20px/1.25 Cormorant,Georgia,serif!important}

/* ---------- Contact ---------- */
#contact.contact-landing{background:radial-gradient(circle at 76% 20%,rgba(156,117,60,.11),transparent 28%),radial-gradient(circle at 15% 78%,rgba(104,35,38,.13),transparent 30%),#111a15!important;padding-top:clamp(80px,9vh,120px)!important}
#contact.contact-landing::before,#contact.contact-landing::after{display:none!important}
#contact .contact-window{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;max-width:1280px!important;margin:auto!important;padding:clamp(40px,5vw,72px)!important}
#contact .contact-window::after{display:none!important}
#contact .contact-window h1{font-size:clamp(60px,8.6vw,126px)!important;line-height:.92!important;max-width:10ch!important;color:#eee6d6!important}
#contact .contact-lead{font:500 clamp(22px,2.2vw,31px)/1.38 Cormorant,Georgia,serif!important;color:#c8bead!important;max-width:680px!important;margin-top:30px!important}
#contact .contact-actions{margin-top:38px!important}
#contact .contact-primary{font:600 21px/1 Cormorant,Georgia,serif!important;min-height:60px!important;padding:0 26px!important;border:0!important;background:#c1a171!important;color:#172018!important}
#contact .contact-secondary{font:600 19px/1 Cormorant,Georgia,serif!important;border:0!important}
#contact .direct-contacts{grid-template-columns:repeat(3,1fr)!important;gap:clamp(25px,4vw,60px)!important;margin-top:clamp(55px,7vw,90px)!important}
#contact .direct-contact{border:0!important;background:none!important;padding:0!important;min-height:100px!important;display:grid!important;grid-template-columns:1fr auto!important;align-content:end!important;border-bottom:1px solid rgba(208,175,111,.19)!important}
#contact .direct-contact span{font:600 16px/1 Cormorant,Georgia,serif!important;color:#9f8b6b!important}
#contact .direct-contact b{grid-column:1;font:500 clamp(25px,2.5vw,38px)/1.1 Cormorant,Georgia,serif!important;color:#e8dfcf!important;margin:7px 0 15px!important}
#contact .direct-contact i{grid-column:2;grid-row:1/3;font:500 28px/1 Cormorant,Georgia,serif!important;color:#b98e58!important;align-self:end;margin-bottom:18px}
#contact .contact-signature{display:none!important}

/* inner navigation: calmer and legible */
body.route-inner .masthead{backdrop-filter:blur(12px);background:linear-gradient(180deg,rgba(9,16,12,.78),rgba(9,16,12,0))}
body.route-inner .studio-menu summary,body.route-inner .back-link{font-family:Cormorant,Georgia,serif!important;font-size:17px!important}
body.route-inner .next-chapter{border:0!important;background:linear-gradient(90deg,rgba(201,165,99,.05),transparent)!important;padding:32px 0 42px!important}
body.route-inner .next-chapter>span{font:600 15px/1 Cormorant,Georgia,serif!important;color:#948b7d!important}
body.route-inner .next-chapter strong{font:500 clamp(31px,3.6vw,50px)/1 Cormorant,Georgia,serif!important;color:#e8dfcf!important}

@media(max-width:900px){
 #ai .service-composition{grid-template-columns:1fr!important;gap:58px!important}
 #content .content-studio-shell{grid-template-columns:1fr!important}
 #content .content-format-detail{border-left:0!important;border-top:1px solid rgba(212,179,116,.14)!important}
 #content .content-production-grid{grid-template-columns:1fr 1fr!important}
 #content .content-price-band{grid-template-columns:1fr!important}
 #approach .flight-story{display:block!important}
 #approach .flight-stage{height:38svh!important;min-height:280px!important;position:sticky!important;top:0!important}
 #case .case-layout{grid-template-columns:1fr!important}
 #contact .direct-contacts{grid-template-columns:1fr!important;gap:24px!important}
}
@media(max-width:620px){
 #ai,#content,#approach,#case{padding-inline:22px!important}
 #ai .section-intro h1,#approach .section-intro h1,#case .section-intro h1{font-size:clamp(45px,13vw,68px)!important}
 .final-ai-signal,.final-content-ribbon{margin-inline:-22px!important}
 .final-ai-signal .signal-row{font-size:clamp(40px,14vw,68px)!important}
 #ai .process-chain li{grid-template-columns:50px 1fr!important}
 #ai .process-chain strong{font-size:32px!important}
 #ai .process-chain span{font-size:17px!important}
 #content .content-hero-grid{grid-template-columns:1fr!important}
 #content .content-production-grid{grid-template-columns:1fr!important;gap:36px!important}
 #content .content-production-grid article{min-height:150px!important}
 #content .content-format-list{padding-right:0!important}
 .final-approach-words{grid-template-columns:1fr!important;gap:12px!important}
 .final-approach-words article{min-height:95px!important}
 #approach .flight-stage{margin-inline:-22px!important}
 #case .case-layout{gap:30px!important}
 .final-case-flow{font-size:30px!important;gap:10px!important}
 #contact .contact-window{padding:32px 22px!important}
 #contact .contact-window h1{font-size:clamp(50px,15vw,76px)!important}
 #contact .contact-actions{display:grid!important;justify-items:start!important;gap:18px!important}
 #contact .direct-contact b{font-size:28px!important}
}
@media(prefers-reduced-motion:reduce){.final-ai-signal .signal-row,.final-content-ribbon .ribbon-track{transform:none!important}}




#chatbots.chatbot-web{background:
radial-gradient(circle at 82% 12%,rgba(112,38,40,.15),transparent 26%),
radial-gradient(circle at 8% 58%,rgba(182,146,82,.07),transparent 30%),
linear-gradient(180deg,#0d1711 0%,#101a14 48%,#0a120e 100%)!important}
#chatbots.chatbot-web:after{opacity:.10!important;background-size:72px 72px!important}
#chatbots .chatbot-web-intro{max-width:1240px!important;margin-bottom:44px!important;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)!important;gap:clamp(34px,7vw,110px)!important}
#chatbots .chatbot-web-intro h1{font-size:clamp(50px,6.6vw,96px)!important;line-height:.94!important;max-width:900px!important}
#chatbots .chatbot-web-intro>p:last-child{font-size:clamp(20px,1.8vw,27px)!important;line-height:1.42!important;color:#c8c0b2!important}
#chatbots .web-actions{max-width:1240px!important;margin-top:46px!important}
.botx{display:none!important}
.botl{position:relative;z-index:4;width:min(1240px,100%);margin:0 auto;color:#e9dfcf}
.botl-stage{position:relative;border-top:1px solid rgba(213,184,128,.22);border-bottom:1px solid rgba(213,184,128,.22);display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.68fr);min-height:650px;background:linear-gradient(100deg,rgba(19,29,22,.78),rgba(8,14,10,.56));box-shadow:0 40px 120px rgba(0,0,0,.22);overflow:hidden}
.botl-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 77% 30%,rgba(127,45,47,.12),transparent 28%),linear-gradient(90deg,transparent 0 36%,rgba(215,185,126,.025) 36% 36.1%,transparent 36.1%)}
.botl-menu{position:relative;z-index:2;padding:34px 30px 30px;border-right:1px solid rgba(213,184,128,.14);display:flex;flex-direction:column}
.botl-menu-kicker{margin:0 0 28px;color:#aa8a58;font:9px/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.botl-menu-list{display:grid}
.botl-item{appearance:none;border:0;border-top:1px solid rgba(213,184,128,.12);background:transparent;color:#8f897d;text-align:left;padding:18px 4px 17px;display:grid;grid-template-columns:34px 1fr 16px;gap:10px;align-items:start;transition:color .28s ease,padding .28s ease,background .28s ease;cursor:pointer}
.botl-item:last-child{border-bottom:1px solid rgba(213,184,128,.12)}
.botl-item:hover{color:#ddd1bd;padding-left:9px}
.botl-item[aria-selected="true"]{color:#f0e5d2;padding-left:12px;background:linear-gradient(90deg,rgba(199,163,98,.075),transparent 86%)}
.botl-item .n{padding-top:4px;color:#9b7f51;font:9px/1 Arial,sans-serif;letter-spacing:.1em}
.botl-item strong{display:block;font:500 25px/1.02 Cormorant,Georgia,serif}
.botl-item small{display:block;margin-top:7px;color:#78736a;font:10px/1.42 Arial,sans-serif}
.botl-item[aria-selected="true"] small{color:#aaa294}
.botl-item .arr{opacity:.18;color:#c9a462;font-style:normal;transition:.28s ease}.botl-item[aria-selected="true"] .arr{opacity:1;transform:translate(3px,-2px)}
.botl-note{margin:auto 0 0;padding-top:26px;color:#7e786d;font:10px/1.55 Arial,sans-serif}.botl-note b{color:#b29462;font-weight:400}
.botl-show{position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr auto;min-width:0;padding:33px clamp(28px,4vw,54px) 30px}
.botl-show-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding-bottom:26px;border-bottom:1px solid rgba(213,184,128,.11)}
.botl-show-copy{max-width:620px}.botl-eyebrow{display:block;margin-bottom:12px;color:#a68655;font:8px/1 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.botl-show h2{margin:0!important;color:#f1e7d7;font:500 clamp(34px,4.4vw,60px)/.95 Cormorant,Georgia,serif;letter-spacing:-.025em}.botl-show h2 em{color:#d1aa72!important}.botl-show-copy>p{margin:17px 0 0;max-width:660px;color:#a9a297;font:13px/1.7 Arial,sans-serif}
.botl-channels{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:300px}.botl-channel{appearance:none;border:0;border-bottom:1px solid rgba(213,184,128,.17);background:transparent;color:#756f65;min-height:34px;padding:0 8px;font:8px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.botl-channel:hover{color:#d7c8b0}.botl-channel[aria-selected="true"]{color:#e5c78f;border-color:#c69d5c}
.botl-live{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);gap:clamp(24px,4vw,54px);align-items:stretch;padding:34px 0 30px}
.botl-chat{min-width:0;display:flex;flex-direction:column}.botl-chat-head{display:flex;align-items:center;gap:11px;margin-bottom:22px}.botl-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(210,178,118,.28);color:#d1aa70;font:700 9px/1 Arial,sans-serif;background:#132019}.botl-chat-head strong{font:500 17px/1.1 Cormorant,serif;color:#e6dbca}.botl-chat-head small{display:block;margin-top:3px;color:#6e6a63;font:7px/1 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}.botl-online{margin-left:auto;color:#83917d;font:7px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.botl-online:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:#879f7f;box-shadow:0 0 0 4px rgba(135,159,127,.07)}
.botl-messages{display:flex;flex-direction:column;gap:11px;justify-content:center;min-height:350px}.botl-msg{max-width:82%;padding:13px 15px;border:1px solid rgba(213,184,128,.11);font:13px/1.55 Arial,sans-serif;opacity:0;transform:translateY(8px);animation:botlIn .45s cubic-bezier(.16,1,.3,1) forwards}.botl-msg.bot{align-self:flex-start;background:rgba(18,28,21,.72);color:#e3d8c8}.botl-msg.client{align-self:flex-end;background:rgba(42,55,43,.62);border-color:rgba(164,185,151,.13);color:#e6dfd5}.botl-msg small{display:block;margin-top:6px;color:#6f6a62;font:7px/1 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.botl-logic{position:relative;display:flex;flex-direction:column;justify-content:center;padding-left:clamp(18px,3vw,42px);border-left:1px solid rgba(213,184,128,.11)}
.botl-logic:before{content:attr(data-watermark);position:absolute;right:-6px;top:30px;color:rgba(205,173,111,.055);font:400 clamp(90px,11vw,154px)/.75 Prata,serif;letter-spacing:-.08em;pointer-events:none}
.botl-logic-kicker{margin:0 0 22px;color:#91784f;font:8px/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.botl-flow{display:grid;gap:0}.botl-step{position:relative;display:grid;grid-template-columns:34px 1fr;gap:13px;align-items:center;padding:12px 0;color:#777269}.botl-step:not(:last-child):after{content:"";position:absolute;left:16px;top:41px;bottom:-8px;width:1px;background:linear-gradient(rgba(197,160,96,.35),rgba(197,160,96,.07))}.botl-step i{position:relative;z-index:1;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#0f1812;border:1px solid rgba(213,184,128,.17);color:#7f6947;font-style:normal;font:8px/1 Arial,sans-serif}.botl-step strong{display:block;color:#a39b8e;font:500 18px/1.05 Cormorant,serif}.botl-step small{display:block;margin-top:4px;color:#68645d;font:8px/1.35 Arial,sans-serif}.botl-step.on i{border-color:rgba(212,176,106,.56);color:#e1c18b;box-shadow:0 0 0 5px rgba(198,160,94,.045)}.botl-step.on strong{color:#e1d4c1}
.botl-result{margin-top:23px;padding-top:19px;border-top:1px solid rgba(213,184,128,.11)}.botl-result span{display:block;margin-bottom:7px;color:#8d744d;font:8px/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.botl-result strong{display:block;color:#e9decc;font:500 22px/1.08 Cormorant,serif}.botl-result p{margin:7px 0 0;color:#7f796f;font:9px/1.5 Arial,sans-serif}
.botl-foot{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(213,184,128,.11)}.botl-foot div{padding:18px 16px 0 0}.botl-foot span{display:block;color:#7d725f;font:7px/1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.botl-foot strong{display:block;margin-top:6px;color:#cfc1ad;font:500 15px/1.2 Cormorant,serif}
.botl-process{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(30px,7vw,100px);align-items:start;margin:72px 0 0;padding:0 2px}.botl-process h3{margin:10px 0 0!important;color:#eadfce;font:500 clamp(33px,4vw,54px)/.98 Cormorant,serif}.botl-process h3 em{color:#d0a96f!important}.botl-process-list{display:grid}.botl-process-row{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:18px 0;border-top:1px solid rgba(213,184,128,.12)}.botl-process-row:last-child{border-bottom:1px solid rgba(213,184,128,.12)}.botl-process-row>span{color:#92764c;font:9px/1 Arial,sans-serif}.botl-process-row strong{color:#d8ccba;font:500 22px/1.05 Cormorant,serif}.botl-process-row small{color:#777168;font:9px/1.4 Arial,sans-serif;text-align:right;max-width:210px}
@keyframes botlIn{to{opacity:1;transform:none}}
@media(max-width:980px){.botl-stage{grid-template-columns:1fr;min-height:0}.botl-menu{border-right:0;border-bottom:1px solid rgba(213,184,128,.14);padding:25px 24px 0}.botl-menu-kicker{margin-bottom:16px}.botl-menu-list{grid-template-columns:repeat(3,1fr)}.botl-item{min-height:100px;padding:14px 10px;grid-template-columns:1fr 14px;border-right:1px solid rgba(213,184,128,.08)}.botl-item .n,.botl-item small{display:none}.botl-note{display:none}.botl-live{grid-template-columns:1fr}.botl-logic{padding:26px 0 0;border-left:0;border-top:1px solid rgba(213,184,128,.11)}.botl-flow{grid-template-columns:repeat(4,1fr);gap:12px}.botl-step{display:block;padding:0}.botl-step:not(:last-child):after{left:28px;right:-12px;top:16px;bottom:auto;width:auto;height:1px}.botl-step i{margin-bottom:10px}.botl-process{grid-template-columns:1fr;gap:26px}}
@media(max-width:660px){#chatbots.chatbot-web{padding-left:12px!important;padding-right:12px!important;padding-top:58px!important}.botl-stage{margin-inline:0}.botl-menu{padding:20px 14px 0}.botl-menu-list{grid-template-columns:1fr 1fr}.botl-item{min-height:78px;padding:12px 9px}.botl-item strong{font-size:21px}.botl-show{padding:24px 17px 20px}.botl-show-head{display:block}.botl-channels{justify-content:flex-start;max-width:none;margin-top:18px}.botl-show h2{font-size:clamp(34px,10vw,46px)!important}.botl-show-copy>p{font-size:12px}.botl-live{padding:26px 0 22px;gap:26px}.botl-messages{min-height:320px}.botl-msg{max-width:90%;font-size:12.5px}.botl-flow{grid-template-columns:1fr 1fr;gap:16px 10px}.botl-step:not(:last-child):after{display:none}.botl-result{margin-top:18px}.botl-foot{grid-template-columns:1fr 1fr}.botl-foot div{padding-top:15px}.botl-process{margin-top:50px;padding-inline:3px}.botl-process-row{grid-template-columns:32px 1fr}.botl-process-row small{grid-column:2;text-align:left}.botl-process h3{font-size:36px!important}}
@media(prefers-reduced-motion:reduce){.botl-msg,.botl-item,.botl-item .arr{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}



#chatbots .botl-proof{width:min(1240px,100%);margin:78px auto 0;position:relative;z-index:4}
#chatbots .botl-proof-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,7vw,100px);align-items:end;padding-bottom:28px;border-bottom:1px solid rgba(213,184,128,.14)}
#chatbots .botl-proof-head h3{margin:9px 0 0!important;color:#eee2cf;font:500 clamp(34px,4.4vw,58px)/.98 Cormorant,Georgia,serif;letter-spacing:-.02em}
#chatbots .botl-proof-head h3 em{color:#d0aa72!important}
#chatbots .botl-proof-head p{margin:0;color:#8f887d;font:12px/1.7 Arial,sans-serif;max-width:650px}
#chatbots .botl-action-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(213,184,128,.14)}
#chatbots .botl-action{min-height:210px;padding:25px 22px 22px;border-right:1px solid rgba(213,184,128,.11);display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.008),transparent);transition:background .28s ease,transform .28s ease}
#chatbots .botl-action:last-child{border-right:0}
#chatbots .botl-action:hover{background:rgba(202,166,102,.035);transform:translateY(-2px)}
#chatbots .botl-action>span{color:#9a7c50;font:8px/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
#chatbots .botl-action strong{margin:auto 0 10px;color:#dfd3c1;font:500 26px/1 Cormorant,serif}
#chatbots .botl-action p{margin:0;color:#777169;font:10px/1.55 Arial,sans-serif}
#chatbots .botl-integrations{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:clamp(28px,6vw,84px);padding:62px 0;border-bottom:1px solid rgba(213,184,128,.14)}
#chatbots .botl-integrations h3{margin:10px 0 15px!important;color:#e9decb;font:500 clamp(34px,3.8vw,50px)/1 Cormorant,serif}
#chatbots .botl-integrations p{margin:0;color:#827c72;font:11px/1.65 Arial,sans-serif;max-width:390px}
#chatbots .botl-integrations-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(213,184,128,.11);border-left:1px solid rgba(213,184,128,.11)}
#chatbots .botl-int{min-height:86px;padding:15px;border-right:1px solid rgba(213,184,128,.11);border-bottom:1px solid rgba(213,184,128,.11);display:flex;flex-direction:column;justify-content:space-between}
#chatbots .botl-int b{color:#d9ccb9;font:500 18px/1 Cormorant,serif}.botl-int small{color:#6f6b64;font:8px/1.3 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
#chatbots .botl-launch{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(30px,7vw,100px);padding:62px 0;border-bottom:1px solid rgba(213,184,128,.14)}
#chatbots .botl-launch h3{margin:9px 0 0!important;color:#eaddca;font:500 clamp(34px,4vw,52px)/.98 Cormorant,serif}.botl-launch h3 em{color:#d0a96f!important}
#chatbots .botl-launch-list{display:grid}
#chatbots .botl-launch-row{display:grid;grid-template-columns:42px 1fr auto;gap:15px;align-items:center;padding:19px 0;border-top:1px solid rgba(213,184,128,.11)}
#chatbots .botl-launch-row:last-child{border-bottom:1px solid rgba(213,184,128,.11)}
#chatbots .botl-launch-row>span{color:#92764d;font:9px/1 Arial,sans-serif}.botl-launch-row strong{color:#d8cbb8;font:500 22px/1 Cormorant,serif}.botl-launch-row small{color:#716c64;font:9px/1.4 Arial,sans-serif;text-align:right;max-width:240px}
#chatbots .botl-safety{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,7vw,100px);padding:62px 0 10px}
#chatbots .botl-safety h3{margin:10px 0 16px!important;color:#eadfcd;font:500 clamp(34px,4vw,52px)/1 Cormorant,serif}.botl-safety p{margin:0;color:#827b72;font:11px/1.65 Arial,sans-serif;max-width:460px}
#chatbots .botl-safety-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(213,184,128,.11);border-left:1px solid rgba(213,184,128,.11)}
#chatbots .botl-safe{padding:18px;min-height:112px;border-right:1px solid rgba(213,184,128,.11);border-bottom:1px solid rgba(213,184,128,.11)}
#chatbots .botl-safe span{display:block;color:#9a7d50;font:8px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.botl-safe strong{display:block;margin-top:18px;color:#d9ccba;font:500 20px/1.08 Cormorant,serif}.botl-safe small{display:block;margin-top:6px;color:#706b63;font:8.5px/1.45 Arial,sans-serif}
@media(max-width:900px){#chatbots .botl-proof-head,#chatbots .botl-integrations,#chatbots .botl-launch,#chatbots .botl-safety{grid-template-columns:1fr}.botl-action-grid{grid-template-columns:1fr 1fr!important}.botl-action:nth-child(2){border-right:0!important}.botl-action:nth-child(-n+2){border-bottom:1px solid rgba(213,184,128,.11)}.botl-integrations-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:620px){#chatbots .botl-proof{margin-top:52px}.botl-action-grid{grid-template-columns:1fr!important}.botl-action{min-height:150px;border-right:0!important;border-bottom:1px solid rgba(213,184,128,.11)!important}.botl-integrations-grid{grid-template-columns:1fr 1fr!important}.botl-launch-row{grid-template-columns:32px 1fr}.botl-launch-row small{grid-column:2;text-align:left}.botl-safety-list{grid-template-columns:1fr!important}}



#chatbots .bot5-exp{width:min(1240px,100%);margin:74px auto 0;position:relative;z-index:5}
#chatbots .bot5-try{position:relative;display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);min-height:570px;border-top:1px solid rgba(214,184,126,.18);border-bottom:1px solid rgba(214,184,126,.18);background:linear-gradient(110deg,rgba(21,32,24,.78),rgba(9,16,12,.48));overflow:hidden}
#chatbots .bot5-try:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 34%,rgba(118,42,45,.13),transparent 31%),linear-gradient(90deg,transparent 49.9%,rgba(213,184,128,.07) 50%,transparent 50.1%)}
#chatbots .bot5-try-copy{position:relative;z-index:2;padding:clamp(34px,5vw,68px) clamp(24px,4vw,54px);display:flex;flex-direction:column;justify-content:center}
#chatbots .bot5-kicker{display:block;color:#a48658;font:8px/1 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}
#chatbots .bot5-try h3{margin:0!important;max-width:540px;color:#eee2cf;font:500 clamp(38px,4.8vw,64px)/.94 Cormorant,Georgia,serif;letter-spacing:-.025em}
#chatbots .bot5-try h3 em{color:#d1aa72!important}
#chatbots .bot5-try-copy>p{margin:22px 0 0;max-width:490px;color:#8f887d;font:12px/1.72 Arial,sans-serif}
#chatbots .bot5-form{margin-top:34px;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid rgba(213,184,128,.32)}
#chatbots .bot5-input{border:0!important;background:transparent!important;box-shadow:none!important;padding:14px 3px!important;min-height:48px!important;color:#eee4d4!important;font:500 20px/1.2 Cormorant,Georgia,serif!important;outline:none!important}
#chatbots .bot5-input::placeholder{color:#68645d!important}
#chatbots .bot5-go{appearance:none;border:0;background:transparent;color:#d1aa72;padding:0 4px 0 18px;font:9px/1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
#chatbots .bot5-go:hover{color:#f0cf96}
#chatbots .bot5-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
#chatbots .bot5-chip{appearance:none;border:1px solid rgba(213,184,128,.12);background:rgba(255,255,255,.008);color:#777168;padding:8px 10px;font:8px/1 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
#chatbots .bot5-chip:hover,#chatbots .bot5-chip.active{color:#d8c5a8;border-color:rgba(213,184,128,.32);background:rgba(202,166,102,.035)}
#chatbots .bot5-demo{position:relative;z-index:2;padding:clamp(28px,4vw,52px);display:grid;grid-template-rows:auto 1fr auto;min-width:0}
#chatbots .bot5-demo-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:21px;border-bottom:1px solid rgba(213,184,128,.1)}
#chatbots .bot5-demo-head div{display:flex;align-items:center;gap:11px}.bot5-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(213,184,128,.26);color:#d1aa70;background:#132019;font:700 9px/1 Arial,sans-serif}
#chatbots .bot5-demo-head strong{display:block;color:#e4d8c6;font:500 17px/1 Cormorant,serif}.bot5-demo-head small{display:block;margin-top:4px;color:#716c64;font:7px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
#chatbots .bot5-live{color:#83917d;font:7px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.bot5-live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:#879f7f;box-shadow:0 0 0 4px rgba(135,159,127,.07)}
#chatbots .bot5-stream{display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:330px;padding:28px 0}
#chatbots .bot5-msg{max-width:82%;padding:13px 15px;border:1px solid rgba(213,184,128,.11);font:12px/1.58 Arial,sans-serif;opacity:0;transform:translateY(9px);animation:bot5In .48s cubic-bezier(.16,1,.3,1) forwards}
#chatbots .bot5-msg.client{align-self:flex-end;background:rgba(42,55,43,.62);border-color:rgba(164,185,151,.13);color:#e6dfd5}.bot5-msg.bot{align-self:flex-start;background:rgba(18,28,21,.74);color:#e1d6c5}.bot5-msg small{display:block;margin-top:6px;color:#6e6961;font:7px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
#chatbots .bot5-result{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding-top:20px;border-top:1px solid rgba(213,184,128,.11)}
#chatbots .bot5-result span{display:block;color:#8d744d;font:8px/1 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}.bot5-result strong{display:block;margin-top:7px;color:#e5d9c6;font:500 22px/1.08 Cormorant,serif}.bot5-result b{color:#829079;font:8px/1 Arial,sans-serif;font-weight:400;letter-spacing:.08em;text-transform:uppercase}
#chatbots .bot5-note{margin-top:12px;color:#625e58;font:8px/1.45 Arial,sans-serif}

#chatbots .bot5-compare{margin-top:76px}
#chatbots .bot5-compare-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,7vw,100px);align-items:end;margin-bottom:30px}
#chatbots .bot5-compare-head h3{margin:9px 0 0!important;color:#eee2cf;font:500 clamp(36px,4.4vw,58px)/.97 Cormorant,Georgia,serif}.bot5-compare-head h3 em{color:#d1aa72!important}.bot5-compare-head p{margin:0;color:#868077;font:11px/1.7 Arial,sans-serif;max-width:650px}
#chatbots .bot5-compare-grid{display:grid;grid-template-columns:1fr 1fr;position:relative;border-top:1px solid rgba(213,184,128,.15);border-bottom:1px solid rgba(213,184,128,.15)}
#chatbots .bot5-compare-grid:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(213,184,128,.12)}
#chatbots .bot5-side{padding:34px clamp(24px,4vw,50px) 38px;min-width:0}.bot5-side.after{background:radial-gradient(circle at 85% 22%,rgba(151,116,61,.07),transparent 34%)}
#chatbots .bot5-side-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:32px}.bot5-side-top span{color:#7d7468;font:8px/1 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}.bot5-side.after .bot5-side-top span{color:#a48658}.bot5-side-top strong{color:#d8cbb8;font:500 25px/1 Cormorant,serif}.bot5-side.after .bot5-side-top strong{color:#ebdeca}
#chatbots .bot5-route{display:grid;gap:0}.bot5-route-row{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:center;position:relative;padding:13px 0}.bot5-route-row:not(:last-child):after{content:"";position:absolute;left:16px;top:42px;bottom:-8px;width:1px;background:rgba(213,184,128,.13)}.bot5-route-row i{position:relative;z-index:1;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#0e1711;border:1px solid rgba(213,184,128,.14);color:#766449;font:8px/1 Arial,sans-serif;font-style:normal}.bot5-side.after .bot5-route-row i{border-color:rgba(213,184,128,.36);color:#d5b37c;box-shadow:0 0 0 5px rgba(198,160,94,.035)}
#chatbots .bot5-route-row strong{display:block;color:#aaa195;font:500 19px/1.05 Cormorant,serif}.bot5-side.after .bot5-route-row strong{color:#dfd2bf}.bot5-route-row small{display:block;margin-top:4px;color:#69655e;font:8px/1.45 Arial,sans-serif}.bot5-side.after .bot5-route-row small{color:#79736a}
#chatbots .bot5-outcome{margin-top:28px;padding-top:18px;border-top:1px solid rgba(213,184,128,.1);display:flex;justify-content:space-between;gap:16px;align-items:end}.bot5-outcome span{color:#746e65;font:8px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.bot5-outcome strong{max-width:330px;text-align:right;color:#aaa092;font:500 18px/1.1 Cormorant,serif}.bot5-side.after .bot5-outcome strong{color:#e1d4c0}
#chatbots .bot5-flowdot{position:absolute;left:calc(50% - 3px);top:52px;width:7px;height:7px;border-radius:50%;background:#c89f61;box-shadow:0 0 0 8px rgba(200,159,97,.05),0 0 18px rgba(200,159,97,.32);animation:bot5Flow 3.8s ease-in-out infinite;z-index:3}
@keyframes bot5In{to{opacity:1;transform:none}}
@keyframes bot5Flow{0%,100%{top:12%;opacity:.25}45%{opacity:1}75%{top:82%;opacity:.6}}
@media(prefers-reduced-motion:reduce){#chatbots .bot5-msg{animation:none;opacity:1;transform:none}#chatbots .bot5-flowdot{animation:none;top:50%}}
@media(max-width:920px){#chatbots .bot5-try{grid-template-columns:1fr}.bot5-try:before{background:radial-gradient(circle at 70% 60%,rgba(118,42,45,.12),transparent 32%)}#chatbots .bot5-try-copy{border-bottom:1px solid rgba(213,184,128,.12)}#chatbots .bot5-compare-head{grid-template-columns:1fr}.bot5-compare-grid{grid-template-columns:1fr!important}.bot5-compare-grid:after,.bot5-flowdot{display:none}.bot5-side:first-child{border-bottom:1px solid rgba(213,184,128,.12)}}
@media(max-width:620px){#chatbots .bot5-exp{margin-top:52px}.bot5-try-copy,.bot5-demo{padding:28px 18px!important}.bot5-form{grid-template-columns:1fr}.bot5-go{padding:12px 0 10px;text-align:left}.bot5-stream{min-height:300px}.bot5-msg{max-width:90%}.bot5-result{grid-template-columns:1fr}.bot5-result b{text-align:left}.bot5-compare{margin-top:54px}.bot5-side{padding:26px 18px 30px}.bot5-side-top{align-items:flex-start}.bot5-outcome{display:block}.bot5-outcome strong{display:block;text-align:left;margin-top:8px}}



#chatbots .bot6-kinetic{
  position:relative;z-index:3;width:100vw;margin:10px 0 70px calc(50% - 50vw);
  min-height:clamp(500px,72vw,760px);overflow:hidden;
  display:flex;align-items:center;
  border-top:1px solid rgba(213,184,128,.12);border-bottom:1px solid rgba(213,184,128,.12);
  background:
    radial-gradient(circle at 15% 32%,rgba(132,42,47,.13),transparent 27%),
    radial-gradient(circle at 84% 70%,rgba(185,145,78,.08),transparent 31%),
    linear-gradient(180deg,#0b140f 0%,#111a14 52%,#0a120e 100%);
}
#chatbots .bot6-kinetic:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;
  background-image:linear-gradient(rgba(219,188,128,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(219,188,128,.028) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)
}
#chatbots .bot6-kinetic-inner{position:relative;width:100%;padding:clamp(62px,7vw,94px) 0;display:grid;gap:clamp(6px,1.2vw,16px)}
#chatbots .bot6-label{position:absolute;z-index:4;left:clamp(18px,4vw,66px);top:28px;color:#8e734c;font:8px/1 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}
#chatbots .bot6-label:after{content:"";display:inline-block;width:46px;height:1px;margin:0 0 2px 12px;background:rgba(205,169,108,.35)}
#chatbots .bot6-row{position:relative;width:100%;overflow:visible;white-space:nowrap;pointer-events:none}
#chatbots .bot6-track{width:max-content;will-change:transform;transform:translate3d(0,0,0)}
#chatbots .bot6-unit{display:inline-flex;align-items:baseline;gap:.22em;padding-right:.3em}
#chatbots .bot6-r1{transform:rotate(-1.1deg)}
#chatbots .bot6-r1 .bot6-track{font:400 clamp(62px,8.8vw,140px)/.84 Prata,Georgia,serif;letter-spacing:-.065em;color:#eee3d1}
#chatbots .bot6-r1 .accent{color:#c99f64;font-family:Cormorant,Georgia,serif;font-style:italic}
#chatbots .bot6-r2{transform:rotate(.65deg)}
#chatbots .bot6-r2 .bot6-track{font:italic 500 clamp(43px,6.2vw,94px)/.9 Cormorant,Georgia,serif;letter-spacing:-.025em;color:#b39a78}
#chatbots .bot6-r2 .accent{color:#eee0c9;font-style:normal}
#chatbots .bot6-r3{margin:clamp(6px,1vw,14px) 0;transform:rotate(-.25deg)}
#chatbots .bot6-r3 .bot6-track{font:600 clamp(15px,1.8vw,29px)/1 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#7f343a}
#chatbots .bot6-r3 .accent{color:#c49b61}
#chatbots .bot6-r4{transform:rotate(.8deg)}
#chatbots .bot6-r4 .bot6-track{font:500 clamp(48px,7vw,106px)/.88 Cormorant,Georgia,serif;letter-spacing:-.04em;color:#73806f}
#chatbots .bot6-r4 .accent{color:#dfd0ba;font-family:Prata,Georgia,serif;font-size:.73em}
#chatbots .bot6-whisper{position:absolute;right:clamp(18px,4vw,66px);bottom:24px;max-width:330px;text-align:right;color:#655f57;font:8px/1.6 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}
#chatbots .bot6-whisper b{color:#997d53;font-weight:400}
@media(max-width:700px){
 #chatbots .bot6-kinetic{min-height:500px;margin-top:2px;margin-bottom:48px}
 #chatbots .bot6-kinetic-inner{gap:10px;padding:76px 0 66px}
 #chatbots .bot6-r1 .bot6-track{font-size:clamp(54px,17vw,78px)}
 #chatbots .bot6-r2 .bot6-track{font-size:clamp(38px,12.8vw,58px)}
 #chatbots .bot6-r3 .bot6-track{font-size:13px;letter-spacing:.17em}
 #chatbots .bot6-r4 .bot6-track{font-size:clamp(44px,14.5vw,68px)}
 #chatbots .bot6-whisper{max-width:230px;font-size:7px}
}
@media(prefers-reduced-motion:reduce){#chatbots .bot6-track{transform:none!important}}



/* 1. Убираем лишнюю линейную графику и делаем композицию мягче */
#chatbots.chatbot-web:after{display:none!important}
#chatbots .bot6-kinetic{border:0!important}
#chatbots .bot6-kinetic:before{display:none!important}
#chatbots .bot6-label:after{display:none!important}
#chatbots .botl-stage{border:0!important;border-radius:24px;background:linear-gradient(116deg,rgba(23,35,27,.84),rgba(7,13,10,.58))!important;box-shadow:0 38px 120px rgba(0,0,0,.24)}
#chatbots .botl-stage:before{background:radial-gradient(circle at 78% 27%,rgba(128,43,47,.12),transparent 30%)!important}
#chatbots .botl-menu{border:0!important}
#chatbots .botl-item{border:0!important;margin:3px 0;border-radius:12px;padding-left:10px!important}
#chatbots .botl-item:last-child{border:0!important}
#chatbots .botl-show-head,#chatbots .botl-logic,#chatbots .botl-result,#chatbots .botl-foot,#chatbots .botl-process-row,#chatbots .botl-process-row:last-child{border:0!important}
#chatbots .botl-channel{border:0!important;border-radius:999px;background:rgba(255,255,255,.02);padding:0 12px}
#chatbots .botl-channel[aria-selected="true"]{background:rgba(200,159,97,.10)}
#chatbots .botl-msg,#chatbots .bot5-msg{border:0!important;border-radius:16px}
#chatbots .botl-step:not(:last-child):after,#chatbots .bot5-route-row:not(:last-child):after{display:none!important}
#chatbots .botl-proof-head,#chatbots .botl-action-grid,#chatbots .botl-integrations,#chatbots .botl-integrations-grid,#chatbots .botl-launch,#chatbots .botl-launch-row,#chatbots .botl-launch-row:last-child,#chatbots .botl-safety-list,#chatbots .botl-int,#chatbots .botl-safe,#chatbots .bot5-try,#chatbots .bot5-demo-head,#chatbots .bot5-result,#chatbots .bot5-compare-grid,#chatbots .bot5-outcome{border:0!important}
#chatbots .botl-action-grid,#chatbots .botl-integrations-grid,#chatbots .botl-safety-list{gap:10px}
#chatbots .botl-action,#chatbots .botl-int,#chatbots .botl-safe{border:0!important;border-radius:16px;background:rgba(255,255,255,.022)!important}
#chatbots .botl-action:hover,#chatbots .botl-int:hover,#chatbots .botl-safe:hover{background:rgba(200,159,97,.055)!important}
#chatbots .bot5-try{border-radius:24px}
#chatbots .bot5-form{border-bottom-color:rgba(213,184,128,.22)!important}
#chatbots .bot5-chip{border:0!important;border-radius:999px;background:rgba(255,255,255,.03)}
#chatbots .bot5-chip:hover,#chatbots .bot5-chip.active{background:rgba(202,166,102,.09)!important}
#chatbots .bot5-compare-grid:after{display:none!important}
#chatbots .bot5-side{border-radius:20px;background:rgba(255,255,255,.014)}
#chatbots .bot5-side.after{background:radial-gradient(circle at 85% 22%,rgba(151,116,61,.09),transparent 38%),rgba(255,255,255,.018)}

/* 2. Первый экран: меньше пустоты, справа живая визуальная сцена */
#chatbots .chatbot-web-intro{
 max-width:1240px!important;display:grid!important;
 grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr)!important;
 grid-template-rows:auto auto auto!important;align-items:start!important;
 column-gap:clamp(36px,6vw,90px)!important;row-gap:18px!important;margin-bottom:36px!important
}
#chatbots .chatbot-web-intro .eyebrow{grid-column:1/2!important;grid-row:1!important;margin:0 0 18px!important;align-self:end}
#chatbots .chatbot-web-intro h1{grid-column:1/2!important;grid-row:2/4!important;margin:0!important;align-self:start!important;font-size:clamp(58px,6.15vw,90px)!important;line-height:.94!important}
#chatbots .chatbot-web-intro>p:last-of-type{grid-column:2!important;grid-row:3!important;margin:4px 0 0!important;max-width:530px!important;font-size:clamp(18px,1.55vw,24px)!important;align-self:start!important}
#chatbots .bot7-hero-art{grid-column:2;grid-row:1/3;position:relative;min-height:360px;perspective:1200px;isolation:isolate}
#chatbots .bot7-orb{position:absolute;inset:5% 2% 2% 4%;border-radius:50%;background:radial-gradient(circle at 58% 42%,rgba(197,160,96,.18),rgba(115,40,45,.09) 34%,transparent 66%);filter:blur(1px);opacity:.95}
#chatbots .bot7-stack{position:absolute;inset:18px 0 0 5%;transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform}
#chatbots .bot7-pane{position:absolute;border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.34);backdrop-filter:blur(10px);overflow:hidden}
#chatbots .bot7-pane.chat{left:2%;top:13%;width:66%;height:58%;background:linear-gradient(160deg,rgba(27,42,31,.94),rgba(13,22,16,.9));transform:rotate(-5deg) translateZ(44px)}
#chatbots .bot7-pane.crm{right:1%;top:2%;width:45%;height:44%;background:linear-gradient(150deg,rgba(77,31,34,.78),rgba(19,27,21,.92));transform:rotate(5deg) translateZ(12px)}
#chatbots .bot7-pane.result{right:4%;bottom:4%;width:52%;height:36%;background:linear-gradient(145deg,rgba(166,129,70,.18),rgba(16,25,19,.95));transform:rotate(-2deg) translateZ(70px)}
#chatbots .bot7-pane-head{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;color:#8f8779;font:7px/1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
#chatbots .bot7-dot{width:7px;height:7px;border-radius:50%;background:#839b7c;box-shadow:0 0 0 5px rgba(131,155,124,.07)}
#chatbots .bot7-chatbody{display:grid;gap:9px;padding:12px 15px}
#chatbots .bot7-bubble{max-width:84%;padding:10px 12px;border-radius:14px;color:#ddd2c2;font:10px/1.45 Arial,sans-serif;background:rgba(255,255,255,.045)}
#chatbots .bot7-bubble.me{margin-left:auto;background:rgba(111,131,105,.16)}
#chatbots .bot7-cardbody{padding:7px 15px 16px}
#chatbots .bot7-cardbody b{display:block;color:#ecdfcc;font:500 25px/1.02 Cormorant,Georgia,serif}
#chatbots .bot7-cardbody span{display:block;margin-top:7px;color:#857e73;font:8px/1.5 Arial,sans-serif}
#chatbots .bot7-pulse{position:absolute;left:66%;top:52%;width:9px;height:9px;border-radius:50%;background:#d0a669;box-shadow:0 0 0 0 rgba(208,166,105,.22);animation:bot7pulse 2.2s ease-out infinite}
#chatbots .bot7-caption{position:absolute;right:4%;bottom:0;color:#786f62;font:7px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
@keyframes bot7pulse{65%{box-shadow:0 0 0 24px rgba(208,166,105,0)}100%{box-shadow:0 0 0 24px rgba(208,166,105,0)}}

/* 3. Морфинг текста: функция меняется на действие */
#chatbots .bot7-morph{width:min(1240px,100%);margin:72px auto 12px;min-height:310px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 50% 50%,rgba(134,45,48,.12),transparent 46%),rgba(255,255,255,.012)}
#chatbots .bot7-morph-label{position:absolute;left:24px;top:22px;color:#8f734c;font:8px/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
#chatbots .bot7-morph-line{display:flex;align-items:baseline;justify-content:center;gap:.18em;flex-wrap:wrap;text-align:center;padding:50px 24px}
#chatbots .bot7-static{color:#7a746b;font:500 clamp(38px,5.2vw,76px)/.95 Cormorant,Georgia,serif}
#chatbots .bot7-wordbox{position:relative;display:inline-grid;min-width:clamp(220px,31vw,520px);height:1.05em;overflow:hidden;vertical-align:baseline}
#chatbots .bot7-word{grid-area:1/1;color:#e8dbc8;font:400 clamp(50px,7.4vw,112px)/.92 Prata,Georgia,serif;letter-spacing:-.055em;opacity:0;transform:translateY(72%);transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1)}
#chatbots .bot7-word.on{opacity:1;transform:none}.bot7-word.old{opacity:0;transform:translateY(-72%)}
#chatbots .bot7-word:nth-child(2n){color:#caa063;font-family:Cormorant,Georgia,serif;font-style:italic}

/* 4. Живая схема: сообщение физически проходит через процесс */
#chatbots .bot7-flow{width:min(1240px,100%);margin:68px auto 20px;position:relative;padding:32px 0 18px}
#chatbots .bot7-flow-head{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(28px,7vw,100px);align-items:end;margin-bottom:38px}
#chatbots .bot7-flow-head h3{margin:8px 0 0!important;color:#eee2cf;font:500 clamp(36px,4.6vw,60px)/.97 Cormorant,Georgia,serif}.bot7-flow-head h3 em{color:#d0a96f!important}
#chatbots .bot7-flow-head p{margin:0;color:#817b72;font:11px/1.65 Arial,sans-serif;max-width:620px}
#chatbots .bot7-rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:42px 8px 26px;overflow:visible}
#chatbots .bot7-rail:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:linear-gradient(90deg,rgba(202,160,96,.06),rgba(202,160,96,.28),rgba(202,160,96,.06));transform:translateY(-1px)}
#chatbots .bot7-node{position:relative;z-index:2;min-height:150px;border-radius:18px;padding:18px 15px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s ease,background .3s ease}
#chatbots .bot7-node b{color:#d8cbb7;font:500 20px/1.04 Cormorant,serif}.bot7-node small{margin-top:7px;color:#6f6a62;font:8px/1.45 Arial,sans-serif}.bot7-node i{position:absolute;left:16px;top:16px;font:8px/1 Arial,sans-serif;color:#9a7d50;font-style:normal;letter-spacing:.11em}
#chatbots .bot7-node.active{transform:translateY(-7px);background:linear-gradient(180deg,rgba(194,153,91,.11),rgba(255,255,255,.015))}
#chatbots .bot7-packet{position:absolute;z-index:4;top:50%;left:8%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#d1a66a;box-shadow:0 0 0 8px rgba(209,166,106,.05),0 0 24px rgba(209,166,106,.28);will-change:left;transition:left .8s cubic-bezier(.16,1,.3,1)}
#chatbots .bot7-packet:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#f0d8ae}

/* 5. Огромная буква-портал как переход между историями */
#chatbots .bot7-portal{width:100vw;height:70vh;min-height:520px;margin:72px 0 20px calc(50% - 50vw);position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(160,121,63,.12),transparent 38%),#0a120e}
#chatbots .bot7-o{font:400 min(58vw,720px)/.75 Prata,Georgia,serif;color:transparent;-webkit-text-stroke:1px rgba(215,184,128,.28);transform:scale(.7);will-change:transform,opacity;opacity:.85}
#chatbots .bot7-portal-copy{position:absolute;text-align:center;max-width:620px;padding:24px;color:#d7cbb8;font:500 clamp(30px,4vw,54px)/1 Cormorant,Georgia,serif}
#chatbots .bot7-portal-copy em{color:#cda56b}
#chatbots .bot7-portal small{position:absolute;bottom:28px;color:#6f695f;font:8px/1 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}

@media(max-width:900px){
 #chatbots .chatbot-web-intro{grid-template-columns:1fr!important;grid-template-rows:auto!important;row-gap:20px!important}
 #chatbots .chatbot-web-intro .eyebrow,#chatbots .chatbot-web-intro h1,#chatbots .chatbot-web-intro>p:last-of-type,#chatbots .bot7-hero-art{grid-column:1!important;grid-row:auto!important}
 #chatbots .bot7-hero-art{min-height:330px;margin-top:4px}
 #chatbots .bot7-stack{inset:8px 5% 0}
 #chatbots .bot7-flow-head{grid-template-columns:1fr}
 #chatbots .bot7-rail{grid-template-columns:1fr 1fr;gap:10px;padding-top:16px}
 #chatbots .bot7-rail:before,.bot7-packet{display:none}
 #chatbots .bot7-node:last-child{grid-column:1/-1}
}
@media(max-width:620px){
 #chatbots .chatbot-web-intro h1{font-size:clamp(46px,14vw,68px)!important}
 #chatbots .bot7-hero-art{min-height:285px}
 #chatbots .bot7-pane.chat{width:72%;height:62%}.bot7-pane.crm{width:47%}.bot7-pane.result{width:56%}
 #chatbots .bot7-cardbody b{font-size:20px}
 #chatbots .bot7-morph{min-height:250px;margin-top:48px}.bot7-morph-line{padding:58px 16px 38px;display:block}.bot7-static{font-size:34px}.bot7-wordbox{display:grid;margin:8px auto 0;min-width:0;width:100%;height:1.1em}.bot7-word{font-size:clamp(54px,16vw,78px)}
 #chatbots .bot7-flow{margin-top:46px}.bot7-rail{grid-template-columns:1fr}.bot7-node:last-child{grid-column:auto}.bot7-node{min-height:112px}
 #chatbots .bot7-portal{height:56vh;min-height:420px}.bot7-o{font-size:110vw}.bot7-portal-copy{font-size:34px}
}
@media(prefers-reduced-motion:reduce){#chatbots .bot7-pulse{animation:none}.bot7-word{transition:none!important}.bot7-stack,.bot7-o,.bot7-packet{transform:none!important;transition:none!important}}



/* Общая типографическая система: serif throughout; Prata only for display accents */
#chatbots.chatbot-web,
#chatbots.chatbot-web button,
#chatbots.chatbot-web input,
#chatbots.chatbot-web textarea{font-family:Cormorant,Georgia,serif!important}
#chatbots .eyebrow,
#chatbots .botl-eyebrow,
#chatbots .bot5-kicker,
#chatbots .bot6-label,
#chatbots .bot7-morph-label{font-family:Cormorant,Georgia,serif!important;font-size:11px!important;letter-spacing:.16em!important;font-weight:600!important}
#chatbots .bot6-whisper,#chatbots .bot7-caption{display:none!important}

/* Первый экран: интерфейс остаётся, но уже не выглядит набором карточек */
#chatbots .chatbot-web-intro{margin-bottom:22px!important}
#chatbots .chatbot-web-intro>p:last-of-type{font-family:Cormorant,Georgia,serif!important;font-size:clamp(21px,1.7vw,27px)!important;line-height:1.38!important;color:#bdb4a6!important}
#chatbots .bot7-hero-art{min-height:330px!important}
#chatbots .bot7-pane{border-radius:7px!important;box-shadow:0 24px 70px rgba(0,0,0,.24)!important}
#chatbots .bot7-pane-head{font-family:Cormorant,Georgia,serif!important;font-size:11px!important;letter-spacing:.08em!important;color:#a79c8b!important}
#chatbots .bot7-bubble{font-family:Cormorant,Georgia,serif!important;font-size:15px!important;line-height:1.36!important;border-radius:8px!important}
#chatbots .bot7-cardbody b{font-size:28px!important}
#chatbots .bot7-cardbody span{font-family:Cormorant,Georgia,serif!important;font-size:13px!important;line-height:1.35!important;color:#9d9486!important}

/* Кинетическая типографика — сохраняем любимую сцену, но убираем случайный sans-serif */
#chatbots .bot6-r1 .bot6-track{font-family:Prata,Georgia,serif!important}
#chatbots .bot6-r2 .bot6-track,
#chatbots .bot6-r3 .bot6-track,
#chatbots .bot6-r4 .bot6-track{font-family:Cormorant,Georgia,serif!important}
#chatbots .bot6-r3 .bot6-track{font-size:clamp(18px,2vw,31px)!important;letter-spacing:.14em!important;font-weight:600!important}
#chatbots .bot6-kinetic{margin-bottom:46px!important;min-height:clamp(470px,64vw,690px)!important}

/* Морфинг: теперь это открытая типографическая сцена, а не округлая карточка */
#chatbots .bot7-morph{margin:34px auto 8px!important;min-height:230px!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
#chatbots .bot7-morph:before{content:"";position:absolute;left:12%;right:12%;top:50%;height:240px;transform:translateY(-50%);background:radial-gradient(ellipse at center,rgba(121,38,43,.10),transparent 67%);pointer-events:none}
#chatbots .bot7-morph-label{left:0!important;top:6px!important;color:#aa8a58!important}
#chatbots .bot7-morph-line{position:relative;z-index:1;padding:44px 0 30px!important;gap:.12em!important}
#chatbots .bot7-static{font-family:Cormorant,Georgia,serif!important;color:#91897d!important;font-size:clamp(42px,4.9vw,70px)!important}
#chatbots .bot7-wordbox{overflow:hidden!important}
#chatbots .bot7-word{font-family:Prata,Georgia,serif!important;font-size:clamp(58px,7.1vw,104px)!important}
#chatbots .bot7-word:nth-child(2n){font-family:Cormorant,Georgia,serif!important;font-style:italic!important}
/* fallback: если JS на кадр/при торможении оставил wordbox без .on — слово не исчезает */
#chatbots .bot7-wordbox:after{content:"продаёт";grid-area:1/1;color:#e8dbc8;font:400 clamp(58px,7.1vw,104px)/.92 Prata,Georgia,serif;letter-spacing:-.055em;opacity:0;pointer-events:none}
#chatbots .bot7-wordbox:not(:has(.bot7-word.on)):after{opacity:1}

/* Живой процесс: вместо пяти маленьких карточек — открытая последовательность */
#chatbots .bot7-flow{margin:40px auto 18px!important;padding:20px 0 8px!important}
#chatbots .bot7-flow-head{margin-bottom:22px!important}
#chatbots .bot7-flow-head p{font-family:Cormorant,Georgia,serif!important;font-size:18px!important;line-height:1.45!important;color:#9b9387!important}
#chatbots .bot7-rail{gap:clamp(18px,2.8vw,44px)!important;padding:20px 0 18px!important}
#chatbots .bot7-rail:before,#chatbots .bot7-packet{display:none!important}
#chatbots .bot7-node{min-height:132px!important;padding:14px 0 8px!important;border-radius:0!important;background:transparent!important;justify-content:flex-start!important;transform:none!important}
#chatbots .bot7-node i{position:static!important;display:block!important;font-family:Cormorant,Georgia,serif!important;font-size:28px!important;line-height:1!important;letter-spacing:0!important;color:rgba(202,160,96,.36)!important;margin-bottom:18px!important}
#chatbots .bot7-node b{font-size:27px!important;color:#c9bcaa!important;transition:color .3s ease,transform .3s ease}
#chatbots .bot7-node small{font-family:Cormorant,Georgia,serif!important;font-size:14px!important;line-height:1.4!important;color:#81796e!important;margin-top:9px!important}
#chatbots .bot7-node.active b{color:#f0dfc6!important;transform:translateY(-2px)}
#chatbots .bot7-node.active i{color:#d2a76a!important}

/* Главное интерактивное меню: один крупный модуль, но без ощущения "карточка в карточке" */
#chatbots .botl-stage{border-radius:0!important;box-shadow:none!important;background:radial-gradient(circle at 77% 28%,rgba(119,37,42,.10),transparent 31%),linear-gradient(116deg,rgba(20,31,24,.42),rgba(7,13,10,.20))!important}
#chatbots .botl-menu{padding-left:4px!important;padding-right:34px!important}
#chatbots .botl-menu-kicker{font-family:Cormorant,Georgia,serif!important;font-size:11px!important}
#chatbots .botl-item{border-radius:0!important;background:transparent!important;margin:0!important;padding:15px 0!important;grid-template-columns:30px 1fr 16px!important}
#chatbots .botl-item:hover,#chatbots .botl-item[aria-selected="true"]{background:transparent!important;padding-left:10px!important}
#chatbots .botl-item .n{font-family:Cormorant,Georgia,serif!important;font-size:11px!important}
#chatbots .botl-item strong{font-size:29px!important}
#chatbots .botl-item small{font-family:Cormorant,Georgia,serif!important;font-size:13px!important;line-height:1.25!important;color:#8f877b!important}
#chatbots .botl-note{display:none!important}
#chatbots .botl-show-copy>p{font-family:Cormorant,Georgia,serif!important;font-size:18px!important;line-height:1.42!important;color:#a69d90!important}
#chatbots .botl-channels{gap:18px!important}
#chatbots .botl-channel{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;font-family:Cormorant,Georgia,serif!important;font-size:13px!important;letter-spacing:.04em!important;text-transform:none!important}
#chatbots .botl-channel[aria-selected="true"]{background:transparent!important;color:#e4bd82!important;font-style:italic}
#chatbots .botl-chat-head strong{font-size:21px!important}
#chatbots .botl-chat-head small,#chatbots .botl-online{font-family:Cormorant,Georgia,serif!important;font-size:11px!important;letter-spacing:.06em!important}
#chatbots .botl-msg{font-family:Cormorant,Georgia,serif!important;font-size:16px!important;line-height:1.4!important;border-radius:8px!important;padding:14px 16px!important}
#chatbots .botl-msg small{font-family:Cormorant,Georgia,serif!important;font-size:10px!important}
#chatbots .botl-logic{padding-left:30px!important}
#chatbots .botl-logic-kicker{font-family:Cormorant,Georgia,serif!important;font-size:11px!important}
#chatbots .botl-step{grid-template-columns:30px 1fr!important;padding:11px 0!important}
#chatbots .botl-step i{width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-family:Cormorant,Georgia,serif!important;font-size:15px!important;color:#a17d4d!important;justify-self:start!important}
#chatbots .botl-step strong{font-size:21px!important}
#chatbots .botl-step small{font-family:Cormorant,Georgia,serif!important;font-size:13px!important;color:#817a70!important}
#chatbots .botl-result span{font-family:Cormorant,Georgia,serif!important;font-size:11px!important}
#chatbots .botl-result strong{font-size:27px!important}
#chatbots .botl-result p{font-family:Cormorant,Georgia,serif!important;font-size:14px!important;color:#8f877c!important}
#chatbots .botl-foot span{font-family:Cormorant,Georgia,serif!important;font-size:10px!important}
#chatbots .botl-foot strong{font-size:18px!important}

/* Блок "делает работу": четыре тезиса как редакционная композиция, не плитка */
#chatbots .botl-proof{margin-top:58px!important}
#chatbots .botl-proof-head p{font-family:Cormorant,Georgia,serif!important;font-size:18px!important;line-height:1.45!important;color:#989084!important}
#chatbots .botl-action-grid{gap:clamp(18px,3vw,46px)!important;background:none!important}
#chatbots .botl-action{min-height:180px!important;padding:22px 0!important;border-radius:0!important;background:transparent!important}
#chatbots .botl-action:hover{background:transparent!important;transform:translateY(-3px)!important}
#chatbots .botl-action>span{font-family:Cormorant,Georgia,serif!important;font-size:11px!important;color:#a18458!important}
#chatbots .botl-action strong{font-size:36px!important;margin:auto 0 9px!important}
#chatbots .botl-action p{font-family:Cormorant,Georgia,serif!important;font-size:15px!important;line-height:1.4!important;color:#8d857a!important}

/* Интеграции: типографический список вместо сетки мини-карточек */
#chatbots .botl-integrations{padding:52px 0!important}
#chatbots .botl-integrations p{font-family:Cormorant,Georgia,serif!important;font-size:17px!important;line-height:1.45!important;color:#938b80!important}
#chatbots .botl-integrations-grid{gap:8px 24px!important;grid-template-columns:repeat(3,1fr)!important;background:none!important}
#chatbots .botl-int{min-height:64px!important;padding:8px 0!important;border-radius:0!important;background:transparent!important}
#chatbots .botl-int:hover{background:transparent!important}
#chatbots .botl-int b{font-size:24px!important}
#chatbots .botl-int small{font-family:Cormorant,Georgia,serif!important;font-size:12px!important;text-transform:none!important;letter-spacing:.03em!important;color:#80786e!important}

/* Внедрение и контроль: крупнее, без мелкой служебной типографики */
#chatbots .botl-launch{padding:50px 0!important}
#chatbots .botl-launch-row{padding:15px 0!important}
#chatbots .botl-launch-row>span{font-family:Cormorant,Georgia,serif!important;font-size:13px!important}
#chatbots .botl-launch-row strong{font-size:25px!important}
#chatbots .botl-launch-row small{font-family:Cormorant,Georgia,serif!important;font-size:14px!important;line-height:1.35!important;color:#847c71!important}
#chatbots .botl-safety{padding-top:50px!important}
#chatbots .botl-safety p{font-family:Cormorant,Georgia,serif!important;font-size:17px!important;line-height:1.45!important;color:#91897e!important}
#chatbots .botl-safety-list{gap:22px 40px!important}
#chatbots .botl-safe{min-height:100px!important;padding:12px 0!important;border-radius:0!important;background:transparent!important}
#chatbots .botl-safe:hover{background:transparent!important}
#chatbots .botl-safe span{font-family:Cormorant,Georgia,serif!important;font-size:11px!important}
#chatbots .botl-safe strong{font-size:24px!important;margin-top:11px!important}
#chatbots .botl-safe small{font-family:Cormorant,Georgia,serif!important;font-size:14px!important;color:#81796f!important}

/* Демо своей ниши — сохраняем функциональность, упрощаем оболочку */
#chatbots .bot5-exp{margin-top:58px!important}
#chatbots .bot5-try{border-radius:0!important;background:radial-gradient(circle at 78% 34%,rgba(118,42,45,.10),transparent 31%),linear-gradient(110deg,rgba(21,32,24,.40),rgba(9,16,12,.18))!important}
#chatbots .bot5-try:before{display:none!important}
#chatbots .bot5-try-copy>p{font-family:Cormorant,Georgia,serif!important;font-size:18px!important;line-height:1.42!important;color:#999185!important}
#chatbots .bot5-go{font-family:Cormorant,Georgia,serif!important;font-size:14px!important;letter-spacing:.04em!important;text-transform:none!important}
#chatbots .bot5-presets{gap:14px 20px!important}
#chatbots .bot5-chip{border:0!important;border-radius:0!important;background:transparent!important;padding:3px 0!important;font-family:Cormorant,Georgia,serif!important;font-size:14px!important;text-transform:none!important;letter-spacing:0!important}
#chatbots .bot5-chip:hover,#chatbots .bot5-chip.active{background:transparent!important;color:#e3bd82!important;font-style:italic}
#chatbots .bot5-note{display:none!important}
#chatbots .bot5-demo-head strong{font-size:21px!important}
#chatbots .bot5-demo-head small,#chatbots .bot5-live{font-family:Cormorant,Georgia,serif!important;font-size:11px!important}
#chatbots .bot5-msg{font-family:Cormorant,Georgia,serif!important;font-size:16px!important;line-height:1.4!important;border-radius:8px!important}
#chatbots .bot5-msg small{font-family:Cormorant,Georgia,serif!important;font-size:10px!important}
#chatbots .bot5-result span,#chatbots .bot5-result b{font-family:Cormorant,Georgia,serif!important;font-size:12px!important}
#chatbots .bot5-result strong{font-size:27px!important}

/* До/После: убираем ощущение двух карточек */
#chatbots .bot5-compare{margin-top:58px!important}
#chatbots .bot5-compare-head p{font-family:Cormorant,Georgia,serif!important;font-size:18px!important;line-height:1.45!important;color:#948c81!important}
#chatbots .bot5-compare-grid{gap:clamp(42px,7vw,100px)!important;background:transparent!important}
#chatbots .bot5-side{border-radius:0!important;background:transparent!important;padding:24px 0 30px!important}
#chatbots .bot5-side.after{background:transparent!important}
#chatbots .bot5-side-top span{font-family:Cormorant,Georgia,serif!important;font-size:12px!important}
#chatbots .bot5-side-top strong{font-size:29px!important}
#chatbots .bot5-route-row{grid-template-columns:28px 1fr!important;padding:11px 0!important}
#chatbots .bot5-route-row i{width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-family:Cormorant,Georgia,serif!important;font-size:14px!important;color:#9c7d50!important;justify-self:start!important}
#chatbots .bot5-route-row strong{font-size:22px!important}
#chatbots .bot5-route-row small{font-family:Cormorant,Georgia,serif!important;font-size:14px!important;line-height:1.35!important;color:#81796f!important}
#chatbots .bot5-outcome span{font-family:Cormorant,Georgia,serif!important;font-size:12px!important}
#chatbots .bot5-outcome strong{font-size:21px!important}

/* Портал: сохраняем как большой переход, но делаем подпись читаемой */
#chatbots .bot7-portal{margin-top:52px!important;min-height:470px!important}
#chatbots .bot7-portal small{font-family:Cormorant,Georgia,serif!important;font-size:12px!important;letter-spacing:.08em!important;color:#93897a!important;text-transform:none!important}

@media(max-width:980px){
 #chatbots .botl-menu{padding-right:20px!important}
 #chatbots .botl-item strong{font-size:25px!important}
 #chatbots .botl-integrations-grid{grid-template-columns:repeat(2,1fr)!important}
 #chatbots .bot7-rail{grid-template-columns:repeat(2,1fr)!important;gap:24px 34px!important}
 #chatbots .bot7-node:last-child{grid-column:1/-1!important}
}
@media(max-width:620px){
 #chatbots .chatbot-web-intro>p:last-of-type{font-size:20px!important}
 #chatbots .bot7-hero-art{min-height:270px!important}
 #chatbots .bot7-pane{border-radius:5px!important}
 #chatbots .bot7-bubble{font-size:13px!important;padding:8px 10px!important}
 #chatbots .bot6-kinetic{min-height:450px!important;margin-bottom:32px!important}
 #chatbots .bot7-morph{min-height:220px!important;margin-top:28px!important}
 #chatbots .bot7-morph-line{padding-top:50px!important}
 #chatbots .bot7-static{font-size:34px!important}
 #chatbots .bot7-word,#chatbots .bot7-wordbox:after{font-size:clamp(52px,15vw,72px)!important}
 #chatbots .bot7-flow-head p{font-size:16px!important}
 #chatbots .bot7-rail{grid-template-columns:1fr!important;gap:8px!important}
 #chatbots .bot7-node,#chatbots .bot7-node:last-child{grid-column:auto!important;min-height:auto!important;padding:10px 0 16px!important}
 #chatbots .bot7-node i{font-size:23px!important;margin-bottom:8px!important}
 #chatbots .bot7-node b{font-size:25px!important}
 #chatbots .botl-menu-list{grid-template-columns:1fr 1fr!important}
 #chatbots .botl-item{min-height:0!important;padding:12px 4px!important;grid-template-columns:1fr 10px!important}
 #chatbots .botl-item .n,#chatbots .botl-item small{display:none!important}
 #chatbots .botl-item strong{font-size:23px!important}
 #chatbots .botl-show-copy>p{font-size:16px!important}
 #chatbots .botl-msg,#chatbots .bot5-msg{font-size:15px!important}
 #chatbots .botl-action-grid{grid-template-columns:1fr 1fr!important;gap:12px 24px!important}
 #chatbots .botl-action{min-height:145px!important}
 #chatbots .botl-action strong{font-size:31px!important}
 #chatbots .botl-action p{font-size:14px!important}
 #chatbots .botl-integrations-grid{grid-template-columns:1fr 1fr!important;gap:7px 18px!important}
 #chatbots .botl-int b{font-size:21px!important}
 #chatbots .botl-safety-list{grid-template-columns:1fr!important;gap:10px!important}
 #chatbots .bot5-try{grid-template-columns:1fr!important}
 #chatbots .bot5-compare-grid{grid-template-columns:1fr!important;gap:20px!important}
 #chatbots .bot7-portal{height:52vh!important;min-height:390px!important}
}



#chatbots .bot7-wordbox{height:clamp(70px,7.8vw,112px)!important;line-height:.92!important}
@media(max-width:620px){#chatbots .bot7-wordbox{height:clamp(58px,17vw,82px)!important}}



/* Убираем дублирующиеся мини-блоки: тот же смысл уже показан крупной живой схемой выше. */
#chatbots .botl-process,#chatbots .botl-foot,#chatbots .bot5-flowdot{display:none!important}



/* Явно фиксируем hero-copy: добавление CTA больше не сбивает старый :last-of-type селектор. */
#chatbots.lead-v10 .lead-hero-copy{grid-column:2!important;grid-row:3!important;margin:4px 0 0!important;max-width:560px!important;align-self:start!important;font:500 clamp(20px,1.75vw,27px)/1.36 Cormorant,Georgia,serif!important;color:#b6ad9f!important}
#chatbots.lead-v10 .lead-micro{grid-column:2!important;grid-row:5!important;margin:0!important;font:500 17px/1.35 Cormorant,Georgia,serif!important;color:#817a70!important}

/* Демо на десктопе: сценарии превращаем в строку выбора, а не в отдельную колонку меню. */
@media(min-width:981px){
 #chatbots .botl-stage{display:block!important;min-height:0!important;padding:0 0 18px!important;background:radial-gradient(circle at 76% 28%,rgba(117,37,42,.08),transparent 30%),linear-gradient(116deg,rgba(20,31,24,.28),rgba(7,13,10,.12))!important}
 #chatbots .botl-menu{display:block!important;padding:26px 0 14px!important;border:0!important}
 #chatbots .botl-menu-kicker{margin:0 0 16px!important;font-size:14px!important}
 #chatbots .botl-menu-list{display:flex!important;flex-wrap:wrap!important;gap:12px 30px!important;align-items:center!important}
 #chatbots .botl-item{display:block!important;width:auto!important;min-height:0!important;padding:2px 0!important;margin:0!important;background:none!important;grid-template-columns:none!important}
 #chatbots .botl-item:hover,#chatbots .botl-item[aria-selected="true"]{padding-left:0!important;background:none!important}
 #chatbots .botl-item .n,#chatbots .botl-item small,#chatbots .botl-item .arr{display:none!important}
 #chatbots .botl-item strong{font:500 27px/1 Cormorant,Georgia,serif!important;color:#80796e!important;transition:color .25s ease,transform .25s ease}
 #chatbots .botl-item:hover strong{color:#c4b49f!important}
 #chatbots .botl-item[aria-selected="true"] strong{color:#e2ba80!important;font-style:italic;transform:translateY(-1px)}
 #chatbots .botl-show{padding:26px 0 6px!important;display:grid!important;grid-template-rows:auto 1fr!important}
 #chatbots .botl-show-head{padding:0!important;margin-bottom:18px!important;align-items:flex-end!important}
 #chatbots .botl-show-copy{max-width:720px!important}
 #chatbots .botl-show h2{font-size:clamp(48px,5.1vw,70px)!important}
 #chatbots .botl-show-copy>p{font-size:22px!important;line-height:1.34!important;max-width:700px!important}
 #chatbots .botl-channels{max-width:340px!important;gap:18px!important;padding-bottom:8px!important}
 #chatbots .botl-channel{font-size:16px!important;min-height:30px!important}
 #chatbots .botl-live{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr)!important;gap:clamp(46px,6vw,86px)!important;padding:30px 0 8px!important}
 #chatbots .botl-messages{min-height:320px!important;gap:14px!important}
 #chatbots .botl-msg{font-size:19px!important;line-height:1.4!important;max-width:84%!important;padding:15px 17px!important}
 #chatbots .botl-logic{padding-left:0!important}
 #chatbots .botl-logic-kicker{font-size:14px!important;margin-bottom:18px!important}
 #chatbots .botl-step{grid-template-columns:32px 1fr!important;gap:14px!important;padding:10px 0!important}
 #chatbots .botl-step i{font-size:17px!important}
 #chatbots .botl-step strong{font-size:25px!important}
 #chatbots .botl-step small{font-size:16px!important;line-height:1.3!important}
 #chatbots .botl-result{margin-top:18px!important;padding-top:8px!important}
 #chatbots .botl-result span{font-size:13px!important}
 #chatbots .botl-result strong{font-size:34px!important}
 #chatbots .botl-result p{font-size:17px!important;line-height:1.35!important}
}

/* На планшете/телефоне сценарии — одна прокручиваемая строка, без плиток. */
@media(max-width:980px){
 #chatbots .botl-menu{display:block!important;padding:18px 0 12px!important;border:0!important;overflow:hidden!important}
 #chatbots .botl-menu-kicker{margin:0 0 14px!important;font-size:13px!important}
 #chatbots .botl-menu-list{display:flex!important;grid-template-columns:none!important;gap:22px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:4px!important}
 #chatbots .botl-menu-list::-webkit-scrollbar{display:none!important}
 #chatbots .botl-item{display:block!important;flex:0 0 auto!important;min-height:0!important;padding:0!important;background:none!important;border:0!important;grid-template-columns:none!important}
 #chatbots .botl-item:hover,#chatbots .botl-item[aria-selected="true"]{padding-left:0!important;background:none!important}
 #chatbots .botl-item .n,#chatbots .botl-item small,#chatbots .botl-item .arr{display:none!important}
 #chatbots .botl-item strong{font:500 24px/1 Cormorant,Georgia,serif!important;color:#817a70!important}
 #chatbots .botl-item[aria-selected="true"] strong{color:#e2ba80!important;font-style:italic}
}
@media(max-width:900px){
 #chatbots.lead-v10 .lead-hero-copy,#chatbots.lead-v10 .lead-micro{grid-column:1!important;grid-row:auto!important}
}



#chatbots.lead-v10 .chatbot-web-intro{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr)!important;grid-template-rows:auto auto!important;column-gap:clamp(42px,6vw,92px)!important;row-gap:22px!important;align-items:start!important}
#chatbots.lead-v10 .chatbot-web-intro>.eyebrow{grid-column:1!important;grid-row:1!important;margin:0 0 12px!important}
#chatbots.lead-v10 .chatbot-web-intro>h1{grid-column:1!important;grid-row:2!important;margin:0!important;align-self:start!important}
#chatbots.lead-v10 .lead-right{grid-column:2!important;grid-row:1/3!important;display:flex!important;flex-direction:column!important;align-self:start!important;min-width:0!important;padding-top:0!important}
#chatbots.lead-v10 .lead-right .bot7-hero-art{position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;min-height:350px!important;margin:0 0 24px!important}
#chatbots.lead-v10 .lead-right .lead-hero-copy{grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:570px!important;margin:0 0 22px!important;font:500 clamp(20px,1.75vw,27px)/1.36 Cormorant,Georgia,serif!important;color:#b6ad9f!important}
#chatbots.lead-v10 .lead-right .lead-actions{grid-column:auto!important;grid-row:auto!important;margin:0 0 16px!important}
#chatbots.lead-v10 .lead-right .lead-micro{grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:560px!important;margin:0!important;font:500 17px/1.35 Cormorant,Georgia,serif!important;color:#817a70!important}
@media(max-width:900px){
 #chatbots.lead-v10 .chatbot-web-intro{grid-template-columns:1fr!important;grid-template-rows:auto!important;row-gap:18px!important}
 #chatbots.lead-v10 .chatbot-web-intro>.eyebrow,#chatbots.lead-v10 .chatbot-web-intro>h1,#chatbots.lead-v10 .lead-right{grid-column:1!important;grid-row:auto!important}
 #chatbots.lead-v10 .lead-right .bot7-hero-art{min-height:300px!important;margin-top:4px!important}
}
@media(max-width:620px){
 #chatbots.lead-v10 .lead-right .bot7-hero-art{min-height:270px!important;margin-bottom:18px!important}
 #chatbots.lead-v10 .lead-right .lead-hero-copy{font-size:20px!important;margin-bottom:18px!important}
 #chatbots.lead-v10 .lead-right .lead-micro{font-size:17px!important}
}


/* GIFS / coherent editorial design system, October 2026. */
:root {
  --ink: #111c16;
  --paper: #f5ecda;
  --muted: #d5cbbb;
  --gold: #e3bd7d;
  --line: rgba(231, 205, 159, .23);
  --gutter: clamp(22px, 5.2vw, 96px);
  --gifs-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --gifs-ease: cubic-bezier(.22, 1, .36, 1);
}

body { color: var(--paper); background: var(--ink); font-family: var(--gifs-body); }
button, input, textarea { font-family: var(--gifs-body); }
a:focus-visible, button:focus-visible, summary:focus-visible,
input:focus-visible, textarea:focus-visible {
  outline: 2px solid #f4d79c;
  outline-offset: 4px;
}
::selection { color: #142119; background: #e8c68e; }

/* Navigation is calm enough to sit over photography and readable on every page. */
:is(body.inside, html.no-js:has(.page:not(#home):target)) .masthead {
  background: rgba(15, 27, 20, .96) !important;
  border-bottom-color: var(--line) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.studio-note { color: #f3dbb5 !important; text-shadow: 0 2px 16px #08100bcc; }
.studio-navigation, .studio-menu { font-family: var(--gifs-body); font-size: 13px; letter-spacing: .025em; }
.studio-navigation a, .studio-menu summary, .studio-menu nav a {
  transition: color .3s, opacity .3s, transform .4s var(--gifs-ease);
}
.studio-navigation a:hover, .studio-navigation a[aria-current="page"] { color: #f9dbab; }
.studio-menu nav { background: #14231b; border-color: var(--line); }
.back-link { color: #f1d29f; font-family: var(--gifs-body); }
.page-progress { height: 3px; background: linear-gradient(90deg, #a9695a, #eac687 55%, #f4e4bb); }

/* Orchard. The photo remains the scene; a shaped shadow gives the text its own space. */
.home-copy { isolation: isolate; }
.home-copy::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  inset: -24% -15% -26% -28%;
  background: radial-gradient(ellipse at 65% 42%, rgba(7, 19, 12, .86) 0%, rgba(7, 19, 12, .62) 38%, transparent 77%);
  filter: blur(16px);
}
.home-copy h1 { color: #fff1d6; font-size: clamp(48px, 4.8vw, 82px); line-height: 1.09; text-shadow: 0 3px 22px #06100ad9; }
.home-copy h1 em { color: #f1c995; }
.home-copy .eyebrow { color: #f6d7a9; font: 650 11px/1.55 var(--gifs-body); letter-spacing: .17em; }
.home-lead-unified { color: #f4ebda; font: 400 clamp(16px, 1.2vw, 19px)/1.55 var(--gifs-body); max-width: 470px; text-shadow: 0 2px 14px #07120ad9; }
.hero-actions { font-family: var(--gifs-body); font-size: 13px; gap: 14px 24px; }
.project-cta { min-height: 56px; background: #e9ca95; color: #132218; border-color: #e9ca95; font-weight: 600; }
.project-cta:hover, .project-cta:focus-visible { background: #f5dfb7; border-color: #f5dfb7; color: #132218; }
.garden-cta { color: #f5dbb3; border-bottom-color: #e8c68e99; font-weight: 550; }
.fruit-label { fill: #fff3db; font-size: 18px; filter: drop-shadow(0 2px 4px #06110bdd); }
.orchard-invitation { color: #f7e4c6; }
.orchard-location { color: #e7dac4; font-size: 11px; }

/* Shared rhythm for the editorial chapters. */
.page.editorial { background-color: #111b15; padding-top: clamp(64px, 7vw, 110px); }
#ai.page.editorial { background-color: #18271e; }
#content.page.editorial { background-color: #141e19; }
#approach.page.editorial { background-color: #1b291f; }
#case.page.editorial { background-color: #131f18; }
.editorial::before { width: 32px; height: 2px; background: #e6be7e; opacity: 1; }
.section-intro { max-width: 1160px; }
.section-intro h1 { margin-block: 20px 26px; max-width: 15ch; font-size: clamp(46px, 5.8vw, 94px); line-height: 1.09; letter-spacing: -.047em; color: #f7eedf; }
.section-intro h1 em { color: #ecc58c; }
.section-intro .lede, .lede {
  max-width: 710px; color: #e3d8c7;
  font: 400 clamp(18px, 1.5vw, 22px)/1.55 var(--gifs-body);
  letter-spacing: -.015em;
}
.eyebrow { color: #e3be84; font: 650 11px/1.5 var(--gifs-body); letter-spacing: .17em; }
.service-composition { gap: clamp(52px, 8vw, 132px); margin-block: clamp(68px, 8vw, 116px); }
.service-composition::after { opacity: .35; }
.service-art { background: radial-gradient(ellipse at 48% 40%, rgba(188, 150, 88, .14), transparent 70%); }
.service-text > h2 { font-size: clamp(36px, 3.4vw, 58px); line-height: 1.16; }
.detail-row { padding-block: 27px; border-color: var(--line); }
.detail-row h3 { font: 500 clamp(28px, 2.4vw, 38px)/1.1 Cormorant, Georgia, serif; color: #f3e8d5; }
.detail-row p, .case-notes > p:not(.eyebrow) {
  color: #d7cbbb; font: 400 16px/1.62 var(--gifs-body); max-width: 530px;
}
.detail-row > span { color: #e6c58f; font-size: 13px; }
.text-action { color: #f1d29b; font: 600 15px/1.4 var(--gifs-body); border-bottom-color: #e1bf87a8; }
.text-action:hover { color: #fff1d5; }
.next-chapter { border-top-color: var(--line); padding-block: 43px; }
.next-chapter > span { color: #d8cabb; font: 600 11px/1.4 var(--gifs-body); letter-spacing: .1em; text-transform: uppercase; }
.next-chapter strong { color: #f3e7d3; font-size: clamp(28px, 3.3vw, 48px); }
.process-art { border-color: var(--line); background-color: #1a2a21; }
.process-chain span { color: #ded1c0; font: 15px/1.55 var(--gifs-body); }
.process-chain small { color: #e4bf83; font: 650 12px var(--gifs-body); }
.flight-chapter { opacity: 1; }
.flight-chapter > p:not(.eyebrow) { color: #e1d5c3; font: 18px/1.55 var(--gifs-body); }
.chapter-result { color: #d5c7b4; font: 14px/1.6 var(--gifs-body); }

/* Content and case pages use active states as clear interaction cues. */
.content-reel { border-color: #d8b87c66; background-color: #17251d; box-shadow: 0 34px 90px #050b0780; }
.content-format { min-height: 76px; border-color: var(--line); }
.content-format.active, .content-format:hover { background: #e8c69112; color: #fff0d8; }
.content-format b { font-size: clamp(24px, 2.2vw, 31px); }
.content-format small { color: #d2c3af; font: 600 11px/1.35 var(--gifs-body); }
.content-format-detail { background: radial-gradient(circle at 78% 25%, #a5664725, transparent 42%); }
.content-format-detail > p:not(.eyebrow) { color: #e0d3c1; font: 17px/1.6 var(--gifs-body); }
.content-format-detail li { color: #e1d3bd; font: 600 11px/1.5 var(--gifs-body); }
.content-production-grid h3 { color: #f4e5d0; }
.content-production-grid p { color: #d8cab7; font: 14px/1.55 var(--gifs-body); }
.case-notes h2 { font-size: clamp(35px, 3.7vw, 60px); }
.case-tabs button { color: #d5c6b2; font: 600 14px var(--gifs-body); }
.case-tabs button[aria-pressed="true"] { color: #f1ce92; border-bottom-width: 2px; }
.case-screen { transform: none; }
.case-screen:hover { transform: translateY(-3px); }
.case-screen figcaption { font: 16px/1.5 var(--gifs-body); }

/* Chat-bots: strengthen copy and leave the large kinetic words in their display face. */
#chatbots.chatbot-web, #chatbots.chatbot-web button,
#chatbots.chatbot-web input, #chatbots.chatbot-web textarea { font-family: var(--gifs-body) !important; }
#chatbots .eyebrow, #chatbots .botl-eyebrow, #chatbots .bot5-kicker,
#chatbots .bot6-label, #chatbots .bot7-morph-label {
  font-family: var(--gifs-body) !important; font-size: 11px !important;
  font-weight: 650 !important; letter-spacing: .16em !important; color: #ecc88f !important;
}
#chatbots.lead-v10 .lead-right .lead-hero-copy,
#chatbots.lead-v10 .lead-right .lead-micro,
#chatbots.lead-v10 .lead-outcome p,
#chatbots.lead-v10 .lead-launch-step p,
#chatbots.lead-v10 .lead-final p,
#chatbots.lead-v10 .botl-show-copy > p,
#chatbots.lead-v10 .bot7-flow-head p {
  font-family: var(--gifs-body) !important;
  color: #e3d8c9 !important; line-height: 1.52 !important;
}
#chatbots.lead-v10 .lead-right .lead-hero-copy { font-size: clamp(18px, 1.5vw, 22px) !important; max-width: 540px !important; }
#chatbots.lead-v10 .lead-right .lead-micro { font-size: 14px !important; color: #cfc2b0 !important; }
#chatbots.lead-v10 .lead-outcome p, #chatbots.lead-v10 .lead-launch-step p { font-size: 17px !important; }
#chatbots.lead-v10 .lead-final p { font-size: 19px !important; }
#chatbots.lead-v10 .botl-show-copy > p { font-size: 18px !important; }
#chatbots.lead-v10 .botl-msg { color: #f4eadb !important; font: 16px/1.48 var(--gifs-body) !important; }
#chatbots.lead-v10 .botl-step small { color: #d7cabb !important; font: 15px/1.45 var(--gifs-body) !important; }
#chatbots.lead-v10 .botl-result p { color: #e1d4c3 !important; font: 16px/1.48 var(--gifs-body) !important; }
#chatbots .botl-item small, #chatbots .bot7-node small,
#chatbots .bot7-cardbody span { color: #d0c3b3 !important; font: 13px/1.4 var(--gifs-body) !important; }
#chatbots .bot7-static { color: #cbbba7 !important; }
#chatbots .bot7-node b { color: #e5d7c2 !important; }
#chatbots .botl-stage { border-top: 1px solid var(--line) !important; border-bottom: 1px solid var(--line) !important; }
#chatbots .botl-item[aria-selected="true"] { background: #e8c38b11 !important; }
#chatbots .botl-msg { border-color: #e5c28e44 !important; }
#chatbots.lead-v10 .v13-light-scene::before { opacity: .32 !important; filter: blur(30px) !important; }
#chatbots.lead-v10 .v13-light-scene.is-lit::before { opacity: .54 !important; filter: blur(24px) !important; }

/* Contacts get a single clear invitation. */
.contact-landing { background-color: #16251c; }
.contact-window { border-color: var(--line); background: radial-gradient(ellipse at 80% 18%, #bd94521c, transparent 51%); }
.contact-window h1 { color: #f7eedf; }
.contact-lead { color: #e7dac8; font: 18px/1.55 var(--gifs-body); }
.contact-primary { font: 600 15px/1.3 var(--gifs-body); background: #edcd99; color: #142219; }
.contact-secondary { font: 600 15px/1.4 var(--gifs-body); color: #f0d4a6; }
.direct-contacts a { color: #f4dfbd; }
.brief-dialog, .brief-content { color: #f3e8d7; }
.brief-content legend, .contact-fields label, .privacy-note { color: #d7c9b6; font: 14px/1.5 var(--gifs-body); }
.channel-options label { font: 15px/1.4 var(--gifs-body); }
.channel-options label:has(input:checked) { background: #dfbd7d1b; box-shadow: inset 0 0 0 1px #ddbd8577; }

@media (max-width: 1024px) {
  .service-composition { gap: 34px; margin-block: 56px; }
  .section-intro h1 { font-size: clamp(39px, 7vw, 64px); }
  .flight-chapter { opacity: 1; }
}
@media (max-width: 700px) {
  .page.editorial { padding-top: 50px; }
  .section-intro h1 { max-width: 100%; font-size: clamp(35px, 8.7vw, 52px); line-height: 1.13; }
  .section-intro .lede, .lede { font-size: 17px; line-height: 1.5; }
  .detail-row p, .case-notes > p:not(.eyebrow) { font-size: 15px; }
  .next-chapter { padding-block: 32px; }
  .content-production-grid p { font-size: 14px; }
  #chatbots.lead-v10 .lead-right .lead-hero-copy { font-size: 18px !important; }
  #chatbots.lead-v10 .lead-right .lead-micro { font-size: 14px !important; }
  #chatbots.lead-v10 .lead-final p { font-size: 17px !important; }
  .contact-lead { font-size: 17px; }
}
@media (max-width: 699px) and (orientation: portrait) {
  .mobile-copy { isolation: isolate; }
  .mobile-copy::before {
    content: ""; position: absolute; z-index: -1; pointer-events: none;
    inset: -24px -22px -20px;
    background: linear-gradient(0deg, #07130cf2 8%, #07130ce0 58%, #07130c00 100%);
    filter: blur(8px);
  }
  .mobile-copy h2 { color: #fff0d6; text-shadow: 0 2px 15px #06130ae0; }
  .mobile-lead { color: #f4e8d4 !important; font: 15px/1.42 var(--gifs-body) !important; }
  .mobile-kicker { color: #f5d9ac; font: 650 10px/1.35 var(--gifs-body); letter-spacing: .1em; }
  .apple-caption { stroke: #09140d88 !important; stroke-width: .65px !important; font-size: 18px !important; }
  .mobile-copy .project-cta { min-height: 48px; }
}
@media (max-height: 620px) and (max-width: 699px) and (orientation: portrait) {
  .mobile-copy::before { inset: -12px -18px -12px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-copy::before, .mobile-copy::before { filter: none; }
}


/* GIFS style studio — a visual, interactive chapter. */
.text-action::after { content: none !important; }
.skip-link:not(:focus) { width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; transform:none; }
.skip-link:focus { width:auto; height:auto; padding:14px; clip-path:none; }

/* Each illustration owns its column. Stacked layouts never pin art over text. */
#approach .flight-story { display:grid !important; grid-template-columns:minmax(0,.95fr) minmax(0,1fr) !important; gap:clamp(40px,6vw,90px) !important; }
#approach .flight-story > * { min-width:0; }
#approach .flight-stage { position:sticky !important; top:100px !important; height:68svh !important; min-height:360px !important; max-height:760px !important; margin:0 !important; width:100% !important; overflow:hidden !important; z-index:0 !important; }
#approach .flight-chapter { position:relative; z-index:1; min-height:68svh !important; padding:50px 0 !important; }
#approach .flight-chapter h2 { font:400 clamp(37px,3.65vw,58px)/1.12 Prata,Georgia,serif !important; }
#approach .flight-chapter > p:not(.eyebrow) { font:400 18px/1.58 var(--gifs-body) !important; color:#e6dccb !important; }
.approach-step-art { display:none; }
@media(max-width:1100px) {
  #approach .flight-story { display:block !important; }
  #approach .flight-stage { display:none !important; position:relative !important; }
  #approach .flight-chapter { min-height:0 !important; padding:38px 0 48px !important; border-top:1px solid var(--line); }
  #approach .flight-chapter h2 { font-size:clamp(32px,5.7vw,52px) !important; max-width:24ch; }
  .approach-step-art { display:grid; grid-template: minmax(0,1fr) / minmax(0,1fr); place-items:center; flex:0 0 auto; box-sizing:border-box; height:clamp(170px,27vw,270px); max-width:100%; margin:12px 0 24px; padding:12px; overflow:hidden; }
  .approach-step-art img { display:block; width:100%; height:100%; min-width:0; min-height:0; max-width:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 12px 12px #0004); }
}


#content.page.content-page { padding:0 !important; max-width:none !important; width:100%; background:#eee5d3 !important; overflow:hidden; }
#content.page.content-page::before,#content.page.content-page::after { display:none !important; }
#content > :not(.gifs-content-studio) { display:none !important; }
.gifs-content-studio { --sg-paper:#eee5d3; --sg-ink:#1d2b22; --sg-wine:#6f2939; --sg-peach:#ef967b; position:relative; isolation:isolate; color:var(--sg-ink); font-family:var(--gifs-body); background:#eee5d3; }
.gifs-content-studio * { box-sizing:border-box; }
.gifs-content-studio::after { content:""; position:absolute; inset:0; z-index:50; pointer-events:none; opacity:.16; mix-blend-mode:multiply; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.42' filter='url(%23n)'/%3E%3C/svg%3E"); }
.sg-width { width:min(1440px,100%); margin:auto; padding-inline:clamp(22px,4vw,64px); }
.sg-magazine-mast { display:flex; justify-content:space-between; align-items:center; gap:24px; min-height:66px; position:relative; font:650 11px/1.3 var(--gifs-body); letter-spacing:.075em; text-transform:uppercase; }
.sg-magazine-mast::after { content:""; position:absolute; left:clamp(22px,4vw,64px); right:clamp(22px,4vw,64px); bottom:0; height:1px; background:#253b2566; }
.sg-magazine-mast span:first-child { font-weight:800; }
.sg-intro { position:relative; z-index:20; display:grid; grid-template-columns:1.7fr .7fr; gap:30px; align-items:end; padding-top:38px; padding-bottom:14px; pointer-events:none; }
.sg-eyebrow { color:#455044 !important; font:750 10px/1.4 var(--gifs-body) !important; letter-spacing:.12em; text-transform:uppercase; margin:0 0 20px !important; }
.sg-intro h1 { color:#1d2b22 !important; font:900 clamp(64px,8.45vw,124px)/.87 Arial,Helvetica,sans-serif !important; letter-spacing:-.075em !important; margin:0 !important; max-width:none !important; }
.sg-intro h1 > span { white-space:nowrap; }
.sg-intro h1 em { font:italic 600 1.04em/1.04 Cormorant,Georgia,serif; letter-spacing:-.04em; }
#content .sg-intro h1 em,#content .sg-collage-note em,#content .sg-style-dossier h2 em,#content .sg-brief h2 em { color:#743448 !important; }
#content .sg-output h2 em { color:#f2d2b9 !important; }
.sg-title-star { display:inline-block; font:600 .7em/.8 Arial,sans-serif; color:#803747; margin-left:12px; vertical-align:15%; transform:rotate(-12deg); }
.sg-intro-copy { padding-bottom:12px; pointer-events:auto; }
.sg-intro-copy p { color:#344235 !important; font:450 clamp(15px,1.15vw,17px)/1.52 var(--gifs-body) !important; margin:0 0 20px; }
.sg-link { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; min-height:48px; color:#fbf0d7; background:#203626; padding:12px 18px; transform:rotate(-1deg); font:750 13px/1.4 var(--gifs-body); box-shadow:3px 3px 0 #11221a26; }
.sg-link:hover { background:#6f2939; }
.sg-link span { font-size:21px; }
.sg-gallery-shell { padding-top:0; padding-bottom:55px; }
.sg-gallery { position:relative; height:clamp(590px,56vw,810px); overflow:visible; isolation:isolate; }
.sg-paper { position:absolute; pointer-events:none; overflow:hidden; box-shadow:3px 9px 16px #44392022; clip-path:polygon(1% 0,26% .6%,48% 0,68% .5%,99% 0,99.4% 22%,100% 43%,99% 66%,100% 99%,75% 100%,53% 99%,28% 100%,0 99%,.6% 72%,0 40%); }
.sg-paper-burgundy { left:-2%; top:32%; width:42%; height:65%; z-index:0; background:#743043; transform:rotate(-9deg); padding:11% 3% 0; }
.sg-paper-burgundy span { color:#f5d7b3; font:900 clamp(42px,8vw,115px)/.93 Arial,sans-serif; letter-spacing:-.075em; }
.sg-paper-news { left:22%; top:9%; width:48%; height:80%; z-index:1; background:#dad5c5; padding:28px; transform:rotate(-4deg); }
.sg-news-title { display:block; color:#283429; font:900 clamp(37px,5.1vw,75px)/.83 Arial,sans-serif; letter-spacing:-.07em; border-bottom:4px double #26342377; padding-bottom:20px; }
.sg-news-columns { margin-top:20px; columns:3; column-gap:20px; color:#55594b; font:13px/1.6 Georgia,serif; text-align:justify; }
.sg-paper-lilac { left:65%; top:8%; width:33%; height:69%; background:#b3a5be; transform:rotate(8deg); z-index:1; padding:28px; }
.sg-paper-lilac > span { font:900 clamp(25px,4vw,58px)/.87 Arial,sans-serif; color:#392d44; letter-spacing:-.05em; }
.sg-paper-lilac > i { display:block; font:italic 24px Cormorant,Georgia,serif; color:#47314b; margin-top:20px; }
.sg-paper-grid { left:71%; top:59%; width:28%; height:38%; background-color:#f6edda; background-image:linear-gradient(#25472816 1px,transparent 1px),linear-gradient(90deg,#25472816 1px,transparent 1px); background-size:17px 17px; transform:rotate(-5deg); z-index:2; }
.sg-tape { position:absolute; z-index:18; width:120px; height:29px; background:repeating-linear-gradient(100deg,#cfb78685 0 5px,#ddc99d70 5px 6px); box-shadow:0 1px 1px #68533822; clip-path:polygon(1% 0,98% 2%,100% 96%,0 100%,3% 60%); pointer-events:none; mix-blend-mode:multiply; }
.sg-tape-one { left:55%; top:5%; transform:rotate(22deg); }
.sg-tape-two { left:7%; top:68%; transform:rotate(-23deg); }
.sg-collage-note { position:absolute; z-index:22; left:2%; top:2%; width:24%; font:500 clamp(28px,3.5vw,48px)/.87 Cormorant,Georgia,serif; transform:rotate(-8deg); color:#723547; pointer-events:none; }
.sg-collage-note b { font:850 .63em monospace; color:#263b29; }
.sg-collage-note em { font-size:1.14em; }
.sg-collage-note svg { width:100px; height:50px; display:block; margin:5px 0 0 45%; fill:none; stroke:#783044; stroke-width:2.5; stroke-linecap:round; }
.sg-burst { position:absolute; z-index:24; right:5%; top:38%; display:grid; place-content:center; width:145px; height:145px; text-align:center; color:#243126; background:#e8b44c; font:900 16px/.96 Arial,sans-serif; letter-spacing:-.02em; transform:rotate(14deg); clip-path:polygon(50% 0,57% 12%,69% 4%,72% 19%,86% 15%,84% 31%,98% 34%,89% 47%,100% 58%,85% 63%,90% 78%,73% 77%,69% 95%,57% 87%,49% 100%,40% 88%,26% 96%,24% 81%,8% 83%,13% 66%,0 60%,11% 49%,1% 36%,17% 31%,13% 15%,29% 19%,33% 4%,44% 12%); pointer-events:none; }
.sg-round-stamp { position:absolute; z-index:23; left:24%; top:35%; width:98px; height:98px; display:grid; place-content:center; text-align:center; border:2px solid #fff4d8; border-radius:50%; color:#fff3db; background:#244132; font:800 9px/1.2 monospace; transform:rotate(-14deg); box-shadow:2px 3px 0 #312c2333; pointer-events:none; }
.sg-round-stamp b { font:900 41px/.95 Arial,sans-serif; }
.sg-piece { position:absolute; display:block; appearance:none; padding:0; margin:0; min-width:0; background:none; border:0; color:#1d2b22; cursor:grab; touch-action:pan-y; transform:translate(var(--drag-x,0px),var(--drag-y,0px)) rotate(var(--rotation,0deg)); transition:filter .25s; -webkit-user-select:none; user-select:none; }
.sg-piece img { width:100%; height:100%; object-fit:contain; pointer-events:none; filter:drop-shadow(3px 0 0 #fff6e0) drop-shadow(-3px 0 0 #fff6e0) drop-shadow(0 3px 0 #fff6e0) drop-shadow(0 -3px 0 #fff6e0) drop-shadow(3px 8px 3px #342b2633); transition:transform .3s var(--gifs-ease); }
.sg-piece:hover img { transform:scale(1.04); }
.sg-piece.is-selected img { transform:scale(1.04); }
.sg-piece:focus-visible { outline:2px dashed #6f2939 !important; outline-offset:5px !important; }
.sg-piece span { position:absolute; bottom:2%; left:50%; transform:translateX(-50%) rotate(-2deg); white-space:nowrap; padding:8px 13px; color:#263c2b; background:#fff1d7; box-shadow:2px 3px 0 #3e342728; font:850 12px/1.2 var(--gifs-body); text-transform:uppercase; clip-path:polygon(0 0,100% 2%,98% 96%,1% 100%,2% 61%); }
.sg-piece small { margin-right:6px; font:500 10px monospace; }
.sg-piece.is-selected span { color:#fff4df; background:#773146; }
.sg-piece.is-dragging { cursor:grabbing; }
.sg-piece.is-dragging img { transform:scale(1.06); }
.sg-gallery[data-drag="on"] .sg-piece { touch-action:none; }
.sg-piece-pixel { --rotation:-12deg; left:-3%; top:16%; width:40%; height:44%; z-index:9; }
.sg-piece-pixel img { image-rendering:pixelated; }
.sg-piece-pixel span { background:#eeb75a; color:#293126; bottom:8%; }
.sg-piece-medieval { --rotation:7deg; left:-1%; top:39%; width:45%; height:61%; z-index:11; }
.sg-piece-medieval span { color:#f4e3c8; background:#253e2e; bottom:3%; }
.sg-piece-classic { --rotation:-6deg; left:31%; top:-7%; width:39%; height:97%; z-index:5; }
.sg-piece-classic span { bottom:2%; }
.sg-piece-three { --rotation:12deg; left:64%; top:-3%; width:34%; height:82%; z-index:7; }
.sg-piece-three span { bottom:10%; }
.sg-piece-anime { --rotation:-9deg; left:41%; top:43%; width:48%; height:57%; z-index:13; }
.sg-piece-anime span { bottom:2%; background:#eca28c; }
.sg-piece-photo { --rotation:10deg; left:77%; top:67%; width:24%; height:31%; z-index:16; padding:10px 10px 38px; background:#fff7e7; box-shadow:3px 8px 14px #3d302b33; }
.sg-piece-photo img { filter:drop-shadow(2px 3px 2px #49332a33); }
.sg-piece-photo span { background:none; box-shadow:none; bottom:7px; font-size:11px; padding:6px 0; }
.sg-piece-photo::before { content:""; position:absolute; z-index:3; left:23%; top:-12px; width:55%; height:25px; background:#cfb78da6; transform:rotate(-13deg); }
.sg-doodle { position:absolute; left:54%; top:62%; z-index:19; width:20%; height:27%; transform:rotate(-10deg); pointer-events:none; }
.sg-doodle svg { width:100%; height:100%; fill:none; stroke:#b53752; stroke-width:2.3; stroke-linecap:round; }
.sg-collage-controls { position:relative; z-index:25; display:flex; justify-content:space-between; align-items:center; gap:20px; padding-top:36px; }
.sg-gallery-note { color:#40503f; font:550 12px/1.45 var(--gifs-body); margin:0; }
.sg-collage-controls > div { display:flex; gap:24px; flex-wrap:wrap; }
.sg-collage-controls button { background:none; border:0; border-bottom:1px solid #3d4a3855; color:#334733; min-height:44px; font:650 12px/1.4 var(--gifs-body); padding:7px 0; }
.sg-collage-controls button span { font-size:19px; margin-left:9px; }
.sg-drag-mode[aria-pressed="true"] { color:#783045; }
.sg-filters { display:flex; align-items:center; flex-wrap:wrap; gap:5px 12px; padding:27px 0 24px; border-bottom:2px solid #253c2955; }
.sg-filter { color:#344734; background:transparent; border:0; min-height:44px; padding:9px 12px; font:750 14px/1.3 var(--gifs-body); }
.sg-filter:hover { text-decoration:underline; text-underline-offset:5px; }
.sg-filter[aria-pressed="true"] { background:#e4a38e; color:#342d25; transform:rotate(-2deg); box-shadow:2px 3px 0 #4e3b2325; }
.sg-style-dossier { display:grid; grid-template-columns:.5fr 1.1fr 1.1fr; gap:36px; align-items:start; padding-top:38px; min-height:224px; }
.sg-gallery-number { display:block; color:#74384a; font:italic 500 45px/1 Cormorant,Georgia,serif; margin-bottom:12px; }
.sg-style-dossier .sg-eyebrow { max-width:20ch; font-size:9px !important; }
.sg-style-dossier h2 { color:#203626 !important; font:600 clamp(31px,3.2vw,46px)/1.08 Cormorant,Georgia,serif !important; letter-spacing:-.025em; margin:0; }
.sg-style-dossier h2 em { font-style:italic; }
.sg-style-dossier p:not(.sg-eyebrow) { color:#41503e !important; font:400 16px/1.6 var(--gifs-body) !important; margin:0; }
.sg-focus-tags { display:flex; flex-wrap:wrap; gap:6px 14px; margin-top:17px; font:750 9px/1.5 var(--gifs-body); letter-spacing:.08em; text-transform:uppercase; color:#753247; }
.sg-output { position:relative; background:#6f2c3e; padding-block:68px 112px; }
.sg-output .sg-eyebrow { color:#f3d8bd !important; }
.sg-output-head { display:grid; grid-template-columns:1.7fr .8fr; gap:36px; align-items:end; }
.sg-output h2 { color:#fff0d9 !important; font:800 clamp(38px,4.7vw,68px)/1.04 Arial,Helvetica,sans-serif !important; letter-spacing:-.045em; margin:0; }
.sg-output h2 em { font:italic 600 1.1em/1.05 Cormorant,Georgia,serif; }
.sg-output-head > p { color:#f7d6c0 !important; font:16px/1.55 var(--gifs-body) !important; margin:0 0 6px; }
.sg-output-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:50px; }
.sg-output-item { position:relative; padding:36px 30px 33px; color:#203526; background:#f0e4cb; box-shadow:5px 9px 0 #3f1b2c55; transform:rotate(-3deg); }
.sg-output-item:nth-child(2) { background:#d9dabf; transform:translateY(14px) rotate(2deg); z-index:2; }
.sg-output-item:nth-child(3) { background:#ebad94; transform:translateY(24px) rotate(-1deg); }
.sg-output-item::before { content:""; position:absolute; width:80px; height:24px; left:calc(50% - 40px); top:-11px; background:#dec296a6; transform:rotate(7deg); }
.sg-output-item small { color:#794939; font:800 10px/1.4 monospace; }
.sg-output-item h3 { color:#253928 !important; font:800 29px/1.05 Arial,sans-serif !important; letter-spacing:-.055em; margin:28px 0 16px; }
.sg-output-item p { color:#3e4b3b !important; font:15px/1.6 var(--gifs-body) !important; margin:0; }
.sg-brief { background:#dfad8e; padding-block:85px; }
.sg-brief-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:70px; align-items:center; }
.sg-brief h2 { font:700 clamp(38px,4.2vw,62px)/1.05 Cormorant,Georgia,serif !important; color:#243829 !important; margin:0 0 24px; letter-spacing:-.035em; }
.sg-brief h2 em { font-style:italic; }
.sg-brief-intro p:not(.sg-eyebrow) { color:#3e4a37 !important; font:16px/1.6 var(--gifs-body) !important; max-width:360px; }
.sg-brief-scribble { display:block; font:italic 700 32px Cormorant,Georgia,serif; color:#85334a; transform:rotate(-6deg); margin-top:38px; }
.sg-brief-paper { position:relative; padding:35px; background:#f4ead5; box-shadow:6px 9px 0 #73493230; transform:rotate(-1deg); }
.sg-brief-paper::before { content:""; width:95px; height:28px; background:#caba938e; position:absolute; top:-12px; left:calc(50% - 47px); transform:rotate(13deg); }
.sg-brief label { display:block; color:#563b2b; font:800 11px/1.4 var(--gifs-body); margin-bottom:12px; }
.sg-brief-choice { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.sg-format { min-height:44px; background:none; border:1px solid #4c573b55; color:#3d4731; padding:10px 12px; font:650 12px/1.3 var(--gifs-body); }
.sg-format[aria-pressed="true"] { background:#28452f; border-color:#28452f; color:#fff0d4; }
.sg-brief input { width:100%; min-height:50px; margin-bottom:24px; color:#2d4430; background:transparent; padding:10px 0; border:0; border-bottom:1px solid #334b3466; font:16px/1.5 var(--gifs-body); }
.sg-brief input::placeholder { color:#777c66; opacity:1; }
.sg-brief-result { display:block; border-top:1px solid #334b3444; border-bottom:1px solid #334b3444; padding-block:22px; color:#283c2c; font:600 clamp(23px,2.1vw,31px)/1.35 Cormorant,Georgia,serif; }
.sg-brief-actions { display:flex; flex-wrap:wrap; align-items:center; gap:15px 22px; margin-top:24px; }
.sg-project { display:inline-flex; align-items:center; justify-content:space-between; min-height:50px; gap:25px; padding:12px 18px; color:#f8e8cd; background:#793349; font:750 13px/1.4 var(--gifs-body); }
.sg-project:hover { background:#51283a; }
.sg-copy { background:none; border:0; border-bottom:1px solid #3f4b3966; color:#3a4934; min-height:44px; padding:8px 0; font:650 12px/1.4 var(--gifs-body); }
.sg-copy-status { font:12px/1.4 var(--gifs-body); color:#3b5134; min-height:18px; margin-top:12px; }
.sg-next { background:#203528; padding-block:30px; }
.sg-next a { display:flex; justify-content:space-between; gap:24px; align-items:center; color:#f5dfbc; }
.sg-next small { font:700 10px/1.4 var(--gifs-body); text-transform:uppercase; letter-spacing:.1em; }
.sg-next strong { font:600 clamp(26px,3vw,42px) Cormorant,Georgia,serif; }
@media(max-width:1000px) {
  .sg-intro { grid-template-columns:1.6fr .8fr; gap:18px; }
  .sg-intro h1 { font-size:clamp(64px,8.8vw,94px) !important; }
  .sg-title-star { margin-left:8px; }
  .sg-gallery { height:620px; }
  .sg-burst { width:115px; height:115px; font-size:13px; }
  .sg-round-stamp { width:78px; height:78px; }
  .sg-round-stamp b { font-size:30px; }
  .sg-style-dossier { grid-template-columns:.5fr 1fr 1.2fr; gap:24px; }
  .sg-output-item { padding:30px 22px; }
  .sg-output-item h3 { font-size:25px !important; }
  .sg-brief-grid { gap:34px; }
  .sg-brief-paper { padding:26px; }
}
@media(max-width:760px) {
  .sg-magazine-mast { font-size:9px; gap:15px; min-height:52px; }
  .sg-magazine-mast span:nth-child(3) { display:none; }
  .sg-intro { grid-template-columns:1fr; gap:20px; padding-top:30px; padding-bottom:12px; }
  .sg-intro h1 { font-size:clamp(57px,14.2vw,105px) !important; }
  .sg-intro-copy { display:flex; align-items:end; gap:20px; padding-bottom:0; }
  .sg-intro-copy p { font-size:15px !important; margin:0; }
  .sg-desktop-break { display:none; }
  .sg-link { min-width:192px; margin-bottom:6px; }
  .sg-collage-controls { display:block; padding-top:28px; }
  .sg-collage-controls > div { margin-top:10px; gap:25px; }
  .sg-style-dossier { grid-template-columns:.55fr 1.4fr; gap:24px; }
  .sg-style-dossier > div:last-child { grid-column:2; }
  .sg-output-head { grid-template-columns:1fr; gap:24px; }
  .sg-output-grid { grid-template-columns:1fr; gap:18px; padding-inline:6px; margin-top:34px; }
  .sg-output-item { padding:30px; }
  .sg-output-item:nth-child(2),.sg-output-item:nth-child(3) { transform:rotate(2deg); }
  .sg-output-item h3 { font-size:30px !important; margin-top:20px; }
  .sg-output { padding-block:55px 72px; }
  .sg-brief { padding-block:55px 65px; }
  .sg-brief-grid { grid-template-columns:1fr; gap:35px; }
  .sg-brief-intro p:not(.sg-eyebrow) { max-width:500px; }
  .sg-brief-scribble { margin-top:15px; font-size:29px; }
  .sg-next a { display:block; }
  .sg-next strong { display:block; margin-top:10px; }
}
@media(max-width:520px) {
  .sg-width { padding-inline:22px; }
  .sg-magazine-mast { font-size:8px; letter-spacing:.035em; }
  .sg-magazine-mast::after { left:22px; right:22px; }
  .sg-intro h1 { font-size:clamp(48px,14.6vw,74px) !important; }
  .sg-title-star { font-size:.6em; margin-left:5px; }
  .sg-intro .sg-eyebrow { font-size:9px !important; margin-bottom:14px !important; }
  .sg-intro-copy { display:block; }
  .sg-intro-copy p { font-size:15px !important; line-height:1.45 !important; }
  .sg-link { margin:18px 0 4px; min-height:45px; font-size:12px; }
  .sg-gallery { height:580px; margin-inline:-12px; }
  .sg-paper-burgundy { left:-10%; top:41%; width:63%; height:52%; padding:30% 5% 0; }
  .sg-paper-burgundy span { font-size:65px; }
  .sg-paper-news { left:13%; top:17%; width:65%; height:72%; padding:15px; }
  .sg-news-title { font-size:35px; }
  .sg-news-columns { columns:2; font-size:10px; }
  .sg-paper-lilac { left:64%; top:12%; width:42%; height:73%; padding:15px; }
  .sg-paper-lilac > span { font-size:26px; }
  .sg-paper-lilac > i { font-size:18px; }
  .sg-paper-grid { left:64%; top:70%; width:41%; height:27%; }
  .sg-collage-note { left:2%; top:4%; width:38%; font-size:29px; }
  .sg-collage-note svg { width:70px; margin-left:25%; }
  .sg-burst { right:-2%; top:46%; width:88px; height:88px; font-size:10px; }
  .sg-round-stamp { left:22%; top:40%; width:67px; height:67px; font-size:8px; }
  .sg-round-stamp b { font-size:26px; }
  .sg-tape { width:73px; height:22px; }
  .sg-tape-one { left:63%; top:12%; }
  .sg-tape-two { left:5%; top:71%; }
  .sg-piece-pixel { --rotation:-13deg; left:-9%; top:21%; width:59%; height:35%; }
  .sg-piece-classic { --rotation:-7deg; left:28%; top:1%; width:55%; height:68%; }
  .sg-piece-three { --rotation:13deg; left:67%; top:9%; width:43%; height:62%; }
  .sg-piece-medieval { --rotation:7deg; left:-10%; top:46%; width:68%; height:50%; }
  .sg-piece-anime { --rotation:-10deg; left:34%; top:58%; width:67%; height:39%; }
  .sg-piece-photo { --rotation:9deg; left:70%; top:77%; width:35%; height:23%; padding:7px 7px 31px; }
  .sg-piece span { font-size:9px; padding:6px 8px; }
  .sg-piece small { font-size:8px; margin-right:4px; }
  .sg-piece-three span { left:40%; bottom:20%; }
  .sg-piece-classic span { bottom:4%; }
  .sg-piece-pixel span { bottom:4%; }
  .sg-piece-photo span { font-size:8px; bottom:6px; padding:5px 0; }
  .sg-piece-photo::before { height:19px; top:-9px; }
  .sg-doodle { left:48%; top:64%; width:35%; height:26%; }
  .sg-collage-controls { padding-top:23px; }
  .sg-gallery-note { font-size:11px; }
  .sg-collage-controls > div { gap:14px; }
  .sg-collage-controls button { font-size:11px; }
  .sg-filters { padding:20px 0; gap:3px 5px; }
  .sg-filter { font-size:12px; padding:8px 9px; }
  .sg-gallery-shell { padding-bottom:36px; }
  .sg-style-dossier { grid-template-columns:1fr; gap:15px; padding-top:26px; min-height:0; }
  .sg-style-dossier > div:first-child { display:flex; align-items:center; gap:20px; }
  .sg-gallery-number { font-size:37px; margin:0; white-space:nowrap; }
  .sg-style-dossier .sg-eyebrow { margin:0 !important; max-width:none; }
  .sg-style-dossier > div:last-child { grid-column:auto; }
  .sg-style-dossier h2 { font-size:38px !important; }
  .sg-style-dossier p:not(.sg-eyebrow) { font-size:15px !important; }
  .sg-output h2 { font-size:37px !important; }
  .sg-output-item { padding:29px 23px; }
  .sg-brief h2 { font-size:43px !important; }
  .sg-brief-paper { padding:27px 22px; }
  .sg-brief input { font-size:16px; }
  .sg-brief-result { font-size:25px; }
}
@media(prefers-reduced-motion:reduce) {
  .gifs-content-studio * { transition:none !important; animation:none !important; }
}

/* The document stays readable when scripts are unavailable or fail to start. */
#root[data-static] {width:100%;height:auto!important;min-height:100vh;overflow:clip!important}
html body:has(#root[data-static]) {
  position:relative!important;
  height:auto!important;
  min-height:100vh!important;
  max-height:none!important;
  overflow-x:clip!important;
  overflow-y:auto!important;
  background:#111914;
}
#root[data-static] #main {
  height:auto!important;
  overflow:visible!important;
}
#root[data-static] .page {
  display:block!important;
  position:relative;
  min-width:0;
  scroll-margin-top:84px;
}
#root[data-static] #home {
  height:calc(100vh - 84px)!important;
  height:calc(100svh - 84px)!important;
  min-height:560px!important;
  overflow:hidden!important;
}
#root[data-static] .masthead {
  display:flex!important;
  position:sticky!important;
  top:0;
  height:84px;
  background:#101b15;
  border-bottom:1px solid var(--line);
}
#root[data-static] .masthead .wordmark {font-size:38px}
#root[data-static] .masthead .header-date {display:none}
#root[data-static] .masthead .studio-note {font-size:14px;color:#d9b18b}
#root[data-static] .masthead .back-link {display:flex}
#root[data-static] * {animation:none!important}
#root[data-static] :is(.reveal,.reveal-item,.v13-light-scene) {opacity:1!important;visibility:visible!important}
#root[data-static] :is(.editorial,.chatbot-web,.studio-guide,.contact-landing) {height:auto!important;overflow:visible!important}
#root[data-static] :is(.sg-drag-mode,.sg-reset,.sg-collage-controls,.sg-filters,.sg-brief-paper,.bot5-form,.bot5-chips,.bot5-try,.gold-seed,.soil-selection-count) {display:none!important}
#root[data-static] .sg-brief-grid {grid-template-columns:1fr!important}
#root[data-static] .sg-brief-intro {max-width:720px}
#root[data-static] .sg-static-cta {display:inline-flex;align-items:center;margin-top:28px;padding:18px 28px;background:#743448;color:#f2e8d5;font-size:21px;border-radius:0}
#root[data-static] .sg-static-styles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;margin-top:48px;padding-bottom:48px}
#root[data-static] .sg-static-styles details {border-top:1px solid #74344845;padding:20px 0;scroll-margin-top:100px}
#root[data-static] .sg-static-styles summary {cursor:pointer;font:500 27px/1.2 Cormorant,Georgia,serif;color:#743448}
#root[data-static] .sg-static-styles p {margin-top:16px;font-size:18px;line-height:1.55;color:#3f3a34}
#root[data-static] .sg-static-styles small {display:block;margin-top:14px;color:#743448;font-size:14px;line-height:1.5}
#root[data-static] [data-static-control] {cursor:default!important}
#root[data-static] .soil-seed-field {pointer-events:none}
#root[data-static] .botl-item {pointer-events:none}
#root[data-static] .sg-piece {display:block;color:inherit}
#root[data-static] .editorial {padding-top:70px;padding-bottom:70px}
#root[data-static] .flight-stage {position:relative!important;top:auto!important}
#root[data-static] .brief-dialog {display:none!important}
#root[data-static] .page:not(#home) {border-top:1px solid #d5b88024}
@media(max-width:700px) {
  #root[data-static] .masthead {height:64px!important;padding:0 18px;gap:10px}
  #root[data-static] .masthead .wordmark {font-size:30px}
  #root[data-static] .masthead :is(.studio-note,.back-link) {display:none!important}
  #root[data-static] #home {height:calc(100svh - 64px)!important;min-height:620px!important}
  #root[data-static] .sg-static-styles {grid-template-columns:1fr;gap:0;margin-top:30px}
  #root[data-static] .editorial {padding-top:40px;padding-bottom:40px}
}