.m3{background:linear-gradient(to bottom, var(--navy) 0, var(--ink) 160px) var(--ink);color:var(--on-dark);padding-top:var(--s-10);position:relative}.m3-head{justify-content:space-between;align-items:end;gap:var(--s-4);flex-wrap:wrap;display:flex}.m3-head .sec-h{max-width:11em;color:var(--on-dark)}.m3-head .text-link{color:var(--on-dark)}.m3-track{height:400svh;position:relative}.m3-pin{height:100svh;position:sticky;top:0;overflow:hidden}.m3-canvas{z-index:1;position:absolute;inset:0}.m3-canvas canvas{width:100%!important;height:100%!important}.m3-poster{z-index:0;opacity:0;transition:opacity .35s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.m3-poster[data-on="1"]{opacity:1}.m3-poster img{object-fit:cover;width:100%;height:100%;display:block}html[data-m3d=on] .m3-poster{opacity:0}.m3-list{z-index:2;align-items:center;height:100%;margin:0 auto;padding-block:0;list-style:none;display:grid;position:relative}.m3-item{opacity:0;pointer-events:none;grid-area:1/1;max-width:32rem;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}.m3-item[data-on="1"],.m3-item:focus-within{opacity:1;pointer-events:auto;transform:none}.m3-k{margin:0 0 var(--s-3);font-variant-numeric:tabular-nums;color:var(--on-dark-2);font-size:.875rem}.m3-name{letter-spacing:-.03em;margin:0;font-size:clamp(2.5rem,4.6vw,4.5rem);font-weight:800;line-height:.95}.m3-line{margin:var(--s-4) 0 0;color:var(--on-dark);max-width:36ch;font-size:1.1875rem;line-height:1.5}.m3-does{margin:var(--s-5) 0 0;gap:var(--s-3);padding:0;list-style:none;display:grid}.m3-does li{padding-top:var(--s-3);border-top:1px solid var(--hair-dark);color:var(--on-dark-2);max-width:44ch;font-size:1rem;line-height:1.45}.m3-link{margin-top:var(--s-5);color:var(--on-dark)}.m3-dots{z-index:2;left:0;right:0;bottom:var(--s-6);gap:8px;display:flex;position:absolute}.m3-dots span{background:var(--navy-3);border-radius:2px;width:28px;height:3px;transition:background-color .3s}.m3-dots span[data-on="1"]{background:var(--sky)}@media (max-width:700px),(max-width:1024px) and (orientation:portrait){.m3-track{height:340svh}.m3-list{padding-bottom:calc(var(--s-6) + 24px);align-items:end}.m3-name{font-size:2.5rem}.m3-does li:nth-child(n+3){display:none}}@media (prefers-reduced-motion:reduce){.m3-item,.m3-poster{transition:none}}html[data-m3bare="1"] .m3-list,html[data-m3bare="1"] .m3-dots,html[data-m3bare="1"] .m3-poster{visibility:hidden}@media (hover:hover){.m3-item[data-on="1"] .m3-link:hover{transform:translate(4px)}.m3-item[data-on="1"] .m3-name{transition:letter-spacing .35s cubic-bezier(.16,1,.3,1)}.m3-item[data-on="1"]:hover .m3-name{letter-spacing:-.02em}}.m3-link{transition:transform .25s cubic-bezier(.16,1,.3,1);display:inline-flex}