.flip-wrap{perspective:900px;cursor:pointer;background:0 0;border:0;width:100%;height:360px;margin:1.5rem 0 3.2rem;padding:0;position:relative}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s;display:block;position:relative}.flip-wrap.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-f,.flip-b{backface-visibility:hidden;transform-style:preserve-3d;border:1px solid #b7cab58c;border-radius:16px;justify-content:flex-start;align-items:flex-end;padding:2rem;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff40,inset 0 -10px 18px #00000047,12px 12px #202a23}.flip-f{background:#111;transform:rotateY(0)}.flip-f:after{content:"";background:linear-gradient(#0000 25%,#040705eb);border-radius:16px;position:absolute;inset:0}.flip-f img{object-fit:cover;z-index:0;backface-visibility:hidden}.flip-f strong{z-index:2;color:#fff;font:400 2.1rem Fraunces,serif;position:relative}.flip-b{text-align:center;color:#fff;background:linear-gradient(145deg,#506654,#344638);justify-content:center;align-items:center;font:400 clamp(1.25rem,3vw,2rem)/1.35 Fraunces,serif;transform:rotateY(180deg);box-shadow:inset 0 1px #ffffff4d,inset 0 -10px 18px #0000004d,12px 12px #202a23}.typewriter-line{color:#d4ded3;letter-spacing:.14em;text-transform:uppercase;min-height:1.7em;font:600 clamp(1.15rem,3.5vw,2rem)/1.25 Work Sans,sans-serif}.hero-scroll{z-index:3;color:#d5ded4;text-transform:uppercase;letter-spacing:.18em;opacity:.8;flex-direction:column;align-items:center;gap:.45rem;font-size:.65rem;text-decoration:none;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.hero-scroll span{font-size:1.4rem;line-height:.8;animation:1.8s ease-in-out infinite scrollNudge}.hero-scroll:hover{opacity:1;transform:translate(-50%)translateY(-3px)}.intro{padding:clamp(3rem,7vw,5.5rem) 1.5rem clamp(3.5rem,8vw,6rem);position:relative}.intro:after{content:"";background:linear-gradient(90deg,#0000,#536456,#0000);height:1px;position:absolute;bottom:0;left:12%;right:12%}.intro h2{max-width:760px;font-size:clamp(1.35rem,3.2vw,2.35rem)}.intro>p:last-child{max-width:520px;font-size:.95rem}.journal-shell{padding-top:clamp(2.5rem,5vw,4rem)}@keyframes scrollNudge{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}@media (width<=620px){.hero{height:64vh;min-height:390px}.hero-copy{transform:none}.hero-scroll{bottom:1.1rem}}.hero-scroll{bottom:1rem!important}@media (width<=620px){.hero{height:52vh!important;min-height:320px!important}.hero-copy{transform:translateY(-5vh)!important}.hero-scroll{font-size:.58rem!important;bottom:.8rem!important}}.flip-f small{z-index:2;color:#dbe6d9;letter-spacing:.16em;text-transform:uppercase;margin-left:auto;font-size:.65rem;position:relative}.blur-reveal{animation:3s ease-in-out infinite alternate brClear}@keyframes brClear{0%{filter:blur(8px);opacity:.4}to{filter:blur();opacity:1}}.flip-b{background:radial-gradient(at 18% 12%,#bdd7b952,#0000 38%),radial-gradient(at 86% 82%,#719a8238,#0000 42%),linear-gradient(145deg,#455b4c 0%,#33483c 52%,#26392f 100%)}.flip-b:before{content:"";opacity:.55;mix-blend-mode:screen;pointer-events:none;background:repeating-radial-gradient(at 50% 58%,#0000 0 22px,#d2e5cd17 23px 24px,#0000 25px 42px);position:absolute;inset:0}.flip-b:after{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff14,#0000 32% 68%,#00000029);position:absolute;inset:0}.save-entry{color:#b9cbb8;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:1px solid #536455;margin:.8rem 0 0;padding:.65rem .8rem;font:600 .62rem/1 Work Sans,sans-serif;display:block}.save-entry:hover:not(:disabled){color:#fff;background:#2a382e}.save-entry:disabled{opacity:.45;cursor:not-allowed}.reading-status{color:#c6d5c5;text-align:center;letter-spacing:.04em;margin:1rem 0 0;font-size:.78rem}.hero{height:min(38vh,360px)!important;min-height:260px!important}.hero-copy{transform:translateY(-1vh)!important}.hero-copy h1{font-size:clamp(3rem,10vw,6rem)}.hero-banner{z-index:3;text-align:center;color:#cbd8cb;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #cddccc47;padding:.35rem 0;font:600 .58rem/1.2 Work Sans,sans-serif;position:absolute;top:.65rem;left:1rem;right:1rem}.hero-identity{z-index:3;color:#d5ded4;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:1rem;font:500 .65rem/1.2 Work Sans,sans-serif;display:flex;position:absolute;top:2.35rem;left:1rem;right:1rem}.hero-scroll{font-size:.58rem!important;bottom:1rem!important}@media (width<=620px){.hero{height:32vh!important;min-height:230px!important}.hero-copy{transform:translateY(-1vh)!important}.hero-copy h1{font-size:clamp(2.7rem,13vw,4.5rem)}.hero-banner{letter-spacing:.08em;font-size:.45rem;top:.5rem}.hero-identity{letter-spacing:.06em;font-size:.5rem;top:2rem}.hero-scroll{font-size:.5rem!important;bottom:.65rem!important}}