.tel{justify-items:center;max-width:none;display:grid}.tel__stage{justify-items:center;width:100%;display:grid}.tel__svg{width:auto;max-width:100%;height:min(78vh,46rem);overflow:visible}.tel .tel__axis{fill:none;stroke:#bebec88c;stroke-width:1px;stroke-dasharray:10 3 1.5 3}.tel [data-dim]:not([data-dim=bus]){cursor:pointer}.tel[data-focus] [data-dim=bus],.tel[data-focus=design] [data-dim]:not([data-dim~=design]):not([data-dim=bus]),.tel[data-focus=mobile] [data-dim]:not([data-dim~=mobile]):not([data-dim=bus]),.tel[data-focus=light] [data-dim]:not([data-dim~=light]):not([data-dim=bus]),.tel[data-focus=motion] [data-dim]:not([data-dim~=motion]):not([data-dim=bus]),.tel[data-focus=contact] [data-dim]:not([data-dim~=contact]):not([data-dim=bus]),.tel[data-focus=search] [data-dim]:not([data-dim~=search]):not([data-dim=bus]){--anatomy-hi:#5c5c64;--anatomy-mid:#484850;--anatomy-lo:#38383e;--anatomy-faint:#2a2a30;--anatomy-dot:#5c5c64}.tel[data-focus=design] [data-dim~=design] .iso-edge,.tel[data-focus=mobile] [data-dim~=mobile] .iso-edge,.tel[data-focus=light] [data-dim~=light] .iso-edge,.tel[data-focus=motion] [data-dim~=motion] .iso-edge,.tel[data-focus=contact] [data-dim~=contact] .iso-edge,.tel[data-focus=search] [data-dim~=search] .iso-edge{stroke:#ffb547}.tel[data-focus=design] [data-dim~=design] .iso-top,.tel[data-focus=mobile] [data-dim~=mobile] .iso-top,.tel[data-focus=light] [data-dim~=light] .iso-top,.tel[data-focus=motion] [data-dim~=motion] .iso-top,.tel[data-focus=contact] [data-dim~=contact] .iso-top,.tel[data-focus=search] [data-dim~=search] .iso-top{fill:var(--anatomy-lit-top)}.tls{gap:2.25rem;display:grid}.tls__top{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.tls__head{align-content:center;gap:1.5rem;display:grid}.svc .tls__head .head{margin-bottom:0}.tls__caption{border-top:1px solid #1c1c21;max-width:34rem;padding-top:1.2rem;display:grid}.tls__cap{opacity:0;visibility:hidden;grid-area:1/1;align-content:start;gap:.35rem;transition:opacity .22s,transform .22s,visibility 0s linear .22s;display:grid;transform:translateY(6px)}.tls__cap[data-on=true]{opacity:1;visibility:visible;transition-delay:0s;transform:none}.tls__capn{color:#ffb547;letter-spacing:.18em;font-family:Geist Mono,ui-monospace,monospace;font-size:.6875rem}.tls__capt{text-transform:uppercase;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600}.tls__capd{color:#a1a1aa;font-size:1rem;line-height:1.6}.tls__row{border-top:1px solid #1c1c21;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tls__item{--gut:.9rem;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #0000;align-content:start;gap:.35rem;margin-top:-1px;padding:.9rem .9rem .2rem 0;transition:border-color .25s;display:grid;position:relative}.tls__n{color:#7c7c86;letter-spacing:.08em;font-family:Geist Mono,ui-monospace,monospace;font-size:.6875rem;transition:color .25s}.tls__tt{color:#8a8a94;font-size:.875rem;font-weight:500;transition:color .25s}.tls__item:before{content:"";background:#ffb547;width:0;height:2px;position:absolute;top:-1px;left:0}.tls__item:after{inset:-1px calc(var(--gut) - .6rem) 0 -.6rem;opacity:0;content:"";pointer-events:none;background:linear-gradient(#ffb54712,#0000 75%);transition:opacity .3s;position:absolute}.tls__item[aria-pressed=true]:before{width:calc(100% - var(--gut))}.tls__item[aria-pressed=true][data-run]:before{animation:6.5s linear both tls-fill}@keyframes tls-fill{0%{width:0}to{width:calc(100% - var(--gut))}}.tls__item[aria-pressed=true]:after{opacity:1}.tls__item:hover .tls__tt{color:#f5f5f7}.tls__item--intro:before,.tls__item--intro:after{display:none}@media (prefers-reduced-motion:reduce){.tls__item[aria-pressed=true][data-run]:before{animation:none}}.tls__item[aria-pressed=true] .tls__n{color:#ffb547}.tls__item[aria-pressed=true] .tls__tt{color:#f5f5f7}.tls__item:focus-visible{outline-offset:4px;outline:1px solid #ffb547}.tls__hint{color:#a8a8b2;letter-spacing:.2em;text-align:center;text-transform:uppercase;font-family:Geist Mono,ui-monospace,monospace;font-size:.6875rem;display:none}@media (max-width:899px){.tls__top{grid-template-columns:1fr}.tls__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1rem}.tls .tel{margin-inline:-1.5rem}.tls .tel__svg{height:min(46svh,36rem)}.tls__hint{display:block}}.tls__h1{font-size:clamp(1.9rem,3.8vw,3.1rem);line-height:1.05}@media (max-width:359px){.tls .tls__h1.h2{font-size:1.375rem}}.tls__lead{color:#a1a1aa;max-width:52ch;font-size:1.0625rem;line-height:1.6}.tls__row--intro{grid-template-columns:minmax(3.4rem,.42fr) repeat(6,minmax(0,1fr))}.tls__item--intro[aria-pressed=true]{border-top-color:#f5f5f7}.tls__item--intro[aria-pressed=true] .tls__n{color:#f5f5f7}@media (max-width:899px){.tls__row--intro{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.tls[data-intro] .tel__svg{height:min(68vh,39rem)}.tls[data-intro] .tel{margin-top:calc(min(68vh,39rem)/-8.33333)}}.tls__row{z-index:2;position:relative}@media (min-width:900px){.tls[data-intro]{grid-template-rows:1fr minmax(5.5rem,auto);min-height:calc(100svh - clamp(5.25rem,11vh,7rem) + -1*clamp(3rem,29vh - 7.75rem,9rem))}.tls[data-intro] .tls__top{align-self:center}}@media (max-width:899px){.tls{gap:.4rem}.tls__top,.tls__head{display:contents}.tls .head .accent{display:block}.tls__row{order:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 .5rem;margin-top:1.1rem}.tls__row--intro{grid-template-columns:2.5rem repeat(6,minmax(0,1fr))}.tls__item{--gut:0px;text-align:center;border-top-width:2px;justify-items:center;padding:.7rem 0 .85rem}.tls__item:before{top:-2px}.tls__item:after{display:none}.tls__tt{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tls__caption{border-top:0;order:2;padding-top:.35rem}.tls:not(:has(.tls__row)) .tls__caption{margin-top:calc(1.5rem + 43.3px)}.tls__capn{display:none}.tls .afig{order:3}.tls__hint{order:4}.tls[data-intro]{min-height:var(--fit-min,auto);flex-direction:column;padding-bottom:2.25rem;display:flex}.tls[data-intro] .tel{flex:1 0 auto;align-content:center}.tls[data-intro] .tel__svg{height:var(--fit,min(46svh, 36rem))}}
