.hopian-article{background:var(--ha-bg);color:var(--ha-text)}.hopian-article__header{position:relative;overflow:hidden;background:var(--ha-dark);color:#fff}.hopian-article__header-media{position:absolute;top:0;right:0;bottom:0;left:0}.hopian-article__header-image{width:100%;height:100%;display:block;object-fit:cover}.hopian-article__header--image:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,#080808e0,#080808b3 52%,#08080861)}.hopian-article__header-inner{position:relative;z-index:1;width:min(calc(100% - 60px),1100px);min-height:620px;margin:auto;padding:110px 0 78px;display:flex;flex-direction:column;justify-content:flex-end}.hopian-article__header-inner>a,.hopian-article__footer a{color:var(--ha-accent);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.hopian-article h1{max-width:1000px;margin:28px 0 0;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(58px,7.5vw,108px);font-weight:700;line-height:.9;letter-spacing:-.016em;text-transform:uppercase}.hopian-article__meta{display:flex;gap:24px;margin-top:30px;color:#bcbcbc;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.hopian-article__meta time{display:none}.hopian-article__body{width:min(calc(100% - 60px),1180px);margin:auto;padding:clamp(70px,8vw,120px) 0 clamp(100px,10vw,160px)}.hopian-article__content{max-width:760px;margin:clamp(62px,7vw,100px) auto 0;font-size:17px;line-height:1.82}.hopian-article__content h2{margin:64px 0 22px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(38px,4vw,56px);line-height:.98;text-transform:uppercase}.hopian-article__content h3{margin:36px 0 14px;font-size:22px}.hopian-article__content p{margin:0 0 24px}.hopian-article__content img{width:calc(100% + 160px);max-width:none;height:auto;margin:40px -80px}.hopian-article__content blockquote{margin:42px 0;padding:26px 30px;border-left:4px solid var(--ha-accent);background:#f0f0ec}.hopian-article__footer{max-width:760px;margin:76px auto 0;padding-top:30px;border-top:1px solid #d7d7d2}.hopian-table-wrap{position:relative;left:50%;width:min(980px,calc(100vw - 60px));margin:40px 0 52px;transform:translate(-50%)}.hopian-table-hint{display:none}.hopian-table-scroll{overflow-x:auto;border:1px solid #d7d7d2;border-top:3px solid var(--ha-accent);border-radius:7px;background:#fff;box-shadow:0 12px 32px #11111112;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.hopian-table-scroll:focus-visible{outline:3px solid rgba(206,27,34,.28);outline-offset:3px}.hopian-table-scroll table{width:100%!important;min-width:700px;max-width:none;height:auto!important;margin:0!important;border:0!important;border-collapse:separate;border-spacing:0;background:#fff}.hopian-table-scroll :is(th,td){height:auto!important;padding:16px 18px;border:0;border-right:1px solid #deded9;text-align:left;vertical-align:top;white-space:normal}.hopian-table-scroll tr>*:last-child{border-right:0}.hopian-table-scroll thead{background:var(--ha-dark);color:#fff}.hopian-table-scroll th{font-size:12px;font-weight:750;line-height:1.4;letter-spacing:.055em;text-transform:uppercase}.hopian-table-scroll td{border-top:1px solid #deded9;color:#2b2b2b;font-size:15px;line-height:1.55}.hopian-table-scroll tbody tr:first-child td{border-top:0}.hopian-table-scroll tbody tr:nth-child(2n){background:#f4f4f1}.hopian-table-scroll tbody td:first-child{color:var(--ha-text);font-weight:700}.hopian-table-scroll a{color:var(--ha-accent);text-decoration:underline;text-underline-offset:3px}@media(-moz-touch-enabled:0),(hover:hover)and (min-width:1150px){.hopian-table-scroll tbody tr{transition:background-color .2s ease}.hopian-table-scroll tbody tr:hover{background:#fbf1f1}}@media(max-width:767px){.hopian-table-wrap{left:auto;width:100%;margin:30px 0 40px;transform:none}.hopian-table-hint{display:block;margin:0 0 9px;color:var(--ha-muted);font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.09em;text-align:right;text-transform:uppercase}.hopian-table-scroll{border-radius:5px;box-shadow:0 8px 22px #1111110f}.hopian-table-scroll table{min-width:640px}.hopian-table-scroll :is(th,td){padding:13px 14px}.hopian-table-scroll th{font-size:11px}.hopian-table-scroll td{font-size:14px;line-height:1.5}.hopian-article__header-inner,.hopian-article__body{width:calc(100% - 30px)}.hopian-article__header--image:after{background:linear-gradient(180deg,#0808086b,#080808e6)}.hopian-article__header-inner{min-height:500px;padding:82px 0 58px}.hopian-article h1{font-size:50px}.hopian-article__body{padding:60px 0 100px}.hopian-article__content{font-size:16px}.hopian-article__content img{width:100%;margin:32px 0}}
/*# sourceMappingURL=/cdn/shop/t/13/compiled_assets/styles.css.map?subset=AAAAAAAAAAg */