.kame-jn{--kame-jn-scrim: color-mix(in srgb, var(--kame-c-ink) 92%, transparent);--kame-jn-glow: color-mix(in srgb, var(--kame-amber) 45%, transparent);color:var(--kame-ink)}.kame-jn .kame-title{margin:0}.kame-jn__meta{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--kame-amber)}.kame-jn__meta span{color:color-mix(in srgb,var(--kame-c-light) 70%,transparent)}.kame-jn__more{display:inline-flex;align-items:center;gap:10px;padding-block:6px;border-bottom:1px solid var(--kame-orange);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--kame-ink)}.kame-jn__more svg{width:16px;height:10px;transition:translate .3s var(--kame-ease-out)}.kame-jn__more:hover svg{translate:4px 0}.kame-jn__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.kame-jn :is(a,[data-jn-item]):focus-visible{outline:2px solid var(--kame-orange);outline-offset:3px}.kame-jn__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;margin-bottom:32px}.kame-jn__strips{display:flex;gap:10px;height:clamp(420px,62vh,560px)}.kame-jn__strip{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:var(--kame-radius-panel);background:var(--kame-c-raised);color:var(--kame-c-light);text-decoration:none;transition:flex .8s var(--kame-ease-out)}.kame-jn__strip.is-on{flex:4.2}.kame-jn__strip .kame-jn__img{filter:brightness(.4) saturate(.6);transition:filter .8s var(--kame-ease-out)}.kame-jn__strip.is-on .kame-jn__img{filter:none}.kame-jn__strip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,var(--kame-jn-scrim));pointer-events:none}.kame-jn__strip:before{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--kame-amber),var(--kame-orange),transparent);box-shadow:0 -4px 18px 2px var(--kame-jn-glow);opacity:0;transition:opacity .6s var(--kame-ease-out)}.kame-jn__strip.is-on:before{opacity:1}.kame-jn__vert{position:absolute;z-index:1;left:50%;bottom:24px;max-height:calc(100% - 48px);overflow:hidden;font-family:var(--kame-font-heading);font-size:17px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;writing-mode:vertical-rl;rotate:180deg;translate:-50% 0;transition:opacity .3s ease}.kame-jn__strip.is-on .kame-jn__vert{opacity:0}.kame-jn__copy{position:absolute;z-index:1;left:28px;right:28px;bottom:28px;display:grid;gap:10px;max-width:560px;opacity:0;translate:0 12px;transition:opacity .3s ease,translate .6s var(--kame-ease-out)}.kame-jn__strip.is-on .kame-jn__copy{opacity:1;translate:0 0;transition-delay:.25s}.kame-jn__strip .kame-jn__title{font-family:var(--kame-font-heading);font-size:clamp(26px,2.8vw,40px);font-weight:700;line-height:1;letter-spacing:-.04em;text-wrap:balance}.kame-jn__excerpt{max-width:56ch;color:color-mix(in srgb,var(--kame-c-light) 82%,transparent)}.kame-jn__lb{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:center}.kame-jn__list{margin:32px 0 28px;padding:0;list-style:none;border-top:1px solid var(--kame-line)}.kame-jn__list li{border-bottom:1px solid var(--kame-line)}.kame-jn__item{position:relative;display:grid;gap:8px;padding:20px 0 20px 28px;text-decoration:none}.kame-jn__item:before{content:"";position:absolute;left:4px;top:30px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,var(--kame-c-light) 0 20%,var(--kame-amber) 35%,var(--kame-orange) 75%);box-shadow:0 0 14px 3px color-mix(in srgb,var(--kame-orange) 60%,transparent);scale:0;transition:scale .4s var(--kame-ease-out)}.kame-jn__item.is-on:before{scale:1}.kame-jn__item .kame-jn__title{font-family:var(--kame-font-heading);font-size:clamp(20px,1.9vw,26px);font-weight:600;line-height:1.12;letter-spacing:-.02em;color:color-mix(in srgb,var(--kame-ink) 62%,transparent);transition:color .3s ease}.kame-jn__item:is(.is-on,:hover) .kame-jn__title{color:var(--kame-ink)}.kame-jn__stage{position:relative;isolation:isolate;aspect-ratio:5 / 4}.kame-jn__stage:after{content:"";position:absolute;z-index:-1;left:8%;right:8%;bottom:-6%;height:30%;background:radial-gradient(50% 60% at 50% 40%,var(--kame-jn-glow),transparent 70%);filter:blur(18px)}.kame-jn__fig{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--kame-radius-panel);background:var(--kame-c-raised);opacity:0;filter:brightness(.35) saturate(.6);scale:1.03;transition:opacity .6s var(--kame-ease-out),filter .9s var(--kame-ease-out),scale 1.2s var(--kame-ease-out)}.kame-jn__fig.is-on{opacity:1;filter:none;scale:1}@media(max-width:749px){.kame-jn__strips{flex-direction:column;height:auto}.kame-jn__strip{flex:none;height:76px;transition:height .7s var(--kame-ease-out)}.kame-jn__strip.is-on{flex:none;height:380px}.kame-jn__vert{left:18px;right:18px;top:50%;bottom:auto;max-height:none;font-size:16px;white-space:nowrap;writing-mode:horizontal-tb;rotate:0deg;translate:0 -50%}.kame-jn__copy{left:18px;right:18px;bottom:20px}.kame-jn__strip .kame-jn__excerpt{display:none}.kame-jn__lb{grid-template-columns:minmax(0,1fr)}.kame-jn__stage{order:-1;aspect-ratio:4 / 3}}@media(prefers-reduced-motion:reduce){.kame-jn *,.kame-jn *:before{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/kame-journal.css.map */