.htt-page-article{--htt-fs-h1: clamp(24px, 3.4vw, 38px);--htt-fs-h2: clamp(19px, 2.2vw, 24px);--htt-sec-y: clamp(44px, 7vw, 72px)}@media(max-width:767px){.htt-page-article{--htt-fs-h1: clamp(21px, 6.4vw, 32px);--htt-fs-h2: clamp(18px, 5.4vw, 24px)}}.htt-mg-meta{display:flex;align-items:center;gap:12px}.htt-mg-tag{font-family:var(--htt-font-mono);font-size:var(--htt-fs-note);letter-spacing:.12em;color:var(--htt-green);border:1px solid var(--htt-green);padding:4px 10px;white-space:nowrap}.htt-mg-meta__text{font-family:var(--htt-font-mono);font-size:var(--htt-fs-note);letter-spacing:.08em;color:var(--htt-gray-40)}.htt-article__head{padding-block:clamp(32px,5vw,56px) clamp(24px,4vw,36px)}.htt-article__crumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:var(--htt-fs-note);color:var(--htt-gray-40)}.htt-article__crumb a{color:var(--htt-gray-50)}.htt-article__crumb a:hover{color:var(--htt-green)}.htt-article__kicker{margin-top:20px;margin-bottom:10px;font-size:var(--htt-fs-lead);letter-spacing:.04em;color:var(--htt-gray-50)}.htt-article__title{font-size:var(--htt-fs-h1);line-height:1.4;font-weight:700;letter-spacing:.04em;text-wrap:pretty}.htt-article__role{margin-top:14px;font-size:var(--htt-fs-sub);line-height:1.8;color:var(--htt-gray-50);text-wrap:pretty}.htt-article__lead{margin-top:22px;font-size:var(--htt-fs-read);line-height:2;color:var(--htt-gray-60);text-wrap:pretty}.htt-article__hero{width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--htt-line);background:var(--htt-bg-thumb)}.htt-article__heroimg{width:100%;height:100%;object-fit:cover}.htt-article__herocap{margin-top:12px;font-size:var(--htt-fs-note);line-height:1.7;color:var(--htt-gray-40);text-wrap:pretty}.htt-article__body{padding-block:var(--htt-sec-y);font-size:var(--htt-fs-read);line-height:2.15;color:var(--htt-gray-70)}.htt-article__body :where(h2){margin-block:clamp(44px,6vw,64px) 26px;padding-left:16px;border-left:3px solid var(--htt-green);font-size:var(--htt-fs-h2);line-height:1.6;font-weight:700;letter-spacing:.02em;color:var(--htt-ink)}.htt-article__body :where(h3){margin-block:2em .8em;font-size:var(--htt-fs-h3);line-height:1.6;font-weight:700;color:var(--htt-ink)}.htt-article__body :where(h2):first-child,.htt-article__body :where(h3):first-child{margin-top:0}.htt-article__body :where(p){margin-block:1.4em;text-wrap:pretty}.htt-article__body :where(p):first-child{margin-top:0}.htt-article__body :where(ul,ol){margin-block:1.4em;padding-left:1.4em;list-style:revert}.htt-article__body :where(li){margin-block:.6em}.htt-article__body :where(a){color:var(--htt-green);text-decoration:underline;text-underline-offset:.2em}.htt-article__body :where(img){height:auto;border:1px solid var(--htt-line)}.htt-article__body :where(figure){margin-block:clamp(32px,5vw,48px)}.htt-article__body :where(figcaption){margin-top:12px;font-size:var(--htt-fs-note);line-height:1.7;color:var(--htt-gray-40);text-wrap:pretty}.htt-article__body :where(blockquote){margin-block:clamp(32px,5vw,48px);padding-block:clamp(24px,4vw,32px);border-top:2px solid var(--htt-green);border-bottom:1px solid var(--htt-line)}.htt-article__body :where(blockquote p){margin:0;font-size:clamp(18px,2.6vw,26px);line-height:1.75;font-weight:700;letter-spacing:.02em;color:var(--htt-ink)}.htt-article__body :where(hr){margin-block:clamp(32px,5vw,48px);border:0;border-top:1px solid var(--htt-line)}.htt-article__body :where(table){width:100%;border-collapse:collapse;font-size:var(--htt-fs-sub)}.htt-article__body :where(th,td){padding:10px 12px;border:1px solid var(--htt-line);text-align:left}.htt-article__body :where(.htt-q){margin-block:30px 16px;font-size:var(--htt-fs-body);line-height:1.9;font-weight:700;color:var(--htt-ink)}.htt-article__body :where(.htt-q):before{content:"Q.";margin-right:8px;color:var(--htt-green)}.htt-article__body :where(.htt-q)+:where(p){margin-top:0}.htt-article__thanks{margin-top:clamp(36px,5vw,52px);padding-top:clamp(24px,4vw,32px);border-top:1px solid var(--htt-line);font-size:var(--htt-fs-read);line-height:2;font-weight:700;color:var(--htt-green-dark);text-wrap:pretty}.htt-article__speaker{padding-top:clamp(28px,4vw,40px)}.htt-article__speakerbox{background:var(--htt-bg-cream);border-left:3px solid var(--htt-green);padding:clamp(20px,3vw,28px)}.htt-article__speakerlabel{margin-bottom:10px;font-family:var(--htt-font-mono);font-size:var(--htt-fs-note);letter-spacing:.16em;color:var(--htt-gray-40)}.htt-article__speakername{margin-bottom:12px;font-size:var(--htt-fs-h3);font-weight:700;letter-spacing:.02em}.htt-article__speakerbio{font-size:var(--htt-fs-sub);line-height:1.95;color:var(--htt-gray-60);text-wrap:pretty}.htt-article__featured{border-top:1px solid var(--htt-line)}.htt-article__featuredlabel{margin-bottom:clamp(24px,3vw,32px)}.htt-article__prodcard{border:1px solid var(--htt-line)}.htt-article__prod{display:flex;flex-direction:column;gap:clamp(24px,4vw,36px);padding:clamp(24px,4vw,40px)}.htt-article__prodmedia{width:100%;aspect-ratio:4 / 3;border:1px solid var(--htt-line);background:var(--htt-bg-thumb);display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,24px)}.htt-article__prodimg{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.htt-article__prodtags{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}.htt-article__prodgrade{font-family:var(--htt-font-mono);font-size:var(--htt-fs-note);letter-spacing:.1em;color:var(--htt-gray-40)}.htt-article__prodbadge{font-family:var(--htt-font-mono);font-size:var(--htt-fs-note);letter-spacing:.08em;color:#fff;background:var(--htt-green);padding:4px 10px}.htt-article__prodname{font-size:clamp(19px,2.6vw,26px);font-weight:700;letter-spacing:.02em}.htt-article__prodtext{margin-top:10px;font-size:var(--htt-fs-read);line-height:1.9;color:var(--htt-gray-60);text-wrap:pretty}.htt-article__prodprice{margin-top:18px;font-size:clamp(21px,3vw,28px);font-weight:700;letter-spacing:.02em}.htt-article__prodtax{margin-left:6px;font-size:.5em;font-weight:400;color:var(--htt-gray-50)}.htt-article__prodcta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:22px}.htt-article__prodbtn{min-height:50px;padding-inline:34px}.htt-article__disclaimer{margin-top:clamp(20px,3vw,28px)}.htt-article__back{background:var(--htt-bg-gray);border-top:1px solid var(--htt-line);padding-block:clamp(36px,5vw,52px);text-align:center}.htt-article__back .htt-link{font-size:var(--htt-fs-body);gap:8px}@media(min-width:768px){.htt-article__prod{flex-direction:row;align-items:center;gap:clamp(36px,5vw,64px)}.htt-article__prodmedia{flex:0 0 40%}.htt-article__prodbody{flex:1 1 60%;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/htt-magazine-article.css.map */