.hj{box-sizing:border-box;max-width:calc(var(--layout-container) + 2 * var(--layout-page-margin));margin:0 auto;padding:var(--space-64) var(--layout-page-margin) var(--space-96);color:var(--color-text-primary);font-family:var(--font-primary)}.hj :where(h1,h2,h3,p){margin:0}.hj a{color:inherit;text-decoration:none}.hj-head{max-width:760px;margin:0 auto var(--space-48);text-align:center}.hj .hj-head__over,.hj .hj-overline{font-size:var(--type-overline);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-overline);text-transform:uppercase;line-height:var(--lh-ui);color:var(--color-brand-secondary)}.hj .hj-head .hj-head__title{margin-top:var(--space-12);font-size:var(--type-display);font-weight:var(--weight-bold);line-height:var(--lh-heading);letter-spacing:-.01em;text-transform:none;color:var(--color-text-primary)}.hj .hj-head__sub{margin-top:var(--space-16);font-size:var(--type-body-l);line-height:var(--lh-body);color:var(--color-text-secondary)}.hj-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8);margin-top:var(--space-32)}.hj .hj-chip{display:inline-flex;align-items:center;flex:0 0 auto;box-sizing:border-box;min-height:38px;padding:0 var(--space-16);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--radius-pill);font-size:14px;font-weight:var(--weight-medium);line-height:var(--lh-ui);white-space:nowrap;transition:background-color var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.hj .hj-chip:hover{background:var(--color-state-hover-light)}.hj .hj-chip.is-active{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-on-dark)}.hj-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-48) var(--layout-gutter)}.hj-card{position:relative;display:flex;min-width:0;color:inherit}.hj-media{position:relative;display:block;overflow:hidden;isolation:isolate;background:var(--color-surface-warm)}.hj-media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--fp, 50% 50%);transition:transform var(--duration-slow) var(--easing-standard)}@media(hover:hover){.hj-card:hover .hj-media img{transform:scale(var(--scale-hover))}}.hj-tag{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);background:var(--color-surface-warm);color:var(--color-text-brand);font-size:var(--type-overline);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-overline);text-transform:uppercase;line-height:var(--lh-ui);white-space:nowrap}.hj-tag--accent{background:var(--color-brand-accent);color:var(--color-text-primary)}.hj-meta{font-size:var(--type-caption);line-height:var(--lh-ui);color:var(--color-text-secondary)}.hj-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:var(--weight-semibold);line-height:var(--lh-ui);color:var(--color-text-brand)}.hj-link svg{width:16px;height:16px;transition:transform var(--duration-fast) var(--easing-standard)}.hj-card:hover .hj-link svg{transform:translate(3px)}.hj .hj-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--btn-h);padding:0 var(--space-24);border-radius:var(--radius-pill);background:var(--color-brand-primary);color:var(--color-text-on-dark);font-size:var(--type-button);font-weight:var(--weight-medium);line-height:var(--lh-ui);transition:background-color var(--duration-fast) var(--easing-standard)}.hj-card:hover .hj-btn{background:var(--color-state-hover)}.hj-feature{grid-column:span 7;grid-row:span 2;flex-direction:column;overflow:hidden;border-radius:var(--radius-banner);background:var(--color-surface-brand);color:var(--color-text-on-dark)}.hj-feature .hj-media{flex:1 1 auto;min-height:340px}.hj-feature .hj-media img{position:absolute;top:0;right:0;bottom:0;left:0}.hj-feature__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-12);padding:var(--space-32) var(--space-48) 36px}.hj .hj-feature .hj-feature__title{font-size:var(--type-h3);font-weight:var(--weight-bold);line-height:var(--lh-heading);letter-spacing:0;text-transform:none;color:var(--color-text-on-dark)}.hj-feature__excerpt{font-size:var(--type-body-m);line-height:var(--lh-body);color:#ffffffd9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hj-feature__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8) var(--space-24);margin-top:var(--space-4)}.hj-meta--light{color:#ffffffc7}.hj-link--light{color:var(--color-text-on-dark)}.hj-feature:only-child{grid-column:1 / -1}.hj-side{grid-column:8 / span 5;align-items:flex-start;gap:var(--space-24)}.hj-side .hj-media{flex:0 0 42%;aspect-ratio:3 / 4;border-radius:var(--radius-lg)}.hj-side__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8);min-width:0;padding-top:var(--space-4)}.hj .hj-side .hj-side__title{font-size:var(--type-h5);font-weight:var(--weight-bold);line-height:var(--lh-heading);letter-spacing:0;text-transform:none;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hj-side__excerpt{font-size:var(--type-body-s);line-height:var(--lh-body);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hj-side+.hj-side:before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--space-24));border-top:var(--border-width-thin) solid var(--color-border-default)}.hj-std{grid-column:span 4;flex-direction:column;align-items:flex-start;gap:var(--space-12)}.hj-std .hj-media{width:100%;aspect-ratio:4 / 3;margin-bottom:var(--space-4);border-radius:var(--radius-xl)}.hj-std .hj-tag{position:absolute;top:var(--space-16);left:var(--space-16);z-index:1}.hj .hj-std .hj-std__title{font-size:var(--type-h4);font-weight:var(--weight-bold);line-height:var(--lh-heading);letter-spacing:0;text-transform:none;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hj-std__excerpt{font-size:var(--type-body-s);line-height:var(--lh-body);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hj-spot{grid-column:span 8;overflow:hidden;border-radius:var(--radius-card);background:var(--color-surface-warm)}.hj-spot .hj-media{flex:0 0 55%;min-height:440px}.hj-spot__body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-16);padding:var(--space-48) var(--space-48) var(--space-48) var(--space-32)}.hj .hj-spot .hj-spot__title{font-size:var(--type-h3);font-weight:var(--weight-bold);line-height:var(--lh-heading);letter-spacing:0;text-transform:none;color:var(--color-text-primary)}.hj-spot__excerpt{font-size:var(--type-body-m);line-height:var(--lh-body);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.hj .hj-spot .hj-btn{margin-top:var(--space-8)}.hj-tile{grid-column:span 4;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:var(--space-16);padding:var(--space-48) var(--space-32);border-radius:var(--radius-card);background:var(--color-surface-brand);color:var(--color-text-on-dark)}.hj .hj-tile .hj-overline{color:var(--color-brand-accent)}.hj .hj-tile__quote{font-family:var(--font-accent);font-style:italic;font-weight:700;font-size:var(--type-h2);line-height:var(--lh-quote-l);color:var(--color-text-on-dark)}.hj .hj-tile__text{font-size:var(--type-body-m);line-height:var(--lh-body);color:#ffffffd9}.hj .hj-tile .hj-btn{margin-top:var(--space-8);background:var(--color-surface-default);color:var(--color-text-primary)}.hj .hj-tile .hj-btn:hover{background:var(--color-state-hover-light)}.hj .hj-empty{grid-column:1 / -1;padding:var(--space-48) 0;text-align:center;font-size:var(--type-body-l);color:var(--color-text-secondary)}.hj-empty a{color:var(--color-text-brand);text-decoration:underline;text-underline-offset:3px}.hj-pages{display:flex;justify-content:center;align-items:center;gap:var(--space-8);margin-top:var(--space-64)}.hj .hj-pages__n{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:14px;font-weight:var(--weight-medium)}.hj .hj-pages__n:hover{background:var(--color-state-hover-light)}.hj .hj-pages__n.is-active{background:var(--color-brand-primary);color:var(--color-text-on-dark)}.hj-pages__gap{width:24px;text-align:center;color:var(--color-text-secondary)}.hj-pages__step{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 var(--space-12);font-size:14px;font-weight:var(--weight-medium)}.hj-pages__step svg{width:16px;height:16px}@media(max-width:1199px){.hj-feature{grid-column:span 12;grid-row:auto;flex-direction:row;min-height:420px}.hj-feature .hj-media{flex:0 0 55%;min-height:0}.hj-feature__body{justify-content:center;padding:var(--space-48) var(--space-32)}.hj-side{grid-column:span 6}.hj-side+.hj-side:before{display:none}.hj-std{grid-column:span 4}.hj-spot,.hj-tile{grid-column:span 12}}@media(max-width:767px){.hj{padding:var(--space-32) var(--layout-page-margin) var(--space-64)}.hj-head{margin-bottom:var(--space-32)}.hj .hj-head__sub{margin-top:var(--space-12)}.hj-chips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:var(--space-24) calc(-1 * var(--layout-page-margin)) 0;padding:0 var(--layout-page-margin)}.hj-chips::-webkit-scrollbar{display:none}.hj .hj-chip{min-height:34px;padding:0 14px;font-size:13px}.hj-media img{object-position:var(--fp-m, var(--fp, 50% 50%))}.hj-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-32) var(--space-12)}.hj-feature,.hj-side,.hj-std,.hj-spot,.hj-tile,.hj-empty{grid-column:1 / -1}.hj-feature{flex-direction:column;min-height:0;border-radius:var(--radius-banner)}.hj-feature .hj-media{flex:none;aspect-ratio:4 / 3;min-height:0}.hj-feature__body{gap:var(--space-8);padding:var(--space-24) var(--space-24) 28px}.hj .hj-feature .hj-feature__title{font-size:var(--type-h4)}.hj-feature__excerpt{font-size:14px}.hj-side{gap:var(--space-16)}.hj-side+.hj-side{margin-top:calc(-1 * var(--space-12))}.hj-side+.hj-side:before{display:block;top:calc(-1 * var(--space-12))}.hj-side .hj-media{flex:0 0 104px;aspect-ratio:4 / 5;border-radius:var(--radius-md)}.hj-side__body{gap:var(--space-4);padding-top:0}.hj .hj-side .hj-side__title{font-size:16px}.hj-side__excerpt{display:none}.hj-std .hj-media{border-radius:var(--radius-lg)}.hj .hj-std .hj-std__title{font-size:var(--type-h5)}.hj-std--pair{grid-column:span 1;gap:var(--space-8)}.hj-std--pair .hj-media{aspect-ratio:4 / 5;border-radius:var(--radius-md);margin-bottom:0}.hj-std--pair .hj-tag,.hj-std--pair .hj-std__excerpt,.hj-std--pair .hj-link{display:none}.hj .hj-std--pair .hj-std__title{font-size:15px;line-height:1.3}.hj-std--pair .hj-meta{font-size:11px}.hj-spot{flex-direction:column}.hj-spot .hj-media{flex:none;width:100%;aspect-ratio:4 / 3;min-height:0}.hj-spot__body{gap:var(--space-12);padding:var(--space-24)}.hj .hj-spot .hj-spot__title{font-size:var(--type-h4)}.hj-tile{padding:var(--space-32) var(--space-24)}.hj .hj-tile__quote{font-size:28px}.hj-pages{margin-top:var(--space-48)}.hj-pages__step span{display:none}}@media(prefers-reduced-motion:reduce){.hj-media img,.hj-link svg{transition:none}.hj-card:hover .hj-media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/167/assets/hilo-journal.css.map */