.tune-ground{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--g, #f5f1e8);transition:background-color .9s ease;pointer-events:none}html.tune-on .tune,html.tune-on .breath,html.tune-on .tfield{background:transparent}.tune,.breath,.tfield{position:relative;background:var(--ground);color:var(--ground-light-text)}.tune--light{color:var(--ground-dark-text)}.tune--light .label,.tune--light .tune__sub{color:#f5f1e8b8}.tune--light .tune__all{color:var(--ground-dark-link)}.tune--light :focus-visible{outline-color:var(--ground-dark-link)}.tune__pin{height:calc(var(--frames) * 55svh + 45svh)}.tune__stage{position:sticky;top:76px;height:calc(100svh - 76px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(24px,4vw,72px);padding:var(--rhythm-5) clamp(20px,6vw,104px)}.tune__stage--media-left .tune__media{order:-1}.tune__words{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.tune__title{margin:0;font-family:var(--type-banner-headline-family);font-weight:400;font-size:clamp(40px,4.6vw,88px);line-height:.98;letter-spacing:.06em;text-transform:uppercase;color:inherit}.tune--opening .tune__title{font-size:clamp(44px,5.4vw,116px);letter-spacing:.12em}.tune__sub{margin:-2px 0 6px;font-family:var(--type-label-family);font-size:14px;font-weight:var(--type-label-weight);letter-spacing:.42em;color:var(--ground-light-muted)}.tune__text{max-width:34ch;font-size:18px;line-height:1.6}.tune__text p{margin:0 0 12px}.tune__cta{margin-top:10px}.tune__cta .crystal{min-height:68px;padding:0 104px;font-size:18px}@media(max-width:599px){.tune__cta .crystal{min-height:60px;padding:0 72px;font-size:17px}}.tune__ticks{display:flex;gap:6px;margin:18px 0 0}.tune__ticks span{width:22px;height:2px;background:currentColor;opacity:.22;transition:opacity .5s ease,width .5s ease}.tune__ticks span.is-on{width:40px;opacity:1}.tune__media{position:relative;justify-self:center;height:min(calc(100svh - 156px),920px);aspect-ratio:3 / 4;max-width:100%;overflow:hidden;background:#00000014}.tune__frame{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 1.4s cubic-bezier(.2,.8,.2,1)}.tune__frame.is-on{opacity:1;transform:none}.tune__frame img,.tune__frame svg{display:block;width:100%;height:100%;object-fit:cover}.tune__rail{padding:var(--rhythm-4) 0 var(--rhythm-7)}.tune__railhead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:0 clamp(20px,6vw,104px) var(--rhythm-4)}.tune__railhead .label{margin:0}.tune__all{font-weight:600;color:var(--ground-light-link);text-underline-offset:5px}.tune__track{display:flex;gap:var(--rhythm-1);overflow-x:auto;padding:0 clamp(20px,6vw,104px);scroll-snap-type:x mandatory;scroll-padding-left:clamp(20px,6vw,104px);scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}.tune__track::-webkit-scrollbar{display:none}.tune__track.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.tune__track.is-dragging a{pointer-events:none}.tune__card{flex:0 0 clamp(220px,22vw,320px);scroll-snap-align:start}.tune__card .tile{color:var(--ground-light-text)}.tune__card img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.dial{position:fixed;left:50%;bottom:18px;z-index:40;display:flex;align-items:center;gap:2px;padding:6px;background:#f5f1e8eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ground-light-line);box-shadow:0 10px 30px #0000001f;transform:translate(-50%,160%);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.dial.is-shown{transform:translate(-50%);opacity:1}.dial__label{padding:0 12px 0 10px;font:600 11px/1 var(--type-body-family);letter-spacing:.24em;text-transform:uppercase;color:var(--ground-light-muted)}.dial__stop{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;font:600 12px/1 var(--type-body-family);letter-spacing:.18em;text-transform:uppercase;color:var(--ground-light-text);text-decoration:none;transition:background-color var(--motion-hover) ease,color var(--motion-hover) ease}.dial__stop:hover{color:var(--palette-accent)}.dial__stop.is-on{background:var(--ground-light-text);color:var(--ground-light-background)}.breath{padding:var(--rhythm-7) clamp(20px,6vw,104px)}.breath__line{max-width:22ch;margin:0 auto var(--rhythm-6);font-family:var(--type-section-heading-family);font-size:clamp(30px,4vw,58px);line-height:1.12;text-align:center}.breath__pics{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--rhythm-1);max-width:1100px;margin:0 auto}.breath__pic{margin:0;aspect-ratio:3 / 4;overflow:hidden}.breath__pic img,.breath__pic svg{display:block;width:100%;height:100%;object-fit:cover}.tfield{padding:0;overflow:hidden}.tfield__head{padding:var(--rhythm-7) clamp(20px,6vw,104px) var(--rhythm-5)}.tfield__title{margin:14px 0 0;font-family:var(--type-section-heading-family);font-weight:400;font-size:clamp(32px,min(3.4vw,7vh),var(--type-section-heading-size));line-height:1.08;letter-spacing:normal}.tfield__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rhythm-1)}.tfield__pic{display:block;width:100%;padding:0;border:0;background:#0000000f;cursor:zoom-in;overflow:hidden}.tfield__pic img{display:block;width:100%;height:auto;aspect-ratio:9 / 16;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.tfield__pic:hover img{transform:scale(1.03)}.tfield__big{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:4vh 4vw;border:0;background:#141213f0}.tfield__big[open]{display:grid;place-items:center}.tfield__big img{max-width:100%;max-height:92vh;width:auto;height:auto;object-fit:contain}.tfield__big::backdrop{background:transparent}.tfield__close{position:fixed;top:16px;right:16px;display:grid;place-items:center;width:44px;height:44px;padding:0;background:none;border:1px solid rgba(227,228,225,.5);color:var(--ground-dark-text);cursor:pointer}@media(max-width:899px),(max-height:620px),(prefers-reduced-motion:reduce){.tune__pin{height:auto}.tune__stage{position:static;height:auto;grid-template-columns:1fr;gap:var(--rhythm-5);padding:var(--rhythm-6) 0 var(--rhythm-4)}.tune__stage--media-left .tune__media{order:0}.tune__words{padding:0 20px}.tune__ticks{display:none}.tune__media{display:flex;gap:var(--rhythm-1);height:auto;aspect-ratio:auto;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 20px;scroll-padding-left:20px;background:none}.tune__media::-webkit-scrollbar{display:none}.tune__frame{position:static;flex:0 0 min(78vw,420px);aspect-ratio:3 / 4;opacity:1;transform:none;scroll-snap-align:start}}@media(max-width:699px){.tfield__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.tune__rail{padding-bottom:var(--rhythm-6)}.tune__card{flex-basis:64vw}.tune__text{font-size:17px}.breath{padding:var(--rhythm-6) 20px}.dial{bottom:12px;max-width:calc(100vw - 24px)}.dial__label{display:none}.dial__stop{padding:0 12px;letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){.tune-ground,.tune__frame,.dial,.tfield__pic img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/clink-tune.css.map */