:root{
  --ease-out:cubic-bezier(.19,1,.22,1);
  --ease-settle:cubic-bezier(.34,1.32,.5,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
}

.hdr{isolation:isolate;background:transparent}
.hdr::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--linen);clip-path:inset(0 0 0 0 round 0px);transition:clip-path .55s var(--ease-out),background-color .3s ease}
.hdr .logo,.hdr .nav{transition:opacity .22s ease,transform .32s var(--ease-out),visibility 0s linear 0s}
.hdr.pill{border-color:transparent;filter:drop-shadow(0 14px 22px rgba(14,37,39,.2))}
.hdr.pill::before{clip-path:inset(var(--pt,12px) var(--pr,24px) var(--pb,12px) var(--pl,60%) round 999px);background:var(--white)}
.hdr.pill:not(.pill-open) .logo,.hdr.pill:not(.pill-open) .nav{opacity:0;transform:translateY(-8px);visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .2s ease,visibility 0s linear .2s}
.hdr.pill-open::before{clip-path:inset(0 0 0 0 round 0px);background:var(--linen);transition:clip-path .44s var(--ease-out),background-color .3s ease}
.hdr.pill-open{filter:drop-shadow(0 18px 30px rgba(14,37,39,.16))}
.hdr.pill-open .nav>*{opacity:0;animation:m-navin .42s var(--ease-out) forwards;animation-delay:calc(140ms + var(--i,0) * 45ms)}
.hdr.pill-open .logo{opacity:0;animation:m-navin .42s var(--ease-out) .1s forwards}
@keyframes m-navin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(min-width:1100px){
  .hdr .menu{display:inline-flex;visibility:hidden;width:0;margin-left:-22px;opacity:0;overflow:hidden;pointer-events:none;transition:width .36s var(--ease-out),margin .36s var(--ease-out),opacity .2s ease}
  .hdr.pill .menu{visibility:visible;width:44px;margin-left:0;opacity:1;pointer-events:auto;transition-delay:.06s}
}
@media(max-width:520px){.hdr.pill:not(.pill-open) .btn{display:inline-flex;animation:m-fade .3s ease .18s both}}
.hdr .logo{flex:none}
.hdr.pill:not(.pill-open) .logo,.hdr.pill:not(.pill-open) .nav{position:absolute}
.hdr.pill:not(.pill-open) .btn-ghost{margin-left:auto}
.hdr .menu,.hdr .btn{flex:none}
@keyframes m-fade{from{opacity:0}to{opacity:1}}
.menu .x{display:none}.menu[aria-expanded=true] .x{display:block}.menu[aria-expanded=true] .bars{display:none}
.menu{transition:background .2s ease}.menu:hover{background:rgba(14,37,39,.06)}
.mpanel{position:absolute;left:0;right:0;top:100%;background:var(--linen);border-bottom:1px solid var(--line);box-shadow:0 30px 50px -30px rgba(14,37,39,.45);padding:8px 24px 22px}
.mpanel a,.mpanel button{display:flex;align-items:center;min-height:52px;border-bottom:1px solid var(--line);font-family:var(--display);font-weight:700;font-size:20px;text-decoration:none;color:var(--ink);opacity:0;animation:m-navin .4s var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 40ms)}
@media(min-width:1100px){.mpanel{display:none!important}}
@media(prefers-reduced-motion:reduce){
  .hdr::before,.hdr .logo,.hdr .nav,.hdr .menu{transition-duration:.01s!important}
  .hdr.pill-open .nav>*,.hdr.pill-open .logo,.mpanel a,.mpanel button,.hdr.pill .btn{animation:none!important;opacity:1!important}
}
:where(html[data-display-motion="stop"]) .hdr::before,:where(html[data-display-motion="stop"]) .hdr .logo,:where(html[data-display-motion="stop"]) .hdr .nav,:where(html[data-display-motion="stop"]) .hdr .menu{transition-duration:.01s!important}:where(html[data-display-motion="stop"]) .hdr.pill-open .nav>*,:where(html[data-display-motion="stop"]) .hdr.pill-open .logo,:where(html[data-display-motion="stop"]) .mpanel a,:where(html[data-display-motion="stop"]) .mpanel button,:where(html[data-display-motion="stop"]) .hdr.pill .btn{animation:none!important;opacity:1!important}



html.m-on .hc-photo img,html.m-on .erh-photo img{transform:scale(1.08);transition:transform 2.6s var(--ease-out)}
html.m-on .hc-photo,html.m-on .erh-photo{opacity:0;transition:opacity 1s ease}
html.m-on .m-play .hc-photo,html.m-on .m-play .erh-photo{opacity:1}
html.m-on .m-play .hc-photo img,html.m-on .m-play .erh-photo img{transform:scale(1)}
html.m-on .m-hidden-photo .hc-photo img{transform:scale(1)}

.wm{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .04em .14em;margin:0 -.04em -.14em}
html.m-on .wi{display:inline-block;transform:translateY(112%) rotate(2deg);transform-origin:left bottom;transition:transform .95s var(--ease-out);transition-delay:var(--d,0ms)}
html.m-on .m-in .wi,html.m-on .m-play .wi{transform:none}

html.m-on [data-m=up]{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform 1s var(--ease-out);transition-delay:var(--d,0ms)}
html.m-on [data-m=up].m-in,html.m-on .m-play [data-m=up]{opacity:1;transform:none}

html.m-on .hc h1:not(.m-split),html.m-on .erh h1:not(.m-split){visibility:hidden}
html.m-on .hc :is(.sub,.lede,.actions,.times),html.m-on .erh-card :is(p,.actions){opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform 1s var(--ease-out);transition-delay:var(--d,0ms)}
html.m-on .m-play :is(.sub,.lede,.actions,.times),html.m-on .erh.m-play .erh-card :is(p,.actions){opacity:1;transform:none}
html.m-on .hc .msgcard,html.m-on .erh .erh-card{opacity:0;transform:translateY(34px) scale(.965);transition:opacity .6s ease,transform 1.05s var(--ease-settle);transition-delay:var(--d,0ms)}
html.m-on .hc.m-play .msgcard,html.m-on .erh.m-play .erh-card{opacity:1;transform:none}
html.m-prep *,html.m-prep *::before,html.m-prep *::after{transition:none!important}

html.m-on .erh .ghost{opacity:0;transform:translateX(-6%);transition:opacity 1.4s ease .1s,transform 2.2s var(--ease-out) .1s}
html.m-on .erh.m-play .ghost{opacity:1;transform:none}

.strip{position:relative;z-index:0}
.hc{z-index:1}

html.m-on [data-m=stagger]>*{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform 1s var(--ease-out);transition-delay:calc(var(--i,0) * 90ms)}
html.m-on [data-m=stagger].m-in>*{opacity:1;transform:none}
html.m-on [data-m=stagger]>.jline{opacity:1;transform:none}

html.m-on [data-m=wipe]{overflow:hidden;clip-path:inset(100% 0 0 0 round var(--r));transition:clip-path 1.1s var(--ease-out);transition-delay:var(--d,0ms)}
html.m-on [data-m=wipe] img{transform:scale(1.14);transition:transform 1.6s var(--ease-out);transition-delay:var(--d,0ms)}
html.m-on [data-m=wipe].m-in{clip-path:inset(0 0 0 0 round var(--r))}
html.m-on [data-m=wipe].m-in img{transform:scale(1)}

html.m-on .svc>div{border-top-color:transparent;position:relative}
html.m-on .svc>div::before{content:"";position:absolute;left:0;right:0;top:-3px;height:3px;background:var(--orchard);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease-io);transition-delay:calc(var(--i,0) * 140ms)}
html.m-on .svc.m-in>div::before{transform:scaleX(1)}

html.m-on .journey .jline span{transform:scaleX(0);transition:transform 1.5s var(--ease-io) .25s}
html.m-on .journey.m-in .jline span{transform:scaleX(1)}
html.m-on .journey .jnode{transform:scale(0);transition:transform .55s var(--ease-settle);transition-delay:calc(.25s + var(--i,0) * 420ms)}
html.m-on .journey.m-in .jnode{transform:none}
@media(max-width:980px){html.m-on .journey .jline span{transform:scaleY(0)}html.m-on .journey.m-in .jline span{transform:scaleY(1)}}

html.m-on .vwm{opacity:0;transition:opacity 1.6s ease}
html.m-on .verse.m-in .vwm{opacity:1}
.ab .pics figure,.hc-photo{will-change:transform}

.tabs{position:relative}
.tind{position:absolute;left:0;top:0;border-radius:999px;box-shadow:inset 0 0 0 2px var(--gold);pointer-events:none;transition:transform .45s var(--ease-settle),width .45s var(--ease-settle),height .3s ease;opacity:0}
.tabs.has-ind .tind{opacity:1}
.latest .tabs.has-ind button[aria-selected=true]{box-shadow:inset 0 0 0 1px rgba(246,242,236,.3)}
html.m-on [role=tabpanel].m-swap>*>*,html.m-on [role=tabpanel].m-swap .bslist>li{animation:m-rise .6s var(--ease-out) both;animation-delay:calc(var(--i,0) * 50ms)}
@keyframes m-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media(hover:hover){
  .path,.evf,.evs,.card,.quotes figure,.mtile{transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}
  .path:hover,.evf:hover,.evs:hover{transform:translateY(-6px);box-shadow:0 0 0 1px var(--line),0 26px 40px -24px rgba(14,37,39,.45)}
  .path img,.evf img,.evs img,.card .ph img,.bs img,.rgrid img{transition:transform .7s var(--ease-out)}
  .path:hover img,.evf:hover img,.evs:hover img,.card:hover .ph img{transform:scale(1.05)}
  .card:hover{transform:translateY(-4px)}
  .btn svg{transition:transform .3s var(--ease-settle)}
  .btn:hover svg{transform:translateX(3px)}
  .fyp a svg{transition:transform .35s var(--ease-settle)}
  .fyp a:hover svg{transform:translateX(5px)}
  .msgcard{transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}
  .msgcard:hover{transform:translateY(-4px);box-shadow:0 28px 54px -22px rgba(0,0,0,.65)}
  .msgcard .play{transition:transform .35s var(--ease-settle)}
  .msgcard:hover .play{transform:scale(1.1)}
}
.btn{transition:background .18s ease,transform .15s ease}
.btn:active{transform:scale(.97)}

.cu{font-variant-numeric:lining-nums tabular-nums}

@media(prefers-reduced-motion:reduce){
  .path,.evf,.evs,.card,.msgcard,.btn,.btn svg,.fyp a svg,.path img,.evf img,.evs img,.card .ph img{transition:none!important;transform:none!important}
  .tind{transition:none}
}
:where(html[data-display-motion="stop"]) .path,:where(html[data-display-motion="stop"]) .evf,:where(html[data-display-motion="stop"]) .evs,:where(html[data-display-motion="stop"]) .card,:where(html[data-display-motion="stop"]) .msgcard,:where(html[data-display-motion="stop"]) .btn,:where(html[data-display-motion="stop"]) .btn svg,:where(html[data-display-motion="stop"]) .fyp a svg,:where(html[data-display-motion="stop"]) .path img,:where(html[data-display-motion="stop"]) .evf img,:where(html[data-display-motion="stop"]) .evs img,:where(html[data-display-motion="stop"]) .card .ph img{transition:none!important;transform:none!important}:where(html[data-display-motion="stop"]) .tind{transition:none}


.markpill{visibility:hidden;position:absolute;top:50%;left:max(24px,calc((100% - var(--maxw)) / 2 + 24px));width:56px;height:56px;margin-top:-28px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(14,37,39,.06);opacity:0;transform:scale(.55);pointer-events:none;transition:opacity .2s ease,transform .5s var(--ease-settle)}
.markpill img{width:32px;height:auto}
.hdr.pill:not(.pill-open) .markpill{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:.08s}
.markpill:focus-visible{outline:3px solid var(--red);outline-offset:3px}
@media(max-width:520px){
  .hdr.pill:not(.pill-open) .btn{padding:0 14px}
  .hdr .wrap{gap:8px}
  .markpill{left:16px;width:50px;height:50px;margin-top:-25px}
  .markpill img{width:28px}
}
@media(max-width:359px){.markpill{display:none}}
@media(prefers-reduced-motion:reduce){.markpill{transition-duration:.01s!important}}
:where(html[data-display-motion="stop"]) .markpill{transition-duration:.01s!important}

.mp:not([hidden]){animation:m-drop .32s var(--ease-out) both}
.mp:not([hidden]) .mp-in>*{animation:m-navin .4s var(--ease-out) both;animation-delay:calc(60ms + var(--i,0) * 45ms)}
@keyframes m-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mpanel{max-height:calc(100dvh - var(--panel-top,80px));overflow-y:auto}
.macc{border-bottom:1px solid var(--line)}
.macc>button{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:56px;padding:0;border:0;background:none;font-family:var(--display);font-weight:700;font-size:20px;color:var(--ink);cursor:pointer;opacity:0;animation:m-navin .4s var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 40ms)}
.macc>button svg{width:18px;height:18px;transition:transform .25s ease}
.macc>button[aria-expanded=true] svg{transform:rotate(180deg)}
.macc>div{padding:0 0 14px}
.macc .mp-h{margin:12px 0 4px}
.mpanel .macc a,.mpanel>.mlink{opacity:1;animation:none;display:flex;align-items:center;min-height:44px;border-bottom:0;font-size:17px;font-weight:600}
.mpanel>.mlink{font-size:20px;font-weight:700;min-height:56px;border-bottom:1px solid var(--line)}
@media(prefers-reduced-motion:reduce){.mp:not([hidden]),.mp:not([hidden]) .mp-in>*,.macc>button{animation:none!important;opacity:1!important}}
:where(html[data-display-motion="stop"]) .mp:not([hidden]),:where(html[data-display-motion="stop"]) .mp:not([hidden]) .mp-in>*,:where(html[data-display-motion="stop"]) .macc>button{animation:none!important;opacity:1!important}


html.m-on .mis-base{border-top-color:transparent;position:relative}
html.m-on .mis-base::before{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left center;transition:transform var(--lt,2600ms) cubic-bezier(.4,0,.3,1) var(--ld,600ms)}
html.m-on .mis-in .mis-base::before{transform:scaleX(1)}
html.m-on .mis-anim .mis-base .rv{opacity:1;transform:none;clip-path:inset(-4px 100% -4px 0)}
html.m-on .mis-anim.mis-in .mis-base .rv{opacity:1;transform:none;clip-path:inset(-4px 0 -4px 0);transition:clip-path 1.1s cubic-bezier(.65,0,.35,1) var(--wd,0ms)}

.vlb{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(14,37,39,.5);-webkit-backdrop-filter:blur(16px) saturate(.85);backdrop-filter:blur(16px) saturate(.85);opacity:0;transition:opacity .45s ease}
.vlb.on{opacity:1}
.vlb-box{position:relative;width:min(1120px,100%);aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000;box-shadow:0 40px 90px -30px rgba(0,0,0,.8);transform-origin:0 0;transition:transform .62s var(--ease-out),border-radius .62s var(--ease-out)}
.vlb-box img,.vlb-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.vlb-box iframe{opacity:0;transition:opacity .4s ease}
.vlb-box iframe.ready{opacity:1}
.vlb-x{position:absolute;top:18px;right:18px;z-index:2;width:48px;height:48px;border:0;border-radius:50%;background:var(--white);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.6);transition:opacity .25s ease .35s,transform .45s var(--ease-settle) .35s}
.vlb.on .vlb-x{opacity:1;transform:none}
.vlb-x svg{width:20px;height:20px}
.vlb-x:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.vlb-cap{position:absolute;left:24px;right:24px;bottom:22px;text-align:center;color:var(--on-dark);font-family:var(--display);font-weight:700;font-size:16px;opacity:0;transition:opacity .3s ease .45s}
.vlb.on .vlb-cap{opacity:1}
html.vlb-open body{overflow:hidden}
@media(prefers-reduced-motion:reduce){.vlb-box{transition:none}.vlb-x{transition:opacity .2s ease}}
:where(html[data-display-motion="stop"]) .vlb-box{transition:none}:where(html[data-display-motion="stop"]) .vlb-x{transition:opacity .2s ease}

.vlb-cap{background:var(--orchard-deep);padding:8px 12px;border-radius:var(--r-sm)}
.vlb-cap a:focus-visible{outline-color:var(--gold)}
.vlb-cap a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}

:where(html[data-display-text="larger"]) .mpanel a,:where(html[data-display-text="larger"]) .mpanel button{font-size:25px}
:where(html[data-display-text="largest"]) .mpanel a,:where(html[data-display-text="largest"]) .mpanel button{font-size:30px}
:where(html[data-display-text="larger"]) .macc>button{font-size:25px}
:where(html[data-display-text="largest"]) .macc>button{font-size:30px}
:where(html[data-display-text="larger"]) .mpanel .macc a,:where(html[data-display-text="larger"]) .mpanel>.mlink{font-size:21.25px}
:where(html[data-display-text="largest"]) .mpanel .macc a,:where(html[data-display-text="largest"]) .mpanel>.mlink{font-size:25.5px}
:where(html[data-display-text="larger"]) .mpanel>.mlink{font-size:25px}
:where(html[data-display-text="largest"]) .mpanel>.mlink{font-size:30px}
:where(html[data-display-text="larger"]) .vlb-cap{font-size:20px}
:where(html[data-display-text="largest"]) .vlb-cap{font-size:24px}