*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;background:var(--color-surface);color:var(--color-text)}:root{--scan-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='480' viewBox='0 0 480 480'%3E%3Cfilter id='mottle' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.008' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.9 0 0 0 -0.4'/%3E%3C/filter%3E%3Cfilter id='grain' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  2 0 0 0 -0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23mottle)' opacity='0.03'/%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='0.072'/%3E%3C/svg%3E")}.shell{position:relative}.shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--scan-grain);pointer-events:none}body{min-height:100vh;font-family:var(--type-family-body);font-size:var(--type-body);font-weight:var(--type-weight-regular);line-height:var(--type-leading-base);letter-spacing:var(--type-tracking-none);-webkit-font-smoothing:antialiased}img,picture,video,svg{display:block;max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--type-family-label);font-size:var(--type-label);font-weight:var(--type-weight-regular);line-height:var(--type-leading-tight);letter-spacing:var(--type-tracking-wide);text-transform:uppercase;overflow-wrap:break-word}p,li,dd,blockquote{overflow-wrap:break-word}small{font-size:var(--type-small)}a{color:currentColor;text-decoration:none}a[aria-current=page]{color:var(--color-accent)}@media(hover:hover){a:hover,button:hover{color:var(--color-accent)}}.label,.issue-archive .product-card__title,.main-product__related .product-card__title,label,legend,.button{font-family:var(--type-family-label);font-size:var(--type-label);line-height:var(--type-leading-tight);letter-spacing:var(--type-tracking-wide);text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--space-12);padding:var(--space-3) var(--space-6);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--type-body);letter-spacing:var(--type-tracking-none);cursor:pointer}.button:hover,.button--primary{background:var(--color-text);color:var(--color-surface)}.button--primary:hover{background:var(--color-accent);border-color:var(--color-accent)}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}input,select,textarea,button{font:inherit;color:inherit;letter-spacing:inherit}button{background:none;border:0;padding:0;cursor:pointer}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:var(--space-12);padding:var(--space-3) var(--space-4);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}textarea{min-height:var(--space-20);resize:vertical}fieldset{border:0;padding:0}:focus-visible{outline:var(--border-ring) solid var(--color-accent);outline-offset:var(--border-ring)}hr{border:0;border-top:var(--border-hairline) solid var(--color-border)}.visually-hidden{position:absolute;width:var(--border-hairline);height:var(--border-hairline);padding:0;margin:calc(-1 * var(--border-hairline));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@view-transition{navigation:auto}:root{--motion-shell-close: calc(var(--motion-duration) * 3);--motion-shell-open: calc(var(--motion-duration) * 2);--motion-shell: calc(var(--motion-shell-close) + var(--motion-shell-open));--motion-pane: calc(var(--motion-duration) * 3);--motion-ease-close: cubic-bezier(.8, 0, 1, 1);--header-bar: calc(var(--space-10) + var(--type-display) * var(--type-leading-tight) + var(--space-4) + var(--type-label) * var(--type-leading-tight) + var(--space-6));--pane-narrow: 27rem}::view-transition-group(*){animation-duration:var(--motion-duration);animation-timing-function:var(--motion-ease)}html.shell-change::view-transition-group(.frame){animation-duration:var(--motion-shell)}::view-transition-old(masthead){animation:none;opacity:0}::view-transition-new(masthead){animation:none}html.shell-change::view-transition-old(root),html.shell-change::view-transition-old(*):only-child{animation:fade-out calc(var(--motion-shell-close) * 2 / 3) var(--motion-ease-close) both}html.shell-change::view-transition-new(root),html.shell-change::view-transition-new(*):only-child{animation:fade-in var(--motion-shell-open) var(--motion-ease) var(--motion-shell) both}html.shell-change::view-transition-old(rule-split):only-child{transform-origin:50% var(--header-bar);animation:rule-fold-y var(--motion-shell-close) var(--motion-ease-close) both}html.shell-change::view-transition-new(rule-bar):only-child{animation:rule-open-x var(--motion-shell-open) var(--motion-ease) var(--motion-shell-close) both}html.shell-change::view-transition-old(rule-bar):only-child{animation:rule-fold-x var(--motion-shell-close) var(--motion-ease-close) both}html.shell-change::view-transition-new(rule-split):only-child{transform-origin:50% var(--header-bar);animation:rule-open-y var(--motion-shell-open) var(--motion-ease) var(--motion-shell-close) both}html.shell-change.from-narrow::view-transition-new(rule-bar):only-child,html.shell-change:has(.shell--narrow)::view-transition-old(rule-bar):only-child{transform-origin:var(--pane-narrow) 0}#main{view-transition-name:content}html.page-leaving #main{view-transition-name:none}::view-transition-group(content){overflow:clip}::view-transition-old(content),::view-transition-new(content),::view-transition-old(foot),::view-transition-new(foot){inline-size:auto;inset-inline-start:50%;translate:-50% 0}@media(prefers-reduced-motion:no-preference){html.pane-change::view-transition-group(*){animation-duration:var(--motion-pane)}html.pane-change::view-transition-old(root),html.pane-change::view-transition-old(*):only-child{animation:fade-out var(--motion-duration) var(--motion-ease-close) both}html.pane-change::view-transition-new(root),html.pane-change::view-transition-new(*):only-child{animation:fade-in var(--motion-duration) var(--motion-ease) calc(var(--motion-pane) - var(--motion-duration)) both}html.pane-change::view-transition-old(content),html.pane-change::view-transition-new(content),html.pane-change::view-transition-old(foot),html.pane-change::view-transition-new(foot){animation-duration:var(--motion-duration)}}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes rule-fold-y{to{transform:scaleY(0)}}@keyframes rule-open-y{0%{transform:scaleY(0)}}@keyframes rule-fold-x{to{transform:scaleX(0)}}@keyframes rule-open-x{0%{transform:scaleX(0)}}:root{--issue-pad: var(--space-10);--issue-cover-height: calc(100svh - 2 * (var(--issue-pad) + 2 * var(--type-label) * var(--type-leading-tight) + var(--space-1) + var(--space-6)));--issue-cover-ratio: 1.4125;--issue-cover-scale: .8;--spread-frame-ratio: 1;--spread-frame-shape: 2 / 3;--spread-page-height: calc(100vw * var(--spread-frame-ratio) * var(--spread-frame-shape) - 2 * var(--space-4));--spread-frame-margin: calc(100vw * (1 - var(--spread-frame-ratio)) / 2)}@media(min-width:64rem){.shell,.header-preview__page{--pane-spread: 50vw;--pane-header: var(--pane-spread);--spread-frame-ratio: .95;--spread-frame-shape: 9 / 16;--spread-page-height: calc((100vw - var(--pane-header)) * var(--spread-frame-ratio) * var(--spread-frame-shape) - 2 * var(--space-4));--spread-frame-margin: calc((100vw - var(--pane-header)) * (1 - var(--spread-frame-ratio)) / 2)}}.issue-screen{--issue-cover-width: calc(var(--issue-cover-scale) * min(100vw - 2 * var(--space-4), var(--issue-cover-height) / var(--issue-cover-ratio)))}@media(min-width:64rem){.issue-screen{--issue-cover-width: calc(var(--issue-cover-scale) * min(100vw - var(--pane-header) - 2 * var(--space-8), var(--issue-cover-height) / var(--issue-cover-ratio)))}}.issue-screen{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--issue-pad) var(--space-4);text-align:center}.issue-screen__issue{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%;min-height:calc((100svh - 2 * var(--issue-pad) - var(--type-label) * var(--type-leading-tight) - var(--space-1) + var(--issue-cover-width) * var(--issue-cover-ratio)) / 2);view-timeline:--issue block;view-timeline-inset:var(--issue-pad) 0}.issue-screen__heading{position:sticky;top:var(--issue-pad);z-index:1;animation:pinned-heading steps(1) both;animation-timeline:--issue;animation-range:exit 0% exit 1%}@keyframes pinned-heading{0%{color:var(--color-text)}to{color:var(--color-accent)}}.issue-screen__cover{width:100%;max-width:var(--issue-cover-width);margin-top:auto;aspect-ratio:1 / var(--issue-cover-ratio);view-timeline:--cover block}.issue-screen__cover>img{width:100%;height:100%;object-fit:contain;view-transition-name:cover;animation:cover-leaves steps(1) both;animation-timeline:--cover;animation-range:exit 0% exit 1%}@keyframes cover-leaves{0%{view-transition-name:cover}to{view-transition-name:none}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}@media(prefers-reduced-motion:no-preference){html:not([data-motion=off]){scroll-behavior:smooth}a,button{transition-property:color,background-color,border-color;transition-duration:var(--motion-duration);transition-timing-function:var(--motion-ease)}}.marks{display:flex;align-items:center;gap:var(--space-4)}.marks__mark :is(svg,img){display:block;height:var(--space-12);width:auto}.marks__mark img{height:calc(var(--space-12) * 6 / 5)}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:1;padding:var(--space-2) var(--space-4);background:var(--color-surface);transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.shell{display:flex;flex-direction:column;min-height:100vh}.shell>main{flex:1;overflow-x:clip}.ghost-text{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;display:flex;align-items:center;height:100vh;overflow:hidden;color:var(--color-ghost);transform:scaleX(-1);pointer-events:none;-webkit-user-select:none;user-select:none}.ghost-text__inner{max-width:40rem;margin-inline:auto;padding:var(--issue-pad) var(--space-4);font-size:var(--type-body);line-height:var(--type-leading-base);text-align:justify;-webkit-hyphens:auto;hyphens:auto}.ghost-text__inner>*+*{margin-top:var(--space-4)}.shell--mono main,.header-preview__page.shell--mono{--color-surface-alt: var(--color-surface);--color-accent: var(--color-text)}@media(min-width:64rem){:root{--issue-pad: var(--space-12);--pane-pitch: calc(var(--type-body) * var(--type-leading-base));--pane-title-space: calc(var(--pane-pitch) * 3 / 2 - var(--type-label) * var(--type-leading-tight))}.issue-screen,.ghost-text__inner{padding:var(--issue-pad) var(--space-8)}.shell--split{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}.shell--split .header-section{grid-column:1;grid-row:1 / span 2;position:sticky;top:0;height:100vh}.shell--split:after{inset-inline-start:var(--pane-header)}.shell--split .header-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--scan-grain);pointer-events:none}.shell--narrow{--pane-header: var(--pane-narrow);grid-template-columns:var(--pane-narrow) 1fr}.shell--split>main,.shell--split .footer-section{grid-column:2}.shell--split:has(.footer--page) .header-section{grid-row:1}.shell--split:has(.footer--page){timeline-scope:--footer}.shell--split .footer-section:has(.footer--page){position:relative;grid-column:1 / -1;background:var(--color-surface)}.shell--split .footer-section:has(.footer--page):after{content:"";position:absolute;inset:0 auto 0 0;z-index:10;width:var(--pane-header);background:var(--scan-grain);pointer-events:none}.shell--centred .header-section{position:relative}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/base.css.map */