.tn{--leading-display:1;--shrink-end:.51;--fs-statement:calc(var(--fs-display) * var(--shrink-end));--runway:350vh;--runway-2:120vh;--runway-3:220vh;--shrink:1;--exit:0;--exit-ar:0;--reveal:0;--s2:0;--s3:0;--stage-out:clamp(0, calc((var(--reveal) - .93) / .05), 1);height:calc(var(--runway) + var(--runway-2) + var(--runway-3));background:var(--bg);color:var(--fg);position:relative}.tn__pin{height:100vh;position:sticky;top:0;overflow:hidden}.tn .stage{background:var(--bg);z-index:0;opacity:calc(1 - var(--stage-out));position:absolute;inset:0;overflow:hidden}.tn .stage picture,.tn .stage img{object-fit:cover;object-position:50% 50%;width:100%;max-width:none;height:100%;display:block}.tn .stage:after{content:"";background:#0000004d;position:absolute;inset:0}.tn .reveal{--reveal-span:calc(72vw + 72vh);--card-k:.26;--rot:calc(var(--reveal) * 45deg * (1 - var(--s3)));width:calc(var(--reveal) * var(--reveal-span));height:var(--reveal-span);transform:translate(-50%, -50%) rotate(var(--rot)) scale(calc(1 - var(--s3) * (1 - var(--card-k))));z-index:5;pointer-events:none;background:color-mix(in oklch, var(--bg) calc((1 - var(--s3)) * 100%), transparent);position:absolute;top:50%;left:50%;overflow:hidden}.tn .reveal__media{width:100vw;height:100vh;transform:translate(-50%, -50%) rotate(calc(var(--rot) * -1));position:absolute;top:50%;left:50%;overflow:hidden}.tn .reveal__media picture,.tn .reveal__media img{object-fit:cover;width:100%;max-width:none;height:100%;display:block}.tn .reveal__media:after{content:"";background:#0000002e;position:absolute;inset:0}.tn .frame,.tn .sec2,.tn .sec3{padding:max(var(--frame), env(safe-area-inset-top)) max(var(--frame), env(safe-area-inset-right)) max(var(--frame), env(safe-area-inset-bottom)) max(var(--frame), env(safe-area-inset-left));pointer-events:none;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.tn .frame{z-index:10;grid-template-rows:auto 1fr auto}.tn .frame>*{min-width:0}.tn .frame a{pointer-events:auto}.tn .brand{width:fit-content;transform:scale(var(--shrink));transform-origin:0 0;font-size:inherit;font-weight:inherit;flex-direction:column;grid-area:1/1;align-items:stretch;margin:0;display:flex}.tn .brand__slot{margin-left:-.02em;display:grid;overflow:hidden}.tn .brand__slot:first-child{margin-top:-.13em}.tn .brand__line{font-family:var(--font-display);font-size:var(--fs-display);font-weight:800;line-height:var(--leading-display);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;transition:transform .38s var(--ease-expo);will-change:transform;grid-area:1/1}.tn .brand__line[data-role=alt],.tn .brand__line[data-role=crew]{transform:translateY(100%)}.tn .brand[data-title=alt] .brand__line[data-role=main]{transform:translateY(-100%)}.tn .brand[data-title=alt] .brand__line[data-role=alt]{transform:translateY(0)}.tn .brand[data-title=crew] .brand__line[data-role=main],.tn .brand[data-title=crew] .brand__line[data-role=alt]{transform:translateY(-100%)}.tn .brand[data-title=crew] .brand__line[data-role=crew]{transform:translateY(0)}.tn .brand__slot:nth-child(2) .brand__line{transition-delay:80ms}.tn .brand__char{text-align:center;display:inline-block}.tn .brand__char[data-ar]{font-family:var(--font-Portuguese);letter-spacing:0;font-size:.92em;font-weight:700;transform:scaleX(.813)}.tn .brand__ar{font-family:var(--font-Portuguese);font-weight:400;font-size:var(--fs-script);letter-spacing:0;justify-content:space-between;margin-top:.05em;line-height:1;display:flex}.tn .brand__ar,.tn .lede,.tn .foot{opacity:calc(1 - var(--exit));filter:blur(calc(var(--exit) * 12px));transform:translate3d(0, calc(var(--exit) * -28px), 0)}.tn .brand__ar{--exit:var(--exit-ar)}.tn .lede{grid-area:2/2;align-self:end;max-width:clamp(240px,23vw,340px);margin:0 0 clamp(40px,19vh,220px)}.tn .foot{grid-area:3/2;justify-content:space-between;align-items:baseline;display:flex}.tn .sec2{z-index:8;grid-template-rows:1fr auto}.tn .s2-statement{font-family:var(--font-display);font-size:var(--fs-statement);font-weight:800;line-height:var(--leading-display);letter-spacing:-.03em;text-transform:uppercase;grid-area:2/2;align-self:end;margin:0}.tn .s2-word{--in:clamp(0, calc((var(--s2) - var(--w0)) / .09), 1);--out:clamp(0, calc((var(--s3) - var(--x0)) / .09), 1);opacity:calc(var(--in) - var(--out));filter:blur(calc((1 - var(--in)) * 12px + var(--out) * 12px));transform:translate3d(0, calc((1 - var(--in)) * 18px + var(--out) * -28px), 0);display:inline-block}.tn .sec3{z-index:8;grid-template-rows:auto 1fr auto}.tn .sec3>*{margin:0}.tn .s3-left,.tn .s3-right{max-width:24ch;font-size:var(--fs-lede);letter-spacing:-.01em;--in:clamp(0, calc((var(--s3) - (.62 + var(--i) * .1)) / .22), 1);opacity:var(--in);filter:blur(calc((1 - var(--in)) * 12px));transform:translate3d(0, calc((1 - var(--in)) * 18px), 0);grid-row:2;align-self:center;font-weight:400;line-height:1.45}.tn .s3-left{--i:0;grid-column:1;justify-self:start}.tn .s3-right{--i:1;text-align:right;grid-column:2;justify-self:end}.tn .s3-bottom{text-align:center;font-family:var(--font-display);font-size:var(--fs-statement);font-weight:800;line-height:var(--leading-display);letter-spacing:-.03em;text-transform:uppercase;grid-area:3/1/auto/-1;align-self:end}.tn .s3-word{--in:clamp(0, calc((var(--s3) - var(--w0)) / .09), 1);opacity:var(--in);filter:blur(calc((1 - var(--in)) * 12px));transform:translate3d(0, calc((1 - var(--in)) * 18px), 0);display:inline-block}@media (max-width:767px){.tn .frame{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr}.tn .frame .chrome-slot{grid-area:1/1;height:40px}.tn .brand{grid-area:2/1;margin-top:5vh}.tn .lede{grid-area:3/1;max-width:42ch;margin-bottom:7vh}.tn .foot{grid-area:4/1}.tn .stage img{object-position:66% 50%}.tn .sec2{grid-template-columns:1fr}.tn .s2-statement{grid-area:2/1}.tn .sec3{column-gap:var(--frame);grid-template-rows:auto 1fr auto auto}.tn .s3-bottom{grid-row:3}.tn .s3-left,.tn .s3-right{grid-row:4;align-self:end;max-width:none;margin-top:1.2em}}@media (max-width:767px) and (max-height:560px){.tn .sec2,.tn .sec3{--fs-statement:5.5vh}.tn .sec3{grid-template-rows:auto 1fr auto}.tn .s3-left,.tn .s3-right{max-width:calc((100vw - 26vw) / 2 - var(--frame) * 2);grid-row:2;margin-top:0}.tn .reveal{--card-k:.16}}@media (prefers-reduced-motion:reduce){.tn .brand__line{transition:none}.tn .s2-word,.tn .s3-word,.tn .s3-left,.tn .s3-right{filter:none;transform:none}}
