.quas-article{--quas-article-gutter: var(--gutter-mobile);--quas-article-top: calc(var(--header-height, 88px) + var(--s-5));width:min(calc(var(--max-content) + (var(--quas-article-gutter) * 2)),100%);margin:0 auto;padding:var(--s-6) var(--quas-article-gutter) var(--s-8);color:var(--color-ink);font-family:var(--font-body)}@media(min-width:768px){.quas-article{--quas-article-gutter: var(--gutter);padding-top:var(--s-8);padding-bottom:var(--s-9)}}.quas-article__frame{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5)}.quas-article__hero{display:grid;gap:var(--s-5)}@media(min-width:1024px){.quas-article__frame{grid-template-columns:224px minmax(0,720px) minmax(0,1fr);gap:0 var(--s-7);timeline-scope:--quas-article-read}.quas-article__rail{grid-column:1;grid-row:1 / 3;padding-top:var(--s-2)}.quas-article__hero{grid-column:2 / 4;grid-row:1}.quas-article__body{grid-column:2;grid-row:2}}@media(min-width:1024px){.quas-article__rail-inner{position:sticky;top:var(--quas-article-top);display:flex;max-height:calc(100vh - var(--quas-article-top) - var(--s-5));flex-direction:column;gap:var(--s-6)}.quas-article-toc{display:block;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}.quas-article__back{display:inline-flex;align-self:flex-start;min-height:48px;align-items:center;gap:var(--s-3);color:var(--color-ink);font-size:var(--t-body-sm);font-weight:var(--w-button);text-decoration:none}.quas-article__back-icon{display:inline-grid;width:40px;height:40px;flex:none;place-items:center;border:1px solid var(--color-border-strong);border-radius:var(--r-pill);transition:background-color var(--motion-state) var(--ease-out),border-color var(--motion-state) var(--ease-out),color var(--motion-state) var(--ease-out),translate var(--motion-state) var(--ease-out)}.quas-article__back-icon .quas-journal-arrow{width:18px;height:18px;rotate:180deg}.quas-article__back:hover .quas-article__back-icon{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-bg);translate:-3px 0}.quas-article__back:focus-visible{border-radius:var(--r-pill)}.quas-article__title{max-width:24ch;margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(2.25rem,1.55rem + 2.8vw,4rem);font-weight:var(--w-hero);font-variation-settings:var(--quas-fr-hero);letter-spacing:var(--ls-display);line-height:1.02;text-wrap:balance}.quas-article__byline{display:flex;align-items:center;gap:var(--s-4);margin-top:var(--s-5)}@media(max-width:767.98px){.quas-article__byline{flex-direction:column;align-items:flex-start;gap:var(--s-3)}}.quas-article__faces{display:flex;flex:none;padding-inline-start:6px}.quas-article__face{display:block;width:40px;height:40px;margin-inline-start:-6px;border-radius:var(--r-pill);background:var(--color-surface-2);box-shadow:0 0 0 3px var(--color-bg),0 0 0 4px var(--color-border-strong);object-fit:cover}.quas-article__face+.quas-article__face{margin-inline-start:-4px}.quas-article__credits{--credit-gap: 22px;display:flex;flex-wrap:wrap;align-items:baseline;row-gap:var(--s-1);min-width:0;margin:0 0 0 calc(var(--credit-gap) * -1);clip-path:inset(-6px -6px -6px var(--credit-gap));color:var(--color-ink-muted);font-size:var(--t-body-sm);line-height:1.45}.quas-article__credit{position:relative;padding-inline-start:var(--credit-gap)}.quas-article__credit:before{content:"";position:absolute;top:calc(.725em - 1.5px);left:calc((var(--credit-gap) - 3px) / 2);width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}.quas-article__person{color:var(--color-ink);white-space:nowrap;font-weight:var(--w-button);text-decoration:none}.quas-article__credits a.quas-article__person{text-decoration-line:underline;text-decoration-color:var(--color-border-strong);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--motion-state) var(--ease-out),text-decoration-color var(--motion-state) var(--ease-out)}.quas-article__credits a.quas-article__person:hover{color:var(--accent-on-light);text-decoration-color:currentColor}.quas-article__credits time{color:var(--color-ink)}.quas-article__author-photo{display:block;width:56px;height:56px;flex:none;border-radius:var(--r-pill);background:var(--color-surface-2);box-shadow:0 0 0 3px var(--color-bg),0 0 0 4px var(--color-border);object-fit:cover}.quas-article__media{margin:var(--s-4) 0 0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-bg)}@media(min-width:768px){.quas-article__media{margin-top:var(--s-6);border-radius:var(--r-xl)}}.quas-article__image{display:block;width:100%;height:auto;max-height:min(68vh,600px);object-fit:cover}.quas-article__body{margin-top:var(--s-5)}@media(min-width:1024px){.quas-article__body{margin-top:var(--s-8)}}@media(max-width:1023.98px){.quas-article-toc{display:none}}.quas-article-toc__title{margin:0;color:var(--color-ink);font-size:var(--t-caption);font-weight:var(--w-overline);letter-spacing:var(--ls-overline);text-transform:uppercase}.quas-article-toc__progress{display:none}.quas-article-toc__list{display:grid;gap:2px;margin:var(--s-4) 0 0;padding:0;list-style:none}.quas-article-toc__link{position:relative;display:block;padding:9px var(--s-3) 9px var(--s-5);border-radius:var(--r-sm);color:var(--color-ink-muted);font-size:var(--t-caption);font-weight:var(--w-caption);line-height:1.35;text-decoration:none;transition:background-color var(--motion-state) var(--ease-out),color var(--motion-state) var(--ease-out)}.quas-article-toc__link:before{position:absolute;top:calc(6px + .675em);left:var(--s-2);width:6px;height:6px;border-radius:var(--r-pill);background:var(--color-border-strong);content:"";transition:background-color var(--motion-state) var(--ease-out),scale var(--motion-state) var(--ease-out)}.quas-article-toc__link:hover{background:var(--color-surface-2);color:var(--color-ink)}.quas-article-toc__link[aria-current]{background:var(--color-surface-2);color:var(--color-ink);font-weight:var(--w-button);box-shadow:var(--e-1)}.quas-article-toc__link[aria-current]:before{background:var(--accent-on-light);scale:1.35}.quas-article-toc-mobile{margin-bottom:var(--s-7);border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface-2)}.quas-article-toc-mobile summary{display:flex;min-height:56px;align-items:center;gap:var(--s-3);padding:0 var(--s-4);color:var(--color-ink);font-size:var(--t-body-sm);font-weight:var(--w-button);cursor:pointer;list-style:none}.quas-article-toc-mobile summary::-webkit-details-marker{display:none}.quas-article-toc-mobile summary:after{width:9px;height:9px;margin-left:auto;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;content:"";rotate:45deg;translate:0 -2px;transition:rotate var(--motion-state) var(--ease-out)}.quas-article-toc-mobile[open] summary:after{rotate:225deg;translate:0 2px}.quas-article-toc-mobile__count{display:inline-grid;min-width:24px;height:24px;padding:0 7px;place-items:center;border-radius:var(--r-pill);background:var(--color-surface-2);font-size:var(--t-caption);font-variant-numeric:tabular-nums}.quas-article-toc-mobile .quas-article-toc__list{margin:0;padding:0 var(--s-2) var(--s-3)}@media(min-width:1024px){.quas-article-toc-mobile{display:none}}.quas-article__body{min-width:0;view-timeline:--quas-article-read block}.quas-prose{display:block;max-width:68ch;color:var(--color-ink);font-size:var(--t-body);line-height:1.7}.quas-prose>:first-child{margin-top:0}.quas-prose :is(p,ul,ol){margin:0 0 1.15em}.quas-prose h2{margin:1.75em 0 .55em;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(1.625rem,1.4rem + .9vw,2.125rem);font-weight:var(--w-h2);font-variation-settings:var(--quas-fr-h2);letter-spacing:var(--ls-h2);line-height:1.12;text-wrap:balance;scroll-margin-top:var(--quas-article-top)}.quas-prose h3{margin:1.6em 0 .4em;color:var(--color-ink);font-family:var(--font-display);font-size:var(--t-h4);font-weight:var(--w-h3);font-variation-settings:var(--quas-fr-h3);letter-spacing:var(--ls-h3);line-height:var(--lh-h3);text-wrap:balance;scroll-margin-top:var(--quas-article-top)}.quas-prose :is(h2,h3)+h3{margin-top:.75em}.quas-prose>:last-child{margin-bottom:0}.quas-prose h4{margin:1.6em 0 .4em;font-size:var(--t-body);font-weight:var(--w-button)}.quas-prose p{text-wrap:pretty}.quas-prose :is(strong,b){font-weight:600}.quas-prose a{color:var(--accent-on-light);font-weight:var(--w-body-strong);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--motion-state) var(--ease-out),text-decoration-thickness var(--motion-state) var(--ease-out)}.quas-prose a:hover{color:var(--color-ink);text-decoration-thickness:2px}.quas-prose :is(ul,ol){padding-left:1.3em}.quas-prose li{margin-bottom:.5em;padding-left:.2em}.quas-prose li::marker{color:var(--accent-on-light);font-weight:var(--w-button)}.quas-prose img{display:block;max-width:100%;height:auto;margin-inline:auto;border-radius:var(--r-md)}.quas-prose :is(p,div,figure):has(>img),.quas-prose :is(p,div,figure):has(>picture>img){margin:var(--s-6) 0}.quas-prose figure{margin-inline:0}.quas-prose figcaption{margin-top:var(--s-3);color:var(--color-ink-muted);font-size:var(--t-caption);text-align:center}.quas-prose blockquote{position:relative;margin:var(--s-7) 0;padding:var(--s-6) var(--s-5) var(--s-5);border-radius:var(--r-lg);background:var(--color-surface-2);color:var(--color-ink);font-family:var(--font-display);font-size:var(--t-lead);font-style:normal;font-variation-settings:var(--quas-fr-quote);font-weight:var(--w-quote);line-height:var(--lh-lead)}@media(min-width:768px){.quas-prose blockquote{padding:var(--s-7) var(--s-7) var(--s-6)}}.quas-prose blockquote:before{position:absolute;top:var(--s-2);left:var(--s-4);color:var(--accent-on-light);content:"\201c";font-size:3.5rem;line-height:1}@media(min-width:768px){.quas-prose blockquote:before{left:var(--s-6)}}.quas-prose blockquote>:last-child{margin-bottom:0}.quas-prose hr{height:1px;margin:var(--s-7) 0;border:0;background:var(--color-border-strong)}.quas-prose iframe{display:block;width:100%;max-width:100%;border:0;border-radius:var(--r-md)}.quas-prose iframe[src*=youtube],.quas-prose iframe[src*=vimeo]{height:auto;aspect-ratio:16 / 9}.quas-prose .rte-table-wrapper{margin:var(--s-6) 0;overflow-x:auto}.quas-prose table{width:100%;border-collapse:collapse;font-size:var(--t-body-sm)}.quas-prose :is(th,td){padding:var(--s-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.quas-prose th{font-weight:var(--w-button)}.quas-article__end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-5);margin-top:var(--s-8);padding:var(--s-5);border:1px solid var(--color-border);border-radius:var(--r-lg);background:var(--color-surface-2);box-shadow:var(--e-1)}.quas-article__end--actions{justify-content:flex-start;padding:var(--s-5) 0 0;border:0;border-top:1px solid var(--color-border);border-radius:0;background:none;box-shadow:none}@media(max-width:767px){.quas-article__end--actions .quas-article__end-actions{flex-wrap:nowrap;width:100%}.quas-article__end--actions .quas-article__end-actions>*{flex:1 1 0;min-width:0}.quas-article__end--actions .quas-article__end-actions .quas-home-button{width:100%;padding-inline:var(--s-3)}}.quas-article__end-by{display:flex;align-items:center;gap:var(--s-4)}.quas-article__end-text p{margin:0}.quas-article__end-author{color:var(--color-ink);font-family:var(--font-display);font-size:var(--t-h4);font-variation-settings:var(--quas-fr-h3);font-weight:var(--w-h3);line-height:var(--lh-h3)}.quas-article__end-date{margin-top:var(--s-1);color:var(--color-ink-muted);font-size:var(--t-caption)}.quas-article__end-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3)}.quas-article-share{position:relative;display:inline-flex}.quas-article-share__status{position:absolute;bottom:calc(100% + var(--s-2));left:50%;padding:6px 12px;border-radius:var(--r-pill);background:var(--color-ink);color:var(--color-bg);font-size:var(--t-caption);font-weight:var(--w-badge);white-space:nowrap;translate:-50% 4px;opacity:0;pointer-events:none;transition:opacity var(--motion-state) var(--ease-out),translate var(--motion-state) var(--ease-out)}.quas-article-share__status:not(:empty){translate:-50% 0;opacity:1}.quas-article__comments{margin-top:var(--s-8)}.quas-article__comments-title{font-family:var(--font-display);font-size:var(--t-h3)}.quas-article-related{width:min(calc(var(--max-content) + (var(--gutter-mobile) * 2)),100%);margin:0 auto;padding:0 var(--gutter-mobile) var(--section-y-mobile)}@media(min-width:768px){.quas-article-related{width:min(calc(var(--max-content) + (var(--gutter) * 2)),100%);padding:0 var(--gutter) var(--section-y)}}.quas-article-related .quas-journal__list-header{align-items:center}.quas-article-related__all{display:inline-flex;min-height:48px;align-items:center;gap:var(--s-2);color:var(--accent-on-light);font-size:var(--t-body-sm);font-weight:var(--w-button);text-decoration:none;white-space:nowrap}.quas-article-related__all .quas-journal-arrow{width:18px;height:18px;transition:translate var(--motion-state) var(--ease-out)}.quas-article-related__all:hover .quas-journal-arrow{translate:4px 0}[data-quas-motion-scene=article].is-motion-ready :is([data-motion-part=title],[data-motion-part=media]){transform:translate3d(0,20px,0);transition:transform var(--motion-choreography) var(--ease-out)}[data-quas-motion-scene=article].is-motion-ready [data-motion-part=title]{transition-delay:60ms}[data-quas-motion-scene=article].is-motion-ready [data-motion-part=media]{transition-delay:.16s}[data-quas-motion-scene=article].is-motion-ready [data-motion-part=media] img{scale:1.05;transition:scale 1.4s var(--ease-out) .16s}[data-quas-motion-scene=article].is-in [data-motion-part]{transform:none}[data-quas-motion-scene=article].is-in [data-motion-part=media] img{scale:1}@keyframes quas-article-read{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@supports (animation-timeline: view()){@media(min-width:1024px){.quas-article-toc__progress{display:block;height:3px;margin-top:var(--s-3);overflow:hidden;border-radius:var(--r-pill);background:var(--color-border)}.quas-article-toc__progress>span{display:block;height:100%;border-radius:inherit;background:var(--accent-on-light);transform-origin:left center;animation:quas-article-read 1ms linear both;animation-timeline:--quas-article-read;animation-range:contain 0% contain 100%}}}@media(prefers-reduced-motion:reduce){.quas-article *,.quas-article *:before,.quas-article *:after{transition-duration:.01ms!important;transition-delay:0ms!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-quas-article.css.map */