:root { --mt-navy:#242e4a; --mt-green:#57bf60; --mt-lime:#a6d868; --mt-blue:#8ab9e8; --mt-paper:#f4f3ee; --mt-line:rgba(36,46,74,.18); }
.monkeytown-case { background:var(--mt-paper); color:var(--mt-navy); }
.monkeytown-case .button,.monkeytown-case .menu-toggle { border-color:var(--mt-green); background:var(--mt-green); color:#101722; }
.monkeytown-case .menu-toggle span { background:#101722; }
.monkeytown-case .button:hover { background:#78d36e; }
.mt-shell { width:min(1540px,calc(100% - 96px)); margin-inline:auto; }
.mt-section { padding:clamp(96px,9vw,164px) 0; }
.mt-eyebrow { margin:0; font-size:10px; font-weight:700; letter-spacing:.15em; line-height:1.2; text-transform:uppercase; }
.mt-heading-grid { display:grid; grid-template-columns:.55fr 2fr 1fr; gap:4.5vw; align-items:start; }
.mt-heading-grid h2 { margin:0; font:400 clamp(62px,6.5vw,122px)/.9 "Lebowski GB Preview","Helvetica Neue",Arial,sans-serif; letter-spacing:-.05em; }
.mt-copy { max-width:570px; }
.mt-copy p { margin:0; font-size:clamp(17px,1.08vw,21px); line-height:1.52; }
.mt-copy p+p { margin-top:1em; }

.mt-hero { position:relative; min-height:calc(100svh - var(--header-h)); overflow:hidden; isolation:isolate; background:#dbe8ef url("/ru-v1-case-monkeytown-v1/assets/hero-airship.webp?v=1") center center/cover no-repeat; }
.mt-hero::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(239,244,231,.94) 0%,rgba(239,244,231,.74) 32%,rgba(239,244,231,.16) 58%,rgba(239,244,231,0) 72%); }
.mt-hero__meta { position:absolute; top:28px; right:var(--gutter); left:var(--gutter); display:flex; justify-content:space-between; color:rgba(36,46,74,.62); font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.mt-hero__copy { position:absolute; z-index:2; top:50%; left:var(--gutter); width:min(47vw,780px); transform:translateY(-50%); }
.mt-hero__copy h1 { margin:24px 0 30px; font:400 clamp(78px,8vw,152px)/.84 "Lebowski GB Preview","Helvetica Neue",Arial,sans-serif; letter-spacing:-.055em; }
.mt-hero__copy>p:last-child { width:min(540px,90%); margin:0; font-size:clamp(17px,1.14vw,22px); line-height:1.48; }
.mt-hero__logo { position:absolute; right:5vw; bottom:-5vh; width:min(34vw,650px); }
.mt-hero__logo img { display:block; width:100%; height:auto; }
.mt-hero__scroll { position:absolute; right:var(--gutter); bottom:24px; color:rgba(255,255,255,.92); font-size:9px; letter-spacing:.14em; text-decoration:none; text-shadow:0 1px 12px rgba(7,15,29,.5); text-transform:uppercase; }

.mt-idea { background:#fff; }
.mt-wide-image { width:min(1760px,calc(100% - 48px)); margin:clamp(70px,8vw,128px) auto 0; }
.mt-wide-image img { display:block; width:100%; height:auto; }
.mt-wide-image figcaption,.mt-gallery figcaption { padding-top:10px; color:rgba(36,46,74,.6); font-size:9px; letter-spacing:.13em; text-transform:uppercase; }

.mt-system { overflow:hidden; background:var(--mt-navy); color:#fff; }
.mt-system .mt-copy { color:rgba(255,255,255,.68); }
.mt-orbits { position:relative; width:min(1040px,72vw); aspect-ratio:16/9; margin:clamp(72px,8vw,132px) auto; }
.mt-orbits::before,.mt-orbits::after { content:""; position:absolute; inset:2%; border:1px solid rgba(255,255,255,.13); border-radius:50%; transform:rotate(-9deg); }
.mt-orbits::after { inset:13%; transform:rotate(13deg); }
.mt-orbits__mark { position:absolute; z-index:3; top:50%; left:50%; height:55%; aspect-ratio:3/4; transform:translate(-50%,-50%); }
.mt-orbits__mark img { display:block; width:100%; height:100%; }
.mt-orbits__texture { position:absolute; inset:0; background:url("/ru-v1-case-monkeytown-v1/assets/logo-motion.webp") center 8%/157.5% auto no-repeat; -webkit-mask:url("/ru-v1-case-monkeytown-v1/assets/planet-mask.svg") center/contain no-repeat; mask:url("/ru-v1-case-monkeytown-v1/assets/planet-mask.svg") center/contain no-repeat; }
.mt-orbit { position:absolute; z-index:2; width:25%; aspect-ratio:1; border:9px solid var(--mt-navy); border-radius:50%; box-shadow:0 0 0 1px rgba(255,255,255,.18); }
.mt-orbit--leaf { top:2%; left:9%; background:radial-gradient(circle at 30% 25%,#c7e983,#4aaf5c 58%,#204c32); }
.mt-orbit--space { top:9%; right:8%; background:radial-gradient(circle at 31% 28%,#e5effe 0 2px,transparent 3px),radial-gradient(circle at 65% 39%,#fff 0 1px,transparent 2px),radial-gradient(circle at 35% 72%,#aecbed 0 2px,transparent 3px),radial-gradient(circle at 50% 50%,#2b5b9b,#171d47 68%,#080d1c); background-size:45px 45px,35px 35px,58px 58px,auto; }
.mt-orbit--water { right:18%; bottom:0; background:radial-gradient(circle at 38% 30%,#d5f5f2,#65bfca 55%,#267590); }
.mt-system .mt-wide-image { margin-top:0; }
.mt-system .mt-wide-image figcaption { color:rgba(255,255,255,.52); }

.mt-carriers { background:var(--mt-paper); }
.mt-gallery { display:grid; grid-template-columns:1fr 1fr; gap:48px 24px; margin-top:clamp(72px,8vw,128px); }
.mt-gallery figure { margin:0; }
.mt-gallery__wide { grid-column:1/-1; }
.mt-gallery img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.mt-result { display:grid; grid-template-columns:.55fr 2fr 1fr; gap:4.5vw; align-items:start; margin-top:clamp(78px,8vw,126px); padding-top:30px; border-top:1px solid var(--mt-line); }
.mt-result>p:nth-child(2) { max-width:900px; margin:0; font:400 clamp(42px,4vw,76px)/.96 "Lebowski GB Preview","Helvetica Neue",Arial,sans-serif; letter-spacing:-.04em; }
.mt-result ul { margin:0; padding:0; list-style:none; border-top:1px solid var(--mt-line); }
.mt-result li { padding:14px 0; border-bottom:1px solid var(--mt-line); font-size:14px; }
.mt-contact { background:#101722; }
.mt-contact .gradient-text { --text-gradient:linear-gradient(105deg,#fff 0%,#b7dc78 48%,#57bf60 100%); }
.mt-contact .contact__main .mt-eyebrow { margin-bottom:40px; color:rgba(255,255,255,.64); }
.js [data-reveal] { opacity:0; transform:translateY(24px); transition:opacity .72s ease,transform .72s ease; }
.js [data-reveal].is-visible { opacity:1; transform:none; }

@media (max-width:900px) {
  .mt-shell { width:calc(100% - 40px); }
  .mt-section { padding:88px 0; }
  .mt-heading-grid,.mt-result { grid-template-columns:1fr; gap:24px; }
  .mt-heading-grid h2 { font-size:clamp(54px,15.5vw,84px); }
  .mt-hero { min-height:820px; background-position:68% center; }
  .mt-hero::before { background:linear-gradient(180deg,rgba(239,244,231,.94) 0%,rgba(239,244,231,.86) 46%,rgba(239,244,231,.4) 62%,rgba(239,244,231,0) 82%); }
  .mt-hero__meta { top:22px; right:20px; left:20px; }
  .mt-hero__meta span:last-child { display:none; }
  .mt-hero__copy { top:84px; right:20px; left:20px; width:auto; transform:none; }
  .mt-hero__copy h1 { margin:18px 0 20px; font-size:clamp(65px,18vw,96px); }
  .mt-hero__copy>p:last-child { width:100%; max-width:480px; }
  .mt-hero__logo { right:50%; bottom:-7%; width:min(75vw,500px); transform:translateX(50%); }
  .js .mt-hero__logo[data-reveal] { transform:translate(50%,24px); }
  .js .mt-hero__logo[data-reveal].is-visible { transform:translateX(50%); }
  .mt-hero__scroll { right:20px; bottom:18px; }
  .mt-wide-image { width:calc(100% - 24px); margin-top:56px; }
  .mt-orbits { width:calc(100% - 20px); aspect-ratio:1/1.05; margin:64px auto; }
  .mt-orbits__mark { height:42%; }
  .mt-orbit { width:29%; border-width:6px; }
  .mt-gallery { width:calc(100% - 24px); grid-template-columns:1fr; gap:36px; margin-top:58px; }
  .mt-gallery__wide { grid-column:auto; }
  .mt-gallery img { aspect-ratio:4/3; }
  .mt-gallery__wide img { aspect-ratio:16/10; }
  .mt-result { margin-top:70px; }
}
@media (max-width:560px) { .mt-hero { min-height:calc(100svh - var(--header-h)); } .mt-hero__logo { width:74vw; } .mt-hero__copy>p:last-child { font-size:16px; } }
@media (prefers-reduced-motion:reduce) { .js [data-reveal] { opacity:1; transform:none; transition:none; } }
@media (prefers-reduced-motion:reduce) { .mt-orbits__texture { background-image:url("/ru-v1-case-monkeytown-v1/assets/logo-static.webp"); } }