.tf{padding-block:24px clamp(80px,9vw,136px)}.tf-head{padding-block:clamp(56px,6vw,88px) clamp(32px,3.6vw,52px)}.tf-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.tf-card{grid-column:span 2;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:36px;min-height:470px;padding:clamp(28px,3.2vw,46px);overflow:hidden;border-radius:var(--tv-r,22px);background:#f3f2ef;color:#242321}.tf-wide{grid-column:span 3;min-height:540px}.tf-dark{background:#0f1c24;color:#fff}.tf-eyebrow{margin:0;font-size:13px;line-height:1.5;letter-spacing:.08em}.tf-card h3{font-family:var(--tide-display,"Instrument Serif",Georgia,serif);font-weight:400;font-size:clamp(40px,3.9vw,58px);line-height:1.04;letter-spacing:-.014em}.tf-wide h3{font-size:clamp(42px,4.1vw,60px)}.tf-text{max-width:32ch;color:#62615e;font-size:14px;line-height:1.6}.tf-dark .tf-text{color:#ffffffa8}.tf-art{height:170px}.tf-wide .tf-art{height:210px}.tf-sleep{display:flex;align-items:flex-end;gap:clamp(4px,.7vw,9px)}.tf-sleep span{flex:1;height:var(--h);border-radius:7px;transform-origin:bottom;transition:transform 1s var(--tv-ease,ease)}.tf-sleep .a{background:#8fb9d3}.tf-sleep .b{background:#4f8fb5}.tf-sleep .c{background:#2a5f85}.tf-heart svg{display:block;width:100%;height:100%;overflow:visible;clip-path:inset(-20% 0 -20% 0);transition:clip-path 2s var(--tv-ease,ease) .2s}.tf-heart path{fill:none;stroke:#242321;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tf-steps{display:grid;place-items:center}.tf-steps svg{display:block;height:100%;width:auto;transform:rotate(-90deg)}.tf-steps circle{fill:none;stroke-width:9;stroke-linecap:round}.tf-steps .bg{stroke:#dedcd6}.tf-steps .fg{stroke:#242321;stroke-dasharray:1;stroke-dashoffset:.26;transition:stroke-dashoffset 1.6s var(--tv-ease,ease) .2s}.tf-cal{display:flex;align-items:flex-end;gap:7px}.tf-cal span{flex:1;height:var(--h);border-radius:5px;background:#62605a;transform-origin:bottom;transition:transform 1s var(--tv-ease,ease)}.tf-work{display:flex;flex-direction:column;justify-content:flex-end;gap:12px}.tf-work span{display:block;width:var(--w);height:34px;border-radius:999px;background:#dedcd6;transform-origin:left;transition:transform 1.1s var(--tv-ease,ease)}.tf-work span:first-child{background:#242321}.tf-work span:nth-child(2){background:#8d8a83}.tv-js .tf-card:not(.is-in) .tf-sleep span,.tv-js .tf-card:not(.is-in) .tf-cal span{transform:scaleY(0)}.tv-js .tf-card:not(.is-in) .tf-work span{transform:scaleX(0)}.tv-js .tf-card:not(.is-in) .tf-heart svg{clip-path:inset(-20% 100% -20% 0)}.tv-js .tf-card:not(.is-in) .tf-steps .fg{stroke-dashoffset:1}.tf-sleep span:nth-child(2n),.tf-cal span:nth-child(2n){transition-delay:.12s}.tf-sleep span:nth-child(3n),.tf-cal span:nth-child(3n){transition-delay:.24s}.tf-work span:nth-child(2){transition-delay:.15s}.tf-work span:nth-child(3){transition-delay:.3s}body.tide-shell .tv-h2{margin:18px 0 0}body.tide-shell .tv-lead{margin:26px 0 0}body.tide-shell .tv-app .tv-h2{margin-top:12px}body.tide-shell .tf-card h3{margin:18px 0 0}body.tide-shell .tf-text{margin:20px 0 0}body.tide-shell .tv-privacy-card h3{margin:44px 0 0}body.tide-shell .tv-privacy-card p{margin:14px 0 0}body.tide-shell .tv-ring .tide-text-link{margin-top:28px}body.tide-shell .tv-privacy .tide-text-link{margin-top:32px}body.tide-shell .tv-app-panel img{aspect-ratio:1179/2370;object-position:bottom}body.tide-shell .tide-page-gallery-screen img,body.tide-shell .tide-page-gallery-screen:first-child img[src*=readiness]{height:auto;aspect-ratio:1179/2370;object-fit:cover;object-position:bottom}body.tide-shell .tide-header.is-scrolled{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;pointer-events:none}body.tide-shell .tide-header-inner{border-radius:999px;transition:height .35s var(--tv-ease,ease),width .35s var(--tv-ease,ease),margin .35s var(--tv-ease,ease),padding .35s var(--tv-ease,ease),background-color .35s ease,box-shadow .35s ease}body.tide-shell .tide-header.is-scrolled .tide-header-inner{pointer-events:auto;width:min(100% - 32px,1080px);height:60px;margin-top:12px;padding-inline:26px 8px;background:#ffffffb3;-webkit-backdrop-filter:saturate(1.7) blur(20px);backdrop-filter:saturate(1.7) blur(20px);box-shadow:0 10px 34px #0000001f,inset 0 0 0 1px #ffffff8c}body.tide-shell .tide-brand{transition:font-size .35s var(--tv-ease,ease)}body.tide-shell .tide-header.is-scrolled .tide-brand{font-size:32px;letter-spacing:-1.2px}@media(max-width:1100px){.tf-card{min-height:430px}.tf-wide{min-height:480px}}@media(max-width:900px){.tf-card{grid-column:span 3}.tf-wide{grid-column:span 6}}@media(max-width:600px){.tf-grid{gap:20px}.tf-card,.tf-wide{grid-column:span 6;min-height:420px}.tf-art,.tf-wide .tf-art{height:150px}body.tide-shell .tide-header.is-scrolled .tide-header-inner{width:calc(100% - 20px);height:56px;padding-inline:18px 6px}body.tide-shell .tide-header.is-scrolled .tide-brand{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/tide-features.css.map */