.journal{background-color:var(--ink-deep, #0a0908);background-image:var(--washi-dark);background-size:var(--washi-scale);background-blend-mode:overlay;padding-block:clamp(72px,9vw,132px);overflow:hidden}.journal-head{max-width:1560px;margin-inline:auto;padding-inline:var(--gutter, clamp(20px, 5vw, 72px));display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,72px);align-items:end;margin-bottom:clamp(34px,4vw,56px)}.journal-title{font-family:var(--font-display);font-weight:400;font-size:clamp(30px,4vw,62px);line-height:1.06;letter-spacing:.06em;text-transform:uppercase;color:var(--cream);margin-top:18px}.journal-lede{font-family:var(--font-serif);font-size:clamp(15.5px,1.2vw,17.5px);line-height:1.75;color:#e9dfcda8;max-width:46ch;padding-bottom:6px}.journal-rail{--tile-h: clamp(300px, 46vw, 560px);display:flex;gap:clamp(12px,1.4vw,22px);align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding-inline:var(--gutter, clamp(20px, 5vw, 72px));padding-bottom:22px;cursor:grab;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.journal-rail::-webkit-scrollbar{display:none}.journal-rail.is-grabbing{cursor:grabbing}.journal-rail:focus-visible{outline:1px solid rgba(233,223,205,.5);outline-offset:6px}.journal-item{flex:0 0 auto;margin:0;scroll-snap-align:center;width:calc(var(--tile-h) * var(--ratio, 1.5));max-width:88vw}.journal-media{display:block;width:100%;height:var(--tile-h);object-fit:cover;background:#14110d;filter:saturate(.96)}.journal-item--film{position:relative}.journal-item--film:after{content:"FILM";position:absolute;top:14px;left:14px;font-family:var(--font-mono);font-size:9px;letter-spacing:.24em;color:#e9dfcddb;background:#0a09086b;padding:5px 9px;pointer-events:none}.journal-caption{display:flex;gap:12px;align-items:baseline;margin-top:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#e9dfcd85}.journal-index{color:#c4a874d9}.journal-foot{max-width:1560px;margin-inline:auto;padding-inline:var(--gutter, clamp(20px, 5vw, 72px));margin-top:clamp(18px,2vw,28px);display:flex;align-items:center;gap:clamp(16px,3vw,40px)}.journal-progress{position:relative;flex:1 1 auto;height:1px;background:#e9dfcd2e}.journal-progress:after{content:"";position:absolute;inset:0 auto 0 0;width:22%;background:#e9dfcdb3;transform:translate(calc(var(--p, 0) * 355%));transition:transform .12s linear}.journal-steps{display:flex;gap:10px}.journal-step{width:42px;height:42px;border:1px solid rgba(233,223,205,.3);color:var(--cream);background:transparent;display:grid;place-items:center;transition:background .3s ease,color .3s ease,border-color .3s ease}.journal-step:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}.journal-step svg{width:15px;height:15px}.journal-note{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#e9dfcd61;white-space:nowrap}@media(max-width:900px){.journal-head{grid-template-columns:1fr;align-items:start;gap:14px}.journal-rail{--tile-h: clamp(260px, 58vw, 420px)}.journal-note{display:none}}@media(prefers-reduced-motion:reduce){.journal-rail{scroll-behavior:auto}.journal-progress:after{transition:none}}.journal-media{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
/*# sourceMappingURL=/cdn/shop/t/17/assets/vivara-journal.css.map */