@font-face{font-family:"Bricolage";src:url(fonts/bricolage-grotesque-latin-standard-normal.woff2) format("woff2-variations");font-weight:200 800;font-stretch:75% 100%;font-display:block}
#t2{
  --paper:#F1F2EE;--surface:#FBFBF9;--paper-2:#E7E9E3;--ink:#14171A;--ink-2:#59616A;--rule:#D0D5CC;
  --pine:#1F5C4A;--pine-dk:#143C31;--amber:#E3BE3F;
  --night:#0C0F0E;--night-2:#151A18;--night-rule:#262D2A;--on-night:#EEF0EA;--on-night-2:#A3ACA6;--pine-light:#7CC9A6;
  --display:"Bricolage",system-ui,sans-serif;--body:"Instrument Sans Variable",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--hand:"Caveat",cursive;
  --pad:clamp(16px,4.4vw,64px);
}
#t2 *{box-sizing:border-box;margin:0;padding:0}
#t2{-webkit-text-size-adjust:100%}
#t2{font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip;background:var(--paper);color:var(--ink)}
#t2 a{color:inherit}
#t2 .k{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
#t2 .cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--cta-bg,var(--pine));color:var(--cta-fg,#fff);font-family:var(--display);font-weight:700;font-size:17px;text-decoration:none;white-space:nowrap;transition:background-color .2s}
#t2 .cta:hover{background:var(--cta-bg-h,var(--pine-dk))}
#t2 .cta:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
@media (prefers-reduced-motion:reduce){#t2 *,#t2 *:before,#t2 *:after{transition:none!important;animation:none!important}}
#t2{background:var(--night)}
#t2 #track{position:relative}
#t2 #stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--night)}
#t2 .layer{position:absolute;inset:0;pointer-events:none}
#t2 .hero{position:absolute;inset:0;overflow:hidden;background:var(--night);color:var(--on-night);display:flex;flex-direction:column;padding:86px var(--pad) 0}
#t2 .shake{flex:1;display:flex;flex-direction:column;min-height:0;will-change:transform}
#t2 .hero .k{color:var(--pine-light)}
#t2 .group{margin:auto 0}
#t2 .reel{position:relative;flex:0 0 auto;height:var(--rh);overflow:hidden;filter:url(#vb)}
#t2 .w{position:absolute;left:0;right:0;top:0;height:var(--rh);display:flex;align-items:flex-end;font-family:var(--display);font-weight:800;font-stretch:75%;
  text-transform:uppercase;line-height:1;letter-spacing:-.02em;white-space:nowrap;color:var(--on-night);will-change:transform}
#t2 .w span{display:block;transform:translateY(.115em);transform-origin:0 100%}
#t2 .w.todo{color:var(--amber)}
#t2 .line{position:relative;height:0}
#t2 .line i{position:absolute;top:calc(var(--rh) * -0.36 - 9px);width:0;height:0;border:9px solid transparent}
#t2 .line i:first-child{left:calc(var(--pad) * -1 + 6px);border-left-color:var(--amber)}
#t2 .line i:last-child{right:calc(var(--pad) * -1 + 6px);border-right-color:var(--amber)}
#t2 .phrase{font-family:var(--display);font-weight:800;font-size:min(10vw,13.5vh);line-height:.9;letter-spacing:-.05em;margin-top:min(2.2vh,22px);color:var(--on-night)}
#t2 .phrase em{font-style:normal;color:var(--amber)}
#t2 .foot{display:flex;align-items:end;justify-content:space-between;gap:18px 40px;flex-wrap:wrap;padding:20px 0 62px}
#t2 .foot p{font-size:18px;line-height:1.45;color:var(--on-night-2);max-width:40ch}
#t2 .act{display:flex;align-items:center;gap:18px}
#t2 .aside{font-family:var(--mono);font-size:11.5px;line-height:1.45;color:var(--on-night-2);max-width:22ch}
#t2 .pause{font-family:var(--mono);font-size:12px;color:var(--on-night-2);background:none;border:0;text-decoration:underline;text-underline-offset:3px;min-height:44px;cursor:pointer;padding:0}
#t2 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:860px){#t2 .hero{padding-top:74px}
#t2 .phrase{font-size:min(15vw,9vh)}
#t2 .foot{flex-direction:column;align-items:stretch;gap:12px;padding:16px 0 66px}
#t2 .foot p{font-size:15.5px}
#t2 .aside{display:none}
#t2 .act{flex-direction:column;align-items:stretch;gap:2px}
#t2 .act .cta{width:100%}
#t2 .pause{align-self:flex-start;font-size:11.5px}
#t2 .line i{border-width:7px;top:calc(var(--rh) * -0.36 - 7px)}
#t2 .line i:first-child{left:-14px}
#t2 .line i:last-child{right:-14px}}
@media (max-width:860px) and (max-height:700px){#t2 .hero .k{display:none}
#t2 .foot p{display:none}
#t2 .foot{padding-bottom:58px}}
@media (prefers-reduced-motion:reduce){#t2 *{transition:none!important}}
#t2 #stage{background:var(--night)}
#t2 .hint{position:absolute;left:0;right:0;bottom:0;height:46px;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);
  font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transform:translateY(100%);will-change:transform}
@media (max-width:860px){#t2 .hint{font-size:11px;letter-spacing:.06em;height:42px}}
#t2 #sil{position:absolute;inset:0;pointer-events:none}
#t2 #sil .sb{position:absolute;left:0;top:0;border-radius:2px;will-change:transform}
#t2 #sil .sb.on{background:var(--on-night)}
#t2 #sil .sb.am{background:var(--amber)}
#t2 .plate{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;opacity:0;will-change:transform}
#t2 .plate .flip{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
#t2 .plate .fa,#t2 .plate .fb{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:6px}
#t2 .plate .fa{background:rgba(24,30,27,0)}
#t2 .plate .frm{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#t2 .plate .frm rect{fill:none;stroke:var(--on-night);stroke-width:2;stroke-dasharray:1 1;stroke-dashoffset:1}
#t2 .plate .fblk{position:absolute;inset:0;opacity:0}
#t2 .plate .fbk{position:absolute;border-radius:2px;background:var(--on-night)}
#t2 .plate .fbk.am{background:var(--amber)}
#t2 .plate .fb{transform:rotateX(180deg) translateZ(1px);overflow:hidden;color:var(--ink);
  background:linear-gradient(176deg,#EBC94F 0%,#E3BE3F 46%,#D9B232 100%);box-shadow:0 26px 50px -20px rgba(0,0,0,.6)}
#t2 .plate .fb::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(90,70,0,.18);pointer-events:none}
#t2 .plate .bt{position:absolute;display:flex;align-items:flex-end;font-family:var(--display);font-weight:800;font-stretch:75%;text-transform:uppercase;line-height:1;letter-spacing:-.02em;white-space:nowrap}
#t2 .plate .bt span{display:block;transform:translateY(.115em)}
#t2 .plate .bp{position:absolute;font-family:var(--display);font-weight:800;line-height:.9;letter-spacing:-.05em;white-space:nowrap}
#t2 .plate .pin{display:none}
#t2 #paperL{position:absolute;inset:0;background:var(--paper);color:var(--ink);clip-path:circle(0px at 50% 50%);pointer-events:none}
#t2 #mesa{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
#t2 .board{position:absolute;left:0;top:0;background:var(--surface);border:1px solid var(--rule);border-radius:6px;box-shadow:0 30px 60px -30px rgba(20,23,26,.25);opacity:0}
#t2 .svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
#t2 .card{position:absolute;left:0;top:0;transform-origin:0 0;opacity:0;will-change:transform;color:var(--ink);white-space:nowrap;padding:.5em .9em .62em}
#t2 .kq{display:block;font-family:var(--mono);font-size:max(.36em,8.5px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);padding-bottom:.45em;margin-bottom:.55em;border-bottom:1px solid var(--rule)}
#t2 .q{display:block;font-family:var(--display);font-weight:800;font-stretch:75%;text-transform:uppercase;letter-spacing:-.01em;line-height:1}
#t2 .q i{font-style:normal;color:var(--pine)}
.mA #t2 .step{border-radius:6px;background:linear-gradient(180deg,#FFFFFF 0%,#F5F6F1 100%);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(20,23,26,.05),0 1px 0 #DCE0D8,0 2px 0 #D2D6CD,0 3px 0 #C7CCC1,0 4px 2px rgba(20,23,26,.12),0 22px 30px -18px rgba(20,23,26,.38)}
.mA #t2 .tuS,.mA #t2 .plate .fb{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 0 #CFA930,0 2px 0 #C29C28,0 3px 0 #B48F21,0 4px 2px rgba(80,60,0,.18),0 22px 30px -18px rgba(80,60,0,.5)}
.mA #t2 .tuS{border-radius:6px}
.mB #t2 .board{background:radial-gradient(120% 85% at 16% 10%,rgba(124,201,166,.20),transparent 55%),radial-gradient(90% 70% at 88% 92%,rgba(227,190,63,.13),transparent 60%),var(--surface)}
.mB #t2 .step{border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.70) 52%,rgba(238,244,240,.84) 100%);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.75),0 0 0 1px rgba(20,23,26,.08),0 1px 2px rgba(20,23,26,.08),0 18px 34px -16px rgba(31,92,74,.34)}
.mB #t2 .step::before,.mB #t2 .tuS::before,.mB #t2 .plate .fb::before{content:"";position:absolute;left:1px;right:1px;top:1px;height:44%;border-radius:11px 11px 50% 50%/11px 11px 16px 16px;
  background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(255,255,255,0));pointer-events:none;z-index:-1}
.mB #t2 .step,.mB #t2 .tuS,.mB #t2 .plate .fb{isolation:isolate}
.mB #t2 .tuS::before,.mB #t2 .plate .fb::before{background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0))}
.mB #t2 .kq{color:var(--pine);border-bottom-color:rgba(31,92,74,.18)}
.mB #t2 .tuS{border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 1px rgba(120,90,0,.18),0 18px 34px -16px rgba(120,90,0,.45)}
.mB #t2 .plate .fb{border-radius:12px}
#t2 .card.ch{padding:0}
#t2 .card .pin{position:absolute;left:-5px;top:-6px;width:12px;height:12px;border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 30%,#4a5158 0 16%,var(--ink) 58%);box-shadow:0 2px 3px rgba(20,23,26,.32)}
#t2 .card .pin b{font-family:var(--mono);font-size:8.5px;font-weight:600;color:#fff;letter-spacing:0;line-height:1}
#t2 .ch-wa{background:#EFEAE2;border-radius:12px;overflow:visible;box-shadow:0 1px 1.5px rgba(20,23,26,.14),0 20px 32px -16px rgba(20,23,26,.36)}
#t2 .ch-wa header{height:1.05em;background:var(--pine);display:flex;align-items:center;gap:.35em;padding:0 .45em;border-radius:12px 12px 0 0}
#t2 .ch-wa header b{width:.6em;height:.6em;border-radius:50%;background:#C9E2D4}
#t2 .ch-wa header s{height:.16em;width:2.4em;border-radius:2px;background:rgba(255,255,255,.55)}
#t2 .ch-wa .bu{margin:.42em .45em .5em;padding:.4em .55em .38em;background:#fff;border-radius:8px;box-shadow:0 1px 1px rgba(20,23,26,.1)}
#t2 .ch-voice{display:flex;align-items:center;gap:.45em;background:#fff;border-radius:999px;padding:.32em .8em .32em .32em;box-shadow:0 1px 1.5px rgba(20,23,26,.14),0 16px 28px -14px rgba(20,23,26,.34)}
#t2 .ch-voice .pl{width:1.35em;height:1.35em;border-radius:50%;background:var(--pine);position:relative;flex:none}
#t2 .ch-voice .pl::after{content:"";position:absolute;left:.52em;top:.38em;border-left:.42em solid #fff;border-top:.3em solid transparent;border-bottom:.3em solid transparent}
#t2 .ch-voice .wv{display:flex;align-items:center;gap:.09em;height:1em}
#t2 .ch-voice .wv i{width:.09em;background:#9aa39b;border-radius:1px}
#t2 .ch-mail{background:linear-gradient(180deg,#FFFFFF,#F7F8F4);border:1px solid #cfd3cc;border-radius:6px;box-shadow:0 1px 1.5px rgba(20,23,26,.12),0 16px 28px -16px rgba(20,23,26,.32)}
#t2 .ch-mail .tb{display:flex;gap:.18em;padding:.28em .4em;border-bottom:1px solid #e1e4de}
#t2 .ch-mail .tb i{width:.28em;height:.28em;border-radius:50%;background:#d0d5cc}
#t2 .ch-mail .q{padding:.45em .6em .5em}
#t2 .ch-sheetw{filter:drop-shadow(0 1px 1px rgba(20,23,26,.14)) drop-shadow(0 12px 14px rgba(20,23,26,.18))}
#t2 .ch-sheet{background:#fffdf6 repeating-linear-gradient(transparent 0 .98em,#cfe0ec .98em 1.02em);padding:.62em .7em .5em 1.15em;position:relative;
  clip-path:polygon(0 6%,6% 0,14% 4%,22% 0,31% 4%,40% 0,52% 4%,63% 0,74% 4%,86% 0,94% 4%,100% 0,100% 100%,0 100%)}
#t2 .ch-sheet::before{content:"";position:absolute;left:.62em;top:0;bottom:0;width:1.5px;background:#e9a6a6}
#t2 .ch-sheet .q{font-family:var(--hand);font-weight:700;font-stretch:100%;text-transform:none;color:#2b3a55;font-size:1.16em;letter-spacing:0}
#t2 .ch-notif{display:flex;align-items:center;gap:.45em;background:rgba(251,251,249,.97);border-radius:14px;padding:.42em .7em .42em .42em;box-shadow:0 1px 1.5px rgba(20,23,26,.12),0 16px 30px -14px rgba(20,23,26,.32)}
#t2 .ch-notif .ic{width:1.15em;height:1.15em;border-radius:.3em;background:var(--pine);flex:none}
#t2 .ch-bub{background:#D9FDD3;border-radius:12px 12px 3px 12px;padding:.45em .65em .42em;box-shadow:0 1px 1.5px rgba(20,23,26,.12),0 14px 24px -14px rgba(20,23,26,.3)}
#t2 .blk.pine{background:linear-gradient(var(--pine) 0 24%,var(--paper-2) 24%)}
#t2 .blk.lined{background:var(--paper-2) repeating-linear-gradient(transparent 0 7px,rgba(20,23,26,.12) 7px 8px)}
#t2 .blk.ink{background:#3a4148}
#t2 .step .sh{display:flex;align-items:baseline;gap:9px}
#t2 .step .nn{font-family:var(--display);font-weight:800;font-stretch:75%;font-size:40px;line-height:.82;letter-spacing:-.02em;color:var(--ink)}
#t2 .step .tg2{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pine)}
#t2 .blk{position:absolute;left:0;top:0;background:var(--paper-2);opacity:0;will-change:transform;border-radius:2px}
#t2 .blk.am{background:var(--amber)}
#t2 .ph{position:absolute;opacity:0;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-bottom:1.5px solid var(--ink);padding-bottom:12px}
#t2 .ph .k2{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pine);display:block;margin-bottom:6px}
#t2 .ph h2{font-family:var(--display);font-weight:800;font-size:clamp(22px,2.3vw,34px);letter-spacing:-.04em;line-height:1}
#t2 .ph .rt{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}
#t2 .step{position:absolute;left:0;top:0;padding:11px 14px;opacity:0;overflow:hidden}
#t2 .step .sn{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}
#t2 .step .sa{font-family:var(--display);font-weight:800;font-stretch:75%;text-transform:uppercase;letter-spacing:-.01em;line-height:.95;margin:9px 0 6px;white-space:nowrap}
#t2 .step .sr2{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pine);white-space:nowrap}
#t2 .tuS{position:absolute;left:0;top:0;opacity:0;color:var(--ink);padding:12px 14px;display:flex;flex-direction:column;justify-content:flex-end;
  background:linear-gradient(176deg,#EBC94F 0%,#E3BE3F 50%,#DBB436 100%);border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 14px 28px -16px rgba(80,60,0,.45)}
#t2 .tuS .tg{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#5a4a0a}
#t2 .tuS b{font-family:var(--display);font-weight:800;font-stretch:75%;letter-spacing:-.02em;line-height:.9;margin:4px 0 6px}
#t2 .tuS span{font-size:12.5px;line-height:1.3;font-weight:600}
#t2 .tuS span em{font-style:normal;font-weight:400;display:block}
#t2 .tuS.tight .tg{display:none}
#t2 .capt{position:absolute;left:var(--pad);bottom:34px;width:min(46ch,calc(100% - 2*var(--pad)));font-size:18px;line-height:1.45;color:var(--ink-2)}
#t2 .capt b{color:var(--ink);font-weight:600}
#t2 .capt span{position:absolute;left:0;bottom:0;opacity:0;width:100%}
#t2 #closeL{position:absolute;inset:0;opacity:0;pointer-events:none;transform-origin:50% 50%;will-change:transform}
#t2 #closeL.live{pointer-events:auto}
#t2 .cierre .reel{filter:none}
#t2 .cierre .w{color:var(--on-night)}
#t2 .cierre .foot p em{font-style:normal}
#t2 .cierre .pause{visibility:hidden}
#t2 .cierre[data-c="1"] .hero{background:var(--night)}
#t2 .cierre[data-c="1"] .w{color:var(--on-night)}
#t2 .cierre[data-c="1"] .foot p em{color:var(--amber)}
#t2 .cierre[data-c="2"] .hero{background:var(--paper);color:var(--ink)}
#t2 .cierre[data-c="2"] .w{color:var(--pine)}
#t2 .cierre[data-c="2"] .phrase{color:var(--ink)}
#t2 .cierre[data-c="2"] .hero .k{color:var(--pine)}
#t2 .cierre[data-c="2"] .foot p{color:var(--ink-2)}
#t2 .cierre[data-c="2"] .foot p em{color:var(--ink);background:linear-gradient(transparent 58%,var(--amber) 58%,var(--amber) 92%,transparent 92%)}
#t2 .cierre[data-c="2"] .aside{color:var(--ink-2)}
#t2 .cierre[data-c="3"] .hero{background:var(--pine-dk)}
#t2 .cierre[data-c="3"] .w{color:var(--on-night)}
#t2 .cierre[data-c="3"] .hero .k{color:var(--pine-light)}
#t2 .cierre[data-c="3"] .foot p{color:#C4D2CA}
#t2 .cierre[data-c="3"] .foot p em{color:var(--amber)}
#t2 .cierre[data-c="3"] .aside{color:#C4D2CA}
#t2 .cierre[data-c="3"] .cta{background:var(--paper);color:var(--pine-dk)}
#t2 .cierre[data-c="3"] .line i:first-child{border-left-color:var(--amber)}
#t2 .cierre[data-c="3"] .line i:last-child{border-right-color:var(--amber)}
@media (max-width:860px){#t2 .ph{padding-bottom:9px}
#t2 .ph .k2{font-size:10px;margin-bottom:4px}
#t2 .ph h2{font-size:20px}
#t2 .ph .rt{display:none}
#t2 .step{padding:8px 9px}
#t2 .step .sn,#t2 .step .sr2{font-size:10px;letter-spacing:.06em}
#t2 .step .sa{margin:5px 0 4px}
#t2 .tuS{padding:7px 9px 8px}
#t2 .tuS .tg{font-size:8.5px;letter-spacing:.06em}
#t2 .tuS b{margin:1px 0 2px}
#t2 .tuS span{font-size:9.5px;line-height:1.24}
#t2 .step .nn{font-size:25px}
#t2 .step .tg2{font-size:9px;letter-spacing:.08em}
#t2 .step .sh{gap:6px}
#t2 .step .sa{margin:6px 0 4px}
#t2 .card .pin{width:10px;height:10px;left:-4px;top:-5px}
#t2 .capt{font-size:15px;bottom:24px}}
#t2 #stage{height:100vh;height:100lvh}
#t2 .hero{bottom:auto;height:var(--svh,100%)}
#t2 .capt{bottom:calc(34px + var(--tb,0px))}
@media (max-width:860px){#t2 .capt{bottom:calc(24px + var(--tb,0px))}}
#t2 .dbg{position:fixed;z-index:70;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.78);color:#9FE3C2;
  font:10.5px/1.35 var(--mono);white-space:pre;pointer-events:none}