.hoola-article{--article-ink: rgb(var(--color-scheme-text));--article-ground: rgb(var(--color-scheme-background));--article-card: rgb(var(--color-scheme-card));--article-green: rgb(var(--color-scheme-accent-1));--article-pink: rgb(var(--color-scheme-accent-2));--article-rule: rgba(var(--color-scheme-text), .16);--article-shadow: rgba(var(--color-scheme-text), .1);--article-display: "NewOrder", var(--heading-font-stack);--article-body: "Neue Haas", var(--main-font-stack);--article-accent: "Office Times Round Mono Regular", monospace;--article-radius: 2rem;--article-radius-small: 1rem;--article-pill: 9999px;background:var(--article-ground);color:var(--article-ink);font-family:var(--article-body);padding:clamp(6.5rem,9vw,8rem) clamp(1.25rem,4vw,2.5rem) clamp(2.5rem,6vw,5rem)}html:has(.hoola-article),body:has(.hoola-article){overflow-x:hidden}.hoola-article *,.hoola-article *:before,.hoola-article *:after{box-sizing:border-box}.hoola-article a{color:inherit;text-underline-offset:.18em}.hoola-article a:focus-visible,.hoola-article summary:focus-visible{outline:3px solid var(--article-green);outline-offset:3px}.hoola-article__page{margin-inline:auto;max-width:72rem}.hoola-article__opening{background:var(--article-card);border-radius:var(--article-radius);padding:clamp(1.75rem,5vw,4rem)}.hoola-article__breadcrumb{color:rgba(var(--color-scheme-text),.7);font-size:.78rem;margin-bottom:1.5rem}.hoola-article__breadcrumb ol{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;margin:0;padding:0}.hoola-article__breadcrumb li:not(:last-child):after{content:"/";margin-left:.55rem;opacity:.45}.hoola-article__breadcrumb li:last-child{max-width:38ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoola-article__opening h1{color:var(--article-ink);font-family:var(--article-display);font-size:clamp(2.7rem,6vw,5.35rem);font-weight:600;letter-spacing:-.045em;line-height:.98;margin:0;max-width:16ch;overflow-wrap:anywhere}.hoola-article__deck{color:rgba(var(--color-scheme-text),.74);font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.52;margin:1.25rem 0 0;max-width:52rem}.hoola-article__label-statement{background:var(--article-ink);border-radius:var(--article-pill);color:var(--article-ground);display:inline-flex;font-family:var(--article-accent);font-size:.7rem;letter-spacing:.035em;line-height:1.35;margin:1.25rem 0 0;padding:.65rem 1rem}.hoola-article__details{align-items:center;background:var(--article-ground);border-radius:var(--article-radius);display:grid;gap:1.5rem;grid-template-columns:minmax(12rem,.75fr) minmax(0,1.25fr);margin-top:clamp(1.75rem,4vw,3rem);padding:1.5rem}.hoola-article__author{align-items:center;display:flex;gap:.85rem;min-width:0}.hoola-article__author-mark{align-items:center;background:var(--article-ink);border-radius:50%;color:var(--article-ground);display:flex;flex:0 0 3rem;font-family:var(--article-accent);height:3rem;justify-content:center;width:3rem}.hoola-article__author>span:last-child{display:grid;line-height:1.25;min-width:0}.hoola-article__author strong{font-family:var(--article-display);font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoola-article__author small{color:rgba(var(--color-scheme-text),.7);font-size:.78rem;margin-top:.2rem}.hoola-article__meta{display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.hoola-article__meta div{background:var(--article-card);border-radius:var(--article-pill);display:grid;gap:.2rem;min-width:0;padding:.9rem 1.15rem}.hoola-article__meta dt,.hoola-article__meta dd{font-size:.78rem;line-height:1.25;margin:0}.hoola-article__meta dt{color:rgba(var(--color-scheme-text),.68)}.hoola-article__meta dd{font-weight:600;white-space:nowrap}.hoola-article__layout{align-items:start;display:grid;gap:clamp(1.25rem,3vw,2rem);grid-template-columns:minmax(0,1fr) minmax(18rem,20rem);margin-top:clamp(1.25rem,3vw,2rem)}.hoola-article__rail{grid-column:2;grid-row:1;min-width:0;position:sticky;top:7rem}.hoola-article__rail-card{background:var(--article-card);border-radius:var(--article-radius);max-height:calc(100vh - 8rem);overflow-y:auto;padding:1.5rem;scrollbar-color:rgba(var(--color-scheme-text),.35) transparent;scrollbar-width:thin}.hoola-article__ai-card{background:var(--article-green);border-radius:1.5rem;padding:1.3rem 1rem}.hoola-article__ai-card>strong{align-items:center;display:flex;font-family:var(--article-display);font-size:1rem;gap:.5rem;justify-content:center;margin-bottom:1rem}.hoola-article__ai-card>strong svg{fill:currentColor;height:1rem;width:1rem}.hoola-article__ai-links{display:flex;gap:.55rem;justify-content:center}.hoola-article__ai-links a{align-items:center;background:var(--article-ground);border-radius:50%;box-shadow:0 .2rem .7rem var(--article-shadow);display:flex;flex:0 0 2.55rem;height:2.55rem;justify-content:center;transition:background-color .16s ease,color .16s ease,transform .16s ease;width:2.55rem}.hoola-article__ai-links a:hover{background:var(--article-ink);color:var(--article-ground);transform:translateY(-2px)}.hoola-article__ai-links svg{fill:currentColor;height:1.22rem;width:1.22rem}.hoola-article__toc{margin-top:1.6rem}.hoola-article__toc[hidden]{display:none}.hoola-article__toc details,.hoola-article__toc summary{margin:0}.hoola-article__toc summary{border:1px solid var(--article-ink);border-radius:var(--article-pill);cursor:pointer;display:inline-flex;font-family:var(--article-accent);font-size:.72rem;font-weight:400;letter-spacing:.03em;margin:0 0 1rem;padding:.5rem .8rem;text-transform:uppercase}.hoola-article__toc summary::-webkit-details-marker{display:none}.hoola-article__toc ol{display:grid;gap:.7rem;list-style:none;margin:0;padding:0}.hoola-article__toc a{background:var(--article-ground);border-radius:var(--article-pill);display:block;font-size:.88rem;line-height:1.38;padding:.85rem 1rem;text-decoration:none;transition:background-color .16s ease,transform .16s ease}.hoola-article__toc a:hover{background:var(--article-green);transform:translate(.15rem)}.hoola-article__toc-subitem a{background:rgba(var(--color-scheme-background),.68);color:rgba(var(--color-scheme-text),.76);padding-left:1.25rem}.hoola-article__body{background:var(--article-ground);border-radius:var(--article-radius);font-size:clamp(1.06rem,1.1vw,1.19rem);grid-column:1;grid-row:1;line-height:1.68;min-width:0;padding:clamp(1.5rem,4vw,3.5rem)}.hoola-article__body>*{max-width:45rem}.hoola-article__body>figure,.hoola-article__body>table,.hoola-article__body>.table-wrapper,.hoola-article__body>.full-width{max-width:100%}.hoola-article__body h2,.hoola-article__body h3,.hoola-article__body h4{color:var(--article-ink);font-family:var(--article-display);font-weight:600;overflow-wrap:anywhere;scroll-margin-top:8rem}.hoola-article__body h2{font-size:clamp(2rem,3.7vw,3.4rem);letter-spacing:-.04em;line-height:1.02;margin:clamp(3rem,7vw,5rem) 0 1.3rem;max-width:18ch}.hoola-article__body>h2:first-child{margin-top:0}.hoola-article__body h3{font-size:clamp(1.35rem,2vw,1.75rem);letter-spacing:-.025em;line-height:1.16;margin:2.5rem 0 .8rem}.hoola-article__body h4{font-size:1.15rem;line-height:1.3;margin:2rem 0 .65rem}.hoola-article__body p,.hoola-article__body ul,.hoola-article__body ol{margin-bottom:1.25rem}.hoola-article__body ul,.hoola-article__body ol{padding-left:1.35rem}.hoola-article__body li+li{margin-top:.55rem}.hoola-article__body blockquote{background:var(--article-card);border:0;border-left:.4rem solid var(--article-green);border-radius:0 var(--article-radius-small) var(--article-radius-small) 0;margin:2rem 0;padding:1.25rem 1.4rem}.hoola-article__body blockquote>*:last-child{margin-bottom:0}.hoola-article__body img{border-radius:var(--article-radius);display:block;height:auto;margin-block:2rem;max-width:100%}.hoola-article__body table{border-collapse:collapse;display:block;font-size:.9rem;margin-block:2rem;overflow-x:auto;width:100%}.hoola-article__body th,.hoola-article__body td{border-bottom:1px solid var(--article-rule);min-width:9rem;padding:.9rem;text-align:left;vertical-align:top}.hoola-article__body thead th{border-bottom-color:var(--article-ink);font-size:.75rem;text-transform:uppercase}.hoola-article__body details{background:var(--article-card);border-radius:var(--article-radius-small);margin-bottom:.75rem;overflow:hidden}.hoola-article__body summary{cursor:pointer;font-family:var(--article-display);font-weight:600;padding:1rem 1.15rem}.hoola-article__body details>*:not(summary){margin-inline:1.15rem}.hoola-article__related{background:var(--article-card);border-radius:var(--article-radius);margin-top:clamp(1.25rem,3vw,2rem);padding:clamp(1.5rem,4vw,3rem)}.hoola-article__related-heading span,.hoola-article-card__copy>span{font-family:var(--article-accent);font-size:.7rem;letter-spacing:.03em;text-transform:uppercase}.hoola-article__related-heading h2{font-family:var(--article-display);font-size:clamp(2.1rem,4vw,3.75rem);font-weight:600;letter-spacing:-.04em;line-height:1;margin:.35rem 0 1.6rem}.hoola-article__related-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.hoola-article-card{background:var(--article-ground);border-radius:1.5rem;min-width:0;overflow:hidden;transition:box-shadow .16s ease,transform .16s ease}.hoola-article-card:hover{box-shadow:0 .7rem 1.5rem var(--article-shadow);transform:translateY(-.2rem)}.hoola-article-card>a{display:block;height:100%;text-decoration:none}.hoola-article-card__media{aspect-ratio:4 / 3;margin:0;overflow:hidden}.hoola-article-card__media img{height:100%;object-fit:cover;transition:transform .22s ease;width:100%}.hoola-article-card:hover .hoola-article-card__media img{transform:scale(1.025)}.hoola-article-card__fallback{align-items:center;aspect-ratio:4 / 3;background:var(--article-green);display:flex;font-family:var(--article-accent);font-size:3rem;justify-content:center}.hoola-article-card__copy{padding:1.1rem}.hoola-article-card__copy>span{background:var(--article-green);border-radius:var(--article-pill);display:inline-flex;padding:.45rem .7rem}.hoola-article-card h3{font-family:var(--article-display);font-size:1.16rem;font-weight:600;letter-spacing:-.02em;line-height:1.14;margin:.8rem 0 .55rem}.hoola-article-card p{color:rgba(var(--color-scheme-text),.72);display:-webkit-box;font-size:.85rem;line-height:1.45;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media(max-width:989px){.hoola-article__details,.hoola-article__layout{grid-template-columns:minmax(0,1fr)}.hoola-article__rail{grid-column:1;grid-row:1;position:static}.hoola-article__rail-card{max-height:none}.hoola-article__body{grid-column:1;grid-row:2}.hoola-article__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.hoola-article{padding:6rem 1rem 2rem}.hoola-article__opening,.hoola-article__body,.hoola-article__related{border-radius:1.5rem}.hoola-article__opening{padding:1.5rem 1.25rem}.hoola-article__opening h1{font-size:clamp(2.4rem,12vw,3.35rem)}.hoola-article__details{border-radius:1.25rem;padding:1rem}.hoola-article__meta{grid-template-columns:minmax(0,1fr)}.hoola-article__meta div{min-height:4.25rem;padding:.8rem 1.1rem}.hoola-article__rail-card{border-radius:1.5rem;padding:1.15rem}.hoola-article__ai-links a{flex-basis:2.6rem;height:2.6rem;width:2.6rem}.hoola-article__body{padding:1.6rem 1.25rem}.hoola-article__body h2{font-size:clamp(1.9rem,9vw,2.6rem)}.hoola-article__related{padding:1.5rem 1.15rem}.hoola-article__related-grid{grid-template-columns:minmax(0,1fr)}.hoola-article__body table,.hoola-article__body tbody,.hoola-article__body tr,.hoola-article__body th,.hoola-article__body td{display:block;width:100%}.hoola-article__body table{overflow:visible}.hoola-article__body thead{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.hoola-article__body tbody tr{background:var(--article-card);border-radius:var(--article-radius-small);margin-bottom:.85rem;overflow:hidden;padding:.35rem 0}.hoola-article__body tbody th,.hoola-article__body tbody td{align-items:start;border-bottom:1px solid var(--article-rule);display:grid;gap:.75rem;grid-template-columns:minmax(7rem,.8fr) minmax(0,1.2fr);min-width:0;padding:.75rem .9rem}.hoola-article__body tbody tr>:last-child{border-bottom:0}.hoola-article__body tbody th:before,.hoola-article__body tbody td:before{color:rgba(var(--color-scheme-text),.68);content:attr(data-label);font-family:var(--article-accent);font-size:.68rem;letter-spacing:.02em;line-height:1.35;text-transform:uppercase}}@media(prefers-reduced-motion:reduce){.hoola-article *,.hoola-article *:before,.hoola-article *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/hoola-article.css.map */