@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/fonts/jost-latin-500-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/zen-maru-gothic-86-700-normal.woff2) format('woff2');
  unicode-range: U+24,U+2022,U+2212,U+221f,U+2665,U+4ecf,U+5100,U+51cd,U+52d8,U+5378,U+53f6,U+574a,U+5982,U+5996,U+5c1a,U+5e1d,U+5f84,U+609f,U+61a7,U+61f8,U+6398,U+63ee,U+6676,U+6691,U+6eb6,U+7126,U+71e5,U+7687,U+7965,U+7d17,U+80a1,U+8107,U+8266,U+85a6,U+8987,U+8ca2,U+8cab,U+8e0a,U+9042,U+95c7,U+9810,U+9867,U+98fc,U+ff52-ff54,U+ff61,U+ff77,U+ff98-ff99;
}
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/zen-maru-gothic-91-700-normal.woff2) format('woff2');
  unicode-range: U+60,U+2200,U+226b,U+2461,U+517c,U+526f,U+5800,U+5b97,U+5bf8,U+5c01,U+5d29,U+5e4c,U+5e81,U+6065,U+61d0,U+667a,U+6696,U+6843,U+6c99,U+6d99,U+6ec5,U+6f22,U+6f6e,U+6fa4,U+6fef,U+71c3,U+72d9,U+7384,U+78e8,U+7a1a,U+7a32,U+7a3c,U+7adc,U+7ca7,U+7d2b,U+7dad,U+7e4b,U+80a9,U+8170,U+81ed,U+820e,U+8a17,U+8afe,U+90aa,U+914e,U+963f,U+99c4,U+9eba,U+9f3b,U+ff38;
}
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/zen-maru-gothic-97-700-normal.woff2) format('woff2');
  unicode-range: U+7e,U+b4,U+25c6,U+2661,U+4e92,U+4eee,U+4ffa,U+5144,U+5237,U+5287,U+52b4,U+58c1,U+5bff,U+5c04,U+5c06,U+5e95,U+5f31,U+5f93,U+63c3,U+640d,U+6557,U+6614,U+662f,U+67d3,U+690d,U+6bba,U+6e6f,U+72af,U+732b,U+7518,U+7ae0,U+7ae5,U+7af6,U+822a,U+89e6,U+8a3a,U+8a98,U+8cb8,U+8de1,U+8e8d,U+95d8,U+961c,U+96a3,U+96ea,U+9bae,U+ff20,U+ff22,U+ff29,U+ff2b-ff2c;
}
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/zen-maru-gothic-102-700-normal.woff2) format('woff2');
  unicode-range: U+3d,U+5e,U+25cf,U+4e0e,U+4e5d,U+4e73,U+4e94,U+4f3c,U+5009,U+5145,U+51ac,U+5238,U+524a,U+53f3,U+547c,U+5802,U+5922,U+5a66,U+5c0e,U+5de6,U+5fd8,U+5feb,U+6797,U+685c,U+6b7b,U+6c5f-6c60,U+6cc9,U+6ce2,U+6d17,U+6e21,U+7167,U+7642,U+76db,U+8001,U+821e,U+8857,U+89d2,U+8b1b,U+8b70,U+8cb4,U+8cde,U+8f03,U+8f2a,U+968e,U+9b54,U+9e7f,U+9ebb,U+ff05,U+ff33;
}
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/zen-maru-gothic-105-700-normal.woff2) format('woff2');
  unicode-range: U+25,U+25a0,U+4e26,U+4f4e,U+5341,U+56f2,U+5bbf,U+5c45,U+5c55,U+5c5e,U+5dee,U+5e9c,U+5f7c,U+6255,U+627f,U+62bc,U+65cf,U+661f,U+666e,U+66dc,U+67fb,U+6975,U+6a4b,U+6b32,U+6df1,U+6e29,U+6fc0,U+738b,U+7686,U+7a76,U+7a81,U+7c73,U+7d75,U+7dd2,U+82e5,U+82f1,U+85ac,U+888b,U+899a,U+8a31,U+8a8c,U+8ab0,U+8b58,U+904a,U+9060,U+9280,U+95b2,U+984d,U+9ce5,U+ff18;
}
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/zen-maru-gothic-107-700-normal.woff2) format('woff2');
  unicode-range: U+23,U+3c,U+2192,U+4e45,U+4efb,U+4f50,U+4f8b,U+4fc2,U+5024,U+5150,U+5272,U+5370,U+53bb,U+542b,U+56db,U+56e3,U+57ce,U+5bc4,U+5bcc,U+5f71,U+60aa,U+6238,U+6280,U+629c,U+6539,U+66ff,U+670d,U+677e-677f,U+6839,U+69cb,U+6b4c,U+6bb5,U+6e96,U+6f14,U+72ec,U+7389,U+7814,U+79cb,U+79d1,U+79fb,U+7a0e,U+7d0d,U+85e4,U+8d64,U+9632,U+96e2,U+9805,U+99ac,U+ff1e;
}
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/zen-maru-gothic-110-700-normal.woff2) format('woff2');
  unicode-range: U+40,U+4e86,U+4e95,U+4f01,U+4f1d,U+4fbf,U+5099,U+5171,U+5177,U+53cb,U+53ce,U+53f0,U+5668,U+5712,U+5ba4,U+5ca1,U+5f85,U+60f3,U+653e,U+65ad,U+65e9,U+6620,U+6750,U+6761,U+6b62,U+6b74,U+6e08,U+6e80,U+7248,U+7531,U+7533,U+753a,U+77f3,U+798f,U+7f6e,U+8449,U+88fd,U+89b3,U+8a55,U+8ac7,U+8b77,U+8db3,U+8efd,U+8fd4,U+9031-9032,U+9580,U+9589,U+96d1,U+985e;
}
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/zen-maru-gothic-111-700-normal.woff2) format('woff2');
  unicode-range: U+2b,U+d7,U+300e-300f,U+4e07,U+4e8c,U+512a,U+5149,U+518d,U+5236,U+52b9,U+52d9,U+5468,U+578b,U+57fa,U+5b8c,U+5ba2,U+5c02,U+5de5,U+5f37,U+5f62,U+623b,U+63d0,U+652f,U+672a,U+6848,U+6d41,U+7136,U+7537,U+754c,U+76f4,U+79c1,U+7ba1,U+7d44,U+7d4c,U+7dcf,U+7dda,U+7de8,U+82b1,U+897f,U+8ca9,U+8cfc,U+904e,U+9664,U+982d,U+9858,U+98a8,U+9a13,U+ff13,U+ff5c;
}
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/zen-maru-gothic-113-700-normal.woff2) format('woff2');
  unicode-range: U+26,U+5f,U+2026,U+203b,U+4e09,U+4eac,U+4ed5,U+4fa1,U+5143,U+5199,U+5207,U+539f,U+53e3,U+53f7,U+5411,U+5473,U+5546,U+55b6,U+5929,U+597d,U+5bb9,U+5c11,U+5c4b,U+5ddd,U+5f97,U+5fc5,U+6295,U+6301,U+6307,U+671b,U+76f8,U+78ba,U+795e,U+7d30,U+7d39,U+7d9a,U+89e3,U+8a00,U+8a73,U+8a8d,U+8a9e,U+8aad,U+8abf,U+8cea,U+8eca,U+8ffd,U+904b,U+9650,U+ff11-ff12;
}
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/zen-maru-gothic-114-700-normal.woff2) format('woff2');
  unicode-range: U+3e,U+3005,U+4e0d,U+4e88,U+4ecb,U+4ee3,U+4ef6,U+4fdd,U+4fe1,U+500b,U+50cf,U+5186,U+5316,U+53d7,U+540c,U+544a,U+54e1,U+5728,U+58f2,U+5973,U+5b89,U+5c71,U+5e02,U+5e97,U+5f15,U+5fc3,U+5fdc,U+601d,U+611b,U+611f,U+671f,U+6728,U+6765,U+683c,U+6b21,U+6ce8,U+6d3b,U+6d77,U+7530,U+7740,U+7acb,U+7d50,U+826f,U+8f09,U+8fbc,U+9001,U+9053,U+91ce,U+9762,U+98df;
}
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/zen-maru-gothic-115-700-normal.woff2) format('woff2');
  unicode-range: U+7c,U+3080,U+4ee5,U+5148,U+516c,U+521d,U+5225,U+529b,U+52a0,U+53ef,U+56de,U+56fd,U+5909,U+591a,U+5b66,U+5b9f,U+5bb6,U+5bfe,U+5e73,U+5e83,U+5ea6,U+5f53,U+6027,U+610f,U+6210,U+6240,U+660e,U+66f4,U+66f8,U+6709,U+6771,U+697d,U+69d8,U+6a5f,U+6c34,U+6cbb,U+73fe,U+756a,U+7684,U+771f,U+793a,U+7f8e,U+898f,U+8a2d,U+8a71,U+8fd1,U+9078,U+9577,U+96fb,U+ff5e;
}
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/zen-maru-gothic-117-700-normal.woff2) format('woff2');
  unicode-range: U+4e,U+a0,U+3000,U+300c-300d,U+4e00,U+4e0a,U+4e2d,U+4e8b,U+4eba,U+4f1a,U+5165,U+5168,U+5185,U+51fa,U+5206,U+5229,U+524d,U+52d5,U+5408,U+554f,U+5831,U+5834,U+5927,U+5b9a,U+5e74,U+5f0f,U+60c5,U+65b0,U+65b9,U+6642,U+6700,U+672c,U+682a,U+6b63,U+6c17,U+7121,U+751f,U+7528,U+753b,U+76ee,U+793e,U+884c,U+898b,U+8a18,U+9593,U+95a2,U+ff01,U+ff08-ff09;
}
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/zen-maru-gothic-118-700-normal.woff2) format('woff2');
  unicode-range: U+21-22,U+27-2a,U+2c-3b,U+3f,U+41-4d,U+4f-5d,U+61-7b,U+7d,U+ab,U+ae,U+b2-b3,U+b7,U+bb,U+c9,U+cd,U+d6,U+d8,U+dc,U+e0-e5,U+e7-ed,U+ef,U+f1-f4,U+f6,U+f8,U+fa,U+fc-fd,U+103,U+14d,U+1b0,U+300-301,U+1ebf,U+1ec7,U+2013-2014,U+201c-201d,U+2039-203a,U+203c,U+2048-2049,U+2113,U+2122,U+65e5,U+6708,U+70b9;
}
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/zen-maru-gothic-119-700-normal.woff2) format('woff2');
  unicode-range: U+20,U+2027,U+3001-3002,U+3041-307f,U+3081-308f,U+3091-3093,U+3099-309a,U+309d-309e,U+30a1-30e1,U+30e3-30ed,U+30ef-30f0,U+30f2-30f4,U+30fb-30fe,U+ff0c,U+ff0e;
}
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/zen-maru-gothic-latin-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/*
  Rizu — tokens de disseny compartits (web pública + 帳場).
  Els dos colors de marca són fixos: #B16C53 i #EFE6D5.
  La resta són derivats funcionals: textos llegibles, línies i estats.
*/
:root {
  /* Marca */
  --rz-yaki: #B16C53;        /* 焼き色 — terracota, el color de la superfície cuita */
  --rz-kiji: #EFE6D5;        /* 生地 — crema, el color de l'interior */

  /* Derivats de la terracota */
  --rz-yaki-deep: #8F5340;   /* hover / text gran sobre crema */
  --rz-yaki-soft: #E9CFC2;   /* fons suaus, seleccions */
  --rz-yaki-wash: #F4E6DE;

  /* Paper i tinta */
  --rz-paper: #F7F2E9;       /* superfície general de l'admin */
  --rz-card: #FFFCF7;        /* targetes */
  --rz-ink: #2F2620;         /* text principal (contrast AA sobre crema i paper) */
  --rz-ink-2: #65554A;       /* text secundari */
  --rz-ink-3: #978677;       /* etiquetes, ajuda */
  --rz-line: #E2D6C3;        /* línies fines */
  --rz-line-2: #D3C3AA;

  /* Estats: colors tradicionals japonesos, càlids per conviure amb la marca */
  --rz-matcha: #5F7A48;      /* correcte / fet */
  --rz-matcha-soft: #E5EBD9;
  --rz-yuzu: #B7832A;        /* avís */
  --rz-yuzu-soft: #F5E8CC;
  --rz-beni: #B0443A;        /* error / urgent */
  --rz-beni-soft: #F5DCD7;
  --rz-ai: #3F5F7A;          /* informació */
  --rz-ai-soft: #DCE5EC;

  /* Tipografia */
  --rz-font-latin: "Jost", "Futura", "Century Gothic", sans-serif;
  --rz-font-ja-soft: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif; /* rodona, com els traços del logo: títols */
  --rz-font-ja: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;

  /* Traç: el mateix gruix arrodonit del logotip */
  --rz-stroke: 1.5px;
  --rz-radius: 10px;
  --rz-radius-sm: 6px;

  --rz-ease: cubic-bezier(.2, .7, .2, 1);
}

/* Rizu — portada. El símbol (segell), el nom que s'escriu, i on i quan.
   Tres temes de color per comparar: crema, terracota i dos tons. */

*, *::before, *::after { box-sizing: border-box; }

:root {
  --bg: var(--rz-kiji);
  --ink: var(--rz-yaki);          /* color del nom i del símbol (el símbol pot tenir --mark-ink propi) */
  --text: var(--rz-yaki);
  --sub: var(--rz-yaki-deep);     /* línies petites */
  --panel: transparent;
}
body.tema-terracota {
  --bg: var(--rz-yaki);
  --ink: var(--rz-kiji);
  --text: var(--rz-kiji);
  --sub: var(--rz-kiji);
}
body.tema-terracota .info-year { font-size: 13.5px; }
body.tema-terracota .info-en { font-size: 11.5px; }
body.tema-dos {
  --bg: var(--rz-kiji);
  --ink: var(--rz-yaki);
  --mark-ink: var(--rz-kiji);
  --panel: var(--rz-yaki);
}

html { background: var(--bg); }
body {
  margin: 0;
  min-width: 300px;
  min-height: 100vh;
  min-height: 100svh;
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  transition: background .5s ease;
}

/* Gra de paper, gairebé invisible */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  opacity: .05;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .3 0 0 0 0 .22 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Composició: tot en un eix vertical ---------- */
.stage {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 24px 72px;
  text-align: center;
}
.mark { width: clamp(92px, 8.4vw, 124px); margin: 0 0 clamp(40px, 6.5vh, 68px); line-height: 0; }
.mark .ink { flood-color: var(--mark-ink, var(--ink)); }
.name { display: flex; flex-direction: column; align-items: center; }
.logo { margin: 0; line-height: 0; }
.logo svg { display: block; width: clamp(240px, 24vw, 350px); height: auto; overflow: visible; }
.mark svg { display: block; width: 100%; height: auto; overflow: visible; }
.logo .ink { flood-color: var(--ink); }

/* ---------- Quan ---------- */
.info {
  margin: clamp(44px, 7.5vh, 76px) 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.info-place {
  font: 700 clamp(19px, 1.55vw, 23px)/1 "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;
  letter-spacing: .6em;
  padding-left: .6em; /* compensa l'espaiat perquè quedi centrat */
  color: var(--text);
  animation: up 1s var(--rz-ease) 4.3s both;
}
.info-year {
  margin-top: 0;
  font: 700 12.5px/1 "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;
  letter-spacing: .32em;
  padding-left: .32em;
  color: var(--sub);
  animation: up 1s var(--rz-ease) 4.5s both;
}
.info-en {
  margin-top: 12px;
  font: 500 10.5px/1 "Jost", "Futura", sans-serif;
  letter-spacing: .3em;
  padding-left: .3em;
  color: var(--sub);
  animation: up 1s var(--rz-ease) 4.7s both;
}
body.sense-any .info-year, body.sense-any .info-en-year { display: none; }
@keyframes up { from { opacity: 0; transform: translateY(10px); } }

/* ---------- Dibuix ---------- */
/* Cada traç està ocult fins que li toca (un tros de longitud zero amb remat rodó es veuria com un punt) */
.pen {
  visibility: hidden;
  stroke-dasharray: 1 2;
  stroke-dashoffset: 1;
  animation: pen var(--t) var(--e) var(--d) forwards;
}
.pen-desc {
  transform: scaleX(0);
  transform-origin: 0 0;
  animation: wipe var(--t) cubic-bezier(.6, 0, .3, 1) var(--d) forwards;
}
@keyframes pen { from { visibility: visible; stroke-dashoffset: 1; } to { visibility: visible; stroke-dashoffset: 0; } }
@keyframes wipe { to { transform: scaleX(1); } }
/* En acabar, el PNG original sencer (idèntic al logo) */
.final { opacity: 0; animation: swap-in 0s linear var(--end) forwards; }
.layers { animation: swap-out 0s linear var(--end) forwards; }
@keyframes swap-in { to { opacity: 1; } }
@keyframes swap-out { to { opacity: 0; } }

/* ---------- Tema «dos tons»: el símbol en un camp terracota ---------- */
body.tema-dos .stage {
  display: grid;
  grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
  padding: 0;
}
body.tema-dos .mark {
  position: relative;
  align-self: stretch;
  display: grid;
  place-items: center;
  width: auto;
  margin: 0;
  background: var(--panel);
}
body.tema-dos .mark svg { width: clamp(200px, 19vw, 290px); }
body.tema-dos .name { padding: 64px 24px 72px; justify-content: center; }
body.tema-dos .info-place { color: var(--rz-yaki); }
body.tema-dos .info-year, body.tema-dos .info-en { color: var(--rz-yaki-deep); }

/* ---------- Control del prototip ---------- */
.proto {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 4px;
  border-radius: 999px;
  background: var(--rz-ink);
  font: 500 10.5px/1 "Jost", sans-serif;
  letter-spacing: .06em;
  box-shadow: 0 6px 20px rgb(47 38 32 / 20%);
}
.proto-label { color: rgb(239 230 213 / 50%); padding: 0 8px; letter-spacing: .12em; }
.proto a { color: var(--rz-kiji); text-decoration: none; padding: 7px 11px; border-radius: 999px; white-space: nowrap; }
.proto a.is-on { background: var(--rz-yaki); }
.proto-sep { width: 1px; height: 14px; background: rgb(239 230 213 / 25%); margin: 0 4px; }

/* ---------- Moviment reduït i mode captura (?still): tot ja dibuixat ---------- */
@media (prefers-reduced-motion: reduce) {
  .layers { display: none; }
  .final { opacity: 1; animation: none; }
  .info-place, .info-year, .info-en { animation: none; }
}
html.still .layers { display: none; }
html.still .final { opacity: 1; animation: none; }
html.still .info-place, html.still .info-year, html.still .info-en { animation: none; }

/* ---------- Pantalles verticals (mòbil i tauleta): dos tons apilat ---------- */
@media (max-aspect-ratio: 1/1) {
  body.tema-dos .stage { grid-template-columns: 1fr; grid-template-rows: 38svh 1fr; }
  body.tema-dos .mark svg { width: clamp(150px, 34vw, 240px); }
  body.tema-dos .name { padding: 44px 24px 96px; }
}

/* ---------- Mòbil ---------- */
@media (max-width: 700px) {
  .logo svg { width: min(64vw, 270px); }
  .mark { width: 84px; }
  .info-en { letter-spacing: .22em; padding-left: .22em; }
  .proto { left: 50%; transform: translateX(-50%); }
}

/* variables d'animació (abans en línia) */
.v0{--d:0.3s;--t:1.1s;--e:cubic-bezier(.55,.08,.35,1)}
.v1{--d:1.35s;--t:0.4s;--e:cubic-bezier(.55,.08,.35,1)}
.v2{--d:1.7s;--t:0.54s;--e:linear}
.v3{--d:2.24s;--t:0.52s;--e:linear}
.v4{--end:2.8s}
.v5{--d:0.3s;--t:0.45s;--e:cubic-bezier(.55,.08,.35,1)}
.v6{--d:0.75s;--t:0.71s;--e:linear}
.v7{--d:1.46s;--t:0.56s;--e:linear}
.v8{--d:2.0s;--t:0.38s;--e:cubic-bezier(.55,.08,.35,1)}
.v9{--d:2.35s;--t:0.65s;--e:cubic-bezier(.55,.08,.35,1)}
.v10{--d:2.95s;--t:0.75s;--e:cubic-bezier(.55,.08,.35,1)}
.v11{--d:3.65s;--t:0.9s}
.v12{--end:4.6s}