@property --ink-sweep{syntax: "<percentage>"; inherits: false; initial-value: 100%;}.ink{--ink-amber: var(--color--brand, #f1ab3c);--ink-ink: var(--color--text, #212121);--ink-paper: var(--color--bg, #ffffff);--ink-stage: #0b0b0c;--ink-line: rgba(33, 33, 33, .14);--ink-muted: rgba(33, 33, 33, .68);--ink-on-stage: #ffffff;--ink-on-stage-muted: rgba(255, 255, 255, .78);--ink-stage-line: rgba(255, 255, 255, .16);--ink-radius-sheet: 28px;--ink-radius-media: 14px;--ink-radius-panel: 20px;--ink-ease-out: cubic-bezier(.23, 1, .32, 1);--ink-ease-in-out: cubic-bezier(.77, 0, .175, 1);--ink-z-stage: 1;--ink-z-sheet: 2;--ink-z-filters: 6;color:var(--ink-ink);position:relative}.ink *,.ink *:before,.ink *:after{box-sizing:border-box}.ink__shell{width:100%;max-width:1320px;margin:0 auto;padding-inline:clamp(18px,4vw,56px)}.ink__shell--reading{max-width:1080px}.ink-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ink-stage{position:relative;z-index:var(--ink-z-stage);background:var(--ink-stage);color:var(--ink-on-stage)}.ink-stage__pin{position:relative;height:calc(var(--ink-stage-height, 92svh) + var(--ink-stage-travel, 46svh));view-timeline-name:--ink-pin;view-timeline-axis:block}.ink-stage__viewport{position:sticky;top:0;height:var(--ink-stage-height, 92svh);overflow:clip;display:grid;align-items:end}.ink-stage__media{grid-area:1 / 1;position:relative;z-index:0;height:100%;overflow:clip;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 var(--ink-sweep),rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 var(--ink-sweep),rgba(0,0,0,0) 100%)}.ink-stage__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--ink-stage-focal, center);transform:scale(1.12) translate3d(0,-2%,0);will-change:transform}.ink-stage__veil{position:absolute;top:-26%;right:0;bottom:-26%;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--ink-stage) 90%,transparent) 0%,color-mix(in srgb,var(--ink-stage) 44%,transparent) 15%,color-mix(in srgb,var(--ink-stage) 12%,transparent) 32%,rgba(0,0,0,0) 43%,rgba(0,0,0,0) 60%,color-mix(in srgb,var(--ink-paper) 26%,transparent) 69%,color-mix(in srgb,var(--ink-paper) 62%,transparent) 76%,color-mix(in srgb,var(--ink-paper) 88%,transparent) 81%,var(--ink-paper) 85%,var(--ink-paper) 100%);transform:translate3d(0,-6%,0);will-change:transform}.ink-stage__inner{grid-area:1 / 1;position:relative;z-index:2;width:100%;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(16px,3vh,32px);padding-block:clamp(20px,4vh,48px) max(clamp(56px,12vh,128px),calc(var(--ink-stage-height, 92svh) * .38))}.ink-stage__masthead{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.ink-stage__masthead>*{text-shadow:0 1px 14px rgba(0,0,0,.55)}.ink-stage__blog-title{margin:0;font-family:var(--font--title, inherit);font-weight:600;font-size:clamp(1.05rem,.9rem + .6vw,1.5rem);letter-spacing:-.01em;color:var(--ink-on-stage)}.ink-stage__count{margin:0;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-on-stage)}.ink-stage__rule{flex:1 1 60px;height:1px;min-width:40px;background:linear-gradient(to right,var(--ink-amber) 0%,var(--ink-stage-line) 100%)}.ink-panel{position:relative;max-width:640px;padding:clamp(22px,3vw,36px);border-radius:var(--ink-radius-panel);border:1px solid var(--ink-stage-line);background:color-mix(in srgb,var(--ink-stage) 70%,transparent);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 24px 60px -32px #000000e6;transition:transform .26s var(--ink-ease-out),border-color .26s ease}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.ink-panel{background:color-mix(in srgb,var(--ink-stage) 90%,transparent)}}.ink-panel__link{display:block;color:inherit}.ink-panel__link:hover{text-decoration:none}.ink-panel__kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-amber)}.ink-panel__kicker:before{content:"";width:22px;height:2px;background:var(--ink-amber)}.ink-panel__title{margin:0 0 12px;font-family:var(--font--title, inherit);font-weight:600;font-size:clamp(1.9rem,1.15rem + 2.6vw,3.4rem);line-height:1.08;letter-spacing:-.028em;text-wrap:balance;color:var(--ink-on-stage)}.ink-panel__excerpt{margin:0 0 20px;max-width:52ch;font-size:clamp(.95rem,.9rem + .2vw,1.0625rem);line-height:1.6;color:var(--ink-on-stage-muted);text-wrap:pretty}.ink-panel__foot{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ink-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;font-size:.8125rem;line-height:1.4;color:var(--ink-muted)}.ink-meta>*+*:before{content:"";display:inline-block;width:3px;height:3px;margin-right:10px;border-radius:50%;background:currentColor;vertical-align:middle;opacity:.65}.ink-meta--on-stage{color:var(--ink-on-stage-muted)}.ink-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border:0;border-radius:999px;font-family:var(--font--button, inherit);font-size:.875rem;font-weight:600;letter-spacing:.01em;background:var(--ink-amber);color:#212121;cursor:pointer;transition:transform .16s var(--ink-ease-out),box-shadow .2s ease,background-color .2s ease}.ink-btn__arrow{transition:transform .22s var(--ink-ease-out)}@media(hover:hover)and (pointer:fine){.ink-panel__link:hover .ink-btn,.ink-btn:hover{box-shadow:0 10px 30px -12px color-mix(in srgb,var(--ink-amber) 80%,transparent)}.ink-panel__link:hover .ink-btn__arrow,.ink-btn:hover .ink-btn__arrow{transform:translate(4px)}}.ink-btn:active{transform:scale(.97)}.ink-sheet{position:relative;z-index:var(--ink-z-sheet);background:var(--ink-paper)}.ink-sheet__seam{position:relative;z-index:var(--ink-z-sheet);height:var(--ink-seam, 76px);margin-top:calc(-1 * var(--ink-seam, 76px));display:grid;place-items:center;align-content:end;padding-bottom:12px;border-radius:var(--ink-radius-sheet) var(--ink-radius-sheet) 0 0}.ink-sheet__seam--dark{border-top:1px solid rgba(255,255,255,.13);background:linear-gradient(to bottom,color-mix(in srgb,var(--ink-stage) 58%,transparent) 0%,color-mix(in srgb,var(--ink-stage) 34%,transparent) 38%,color-mix(in srgb,var(--ink-paper) 55%,transparent) 74%,var(--ink-paper) 100%);-webkit-backdrop-filter:blur(26px) saturate(125%);backdrop-filter:blur(26px) saturate(125%)}.ink-sheet__seam--dark .ink-sheet__grip{background:#21212138}.ink-sheet__seam--light{border-top:1px solid rgba(255,255,255,.6);background:linear-gradient(to bottom,color-mix(in srgb,var(--ink-paper) 62%,transparent) 0%,color-mix(in srgb,var(--ink-paper) 88%,transparent) 55%,var(--ink-paper) 100%);-webkit-backdrop-filter:blur(26px) saturate(120%) brightness(1.35);backdrop-filter:blur(26px) saturate(120%) brightness(1.35)}.ink-sheet__seam--solid{height:var(--ink-seam-solid, 40px);margin-top:calc(-1 * var(--ink-seam-solid, 40px));background:var(--ink-paper)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.ink-sheet__seam--dark,.ink-sheet__seam--light{background:linear-gradient(to bottom,color-mix(in srgb,var(--ink-paper) 80%,transparent) 0%,var(--ink-paper) 100%)}}.ink-sheet__grip{width:46px;height:4px;border-radius:999px;background:var(--ink-line)}.ink-filters{position:relative;z-index:var(--ink-z-filters);padding-block:14px;background:color-mix(in srgb,var(--ink-paper) 86%,transparent);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .2s ease}.ink-filters--sticky{position:sticky;top:var(--header-height, 0px)}.ink-filters--sticky.is-stuck{border-bottom-color:var(--ink-line)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.ink-filters{background:var(--ink-paper)}}.ink-filters__row{display:flex;align-items:center;gap:18px}.ink-filters__tags{display:flex;align-items:center;flex:1 1 auto;min-width:0;gap:8px;margin:0;padding:4px 0;list-style:none;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent 100%)}.ink-filters__tags::-webkit-scrollbar{display:none}.ink-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1px solid var(--ink-line);border-radius:999px;background:transparent;font-family:var(--font--button, inherit);font-size:.8125rem;font-weight:500;line-height:1;color:var(--ink-ink);cursor:pointer;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .16s var(--ink-ease-out)}.ink-pill__count{font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--ink-muted);transition:color .18s ease}@media(hover:hover)and (pointer:fine){.ink-pill:hover{border-color:color-mix(in srgb,var(--ink-ink) 38%,transparent)}}.ink-pill:active{transform:scale(.97)}.ink-pill[aria-current=true]{background:var(--ink-amber);border-color:var(--ink-amber);color:#212121;font-weight:600}.ink-pill[aria-current=true] .ink-pill__count{color:#212121b3}.ink-pill:focus-visible,.ink-search__input:focus-visible,.ink-card__link:focus-visible,.ink-panel__link:focus-visible,.ink-btn:focus-visible{outline:2px solid var(--ink-amber);outline-offset:3px;border-radius:6px}.ink-search{flex:0 0 auto;margin-left:auto;width:clamp(190px,22vw,264px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;height:40px;padding-inline:15px;border:1px solid var(--ink-line);border-radius:999px;background:color-mix(in srgb,var(--ink-ink) 4%,transparent);transition:border-color .18s ease,background-color .18s ease}.ink-search:focus-within{border-color:var(--ink-amber);background:var(--ink-paper)}.ink .ink-search__input{grid-column:2;width:100%;min-width:0;height:100%;margin:0;padding:0;border:0;border-radius:0;background:none;font-family:inherit;font-size:.875rem;line-height:1;color:var(--ink-ink);cursor:text;appearance:none;-webkit-appearance:none}.ink .ink-search__input:focus{outline:none}.ink-search__input::placeholder{color:var(--ink-muted);opacity:1}.ink-search__icon{grid-column:1;width:15px;height:15px;color:var(--ink-muted);pointer-events:none}.ink-search__clear{grid-column:3;display:none;place-items:center;width:22px;height:22px;padding:0;margin:0;border:0;border-radius:50%;background:var(--ink-line);color:var(--ink-ink);line-height:1;cursor:pointer;transition:transform .16s var(--ink-ease-out)}.ink-search.is-filled .ink-search__clear{display:grid}.ink-search__clear:active{transform:scale(.9)}@media(max-width:47.9275em){.ink-filters__row{flex-direction:column-reverse;align-items:stretch;gap:12px}.ink-search{width:100%}}.ink-list{padding-block:clamp(36px,6vh,72px) clamp(48px,8vh,96px)}.ink-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:clamp(34px,4vw,56px) clamp(22px,2.6vw,40px);margin:0;padding:0;list-style:none}.ink-card{position:relative}.ink-card[hidden]{display:none}.ink-card__link{display:block;color:inherit}.ink-card__link:hover{text-decoration:none}.ink-card__frame{display:block;position:relative;overflow:clip;border-radius:var(--ink-radius-media);background:color-mix(in srgb,var(--ink-ink) 6%,transparent);aspect-ratio:var(--ink-card-ratio, 4 / 3);margin-bottom:18px}.ink-card__img{width:100%;height:100%;object-fit:cover;transition:transform .62s var(--ink-ease-out)}@media(hover:hover)and (pointer:fine){.ink-card__link:hover .ink-card__img{transform:scale(1.045)}}.ink-card__tag{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;font-size:.75rem;font-weight:600;letter-spacing:.01em;color:var(--ink-muted)}.ink-card__tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink-amber)}.ink-card__title{margin:0 0 8px;font-family:var(--font--title, inherit);font-weight:600;font-size:clamp(1.125rem,1.02rem + .4vw,1.375rem);line-height:1.25;letter-spacing:-.014em;text-wrap:balance;color:var(--ink-ink);background-image:linear-gradient(var(--ink-amber),var(--ink-amber));background-repeat:no-repeat;background-position:0 100%;background-size:0% 2px;transition:background-size .32s var(--ink-ease-out)}@media(hover:hover)and (pointer:fine){.ink-card__link:hover .ink-card__title{background-size:100% 2px}}.ink-card__excerpt{margin:0 0 12px;max-width:46ch;font-size:.9375rem;line-height:1.6;color:var(--ink-muted);text-wrap:pretty}.ink-empty{display:none;padding:clamp(48px,10vh,96px) 0;text-align:center}.ink-empty.is-visible{display:block}.ink-empty__title{margin:0 0 8px;font-family:var(--font--title, inherit);font-weight:600;font-size:1.25rem;color:var(--ink-ink)}.ink-empty__text{margin:0 0 20px;color:var(--ink-muted)}.ink-empty__reset{padding:10px 20px;border:1px solid var(--ink-line);border-radius:999px;background:transparent;font-family:var(--font--button, inherit);font-size:.875rem;color:var(--ink-ink);cursor:pointer;transition:transform .16s var(--ink-ease-out),border-color .18s ease}.ink-empty__reset:active{transform:scale(.97)}.ink-pagination{display:flex;justify-content:center;padding-bottom:clamp(48px,8vh,90px)}.ink-pagination .pagination__items{display:flex;align-items:center;gap:6px}.ink-pagination .pagination__items a,.ink-pagination .pagination__items span{display:inline-grid;place-items:center;min-width:40px;height:40px;padding-inline:12px;border-radius:999px;font-size:.875rem;color:var(--ink-ink);transition:background-color .18s ease,color .18s ease}.ink-pagination .pagination__items .current,.ink-pagination .pagination__items [aria-current]{background:var(--ink-amber);color:#212121;font-weight:600}@media(hover:hover)and (pointer:fine){.ink-pagination .pagination__items a:hover{background:color-mix(in srgb,var(--ink-ink) 8%,transparent);text-decoration:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.ink-stage__img{animation:ink-drift linear both;animation-timeline:--ink-pin;animation-range:contain 0% contain 100%}.ink-stage__veil{animation:ink-veil linear both;animation-timeline:--ink-pin;animation-range:contain 0% contain 100%}.ink-stage__media{animation:ink-sweep linear both;animation-timeline:--ink-pin;animation-range:contain 20% contain 100%}.ink-panel{animation:ink-panel-settle linear both;animation-timeline:--ink-pin;animation-range:contain 34% contain 100%}}}@keyframes ink-drift{0%{transform:scale(1.12) translate3d(0,-2.4%,0)}to{transform:scale(1.005) translate3d(0,3.6%,0)}}@keyframes ink-veil{0%{transform:translate3d(0,-6%,0)}to{transform:translate3d(0,4%,0)}}@keyframes ink-sweep{0%{--ink-sweep: 100%}to{--ink-sweep: 72%}}@keyframes ink-panel-settle{0%{transform:translateZ(0)}to{transform:translate3d(0,-14px,0)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.ink-card{animation:ink-rise linear both;animation-timeline:view();animation-range:entry 0% entry 44%}}}@keyframes ink-rise{0%{opacity:.001;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ink-stage__pin{height:var(--ink-stage-height, 92svh)}.ink-stage__img,.ink-stage__veil{transform:none}.ink-stage__img{transform:scale(1.02)}.ink-card__img,.ink-card__title,.ink-btn,.ink-pill{transition-duration:1ms}}@media(min-width:48em)and (max-height:860px){.ink-panel__excerpt,.ink-hero__excerpt{display:none}}@media(max-width:61.24em){.ink{--ink-radius-sheet: 22px;--ink-seam: 84px}.ink-stage__pin{height:calc(var(--ink-stage-height, 88svh) + 32svh)}.ink-stage__viewport{height:var(--ink-stage-height, 88svh)}}@media(max-width:47.9275em){.ink{--ink-seam: 64px}.ink-stage__pin{height:calc(var(--ink-stage-height, 82svh) + 22svh)}.ink-stage__viewport{height:var(--ink-stage-height, 82svh)}.ink-panel{max-width:none;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);background:color-mix(in srgb,var(--ink-stage) 76%,transparent)}.ink-panel__excerpt{display:none}.ink-grid{grid-template-columns:1fr;gap:34px}}@media print{.ink-card,.ink-stage__img,.ink-stage__veil,.ink-stage__media,.ink-panel,.ink-hero{animation:none!important;opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-ink-blog.css.map */