/* LINFA, the website. Tokens are the app's own (lib/src/design/plant_tokens.dart): paper, ink, one
   green; terracotta only on pots, in the drawings. One radius scale: 12 for frames and cards, pill
   for controls. The page is paper; only the story's night darkens it, once, on purpose. */

@font-face { font-family: Nunito; src: url(assets/fonts/Nunito-SemiBold.woff2) format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: Nunito; src: url(assets/fonts/Nunito-Bold.woff2) format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: Nunito; src: url(assets/fonts/Nunito-ExtraBold.woff2) format('woff2'); font-weight: 800; font-display: swap; }
@font-face { font-family: Manrope; src: url(assets/fonts/Manrope-Medium.woff2) format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: Manrope; src: url(assets/fonts/Manrope-SemiBold.woff2) format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: Manrope; src: url(assets/fonts/Manrope-Bold.woff2) format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: Manrope; src: url(assets/fonts/Manrope-ExtraBold.woff2) format('woff2'); font-weight: 800; font-display: swap; }

:root {
  --paper: #FAFAF7; --surface: #FFFDF3; --ink: #1B2317; --ink-soft: #4A5742; --ink-2: #5C6A52;
  --hairline: #E0DCCF; --field: #A9B39C; --accent: #1E9A6A; --accent-press: #177F58; --accent-ink: #12633F;
  --icon-top: #009D66; --icon-bottom: #177F58; --tint: #E6F0D3;
  --f-display: Nunito, ui-rounded, 'SF Pro Rounded', system-ui, sans-serif;
  --f-ui: Manrope, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --r: 12px; --r-frame: 16px;
  --sh-raised: 0 12px 28px rgba(27, 35, 23, .12);
  --sh-accent: 0 10px 24px rgba(30, 154, 106, .28);
  --ease: cubic-bezier(.2, .72, 0, 1);
  --gutter: clamp(20px, 4vw, 40px);
  --nav-h: 68px;
  color-scheme: light;
  scroll-padding-top: var(--nav-h);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scrollbar-color: var(--field) var(--paper); }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font: 500 1rem/1.6 var(--f-ui); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(30, 154, 106, .15); text-rendering: optimizeLegibility;
}
::selection { background: #CDE8D8; color: var(--ink); }
img { display: block; max-width: none; }
a { color: inherit; text-underline-offset: .2em; text-decoration-thickness: 1.5px; text-decoration-color: var(--field); }
a:hover { text-decoration-color: var(--accent); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 6px; }
h1, h2, h3 { font-family: var(--f-display); font-weight: 800; margin: 0; text-wrap: balance; color: inherit; }
p { margin: 0; text-wrap: pretty; }
.wrap { max-width: 1200px; margin: 0 auto; padding: 0 max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left)); }
.skip { position: absolute; left: 12px; top: -60px; z-index: 30; padding: 10px 16px; border-radius: 999px; background: var(--ink); color: var(--paper); font-weight: 700; text-decoration: none; }
.skip:focus { top: 10px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ico { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }

/* -------------------------------------------------------------------------------- nav */
.nav {
  position: sticky; top: 0; z-index: 20; height: var(--nav-h);
  background: var(--navBg, rgba(250, 250, 247, .86)); color: var(--inkC, var(--ink));
  -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%);
  transition: box-shadow .2s var(--ease);
}
.nav .wrap { height: 100%; display: flex; align-items: center; gap: 28px; }
.nav .wm { display: flex; align-items: center; min-height: 44px; }
.nav ul { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; }
.nav ul a, .nav .lang {
  display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border-radius: 999px;
  font-weight: 700; font-size: .95rem; text-decoration: none; color: inherit; white-space: nowrap;
  transition: background-color .15s var(--ease);
}
.nav ul a:hover, .nav .lang:hover { background: rgba(27, 35, 23, .06); }
.nav .sp { flex: 1; }
.langs { position: relative; }
.langs summary { list-style: none; cursor: pointer; }
.langs summary::-webkit-details-marker { display: none; }
.langs-menu { position: absolute; right: 0; top: calc(100% + 8px); min-width: 210px; list-style: none; margin: 0; padding: 8px; border-radius: var(--r);
  background: var(--paper); color: var(--ink); box-shadow: var(--sh-raised), 0 0 0 1px var(--hairline); }
.nav .langs-menu { display: block; }
.langs-menu a { display: flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 8px; font-weight: 700; text-decoration: none; }
.langs-menu a:hover { background: rgba(27, 35, 23, .06); }
.langs-menu a[aria-current] { color: var(--accent-ink); }
.wm svg { display: block; }

/* -------------------------------------------------------------------------------- buttons */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 26px;
  border-radius: 999px; font: 800 1rem/1 var(--f-ui); letter-spacing: -.005em; text-decoration: none; white-space: nowrap;
  background: var(--accent); color: #FFFFFF; box-shadow: var(--sh-accent); touch-action: manipulation; border: 0; cursor: pointer;
  transition: transform .14s var(--ease), background-color .14s var(--ease), box-shadow .14s var(--ease);
}
.btn:hover { background: var(--accent-press); color: #FFFFFF; }
.btn:active { transform: translateY(1px) scale(.985); }
.status { font-size: .875rem; color: var(--ink-2); }

/* -------------------------------------------------------------------------------- the day */
.day { position: relative; }
.day-pin, .day-stage, .day-text, .day-panel { display: contents; }
.day-scene, .day-phone, .day-veil, .day-warm, .day-cap, .hero-space { display: none; }
.scene-world { position: absolute; inset: 0; overflow: hidden; }
.mesh { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(30, 154, 106, .55) 1.2px, transparent 1.6px); background-size: 18px 18px; }
.stars { position: absolute; left: -10%; right: -10%; top: -30%; height: 70%;
  background-image: radial-gradient(circle, #F3E9CE 1px, transparent 1.6px), radial-gradient(circle, rgba(243, 233, 206, .7) .8px, transparent 1.3px);
  background-size: 97px 83px, 61px 53px; background-position: 0 0, 30px 20px; }
.moon { position: absolute; left: 74%; top: 12%; width: 5.5%; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%);
  background: radial-gradient(circle at 62% 38%, rgba(214, 201, 168, .9) 0 9%, transparent 10%), radial-gradient(circle at 40% 64%, rgba(214, 201, 168, .8) 0 7%, transparent 8%), #F1E5C7;
  box-shadow: 0 0 40px 14px rgba(84, 100, 138, .55); }
.mark { position: absolute; transform: translate(-50%, -50%); transition: opacity .35s var(--ease); }
.mark i { display: block; width: 56px; height: 56px; border-radius: 50%; box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--accent); }
.mark span { position: absolute; left: 50%; top: 66px; transform: translateX(-50%); white-space: nowrap; background: var(--ink); color: #FFFFFF; font-weight: 700; font-size: 12px; padding: 5px 10px; border-radius: 999px; }

/* hero: the balcony in ink under one sentence */
.day-hero { padding: 28px var(--gutter) 0; max-width: 640px; margin: 0 auto; text-align: center; }
.day-hero h1 { font-size: clamp(2.3rem, 7.6vw, 3rem); line-height: 1.04; letter-spacing: -.035em; }
.day-hero h1 span { display: block; }
/* the turn of the sentence, in the logo's green: one emphasis, the words that make the promise */
.day-hero h1 span + span { color: var(--accent-press); }
.day-hero .sub { margin: 16px auto 0; font-size: 1.0625rem; color: var(--ink-soft); max-width: 30em; }
.day-hero .act { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px 18px; margin-top: 26px; }
/* "coming soon" stands under the button on a phone, beside the actions on a large screen */
.day-hero .status { flex-basis: 100%; margin: 2px 0 0; font-size: .8125rem; }

/* chapters in the page's own flow (phones, no JavaScript, reduced motion) */
.chapters { list-style: none; margin: 0 auto; padding: 0 var(--gutter); max-width: 640px; }
.chapter { padding: 48px 0 8px; }
.chapter-in { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.chapter h2 { font-size: clamp(1.6rem, 5.4vw, 2rem); line-height: 1.1; letter-spacing: -.022em; max-width: 16em; }
.chapter p { color: var(--ink-soft); font-size: 1.0625rem; max-width: 30em; }
.chapter .frame { width: min(100%, max(240px, calc((100svh - var(--nav-h) - 230px) * .8))); margin-bottom: 10px; }
/* an hour too tall for the screen is not held: it scrolls like the rest of the page */
html.flowmo .chapter.nopin .chapter-in { position: static; }
html.flowmo .chapter.nopin .pin-space { display: none; }
.day-hero .frame { margin-top: 28px; }
.frame { position: relative; aspect-ratio: 4 / 5; border-radius: var(--r-frame); overflow: hidden; background: var(--paper); isolation: isolate; }
.frame-box { position: absolute; top: 0; bottom: 0; left: 50%; aspect-ratio: 16 / 10; transform: translateX(-50%); }
.frame-warm { position: absolute; inset: 0; pointer-events: none; mix-blend-mode: multiply; background: linear-gradient(105deg, rgba(240, 168, 88, 0) 30%, rgba(240, 168, 88, .32)); }
.frame-phone { position: absolute; right: 12px; bottom: 12px; z-index: 2; }
.vf { position: absolute; inset: 0; z-index: 2; pointer-events: none; transition: opacity .3s var(--ease); }
.vf::before { content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 8px #111710; }
.vf-bar { position: absolute; left: 0; right: 0; bottom: 0; min-height: 56px; background: #111710; color: #FFFFFF; padding: 8px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vf-bar b { display: block; font: 800 15px/1.3 var(--f-display); color: #7BD88F; }
.vf-bar small { display: block; font-size: 11px; font-weight: 700; min-height: 1.3em; }
.vf-bar .hud-done { border: 1.5px solid #FFFFFF; border-radius: 999px; padding: 4px 12px; font-size: 12px; font-weight: 700; }

/* phones with motion: the hero is a stage too. The words above, the balcony below; the phone comes in,
   the camera closes in, the phone crosses the balcony and the colour follows it */
html.flowmo .day-pin { display: block; position: relative; }
html.flowmo .hero-space { display: block; height: 1330vh; }
html.flowmo .day-stage { display: block; position: sticky; top: var(--nav-h); height: calc(100svh - var(--nav-h)); overflow: hidden; }
html.flowmo .day-scene { display: block; position: absolute; top: var(--mzone, 44%); bottom: 0; left: 50%; aspect-ratio: 16 / 10; transform: translateX(-50%) scale(var(--aerZ, 1)); transform-origin: 50% 100%; }
html.flowmo .day-veil { display: block; position: absolute; left: 0; right: 0; top: var(--mzone, 44%); height: 48px; z-index: 1; pointer-events: none; background: linear-gradient(var(--pageBg, var(--paper)), var(--pageBg0, rgba(250, 250, 247, 0))); }
html.flowmo .day-phone { display: block; position: absolute; left: var(--phL); top: var(--phT); width: var(--pw, 140px); z-index: 3; }
html.flowmo .day-phone .iph { width: 100% !important; }
html.flowmo .hud-world { right: auto; bottom: auto; left: 50%; top: var(--mzone, 44%); height: calc(100svh - var(--nav-h) - var(--mzone, 44%)); aspect-ratio: 16 / 10; transform: translateX(-50%) scale(var(--aerZ, 1)); transform-origin: 50% 100%; }
html.flowmo .day-hero, html.flowmo .day-cap { position: absolute; z-index: 4; left: 0; right: 0; top: 0; min-height: var(--mzone, 44%); max-width: none; margin: 0; padding: clamp(14px, 2.4svh, 30px) var(--gutter) 14px;
  display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; transition: opacity .45s var(--ease), transform .5s var(--ease); }
html.flowmo .day-hero { opacity: var(--heroOp); transform: translateY(var(--heroY)); transition: none; }
html.flowmo .day-hero h1 { font-size: clamp(1.7rem, min(8vw, 4.4svh), 2.5rem); }
html.flowmo .day-hero h1.long { font-size: clamp(1.5rem, min(6.8vw, 3.8svh), 2.2rem); }
html.flowmo .day-hero .sub { margin-top: 10px; font-size: min(1.0625rem, 2.2svh); line-height: 1.45; }
html.flowmo .day-hero .act { margin-top: 14px; gap: 6px 16px; }
html.flowmo .day-hero .btn { min-height: 48px; padding: 0 20px; font-size: .9375rem; }
html.flowmo .day-hero .status { margin-top: 0; }
html.flowmo .day-hero .frame { display: none; }
/* on a phone the whole day is one scene: each chapter's words take the top of the screen in turn (the
   chapters' list stays for screen readers and search, out of sight) */
html.flowmo .day-cap { gap: 10px; pointer-events: none; transition: opacity .35s var(--ease), transform .4s var(--ease); --ink: var(--inkC); --ink-soft: var(--inkSoftC); }
html.flowmo .day-cap .cap-h { font-family: var(--f-display); font-weight: 800; color: var(--ink); text-wrap: balance; font-size: clamp(1.5rem, 6.4vw, 1.9rem); line-height: 1.12; letter-spacing: -.022em; max-width: 15em; margin: 0; }
html.flowmo .day-cap p { color: var(--ink-soft); max-width: 30em; margin: 0; }
html.flowmo .day-cap p.cap-h { color: var(--ink); }
html.flowmo .day-text { display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html.flowmo .chapter .frame { display: none; }
/* the words' part of the screen stays paper: a film fills its box up to it, never under the words */
html.flowmo .day-stage::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: var(--mzone, 44%); background: var(--pageBg, var(--paper)); z-index: 2; }
html.flowmo .hud-bar { padding: 8px 10px; }
html.flowmo .hud-bar b { font-size: 12px; }
html.flowmo .hud-bar div { font-size: 9.5px; }
html.flowmo .hud-done { padding: 3px 8px; }
html.flowmo .hud-shutter { width: 30px; height: 30px; }
html.flowmo .hud-shutter i { width: 19px; height: 19px; }
.pin-space { display: none; }
html.flowmo .pin-space { display: block; height: 110vh; }
html.flowmo .chapter.long .pin-space { height: 200vh; }
html.flowmo .chapter.pin .chapter-in { position: sticky; top: calc(var(--nav-h) + 10px); }

/* the iPhone 17: the screen under Apple's frame */
.iph { position: relative; aspect-ratio: 1350 / 2760; }
.iph-screen { position: absolute; left: 5.333%; top: 2.5%; width: 89.333%; height: 95%; border-radius: 13.6% / 6.3%; overflow: hidden; background: var(--paper); container-type: inline-size; }
/* the glass: a soft light over the screen, sliding against the phone's motion */
.iph-screen::after { content: ''; position: absolute; inset: 0; z-index: 6; pointer-events: none; background: radial-gradient(130% 55% at var(--phGlare, 50% 38%), rgba(255, 255, 255, .17), rgba(255, 255, 255, .04) 45%, rgba(255, 255, 255, 0) 70%), linear-gradient(115deg, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, .07) 46%, rgba(255, 255, 255, 0) 56%); }
/* the phone's body: a little lift and a wider shadow while it travels */
.day-phone .iph { transform: scale(var(--phLift, 1)); transform-origin: 50% 60%; }
.day-phone .iph-frame { filter: drop-shadow(0 var(--phShY, 18px) var(--phShB, 26px) rgba(27, 35, 23, .2)); }
/* on a phone the shadow holds still: a drop shadow whose size changes is painted again on every frame */
html.flowmo .day-phone .iph-frame { filter: drop-shadow(0 14px 22px rgba(27, 35, 23, .2)); }
/* on a phone the bar is the page's own colour over the page's own colour: the blur behind it showed nothing and
   was drawn again on every frame of the story */
html.flowmo .nav { -webkit-backdrop-filter: none; backdrop-filter: none; }
.iph-screen > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; transition: opacity .25s var(--ease); }
/* the photo that names a plant: the camera's view, the app's four screens over it, the shutter and its flash */
/* the drone's film over the sun's hour: the scene's own box, its top tenth cut, as the film was framed */
.aer { position: absolute; left: 0; top: 10%; width: 100%; height: 90%; pointer-events: none; }
.aer img, .aer canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
html.cine .aer img, html.flowmo .aer img { display: none; }
.aerf .frame-box { transform: translateX(-50%) scale(var(--aerZ, 1)); transform-origin: 50% 100%; }
/* the room where the walk through the door stops, on the film's own crop: the phone's glass looks through to it */
.ins { position: absolute; left: 0; top: 10%; width: 100%; height: 90%; pointer-events: none; }
.ins img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.fwz { position: absolute; inset: 0; transform: scale(var(--aerZ, 1)); transform-origin: 50% 100%; }
.pmv { position: absolute; inset: 0; transition: opacity .3s var(--ease); }
.pmv > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.idv { position: absolute; inset: 0; transition: opacity .3s var(--ease); }
.idv > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; transition: opacity .2s var(--ease); }
/* the camera's exposure under the viewfinder's words, and the photograph held in its frame with the rest
   of the view dimmed, as the app does */
.id-expo { position: absolute; left: 0; right: 0; top: 0; height: 36%; background: linear-gradient(180deg, rgba(18, 24, 16, .55), rgba(18, 24, 16, 0)); transition: opacity .2s var(--ease); }
.id-hold { position: absolute; left: 16%; top: 26.8%; width: 68%; height: 41.5%; border: 3px solid rgba(250, 250, 247, .95); border-radius: 7px; box-shadow: 0 0 0 300px rgba(17, 23, 16, .72); transition: opacity .2s var(--ease); }
/* the photo's phone in a frame looks through to the frame's own drawing, cut to its glass */
.fwin { position: absolute; left: -193.35%; top: -30.285%; width: 486.7%; height: 139.91%; }
/* the pruning: the app's capture words over the view of the bonsai */
.prh { position: absolute; inset: 0; transition: opacity .35s var(--ease); }
.prh-top { position: absolute; left: 6%; right: 6%; top: 8%; text-align: center; color: #FFFFFF; }
.prh-pill { display: inline-block; padding: 1.6cqw 4cqw; border-radius: 999px; background: rgba(17, 23, 16, .72); font: 700 3.8cqw/1.2 var(--f-ui); }
.prh-top p { margin: 2.6cqw 0 0; font: 600 3.6cqw/1.35 var(--f-ui); text-shadow: 0 1px 6px rgba(0, 0, 0, .45); }
.prh-corner { position: absolute; width: 10%; aspect-ratio: 1; border: 0 solid #FFFFFF; }
.prh-corner.tl { left: 10%; top: 26%; border-width: 2px 0 0 2px; border-top-left-radius: 8px; }
.prh-corner.tr { right: 10%; top: 26%; border-width: 2px 2px 0 0; border-top-right-radius: 8px; }
.prh-corner.bl { left: 10%; bottom: 31%; border-width: 0 0 2px 2px; border-bottom-left-radius: 8px; }
.prh-corner.br { right: 10%; bottom: 31%; border-width: 0 2px 2px 0; border-bottom-right-radius: 8px; }
.prv { position: absolute; inset: 0; transition: opacity .3s var(--ease); }
/* the app's answer about that photograph, taller than the screen: its guide comes up as the scroll goes on */
.pra { position: absolute; inset: 0; overflow: hidden; transition: opacity .25s var(--ease); }
.pra img { position: absolute; left: 0; top: 0; width: 100%; height: auto; display: block; }
.id-press { position: absolute; left: 50%; top: 87.6%; width: 21%; aspect-ratio: 1; border-radius: 50%; background: rgba(255, 255, 255, .45); }
.id-flash { position: absolute; inset: 0; background: #FFFFFF; }
.frame-phone.id { left: 50%; right: auto; bottom: 5%; width: 46%; transform: translateX(-50%);  transition: opacity .35s var(--ease); }
.frame-phone.id .iph { width: 100% !important; }
/* in the room the frame's phone stands before the bonsai, its glass on the part of the room behind it */
.frame-phone.id.pr { left: 74.1%; bottom: 17.7%; }
.frame-phone.pr .fwin { left: -251.8%; top: -12.71%; }
.iph-frame { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; filter: drop-shadow(0 18px 26px rgba(27, 35, 23, .18)); }
.hud { position: absolute; inset: 0; transition: opacity .3s var(--ease); }
.hud-win { transition: opacity .3s var(--ease); }
.hud-win { position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; }
.hud-world { position: absolute; inset: 0; overflow: hidden; background: var(--paper); }
.hud-shutter { position: absolute; right: 7%; bottom: 27%; width: 44px; height: 44px; border-radius: 50%; box-shadow: 0 0 0 3px #FFFFFF; display: grid; place-items: center; }
.hud-shutter i { width: 28px; height: 28px; border-radius: 50%; background: #C8452F; }
.hud-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 22%; background: #111710; color: #FFFFFF; padding: 14px 16px; display: flex; flex-direction: column; justify-content: space-between; }
.hud-bar b { font: 800 16px/1.2 var(--f-display); color: #7BD88F; }
.hud-bar div { display: flex; justify-content: space-between; align-items: center; font-size: 12px; font-weight: 700; }
.hud-done { border: 1.5px solid #FFFFFF; border-radius: 999px; padding: 5px 12px; }

/* ---------------------------------------------------------------- the day, on a large screen */
html.cine .day { height: calc(1340vh + var(--nav-h)); }
html.cine .day-stage { display: block; position: sticky; top: 0; height: 100vh; overflow: hidden; background: var(--pageBg, var(--paper)); }
html.cine .day-scene, html.cine .day-veil, html.cine .day-warm, html.cine .day-phone { display: block; }
html.cine .day-scene, html.cine .hud-world { position: absolute; inset: auto; left: 50%; bottom: 0; width: max(100vw, 160vh); aspect-ratio: 16 / 10; transform: translateX(-50%); }
html.cine .day-warm { position: absolute; inset: 0; pointer-events: none; mix-blend-mode: multiply; opacity: var(--warmOp); background: linear-gradient(105deg, rgba(240, 168, 88, 0) 30%, rgba(240, 168, 88, .32)); }
html.cine .day-veil { position: absolute; left: 0; top: 0; bottom: 0; width: 48%; opacity: var(--veilL); pointer-events: none;
  background: linear-gradient(90deg, var(--pageBg) 0, var(--pageBg) 64%, var(--pageBg0) 100%); }
html.cine .day-veil.r { left: auto; right: 0; opacity: var(--veilR); background: linear-gradient(270deg, var(--pageBg) 0, var(--pageBg) 64%, var(--pageBg0) 100%); }
/* the films cover the screen: the box grows from its foot to their crop (the phone's glass with it) */
html.cine .day-scene, html.cine .hud-world { transform: translateX(-50%) scale(var(--aerZ, 1)); transform-origin: 50% 100%; }
html.cine .day-phone { position: absolute; left: var(--phL); top: var(--phT); width: var(--pw, 250px); z-index: 3; }
html.cine .day-phone .iph { width: 100% !important; }
html.cine .day-hero { position: absolute; z-index: 4; left: 50%; top: calc(var(--nav-h) + clamp(28px, 6vh, 80px)); width: min(1200px, 92vw); max-width: none; padding: 0;
  transform: translate(-50%, var(--heroY)); opacity: var(--heroOp); text-align: center; }
html.cine .day-hero h1 { font-size: clamp(2.2rem, min(4.1vw, 7.4vh), 4.4rem); line-height: 1.02; letter-spacing: -.038em; }
/* a long first line (Dutch, German) runs on and balances over two lines instead of breaking at the comma */
html.cine .day-hero h1.long { font-size: clamp(2.4rem, 3.5vw, 3.8rem); max-width: 24ch; margin: 0 auto; }
html.cine .day-hero h1.long span { display: inline; }
html.cine .day-hero .sub { margin: min(22px, 2.4vh) auto 0; max-width: 40em; font-size: clamp(1.0625rem, 2.3vh, 1.25rem); }
html.cine .day-hero .act { flex-direction: row; justify-content: center; gap: 20px; margin-top: min(30px, 3.2vh); }
html.cine .day-hero .status { flex-basis: auto; margin: 0; font-size: .875rem; }
html.cine .day-hero .frame { display: none; }
html.cine .day-text { display: block; position: sticky; top: 0; height: 100vh; margin-top: -100vh; z-index: 4; pointer-events: none; }
html.cine .day-panel { display: block; position: absolute; left: 0; right: 0; top: 50%; pointer-events: none;
  --col: max(var(--gutter), calc((100% - 1200px) / 2 + var(--gutter))); --colW: min(400px, 30vw);
  transform: translateY(-46%); opacity: var(--panelOp); transition: opacity .45s var(--ease); --ink: var(--inkC); --ink-soft: var(--inkSoftC); --ink-2: var(--ink2C); --hairline: var(--hairC); color: var(--ink); }
html.cine .chapters { position: relative; min-height: 250px; padding: 0; max-width: none; }
html.cine .chapter { position: absolute; left: var(--col); right: auto; width: var(--colW); top: 0; padding: 0; border: 0; gap: 16px; display: flex; flex-direction: column; text-align: left; transition: opacity .45s var(--ease), transform .5s var(--ease); }
/* a chapter on the right stands in the same column, mirrored */
html.cine .chapter.r { left: auto; right: var(--col); }
html.cine .chapter { pointer-events: auto; }
html.cine .chapter:nth-child(1) { opacity: var(--t1); transform: translateY(var(--ty1)); }
html.cine .chapter:nth-child(2) { opacity: var(--t2); transform: translateY(var(--ty2)); }
html.cine .chapter:nth-child(3) { opacity: var(--t3); transform: translateY(var(--ty3)); }
html.cine .chapter:nth-child(4) { opacity: var(--t4); transform: translateY(var(--ty4)); }
html.cine .chapter:nth-child(5) { opacity: var(--t5); transform: translateY(var(--ty5)); }
html.cine .chapter:nth-child(6) { opacity: var(--t6); transform: translateY(var(--ty6)); }
html.cine .chapter:nth-child(7) { opacity: var(--t7); transform: translateY(var(--ty7)); }
html.cine .chapter:nth-child(8) { opacity: var(--t8); transform: translateY(var(--ty8)); }
html.cine .chapter h2 { font-size: clamp(2.1rem, 2.9vw, 2.75rem); line-height: 1.06; letter-spacing: -.026em; }
/* the search words in a heading, in the wordmark's green (it follows the page's hour, as the wordmark does) */
.kw { font-style: normal; color: var(--wmB, #177F58); }
/* the searched name of the thing, a small line at the top of its heading (the hero's "plant care app", a feature's "sick plants") */
.kick { display: block; margin: 0 0 .6em; font: 800 clamp(.9375rem, 1.6vw, 1.0625rem)/1.3 var(--f-ui); letter-spacing: 0; color: var(--accent-ink); }
html.cine .chapter p { font-size: 1.2rem; line-height: 1.55; }
html.cine .chapter .frame { display: none; }
html.cine .chapter-in { display: contents; text-align: left; }
html.cine .chapter h2, html.cine .chapter p { max-width: none; }
html.cine .nav { box-shadow: none; }

/* -------------------------------------------------------------------------------- sections */
.sec { padding: clamp(80px, 11vw, 132px) 0; }
.sec-h { max-width: 640px; display: flex; flex-direction: column; gap: 14px; margin-bottom: clamp(36px, 5vw, 64px); }
.sec-h h2, .final h2 { font-size: clamp(2rem, 3.6vw, 3rem); line-height: 1.06; letter-spacing: -.024em; }
.lead { font-size: 1.2rem; line-height: 1.55; color: var(--ink-soft); max-width: 34em; }
.proof { border-top: 1px solid var(--hairline); }
.proof-shots { list-style: none; margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; max-width: 1060px; align-items: start; }
.proof-shots li { display: flex; flex-direction: column; align-items: center; gap: 26px; text-align: center; }
.proof-shots li:nth-child(2) { margin-top: 56px; }
.proof-shots .iph { width: min(236px, 100%); }
.proof-shots h3 { font-size: 1.25rem; letter-spacing: -.012em; }
.proof-shots p { margin-top: 6px; font-size: .9375rem; line-height: 1.5; color: var(--ink-soft); max-width: 260px; }
.proof .note { margin-top: 40px; text-align: center; font-size: .8125rem; color: var(--ink-2); }
.proof-tabs { display: none; }
.features-rows { display: flex; flex-direction: column; gap: clamp(72px, 9vw, 128px); }
.feature { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(32px, 5vw, 72px); align-items: center; }
.feature.flip .feature-tx { order: 2; }
.feature .kick { margin: 0 0 16px; }
.feature h2 { font-size: clamp(2rem, 3.4vw, 3rem); line-height: 1.06; letter-spacing: -.024em; max-width: 14em; }
.feature-tx > p:not(.kick):not(.note) { margin-top: 18px; color: var(--ink-soft); font-size: 1.125rem; max-width: 28em; }
.feature .note { margin-top: 12px; font-size: .9375rem; font-weight: 700; color: var(--accent-ink); }
.feature-a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-top: 14px; font-weight: 800; color: var(--accent-ink); text-decoration: none; }
.feature-a:hover { color: var(--accent-press); }
.feature-a .ico { width: 18px; height: 18px; }
/* the app's screen on a tinted ground, with the plant it is about at its foot */
.feature-art { position: relative; aspect-ratio: 1 / 1.08; border-radius: 32px; background: var(--tint); overflow: hidden; }
.feature-art .iph { position: absolute; top: 8%; right: 10%; width: 41%; }
.feature.flip .feature-art .iph { right: auto; left: 10%; }
.feature-art > img { position: absolute; bottom: 0; width: auto; }
.f-p1 { left: 7%; height: 40%; }
.f-p2 { right: 5%; height: 34%; }
.f-p3 { right: 30%; height: 21%; }
.tiers { border-top: 1px solid var(--hairline); }
.tiers-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 20px 48px; margin-bottom: 48px; }
.tiers-head h2 { font-size: clamp(2.25rem, 4.6vw, 3.75rem); line-height: 1.04; letter-spacing: -.03em; max-width: 13ch; }
.tiers-head p { margin: 0 0 6px; max-width: 30ch; color: var(--ink-soft); }
.tiers-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 40px; align-items: start; }
.tier h3 { font-size: 1.75rem; letter-spacing: -.02em; }
/* the plan's name: LINFA as the lettering, the rest in the display face beside it */
.tier-name { display: flex; align-items: center; gap: 10px; line-height: 1; }
.tier-name svg { display: block; flex: none; }
.tier-name .tier-sign { margin-left: -6px; }
.tier-list { list-style: none; margin: 20px 0 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.tier-list li { display: flex; gap: 12px; align-items: flex-start; font-size: 1.0625rem; line-height: 1.45; }
.tier-list .ico { flex: none; margin-top: 3px; color: var(--accent); }
/* the free plan's one place: the app's own map colours, the house along the top, five plants on the floor */
.tier-plot { position: relative; height: 176px; margin-bottom: 28px; padding: 0 16px 18px; border-radius: 14px; background: #F3E6BA; display: flex; align-items: flex-end; justify-content: center; gap: 4px; overflow: hidden; }
.tier-plot::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 22px; background: #DDD4B3; }
.tier-plot img { position: relative; width: auto; min-width: 0; flex: 0 1 auto; object-fit: contain; object-position: 50% 100%; }
.tp-lemon { height: 118px; } .tp-basil { height: 66px; } .tp-geranium { height: 78px; } .tp-tomato { height: 104px; } .tp-rosemary { height: 72px; }
/* LINFA+: the wordmark's green, the app as it opens (the map behind, the home in front) */
.tier-plus { position: relative; overflow: hidden; min-height: 540px; padding: 40px; border-radius: 16px; color: #FFFFFF;
  background: linear-gradient(158deg, #009D66 0%, #177F58 26%, #0F5E40 100%); display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 24px; }
.tier-plus h3 { font-size: 2.75rem; color: #FFFFFF; }
.tier-plus .tier-list li { font-weight: 600; }
.tier-plus .tier-list .ico { color: #FFFFFF; }
.tier-body { position: relative; z-index: 1; }
.tier-phones { position: relative; }
.tier-phones .iph { position: absolute; filter: drop-shadow(0 18px 30px rgba(4, 30, 20, .38)); }
.tier-phones .iph:first-child { left: -10px; top: 150px; width: 212px; }
.tier-phones .iph:last-child { left: 96px; top: 52px; width: 252px; }
.tiers-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px 32px; margin-top: 32px; }
.tiers-foot .note { margin: 0; font-size: .875rem; color: var(--ink-2); }
.faq { border-top: 1px solid var(--hairline); }
.faq-list { max-width: 800px; border-top: 1px solid var(--hairline); }
.faq details { border-bottom: 1px solid var(--hairline); }
.faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 22px 0; font: 800 1.25rem/1.3 var(--f-display); }
.faq summary h3 { font: inherit; margin: 0; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary .ico { transition: transform .2s var(--ease); color: var(--ink-2); }
.faq details[open] summary .ico { transform: rotate(45deg); }
.faq details p { padding: 0 0 24px; color: var(--ink-soft); font-size: 1.0625rem; max-width: 40em; }
.privacy { padding: 0 0 clamp(80px, 9vw, 112px); }
.privacy .wrap { display: flex; flex-wrap: wrap; gap: 20px 64px; align-items: end; justify-content: space-between; }
.privacy h2 { font-size: clamp(1.5rem, 2.2vw, 1.9rem); letter-spacing: -.016em; }
.privacy p { margin-top: 10px; color: var(--ink-soft); max-width: 36em; }
.more { display: inline-flex; gap: 8px; align-items: center; min-height: 44px; font-weight: 800; text-decoration: none; }
.more:hover { color: var(--accent-ink); }
.final { padding: 0 0 clamp(96px, 10vw, 140px); }
.final .wrap { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; align-items: center; }
.final p { margin-top: 18px; }
/* the waitlist: one field, one button, the reason under it */
.final { scroll-margin-top: var(--nav-h); }
.wl { margin-top: 26px; display: flex; flex-direction: column; gap: 10px; max-width: 520px; }
.wl > label { font-weight: 700; font-size: .9375rem; }
.wl-row { display: flex; flex-wrap: wrap; gap: 10px; }
.wl-row input[type="email"] { flex: 1 1 240px; }
.wl input[type="email"] { flex: 1; min-width: 0; min-height: 52px; padding: 0 20px; border-radius: 999px; border: 1.5px solid var(--field); background: #FFFFFF;
  font: 600 1rem/1 var(--f-ui); color: var(--ink); caret-color: var(--accent); transition: border-color .15s var(--ease), box-shadow .15s var(--ease); }
.wl input[type="email"]::placeholder { color: #7D8A73; }
.wl input[type="email"]:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(30, 154, 106, .25); }
.wl .btn { flex: none; }
.wl .btn[disabled] { opacity: .7; cursor: progress; }
.wl-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.wl-msg { margin: 0; min-height: 1.5em; font-weight: 700; }
.wl-msg.ok, .wl-ok { color: var(--accent-ink); }
.wl-msg.bad, .wl-bad { color: #A33A22; }
.wl-static { display: none; margin: 0; font-weight: 700; }
.wl-static:target { display: block; }
.wl .wl-note { margin: 0; font-size: .875rem; color: var(--ink-2); }
.final .status { display: block; margin-top: 22px; }
.final .status { margin-top: 18px; display: block; }
.final .frame { aspect-ratio: 16 / 10; }
.final .frame-box { left: 0; transform: none; width: 100%; }
/* the footer is the icon's green, as Growth OS closes its posts: the gradient, big leaves tone on tone,
   cream words. Small text sits where the green is dark enough for it (white on #177F58 and below: 5:1 and up) */
.foot { position: relative; overflow: hidden; isolation: isolate; color: #FFFFFF; --wmA: #F3F0E2; --wmB: #F3F0E2;
  background: linear-gradient(180deg, #009D66 0%, #0F8E5F 30%, #177F58 52%, #146F4D 100%); }
.foot-leaves { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.foot-leaves .lf { position: absolute; opacity: .16; filter: brightness(.25) saturate(.6); mix-blend-mode: multiply; }
.lf-fern { width: clamp(220px, 26vw, 380px); left: -60px; top: -40px; transform: rotate(-18deg); }
.lf-monstera { width: clamp(260px, 32vw, 460px); right: -90px; bottom: -80px; transform: rotate(14deg); }
.lf-pothos { width: clamp(200px, 22vw, 320px); right: 18%; top: -70px; transform: rotate(160deg); }
.lf-olive { width: clamp(160px, 16vw, 240px); left: 34%; bottom: -60px; transform: rotate(-30deg); }
.foot a { color: #FFFFFF; text-decoration: none; }
.foot a:hover { text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .6); }
.foot :focus-visible { outline-color: #FFFFFF; }
.foot-top { padding-top: clamp(72px, 9vw, 112px); }
.foot-line { margin-top: 22px; max-width: 18em; font: 800 clamp(1.75rem, 3.2vw, 2.6rem)/1.1 var(--f-display); letter-spacing: -.024em; color: #F3F0E2; text-wrap: balance; }
.foot-status { margin-top: 14px; font-size: 1.17rem; font-weight: 700; }
.foot-cols { display: grid; grid-template-columns: repeat(4, minmax(0, max-content)); gap: 28px 72px; padding-top: 64px; padding-bottom: 56px; }
.foot-h { font: 800 1rem/1.3 var(--f-display); color: #F3F0E2; margin-bottom: 10px; }
.foot-cols ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.foot-cols a { display: inline-flex; align-items: center; min-height: 40px; font-weight: 700; }
.foot-cols a[aria-current] { text-decoration: underline; text-underline-offset: .25em; }
.foot-social a { gap: 10px; }
.ico-fill { fill: currentColor; stroke: none; }
.foot-langs ul { display: grid; grid-template-columns: repeat(2, max-content); column-gap: 28px; }
.foot-base { display: flex; flex-wrap: wrap; gap: 6px 32px; padding-top: 22px; padding-bottom: 32px; border-top: 1px solid rgba(255, 255, 255, .22); font-size: .8125rem; color: rgba(255, 255, 255, .9); }

/* -------------------------------------------------------------------------------- small screens */
@media (max-width: 900px) {
  /* on a phone the hero has one call: the story starts as soon as you scroll */
  .day-hero .more { display: none; }
  .nav nav ul { display: none; }
  .langs summary span { display: none; }
  /* phones: one screen at a time, whole and centred; a switch above picks it (all three stacked without JavaScript) */
  .proof .sec-h { margin-inline: auto; text-align: center; align-items: center; }
  .proof-shots { grid-template-columns: none; gap: 56px; max-width: 420px; }
  .proof-shots li { text-align: center; }
  .proof-shots li:nth-child(2) { margin-top: 0; }
  .proof-shots .iph { width: min(240px, 62vw); }
  .proof-shots p { max-width: 30em; margin-inline: auto; }
  html.js .proof-tabs { display: flex; justify-content: center; gap: 4px; width: fit-content; max-width: 100%; margin: -12px auto 32px; padding: 4px; border-radius: 999px; background: #F1EFE6; }
  html.js .proof-tabs button { min-height: 44px; padding: 0 16px; border: 0; border-radius: 999px; background: transparent; font: 700 .9375rem/1 var(--f-ui); color: var(--ink-soft); cursor: pointer; white-space: nowrap; touch-action: manipulation; transition: background-color .2s var(--ease), color .2s var(--ease); }
  html.js .proof-tabs button[aria-selected="true"] { background: var(--paper); color: var(--ink); box-shadow: 0 2px 8px rgba(27, 35, 23, .1); }
  html.js .proof-shots li:not(.on) { display: none; }
  .features-rows { gap: 72px; }
  .feature { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .feature.flip .feature-tx { order: 0; }
  .feature-art { aspect-ratio: 1 / 1.02; border-radius: 26px; }
  .feature-art .iph { width: 46%; top: 7%; }
  .tiers-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .tier-plus { grid-template-columns: minmax(0, 1fr); min-height: 0; padding: 28px 24px 0; }
  .tier-plus h3 { font-size: 2.25rem; }
  .tier-phones { height: 340px; margin: 8px -24px 0; }
  .tier-phones .iph:first-child { left: 8%; top: 70px; width: 156px; }
  .tier-phones .iph:last-child { left: auto; right: 8%; top: 14px; width: 182px; }
  .tiers-foot .btn { width: 100%; justify-content: center; }
  .final .wrap { grid-template-columns: none; gap: 32px; }
  .wl-row { flex-direction: column; }
  .foot-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 24px; padding-top: 48px; }
  .foot-langs { grid-column: 1 / -1; }
}


@media (max-width: 380px) {
  .btn { white-space: normal; text-align: center; line-height: 1.2; padding-block: 12px; }
  html.js .proof-tabs button { padding: 0 10px; font-size: .875rem; }
}
@media (prefers-reduced-transparency: reduce) { .nav { background: var(--paper); -webkit-backdrop-filter: none; backdrop-filter: none; } }
@media (prefers-contrast: more) { :root { --hairline: #8E9A86; --ink-2: #3F4A37; --ink-soft: #2E3729; } .nav { background: var(--paper); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; scroll-behavior: auto !important; } }

/* -------------------------------------------------------------------------------- the cookie question */
/* one card in the bottom-left corner; the two answers weigh the same, as the EU guidance asks */
.consent { position: fixed; z-index: 40; left: 24px; bottom: 24px; width: min(400px, calc(100vw - 32px)); box-sizing: border-box; padding: 20px 22px;
  background: var(--surface); color: var(--ink); border: 1px solid var(--hairline); border-radius: var(--r-frame);
  box-shadow: 0 18px 50px rgba(27, 35, 23, .18), 0 2px 8px rgba(27, 35, 23, .08); }
.consent[hidden] { display: none; }
.ask .consent[hidden] { display: block; } /* mode.js: no answer yet, shown before consent.js runs */
@media (max-width: 560px) { .consent { left: 16px; bottom: 16px; width: auto; right: 16px; } }
.consent h2 { font-size: 1.125rem; line-height: 1.25; letter-spacing: -.01em; }
.consent p { margin: 8px 0 0; font-size: .9375rem; line-height: 1.5; color: var(--ink-soft); }
.consent p a { color: var(--accent-ink); font-weight: 700; }
.consent-act { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.consent .btn { min-height: 46px; padding: 0 18px; background: var(--ink); color: #FFFFFF; box-shadow: none; }
.consent .btn:hover { background: var(--accent-ink); }
.consent .btn:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
/* "Cookie settings" in the footer: a button that reads like the links beside it */
.foot-link { display: inline-flex; align-items: center; min-height: 40px; padding: 0; border: 0; background: none; color: #FFFFFF;
  font: inherit; font-weight: 700; cursor: pointer; text-align: left; }
.foot-link:hover { text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .6); }

/* -------------------------------------------------------------------------------- link in bio (/bio, /<lang>/bio)
   The page Instagram and TikTok link to: the morning sky of the app's home over paper, the homepage's
   wordmark, pills and waitlist. Plants from indoors and outdoors, never only a balcony. */
.bio-page { background: linear-gradient(180deg, #A5C8D6 0, #CFDCD5 170px, #F6EACB 330px, var(--paper) 520px) no-repeat, var(--paper); min-height: 100svh; }
.bio { position: relative; max-width: 440px; margin: 0 auto; padding: 14px 16px 48px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.bio-sun { position: absolute; top: 18px; left: 20px; width: 54px; height: 54px; opacity: .9; }
.bio-top { position: relative; z-index: 3; width: 100%; display: flex; justify-content: flex-end; }
.bio .lang { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border-radius: 999px; background: rgba(250, 250, 247, .72);
  font-weight: 700; font-size: .95rem; color: var(--ink); transition: background-color .15s var(--ease); }
.bio .lang:hover { background: rgba(250, 250, 247, .95); }
.bio .langs-menu { text-align: left; }
.bio-plants { margin-top: 26px; width: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 2px; }
.bio-plants img { width: auto; min-width: 0; flex: 0 1 auto; object-fit: contain; object-position: 50% 100%; }
.bp-1 { height: 122px; } .bp-2 { height: 100px; } .bp-3 { height: 70px; } .bp-4 { height: 114px; } .bp-5 { height: 88px; }
.bio-shelf { width: 300px; max-width: 80%; height: 8px; margin-top: -2px; border-radius: 4px; background: rgba(27, 35, 23, .08); }
.bio-wm { margin-top: 24px; display: block; }
.bio h1 { margin-top: 16px; font-size: 2rem; line-height: 1.04; letter-spacing: -.035em; }
.bio h1 span { display: block; }
.bio h1 span + span { color: var(--accent-press); }
.bio-sub { margin-top: 14px; max-width: 20em; color: var(--ink-soft); }
.bio .status { margin-top: 6px; }
.bio-links { list-style: none; margin: 22px 0 0; padding: 0; width: 100%; display: flex; flex-direction: column; gap: 12px; }
.bio-btn { position: relative; display: flex; align-items: center; justify-content: center; min-height: 58px; padding: 0 60px; border-radius: 999px;
  background: #FFFFFF; box-shadow: 0 0 0 1px var(--hairline), 0 4px 14px rgba(27, 35, 23, .06); color: var(--ink); text-decoration: none;
  font: 800 1rem/1.2 var(--f-ui); letter-spacing: -.005em; cursor: pointer; touch-action: manipulation;
  transition: transform .14s var(--ease), background-color .14s var(--ease), box-shadow .14s var(--ease); }
.bio-btn:hover { color: var(--ink); box-shadow: 0 0 0 1px var(--hairline), var(--sh-raised); }
.bio-btn:active { transform: translateY(1px) scale(.985); }
.bio-btn.pri { background: var(--accent); color: #FFFFFF; box-shadow: var(--sh-accent); }
.bio-btn.pri:hover { background: var(--accent-press); }
.bio-well { position: absolute; left: 6px; top: 6px; width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.bio-well img { width: 36px; height: 36px; object-fit: contain; }
.w-bell { background: var(--surface); } .w-place { background: #DEE8EE; } .w-spring { background: #F7DACC; } .w-mail { background: #F8E7C1; }
.bio-wl > summary { list-style: none; }
.bio-wl > summary::-webkit-details-marker { display: none; }
.bio .wl { margin-top: 12px; padding: 16px; border-radius: var(--r); background: var(--surface); box-shadow: 0 0 0 1px var(--hairline); max-width: none; text-align: left; }
.bio .wl-row { flex-direction: column; }
.bio .wl-row input[type="email"] { flex: none; }
.bio .wl .btn { width: 100%; }
.bio-social { margin-top: 18px; display: flex; gap: 4px; }
.bio-social a { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--ink); }
.bio-social a:hover { background: rgba(27, 35, 23, .06); }
.bio-social .ico { width: 22px; height: 22px; }

/* the guides: the content pages' way in from the homepage (only in a language that has them) */
.guides { border-top: 1px solid var(--hairline); }
.guides-head { display: flex; flex-wrap: wrap; gap: 16px 48px; align-items: end; justify-content: space-between; margin-bottom: clamp(36px, 5vw, 56px); }
.guides-head .sec-h { margin-bottom: 0; }
.guides-head .sec-h p { color: var(--ink-soft); font-size: 1.125rem; max-width: 34em; }
.guides-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(220px, auto); gap: 16px; }
.guides-grid a { position: relative; display: flex; flex-direction: column; height: 100%; box-sizing: border-box; padding: 20px 22px; border-radius: 24px; background: #FFFFFF; box-shadow: 0 0 0 1px #ECE8DC, 0 10px 30px rgba(27, 35, 23, .06); color: var(--ink); text-decoration: none; overflow: hidden; transition: transform .15s ease-out; }
.guides-grid a:hover { color: var(--accent-ink); }
.guides-grid a:active { transform: scale(.98); }
.guides-grid a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.g-draw { align-self: flex-end; width: auto; height: 132px; margin: -4px -4px auto 0; object-fit: contain; }
.g-k { position: relative; font-size: .875rem; font-weight: 700; color: var(--accent-ink); }
.g-t { position: relative; margin-top: 4px; font: 800 1.375rem/1.15 var(--f-display); letter-spacing: -.012em; text-wrap: balance; }
.guides-grid .big { grid-column: span 2; grid-row: span 2; }
.guides-grid .big a { padding: 28px 30px; justify-content: flex-end; }
.g-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.guides-grid .big a::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(18, 22, 16, 0) 45%, rgba(18, 22, 16, .62)); }
.guides-grid .big .g-k, .guides-grid .big .g-t { z-index: 2; color: #FFFFFF; }
.guides-grid .big .g-t { font-size: clamp(1.75rem, 3vw, 2.5rem); }
@media (max-width: 900px) { .guides-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(190px, auto); } }
@media (max-width: 520px) { .g-draw { height: 96px; } .guides-grid { gap: 12px; grid-auto-rows: minmax(170px, auto); } .guides-grid a { padding: 16px; border-radius: 20px; } .g-t { font-size: 1.125rem; } .guides-grid .big { grid-row: span 1; } .guides-grid .big a { min-height: 300px; } }
@media (prefers-reduced-motion: reduce) { .guides-grid a:active { transform: none; } }

/* the store buttons that replace the waitlist when the app is out (content/launch.json) */
.stores { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.store { display: inline-flex; flex-direction: column; justify-content: center; min-height: 56px; min-width: 168px; padding: 6px 22px 7px; box-sizing: border-box; border-radius: 14px; background: #1B2317; color: #FFFFFF; text-decoration: none; line-height: 1.1; transition: transform .15s ease-out, background-color .2s; }
.store small { font-size: 12px; font-weight: 600; opacity: .82; }
.store span { font: 800 20px/1.1 Nunito, ui-rounded, system-ui, sans-serif; letter-spacing: -.01em; }
.store:hover { background: #12633F; color: #FFFFFF; }
.store:active { transform: scale(.97); }
.store:focus-visible { outline: 3px solid #1E9A6A; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .store:active { transform: none; } }

/* /download (and the store buttons wherever Google Play is not public yet) */
.stores-soon { margin-top: 10px; font-size: .95rem; color: var(--ink-soft); }
.dl .stores { justify-content: center; }
.dl-qr { display: none; margin: 28px 0 0; padding: 18px 20px; border-radius: var(--r); background: var(--surface); box-shadow: 0 0 0 1px var(--hairline);
  align-items: center; gap: 18px; text-align: left; }
.dl-qr img { flex: none; width: 148px; height: 148px; padding: 10px; border-radius: 12px; background: #FFFFFF; }
.dl-qr figcaption { color: var(--ink-soft); font-size: .95rem; line-height: 1.45; }
@media (hover: hover) and (pointer: fine) { .dl-qr { display: flex; } }
.store-badge { display: inline-flex; border-radius: 10px; transition: transform .15s ease-out; }
.store-badge img { display: block; height: 54px; width: auto; }
.store-badge:active { transform: scale(.97); }
.store-badge:focus-visible { outline: 3px solid #1E9A6A; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .store-badge:active { transform: none; } }
.day-hero .act .stores, .tiers-foot .stores { margin-top: 0; }

/* the guides' search (src/search.mjs, src/search.js): on the homepage's guides, on each hub and in the pages' header */
.ps { position: relative; font: 500 16px/1.6 Manrope, system-ui, -apple-system, sans-serif; color: #1B2317; -webkit-font-smoothing: antialiased; }
.ps:not([data-ready]) { visibility: hidden; } /* search.js marks it ready; without JavaScript it has nothing to do */
.ps .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ps-f { display: flex; align-items: center; gap: 12px; height: 64px; padding: 0 10px 0 22px; box-sizing: border-box; border-radius: 999px; background: #FFFFFF;
  box-shadow: 0 0 0 1.5px #D9D4C5, 0 10px 28px rgba(27, 35, 23, .07); transition: box-shadow .18s ease-out; }
.ps-f:focus-within { box-shadow: 0 0 0 1.5px #1E9A6A, 0 0 0 6px rgba(30, 154, 106, .14), 0 12px 32px rgba(27, 35, 23, .08); }
.ps-ico { flex: none; width: 22px; height: 22px; fill: none; stroke: #1E9A6A; stroke-width: 2.4; stroke-linecap: round; }
.ps input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; font: 600 18px/1 Manrope, system-ui, sans-serif; color: #1B2317; -webkit-appearance: none; appearance: none; }
.ps input::placeholder { color: #6B7764; font-weight: 500; }
.ps input::-webkit-search-cancel-button { -webkit-appearance: none; }
.ps-clear, .ps-back, .ps-open { flex: none; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #4A5742; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.ps-clear svg, .ps-back svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.ps-clear:hover, .ps-back:hover, .ps-open:hover { background: #EEF6EA; }
.ps-clear[hidden] { display: none; }
.ps-back { display: none; color: #1B2317; }
.ps-drop { position: absolute; left: 0; right: 0; top: calc(100% + 12px); z-index: 30; max-height: min(520px, 70vh); overflow-y: auto; padding: 10px; box-sizing: border-box;
  border-radius: 24px; background: #FFFFFF; box-shadow: 0 0 0 1px #ECE8DC, 0 24px 60px rgba(27, 35, 23, .16); text-align: left; }
.ps-drop[hidden] { display: none; }
.ps-grp { margin: 8px 12px 4px; font: 700 12px/1.4 Manrope, system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #4A5742; }
.ps-row { display: flex; align-items: center; gap: 14px; min-height: 56px; padding: 6px 12px; border-radius: 16px; color: #1B2317; text-decoration: none; }
.ps-row.on, .ps-row:focus-visible { background: #EEF6EA; color: #1B2317; outline: 0; }
.ps-row img { flex: none; width: 44px; height: 44px; object-fit: contain; }
.ps-tx { min-width: 0; display: flex; flex-direction: column; }
.ps-plant .ps-tx { flex: 1; flex-direction: row; align-items: baseline; gap: 12px; }
.ps-nm { font: 800 17px/1.3 Nunito, ui-rounded, system-ui, sans-serif; letter-spacing: -.005em; }
.ps-nm mark { background: transparent; color: #12633F; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.ps-lat { margin-left: auto; font-style: italic; font-size: 14px; color: #4A5742; white-space: nowrap; }
.ps-k { font: 700 12px/1.5 Manrope, system-ui, sans-serif; color: #12633F; }
.ps-empty { padding: 16px 14px 12px; }
.ps-empty p { margin: 0; }
.ps-e1 { font: 800 18px/1.3 Nunito, ui-rounded, system-ui, sans-serif; color: #1B2317; }
.ps-e2 { margin-top: 6px !important; color: #4A5742; font-size: 15px; line-height: 1.5; }
.ps-e2 a { font-weight: 800; color: #12633F; }
.ps-try { display: flex; flex-wrap: wrap; gap: 8px; padding: 6px 12px 10px; }
.ps-chip { min-height: 40px; padding: 0 16px; border: 0; border-radius: 999px; background: #FFFFFF; box-shadow: 0 0 0 1px #ECE8DC; color: #1B2317; font: 700 15px/1 Manrope, system-ui, sans-serif; cursor: pointer; }
.ps-chip:hover { box-shadow: 0 0 0 1px #1E9A6A; }

/* the wide field: the homepage's guides and the hubs */
.ps-big { max-width: 760px; margin-top: 32px; }

/* the header's field */
.ps-nav { flex: 0 1 280px; min-width: 0; margin: 0 8px; }
.ps-nav .ps-open { display: none; color: #1B2317; }
.ps-nav .ps-open .ps-ico { stroke: #1B2317; }
.ps-nav .ps-f { height: 42px; padding: 0 4px 0 14px; gap: 8px; box-shadow: 0 0 0 1px #D9D4C5; }
.ps-nav .ps-f:focus-within { box-shadow: 0 0 0 1.5px #1E9A6A, 0 0 0 4px rgba(30, 154, 106, .14); }
.ps-nav .ps-ico { width: 18px; height: 18px; }
.ps-nav input { font-size: 15px; }
.ps-nav .ps-clear { width: 34px; height: 34px; }
.ps-nav .ps-drop { left: auto; right: 0; width: min(440px, calc(100vw - 32px)); top: calc(100% + 10px); }
.ps-nav .ps-lat { display: none; }
@media (max-width: 720px) {
  .ps-big .ps-f { height: 56px; padding-left: 18px; }
  .ps-big input { font-size: 16px; }
  .ps-big .ps-lat { display: none; }
  .ps-nav { flex: none; margin: 0; }
  .ps-nav .ps-open { display: flex; }
  .ps-nav .ps-box { display: none; }
  .ps-nav.full .ps-box { display: flex; flex-direction: column; position: fixed; inset: 0; z-index: 100; background: #FFFFFF; }
  .ps-nav.full .ps-f { height: auto; min-height: 72px; margin: 0; padding: 12px 12px 12px 6px; border-radius: 0; box-shadow: 0 1px 0 #ECE8DC; }
  .ps-nav.full .ps-f:focus-within { box-shadow: 0 1px 0 #ECE8DC; }
  .ps-nav.full .ps-back { display: flex; }
  .ps-nav.full input { height: 48px; font-size: 17px; }
  .ps-nav.full .ps-drop { position: static; width: auto; max-height: none; flex: 1; padding: 6px 0 24px; border-radius: 0; box-shadow: none; }
  .ps-nav.full .ps-row { min-height: 64px; padding: 6px 20px; border-radius: 0; }
  .ps-nav.full .ps-row img { width: 48px; height: 48px; }
  .ps-nav.full .ps-grp { margin: 18px 20px 4px; }
  .ps-nav.full .ps-try { padding: 6px 20px; }
  .ps-nav.full .ps-empty { padding: 28px 20px; }
  .ps-nav.full .ps-plant .ps-tx { flex-direction: column; gap: 0; align-items: flex-start; }
  .ps-nav.full .ps-lat { display: block; margin-left: 0; font-size: 13px; }
  html.ps-lock, html.ps-lock body { overflow: hidden; }
}
@media (prefers-reduced-motion: reduce) { .ps-f { transition: none; } }
.hub-g a[hidden] { display: none; }
/* a catalogue row: the species' photo, cropped like a thumbnail, or a quiet tile when it has none */
.ps-row img[src^="https://"] { object-fit: cover; border-radius: 10px; }
.ps-noimg { flex: none; width: 44px; height: 44px; border-radius: 10px; background: #EEF0EC; }

/* generated: the scenes' own positions, then each scene's settled moment */
.gs-0{stop-color:var(--wmA,#009D66)}
.gs-1{stop-color:var(--wmB,#177F58)}
.gs-2{position:absolute;inset:0;opacity:var(--inkOp);display:var(--inkD)}
.gs-3{position:absolute;inset:0;perspective:1800px}
.gs-4{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(var(--yaw))}
.gs-5{position:absolute;inset:0;transform-origin:0 0;transform:var(--camFar)}
.gs-6{position:absolute;inset:0;transform-origin:0 0;transform:var(--camNear)}
.gs-7{position:absolute;left:-60%;width:106%;top:-60%;bottom:12.5%;background:#FAFAF7}
.gs-8{position:absolute;height:auto;left:-12%;width:57%;bottom:12.5%}
.gs-9{position:absolute;left:-60%;right:-60%;top:87.5%;height:40%;background:#FAFAF7;border-top:2px solid rgba(27,35,23,.55)}
.gs-a{position:absolute;height:auto;left:44%;width:66%;bottom:12%}
.gs-b{position:absolute;height:auto;right:-2%;width:30%;bottom:2.5%}
.gs-c{position:absolute;width:auto;right:15%;height:19%;bottom:11.5%}
.gs-d{position:absolute;width:auto;right:0%;height:22%;bottom:11.5%}
.gs-e{position:absolute;width:auto;left:29%;height:67%;bottom:2%}
.gs-f{position:absolute;inset:0;transform-origin:0 0;transform:var(--camFront)}
.gs-g{position:absolute;inset:0;-webkit-mask-image:var(--colMask);mask-image:var(--colMask);display:var(--colD)}
.gs-h{position:absolute;left:-60%;right:-60%;top:-60%;bottom:25%;background:linear-gradient(180deg,#A5C8D6,#CFE0DC 45%,#F6EACB 82%);opacity:var(--mOp)}
.gs-i{position:absolute;left:-60%;right:-60%;top:-60%;bottom:25%;background:linear-gradient(180deg,#8ABBDA,#C9DEE3 50%,#F1EBD6 82%);opacity:var(--dOp)}
.gs-j{position:absolute;left:-60%;right:-60%;top:-60%;bottom:25%;background:linear-gradient(180deg,#7EB2D8,#D3DCCF 50%,#F6E4C0 82%);opacity:var(--aOp)}
.gs-k{position:absolute;left:-60%;right:-60%;top:-60%;bottom:25%;background:linear-gradient(180deg,#7FA4C2,#E9C9A0 55%,#F2C989 82%);opacity:var(--gOp)}
.gs-l{position:absolute;left:-60%;right:-60%;top:-60%;bottom:25%;background:linear-gradient(180deg,#1D2A42,#2E3B57 55%,#41506B 82%);opacity:var(--nOp)}
.gs-m{opacity:var(--nOp)}
.gs-n{position:absolute;height:auto;left:var(--sunL);top:var(--sunT);width:7%;opacity:var(--sunOp);transform:translate(-50%,-50%)}
.gs-o{position:absolute;height:auto;left:18%;width:76%;top:2%;opacity:var(--dayOp)}
.gs-p{position:absolute;height:auto;left:22%;width:104%;bottom:8%;transform:scaleX(-1)}
.gs-q{position:absolute;height:auto;left:22%;width:104%;bottom:8%;transform:scaleX(-1);opacity:var(--nOp)}
.gs-r{position:absolute;height:auto;left:28%;width:96%;bottom:38%}
.gs-s{position:absolute;height:auto;left:28%;width:96%;bottom:38%;opacity:var(--nOp)}
.gs-t{position:absolute;left:-60%;width:106%;top:-60%;bottom:12.5%;background:#F4EFE3}
.gs-u{position:absolute;left:-60%;width:106%;top:-60%;bottom:12.5%;background:#324C6C;opacity:var(--nOp)}
.gs-v{position:absolute;height:auto;left:-12%;width:57%;bottom:12.5%;opacity:var(--nOp)}
.gs-w{position:absolute;inset:0;transform-origin:0 0;transform:var(--camNear);filter:var(--bright)}
.gs-x{position:absolute;left:-60%;right:-60%;top:87.5%;height:40%;background:#CFCCC5}
.gs-y{position:absolute;left:-30%;width:160%;top:87.5%;height:36%;object-fit:cover;object-position:top}
.gs-z{position:absolute;left:var(--patchL);width:44%;top:90%;height:9%;background:#F7E3AC;border-radius:50%;filter:blur(10px);opacity:var(--patchOp)}
.gs-10{position:absolute;height:auto;left:63%;width:20%;bottom:10.5%}
.gs-11{position:absolute;width:auto;left:86%;height:23%;bottom:15%}
.gs-12{position:absolute;width:auto;left:-6%;height:24%;top:22%}
.gs-13{position:absolute;width:auto;left:17%;height:40%;bottom:3%}
.gs-14{position:absolute;width:auto;left:15%;height:9.5%;bottom:1.5%}
.gs-15{position:absolute;width:auto;left:60%;height:11%;bottom:0.5%}
.gs-16{left:45%;top:36%;opacity:var(--mk0)}
.gs-17{left:73%;top:80%;opacity:var(--mk1)}
.gs-18{left:80%;top:76%;opacity:var(--mk2)}
.gs-19{left:95%;top:75%;opacity:var(--mk3)}
.gs-1a{left:66%;top:88%;opacity:var(--mk4)}
.gs-1b{position:absolute;inset:0;transform-origin:0 0;transform:var(--camFront);filter:var(--bright)}
.gs-1c{position:absolute;width:auto;left:5%;height:31%;bottom:2%}
.gs-1d{opacity:var(--meshOp);display:var(--meshD);-webkit-mask-image:linear-gradient(90deg,transparent var(--scanFade),#000 var(--scanNear),#000 var(--scanX),transparent var(--scanEdge));mask-image:linear-gradient(90deg,transparent var(--scanFade),#000 var(--scanNear),#000 var(--scanX),transparent var(--scanEdge))}
.gs-1e{opacity:var(--aerOp)}
.gs-1f{opacity:var(--entOp)}
.gs-1g{opacity:var(--sc1)}
.gs-1h{opacity:var(--sc2)}
.gs-1i{opacity:var(--sc3)}
.gs-1j{opacity:var(--sc4)}
.gs-1k{opacity:var(--sc5)}
.gs-1l{opacity:var(--winOp);display:var(--winD);transform:translate(var(--winL),var(--winT)) scale(var(--winS));transform-origin:var(--winO)}
.gs-1m{opacity:var(--insOp)}
.gs-1n{opacity:var(--hudOp)}
.gs-1o{opacity:var(--idOn)}
.gs-1p{opacity:var(--idF)}
.gs-1q{opacity:var(--idH)}
.gs-1r{opacity:var(--idA)}
.gs-1s{opacity:var(--idN)}
.gs-1t{opacity:var(--idPressOp);transform:translate(-50%,-50%) scale(var(--idPress))}
.gs-1u{opacity:var(--idFlash)}
.gs-1v{opacity:var(--pmOn)}
.gs-1w{opacity:var(--prOn)}
.gs-1x{opacity:var(--prF)}
.gs-1y{opacity:var(--prA)}
.gs-1z{transform:translateY(calc(var(--prScroll) * -0%))}
.gs-20{opacity:var(--prPressOp);transform:translate(-50%,-50%) scale(var(--prPress))}
.gs-21{opacity:var(--prFlash)}
.gs-22{opacity:var(--warmOp)}
.gs-23{opacity:var(--t1);transform:translateY(var(--ty1))}
.gs-24{opacity:var(--t2);transform:translateY(var(--ty2))}
.gs-25{opacity:var(--t3);transform:translateY(var(--ty3))}
.gs-26{opacity:var(--t4);transform:translateY(var(--ty4))}
.gs-27{opacity:var(--t5);transform:translateY(var(--ty5))}
.gs-28{opacity:var(--t6);transform:translateY(var(--ty6))}
.gs-29{opacity:var(--t7);transform:translateY(var(--ty7))}
.gs-2a{opacity:var(--idOnF)}
.gs-2b{width:84px}
.gs-2c{opacity:1}
.gs-2d{opacity:var(--prOnF)}
.dv{--camFar:translate(4.42%,13.99%) scale(0.934);--camNear:translate(14.12%,23.00%) scale(0.780);--camFront:translate(15.96%,24.75%) scale(0.749);--yaw:-0.32deg;--mOp:0.000;--dOp:0.000;--aOp:0.000;--gOp:0.000;--nOp:0.000;--dayOp:1.000;--bright:none;--sunL:18.00%;--sunT:30.00%;--sunOp:0.000;--patchOp:0.000;--patchL:13.2%;--scanX:-14.00%;--scanEdge:-4.00%;--scanFade:-36.00%;--scanNear:-18.00%;--inkOp:1;--inkD:block;--meshOp:0;--meshD:none;--colD:none;--colMask:linear-gradient(90deg,#000 -14.00%,transparent -4.00%);--hudOp:0;--panelOp:0;--heroOp:1.000;--heroY:0.00vh;--gradOp:0.000;--veilL:0.000;--veilR:0.000;--warmOp:0.000;--aerOp:0.000;--aerZ:1.0000;--entOp:0.000;--insOp:0;--phL:calc(60.00vw - 125.0px);--phT:calc(150.00vh - 255.6px);--winL:calc(111.7px - 60.00vw);--winT:calc(242.8px - 150.00vh);--winO:60.00vw 150.00vh;--phRot:rotateZ(-10.00deg) rotateX(6.00deg) rotateY(0.00deg);--phGlare:65.0% 52.0%;--winOp:0;--winD:none;--winS:1;--prOn:0;--prOnF:0;--prF:1;--prA:0;--prPress:1.000;--prPressOp:0.000;--prFlash:0.000;--prScroll:0.0000;--pmOn:0;--pmShade:0.000;--pmKnob:22.3px;--sc2:0;--pageBg:rgb(250,250,247);--pageBg0:rgba(250,250,247,0);--navBg:rgba(250,250,247,.86);--inkC:rgb(27,35,23);--inkSoftC:rgb(74,87,66);--ink2C:rgb(92,106,82);--hairC:rgb(224,220,207);--wmA:rgb(0,157,102);--wmB:rgb(23,127,88);--mk0:0;--mk1:0;--mk2:0;--mk3:0;--mk4:0;--sc1:0;--sc3:0;--sc4:0;--sc5:0;--idOn:0;--idOnF:0;--idF:1;--idH:0;--idA:0;--idN:0;--idPress:1.000;--idPressOp:0.000;--idFlash:0.000;--t0:1;--ty0:0px;--io0:1;--ib0:1;--t1:0;--ty1:16px;--io1:0.42;--ib1:0;--t2:0;--ty2:16px;--io2:0.42;--ib2:0;--t3:0;--ty3:16px;--io3:0.42;--ib3:0;--t4:0;--ty4:16px;--io4:0.42;--ib4:0;--t5:0;--ty5:16px;--io5:0.42;--ib5:0;--t6:0;--ty6:16px;--io6:0.42;--ib6:0;--t7:0;--ty7:16px;--io7:0.42;--ib7:0}
.fv0{--camFar:translate(1.87%,-14.17%) scale(1.024);--camNear:translate(6.80%,-19.40%) scale(1.080);--camFront:translate(7.88%,-20.47%) scale(1.091);--yaw:-0.80deg;--mOp:0.000;--dOp:0.000;--aOp:0.000;--gOp:0.000;--nOp:0.000;--dayOp:1.000;--bright:none;--sunL:18.00%;--sunT:30.00%;--sunOp:0.000;--patchOp:0.000;--patchL:13.2%;--scanX:-14.00%;--scanEdge:-4.00%;--scanFade:-36.00%;--scanNear:-18.00%;--inkOp:1;--inkD:block;--meshOp:0;--meshD:none;--colD:none;--colMask:linear-gradient(90deg,#000 -14.00%,transparent -4.00%);--hudOp:0;--panelOp:0;--heroOp:1.000;--heroY:0.00vh;--gradOp:0.000;--veilL:0.000;--veilR:0.000;--warmOp:0.000;--aerOp:0.000;--aerZ:1.0000;--entOp:0.000;--insOp:0;--phL:calc(60.00vw - 42.0px);--phT:calc(150.00vh - 85.9px);--winL:calc(37.5px - 60.00vw);--winT:calc(81.6px - 150.00vh);--winO:60.00vw 150.00vh;--phRot:rotateZ(-10.00deg) rotateX(6.00deg) rotateY(0.00deg);--phGlare:65.0% 52.0%;--winOp:0;--winD:none;--winS:1;--prOn:0;--prOnF:0;--prF:1;--prA:0;--prPress:1.000;--prPressOp:0.000;--prFlash:0.000;--prScroll:0.0000;--pmOn:0;--pmShade:0.000;--pmKnob:22.3px;--sc2:0;--pageBg:rgb(250,250,247);--pageBg0:rgba(250,250,247,0);--navBg:rgba(250,250,247,.86);--inkC:rgb(27,35,23);--inkSoftC:rgb(74,87,66);--ink2C:rgb(92,106,82);--hairC:rgb(224,220,207);--wmA:rgb(0,157,102);--wmB:rgb(23,127,88);--mk0:0;--mk1:0;--mk2:0;--mk3:0;--mk4:0;--sc1:0;--sc3:0;--sc4:0;--sc5:0;--idOn:0;--idOnF:0;--idF:1;--idH:0;--idA:0;--idN:0;--idPress:1.000;--idPressOp:0.000;--idFlash:0.000;--t0:1;--ty0:0px;--io0:1;--ib0:1;--t1:0;--ty1:16px;--io1:0.42;--ib1:0;--t2:0;--ty2:16px;--io2:0.42;--ib2:0;--t3:0;--ty3:16px;--io3:0.42;--ib3:0;--t4:0;--ty4:16px;--io4:0.42;--ib4:0;--t5:0;--ty5:16px;--io5:0.42;--ib5:0;--t6:0;--ty6:16px;--io6:0.42;--ib6:0;--t7:0;--ty7:16px;--io7:0.42;--ib7:0}
.fv1{--camFar:translate(0.00%,1.40%) scale(1.000);--camNear:translate(0.00%,0.00%) scale(1.000);--camFront:translate(0.00%,-0.28%) scale(1.000);--yaw:0.00deg;--mOp:1.000;--dOp:0.000;--aOp:0.000;--gOp:0.000;--nOp:0.000;--dayOp:1.000;--bright:none;--sunL:18.00%;--sunT:30.00%;--sunOp:1.000;--patchOp:0.000;--patchL:13.2%;--scanX:74.05%;--scanEdge:84.05%;--scanFade:52.05%;--scanNear:70.05%;--inkOp:1;--inkD:block;--meshOp:1;--meshD:block;--colD:block;--colMask:linear-gradient(90deg,#000 74.05%,transparent 84.05%);--hudOp:1;--panelOp:1;--heroOp:0.000;--heroY:-24.00vh;--gradOp:1.000;--veilL:1.000;--veilR:0.000;--warmOp:0.000;--aerOp:0.000;--aerZ:1.0000;--entOp:0.000;--insOp:0;--phL:calc(74.05vw - 42.0px);--phT:calc(58.00vh - 85.9px);--winL:calc(37.5px - 74.05vw);--winT:calc(81.6px - 58.00vh);--winO:74.05vw 58.00vh;--phRot:rotateZ(0.00deg) rotateX(4.00deg) rotateY(0.00deg);--phGlare:50.0% 48.0%;--winOp:1;--winD:block;--winS:1;--prOn:0;--prOnF:0;--prF:1;--prA:0;--prPress:1.000;--prPressOp:0.000;--prFlash:0.000;--prScroll:0.0000;--pmOn:0;--pmShade:0.000;--pmKnob:22.3px;--sc2:0;--pageBg:rgb(250,250,247);--pageBg0:rgba(250,250,247,0);--navBg:rgba(250,250,247,.86);--inkC:rgb(27,35,23);--inkSoftC:rgb(74,87,66);--ink2C:rgb(92,106,82);--hairC:rgb(224,220,207);--wmA:rgb(0,157,102);--wmB:rgb(23,127,88);--mk0:1;--mk1:1;--mk2:0;--mk3:0;--mk4:1;--sc1:0;--sc3:0;--sc4:0;--sc5:0;--idOn:0;--idOnF:0;--idF:1;--idH:0;--idA:0;--idN:0;--idPress:1.000;--idPressOp:0.000;--idFlash:0.000;--t0:0;--ty0:16px;--io0:0.42;--ib0:0;--t1:1;--ty1:0px;--io1:1;--ib1:1;--t2:0;--ty2:16px;--io2:0.42;--ib2:0;--t3:0;--ty3:16px;--io3:0.42;--ib3:0;--t4:0;--ty4:16px;--io4:0.42;--ib4:0;--t5:0;--ty5:16px;--io5:0.42;--ib5:0;--t6:0;--ty6:16px;--io6:0.42;--ib6:0;--t7:0;--ty7:16px;--io7:0.42;--ib7:0}
.fv2{--camFar:translate(-12.54%,-13.71%) scale(1.060);--camNear:translate(-46.00%,-44.80%) scale(1.200);--camFront:translate(-53.40%,-51.65%) scale(1.228);--yaw:2.40deg;--mOp:1.000;--dOp:0.000;--aOp:0.000;--gOp:0.000;--nOp:0.000;--dayOp:1.000;--bright:none;--sunL:30.00%;--sunT:22.00%;--sunOp:1.000;--patchOp:0.000;--patchL:18.0%;--scanX:130.00%;--scanEdge:140.00%;--scanFade:108.00%;--scanNear:126.00%;--inkOp:0;--inkD:none;--meshOp:0;--meshD:none;--colD:block;--colMask:none;--hudOp:0;--panelOp:1;--heroOp:0.000;--heroY:-24.00vh;--gradOp:1.000;--veilL:1.000;--veilR:0.000;--warmOp:0.000;--aerOp:0.000;--aerZ:1.0000;--entOp:0.000;--insOp:0;--phL:calc(78.00vw - 42.0px);--phT:calc(52.00vh - 85.9px);--winL:calc(37.5px - 78.00vw);--winT:calc(81.6px - 52.00vh);--winO:78.00vw 52.00vh;--phRot:rotateZ(0.00deg) rotateX(2.00deg) rotateY(-6.00deg);--phGlare:64.4% 44.0%;--winOp:0;--winD:block;--winS:1;--prOn:0;--prOnF:0;--prF:1;--prA:0;--prPress:1.000;--prPressOp:0.000;--prFlash:0.000;--prScroll:0.0000;--pmOn:0;--pmShade:0.000;--pmKnob:22.3px;--sc2:0;--pageBg:rgb(250,250,247);--pageBg0:rgba(250,250,247,0);--navBg:rgba(250,250,247,.86);--inkC:rgb(27,35,23);--inkSoftC:rgb(74,87,66);--ink2C:rgb(92,106,82);--hairC:rgb(224,220,207);--wmA:rgb(0,157,102);--wmB:rgb(23,127,88);--mk0:0;--mk1:0;--mk2:0;--mk3:0;--mk4:0;--sc1:0;--sc3:0;--sc4:0;--sc5:0;--idOn:1;--idOnF:1;--idF:0;--idH:0;--idA:0;--idN:1;--idPress:1.000;--idPressOp:0.000;--idFlash:0.000;--t0:0;--ty0:16px;--io0:0.42;--ib0:0;--t1:0;--ty1:16px;--io1:0.42;--ib1:0;--t2:1;--ty2:0px;--io2:1;--ib2:1;--t3:0;--ty3:16px;--io3:0.42;--ib3:0;--t4:0;--ty4:16px;--io4:0.42;--ib4:0;--t5:0;--ty5:16px;--io5:0.42;--ib5:0;--t6:0;--ty6:16px;--io6:0.42;--ib6:0;--t7:0;--ty7:16px;--io7:0.42;--ib7:0}
.fv3{--camFar:translate(0.00%,-1.40%) scale(1.000);--camNear:translate(0.00%,0.00%) scale(1.000);--camFront:translate(0.00%,0.28%) scale(1.000);--yaw:0.00deg;--mOp:0.000;--dOp:1.000;--aOp:0.000;--gOp:0.000;--nOp:0.000;--dayOp:1.000;--bright:none;--sunL:56.00%;--sunT:7.00%;--sunOp:0.000;--patchOp:0.000;--patchL:28.4%;--scanX:130.00%;--scanEdge:140.00%;--scanFade:108.00%;--scanNear:126.00%;--inkOp:0;--inkD:none;--meshOp:0;--meshD:none;--colD:block;--colMask:none;--hudOp:0;--panelOp:1;--heroOp:0.000;--heroY:-24.00vh;--gradOp:1.000;--veilL:0.000;--veilR:1.000;--warmOp:0.000;--aerOp:1.000;--aerZ:1.1111;--entOp:0.000;--insOp:0;--phL:calc(16.00vw - 42.0px);--phT:calc(52.00vh - 85.9px);--winL:calc(37.5px - 16.00vw);--winT:calc(81.6px - 52.00vh);--winO:16.00vw 52.00vh;--phRot:rotateZ(0.00deg) rotateX(3.00deg) rotateY(16.00deg);--phGlare:11.6% 46.0%;--winOp:0;--winD:none;--winS:1;--prOn:0;--prOnF:0;--prF:1;--prA:0;--prPress:1.000;--prPressOp:0.000;--prFlash:0.000;--prScroll:0.0000;--pmOn:1;--pmShade:1.000;--pmKnob:311.7px;--sc2:1;--pageBg:rgb(250,250,247);--pageBg0:rgba(250,250,247,0);--navBg:rgba(250,250,247,.86);--inkC:rgb(27,35,23);--inkSoftC:rgb(74,87,66);--ink2C:rgb(92,106,82);--hairC:rgb(224,220,207);--wmA:rgb(0,157,102);--wmB:rgb(23,127,88);--mk0:0;--mk1:0;--mk2:0;--mk3:0;--mk4:0;--sc1:0;--sc3:0;--sc4:0;--sc5:0;--idOn:0;--idOnF:0;--idF:0;--idH:0;--idA:0;--idN:1;--idPress:1.000;--idPressOp:0.000;--idFlash:0.000;--t0:0;--ty0:16px;--io0:0.42;--ib0:0;--t1:0;--ty1:16px;--io1:0.42;--ib1:0;--t2:0;--ty2:16px;--io2:0.42;--ib2:0;--t3:1;--ty3:0px;--io3:1;--ib3:1;--t4:0;--ty4:16px;--io4:0.42;--ib4:0;--t5:0;--ty5:16px;--io5:0.42;--ib5:0;--t6:0;--ty6:16px;--io6:0.42;--ib6:0;--t7:0;--ty7:16px;--io7:0.42;--ib7:0}
.fv4{--camFar:translate(-26.55%,-22.77%) scale(1.304);--camNear:translate(-109.10%,-105.11%) scale(2.014);--camFront:translate(-129.06%,-124.92%) scale(2.156);--yaw:2.32deg;--mOp:0.000;--dOp:0.000;--aOp:1.000;--gOp:0.000;--nOp:0.000;--dayOp:1.000;--bright:none;--sunL:78.00%;--sunT:16.00%;--sunOp:1.000;--patchOp:0.800;--patchL:37.2%;--scanX:130.00%;--scanEdge:140.00%;--scanFade:108.00%;--scanNear:126.00%;--inkOp:0;--inkD:none;--meshOp:0;--meshD:none;--colD:block;--colMask:none;--hudOp:0;--panelOp:1;--heroOp:0.000;--heroY:-24.00vh;--gradOp:1.000;--veilL:1.000;--veilR:0.000;--warmOp:0.350;--aerOp:0.000;--aerZ:1.0000;--entOp:0.000;--insOp:0;--phL:calc(84.00vw - 42.0px);--phT:calc(52.00vh - 85.9px);--winL:calc(37.5px - 84.00vw);--winT:calc(81.6px - 52.00vh);--winO:84.00vw 52.00vh;--phRot:rotateZ(0.00deg) rotateX(4.00deg) rotateY(-14.00deg);--phGlare:83.6% 48.0%;--winOp:0;--winD:none;--winS:1;--prOn:0;--prOnF:0;--prF:1;--prA:0;--prPress:1.000;--prPressOp:0.000;--prFlash:0.000;--prScroll:0.0000;--pmOn:0;--pmShade:0.000;--pmKnob:22.3px;--sc2:0;--pageBg:rgb(250,250,247);--pageBg0:rgba(250,250,247,0);--navBg:rgba(250,250,247,.86);--inkC:rgb(27,35,23);--inkSoftC:rgb(74,87,66);--ink2C:rgb(92,106,82);--hairC:rgb(224,220,207);--wmA:rgb(0,157,102);--wmB:rgb(23,127,88);--mk0:0;--mk1:0;--mk2:0;--mk3:0;--mk4:0;--sc1:0;--sc3:1;--sc4:0;--sc5:0;--idOn:0;--idOnF:0;--idF:0;--idH:0;--idA:0;--idN:1;--idPress:1.000;--idPressOp:0.000;--idFlash:0.000;--t0:0;--ty0:16px;--io0:0.42;--ib0:0;--t1:0;--ty1:16px;--io1:0.42;--ib1:0;--t2:0;--ty2:16px;--io2:0.42;--ib2:0;--t3:0;--ty3:16px;--io3:0.42;--ib3:0;--t4:1;--ty4:0px;--io4:1;--ib4:1;--t5:0;--ty5:16px;--io5:0.42;--ib5:0;--t6:0;--ty6:16px;--io6:0.42;--ib6:0;--t7:0;--ty7:16px;--io7:0.42;--ib7:0}
.fv5{--camFar:translate(7.93%,-4.64%) scale(1.090);--camNear:translate(34.40%,-21.40%) scale(1.300);--camFront:translate(41.04%,-24.96%) scale(1.342);--yaw:-3.04deg;--mOp:0.000;--dOp:0.000;--aOp:1.000;--gOp:0.000;--nOp:0.000;--dayOp:1.000;--bright:none;--sunL:92.00%;--sunT:30.00%;--sunOp:1.000;--patchOp:0.800;--patchL:42.8%;--scanX:130.00%;--scanEdge:140.00%;--scanFade:108.00%;--scanNear:126.00%;--inkOp:0;--inkD:none;--meshOp:0;--meshD:none;--colD:block;--colMask:none;--hudOp:0;--panelOp:1;--heroOp:0.000;--heroY:-24.00vh;--gradOp:1.000;--veilL:0.000;--veilR:1.000;--warmOp:0.350;--aerOp:0.000;--aerZ:1.0000;--entOp:0.000;--insOp:0;--phL:calc(16.00vw - 42.0px);--phT:calc(52.00vh - 85.9px);--winL:calc(37.5px - 16.00vw);--winT:calc(81.6px - 52.00vh);--winO:16.00vw 52.00vh;--phRot:rotateZ(0.00deg) rotateX(3.00deg) rotateY(16.00deg);--phGlare:11.6% 46.0%;--winOp:0;--winD:none;--winS:1;--prOn:0;--prOnF:0;--prF:1;--prA:0;--prPress:1.000;--prPressOp:0.000;--prFlash:0.000;--prScroll:0.0000;--pmOn:0;--pmShade:0.000;--pmKnob:22.3px;--sc2:0;--pageBg:rgb(250,250,247);--pageBg0:rgba(250,250,247,0);--navBg:rgba(250,250,247,.86);--inkC:rgb(27,35,23);--inkSoftC:rgb(74,87,66);--ink2C:rgb(92,106,82);--hairC:rgb(224,220,207);--wmA:rgb(0,157,102);--wmB:rgb(23,127,88);--mk0:0;--mk1:0;--mk2:0;--mk3:0;--mk4:0;--sc1:0;--sc3:0;--sc4:1;--sc5:0;--idOn:0;--idOnF:0;--idF:0;--idH:0;--idA:0;--idN:1;--idPress:1.000;--idPressOp:0.000;--idFlash:0.000;--t0:0;--ty0:16px;--io0:0.42;--ib0:0;--t1:0;--ty1:16px;--io1:0.42;--ib1:0;--t2:0;--ty2:16px;--io2:0.42;--ib2:0;--t3:0;--ty3:16px;--io3:0.42;--ib3:0;--t4:0;--ty4:16px;--io4:0.42;--ib4:0;--t5:1;--ty5:0px;--io5:1;--ib5:1;--t6:0;--ty6:16px;--io6:0.42;--ib6:0;--t7:0;--ty7:16px;--io7:0.42;--ib7:0}
.fv6{--camFar:translate(18.70%,-6.12%) scale(1.105);--camNear:translate(37.00%,-20.90%) scale(1.350);--camFront:translate(41.90%,-23.94%) scale(1.399);--yaw:-2.40deg;--mOp:0.000;--dOp:0.000;--aOp:1.000;--gOp:0.000;--nOp:0.000;--dayOp:1.000;--bright:none;--sunL:92.00%;--sunT:30.00%;--sunOp:0.000;--patchOp:0.000;--patchL:42.8%;--scanX:130.00%;--scanEdge:140.00%;--scanFade:108.00%;--scanNear:126.00%;--inkOp:0;--inkD:none;--meshOp:0;--meshD:none;--colD:block;--colMask:none;--hudOp:0;--panelOp:1;--heroOp:0.000;--heroY:-24.00vh;--gradOp:1.000;--veilL:1.000;--veilR:0.000;--warmOp:0.350;--aerOp:0.000;--aerZ:1.1111;--entOp:1.000;--insOp:1;--phL:calc(63.00vw - 42.0px);--phT:calc(50.00vh - 85.9px);--winL:calc(37.5px - 63.00vw);--winT:calc(81.6px - 50.00vh);--winO:63.00vw 50.00vh;--phRot:rotateZ(0.00deg) rotateX(0.00deg) rotateY(0.00deg);--phGlare:50.0% 40.0%;--winOp:0;--winD:block;--winS:0.580;--prOn:1;--prOnF:1;--prF:0;--prA:1;--prPress:1.000;--prPressOp:0.000;--prFlash:0.000;--prScroll:0.0000;--pmOn:0;--pmShade:0.000;--pmKnob:22.3px;--sc2:0;--pageBg:rgb(250,250,247);--pageBg0:rgba(250,250,247,0);--navBg:rgba(250,250,247,.86);--inkC:rgb(27,35,23);--inkSoftC:rgb(74,87,66);--ink2C:rgb(92,106,82);--hairC:rgb(224,220,207);--wmA:rgb(0,157,102);--wmB:rgb(23,127,88);--mk0:0;--mk1:0;--mk2:0;--mk3:0;--mk4:0;--sc1:0;--sc3:0;--sc4:0;--sc5:0;--idOn:0;--idOnF:0;--idF:0;--idH:0;--idA:0;--idN:1;--idPress:1.000;--idPressOp:0.000;--idFlash:0.000;--t0:0;--ty0:16px;--io0:0.42;--ib0:0;--t1:0;--ty1:16px;--io1:0.42;--ib1:0;--t2:0;--ty2:16px;--io2:0.42;--ib2:0;--t3:0;--ty3:16px;--io3:0.42;--ib3:0;--t4:0;--ty4:16px;--io4:0.42;--ib4:0;--t5:0;--ty5:16px;--io5:0.42;--ib5:0;--t6:1;--ty6:0px;--io6:1;--ib6:1;--t7:0;--ty7:16px;--io7:0.42;--ib7:0}
.fv7{--camFar:translate(3.00%,-1.40%) scale(1.000);--camNear:translate(10.00%,0.00%) scale(1.000);--camFront:translate(11.40%,0.28%) scale(1.000);--yaw:-0.80deg;--mOp:0.000;--dOp:0.000;--aOp:0.000;--gOp:0.000;--nOp:1.000;--dayOp:0.000;--bright:brightness(0.500) saturate(0.650);--sunL:92.00%;--sunT:60.00%;--sunOp:0.000;--patchOp:0.000;--patchL:42.8%;--scanX:130.00%;--scanEdge:140.00%;--scanFade:108.00%;--scanNear:126.00%;--inkOp:0;--inkD:none;--meshOp:0;--meshD:none;--colD:block;--colMask:none;--hudOp:0;--panelOp:1;--heroOp:0.000;--heroY:-24.00vh;--gradOp:1.000;--veilL:0.000;--veilR:1.000;--warmOp:0.000;--aerOp:0.000;--aerZ:1.0000;--entOp:0.000;--insOp:0;--phL:calc(16.00vw - 42.0px);--phT:calc(52.00vh - 85.9px);--winL:calc(37.5px - 16.00vw);--winT:calc(81.6px - 52.00vh);--winO:16.00vw 52.00vh;--phRot:rotateZ(0.00deg) rotateX(4.00deg) rotateY(12.00deg);--phGlare:21.2% 48.0%;--winOp:0;--winD:none;--winS:1;--prOn:0;--prOnF:0;--prF:1;--prA:0;--prPress:1.000;--prPressOp:0.000;--prFlash:0.000;--prScroll:1.0000;--pmOn:0;--pmShade:0.000;--pmKnob:22.3px;--sc2:0;--pageBg:rgb(30,42,64);--pageBg0:rgba(30,42,64,0);--navBg:rgba(30,42,64,.86);--inkC:rgb(244,239,227);--inkSoftC:rgb(201,207,217);--ink2C:rgb(174,183,196);--hairC:rgb(58,70,96);--wmA:rgb(111,214,166);--wmB:rgb(67,185,135);--mk0:0;--mk1:0;--mk2:0;--mk3:0;--mk4:0;--sc1:0;--sc3:0;--sc4:0;--sc5:1;--idOn:0;--idOnF:0;--idF:0;--idH:0;--idA:0;--idN:1;--idPress:1.000;--idPressOp:0.000;--idFlash:0.000;--t0:0;--ty0:16px;--io0:0.42;--ib0:0;--t1:0;--ty1:16px;--io1:0.42;--ib1:0;--t2:0;--ty2:16px;--io2:0.42;--ib2:0;--t3:0;--ty3:16px;--io3:0.42;--ib3:0;--t4:0;--ty4:16px;--io4:0.42;--ib4:0;--t5:0;--ty5:16px;--io5:0.42;--ib5:0;--t6:0;--ty6:16px;--io6:0.42;--ib6:0;--t7:1;--ty7:0px;--io7:1;--ib7:1}
.fvx{--camFar:translate(0.00%,0.00%) scale(1.000);--camNear:translate(0.00%,0.00%) scale(1.000);--camFront:translate(0.00%,0.00%) scale(1.000);--yaw:0.00deg;--mOp:0.000;--dOp:0.000;--aOp:0.000;--gOp:0.000;--nOp:1.000;--dayOp:0.000;--bright:brightness(0.500) saturate(0.650);--sunL:92.00%;--sunT:60.00%;--sunOp:0.000;--patchOp:0.000;--patchL:42.8%;--scanX:130.00%;--scanEdge:140.00%;--scanFade:108.00%;--scanNear:126.00%;--inkOp:0;--inkD:none;--meshOp:0;--meshD:none;--colD:block;--colMask:none;--hudOp:0;--panelOp:1;--heroOp:0.000;--heroY:-24.00vh;--gradOp:1.000;--veilL:0.000;--veilR:1.000;--warmOp:0.000;--aerOp:0.000;--aerZ:1.0000;--entOp:0.000;--insOp:0;--phL:calc(16.00vw - 42.0px);--phT:calc(52.00vh - 85.9px);--winL:calc(37.5px - 16.00vw);--winT:calc(81.6px - 52.00vh);--winO:16.00vw 52.00vh;--phRot:rotateZ(0.00deg) rotateX(4.00deg) rotateY(12.00deg);--phGlare:21.2% 48.0%;--winOp:0;--winD:none;--winS:1;--prOn:0;--prOnF:0;--prF:1;--prA:0;--prPress:1.000;--prPressOp:0.000;--prFlash:0.000;--prScroll:1.0000;--pmOn:0;--pmShade:0.000;--pmKnob:22.3px;--sc2:0;--pageBg:rgb(30,42,64);--pageBg0:rgba(30,42,64,0);--navBg:rgba(30,42,64,.86);--inkC:rgb(244,239,227);--inkSoftC:rgb(201,207,217);--ink2C:rgb(174,183,196);--hairC:rgb(58,70,96);--wmA:rgb(111,214,166);--wmB:rgb(67,185,135);--mk0:0;--mk1:0;--mk2:0;--mk3:0;--mk4:0;--sc1:0;--sc3:0;--sc4:0;--sc5:1;--idOn:0;--idOnF:0;--idF:0;--idH:0;--idA:0;--idN:1;--idPress:1.000;--idPressOp:0.000;--idFlash:0.000;--t0:0;--ty0:16px;--io0:0.42;--ib0:0;--t1:0;--ty1:16px;--io1:0.42;--ib1:0;--t2:0;--ty2:16px;--io2:0.42;--ib2:0;--t3:0;--ty3:16px;--io3:0.42;--ib3:0;--t4:0;--ty4:16px;--io4:0.42;--ib4:0;--t5:0;--ty5:16px;--io5:0.42;--ib5:0;--t6:0;--ty6:16px;--io6:0.42;--ib6:0;--t7:1;--ty7:0px;--io7:1;--ib7:1}