/* Photo-led Hilda hero: real cookie photography, blue packaging and warm paper. */
.hero.hero-journal{display:block;min-height:0;height:auto;max-height:none;padding:0;background:var(--cream-2);color:var(--blue);overflow:hidden;transition:none}
.hero-journal::before{content:"";position:absolute;inset:0 0 0 54%;background:#d8e6ed;border-radius:46% 0 0 0;pointer-events:none}
.hero-journal-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;min-height:min(790px,calc(100svh - 88px));padding-top:3.2rem;padding-bottom:4rem}
.hero-journal-copy{position:relative;z-index:2;padding-bottom:1.5rem}
.hero-journal-place{display:block;font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:1.7rem}
.hero-journal h1{color:var(--blue);font-size:clamp(3rem,5.55vw,5.1rem);font-weight:500;line-height:1.07;letter-spacing:-.055em;text-wrap:initial}
.hero-journal-copy p{color:var(--blue-ink);font-size:1.04rem;line-height:1.85;max-width:35ch;margin-top:1.8rem}
.hero-journal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.5rem;margin-top:2rem}
.hero-journal-actions .btn{letter-spacing:.08em}
.hero-journal-link{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;font-size:.82rem;font-weight:700;position:relative}
.hero-journal-link::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform-origin:left;transition:transform .2s var(--ease)}
.hero-journal-link:hover::after{transform:scaleX(.65)}
.hero-journal-actions a:active{transform:scale(.97)}
.hero-journal-actions a:focus-visible{outline-color:var(--blue);outline-offset:5px}
.hero-journal-photos{position:relative;width:100%;max-width:510px;justify-self:end;padding:0 1.25rem 2.3rem 5.3rem}
.hero-journal-main{position:relative;transform:rotate(3deg);aspect-ratio:7/10;overflow:hidden;border:7px solid var(--paper);box-shadow:0 20px 40px -25px #18334666}
.hero-journal-main img{width:100%;height:100%;object-fit:cover;object-position:50% 32%}
.hero-journal-detail{position:absolute;left:0;bottom:1.5rem;width:43%;aspect-ratio:1;transform:rotate(-8deg);border:7px solid var(--paper);background:var(--paper);box-shadow:0 18px 35px -22px #18334680;overflow:hidden}
.hero-journal-detail img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;transform:scale(1.28)}
.hero-journal-caption{position:absolute;right:1.5rem;bottom:0;font-family:var(--script);font-size:1.6rem;transform:rotate(-3deg);color:var(--blue)}
@media(min-width:1500px){.hero-journal-inner{width:min(1350px,90vw)}.hero-journal h1{font-size:5.8rem}}
@media(min-width:701px) and (max-width:1050px){.hero-journal-inner{gap:1rem;min-height:650px}.hero-journal h1{font-size:clamp(2.65rem,5.4vw,3.8rem)}.hero-journal-photos{padding-left:3rem;padding-right:.7rem}.hero-journal-caption{font-size:1.35rem;right:0}.hero-journal-copy p{font-size:.94rem}.hero-journal-actions{gap:.6rem 1rem}}
@media(max-width:700px){
 .hero-journal::before{inset:42% 0 0 18%;border-radius:55% 0 0 0}
 .hero-journal-inner{grid-template-columns:1fr;gap:1.8rem;min-height:0;padding:2.5rem 0 2rem}
 .hero-journal-copy{padding:0;text-align:center}
 .hero-journal-place{font-size:.64rem;margin-bottom:1rem}
 .hero-journal h1{font-size:clamp(2.65rem,10.8vw,4.2rem);line-height:1.08}
 .hero-journal-copy p{font-size:.91rem;line-height:1.7;max-width:33ch;margin:1.15rem auto 0}
 .hero-journal-actions{justify-content:center;margin-top:1.25rem;gap:.45rem 1.1rem}
 .hero-journal-actions .btn{font-size:.66rem;padding:1em 1.4em}
 .hero-journal-link{font-size:.76rem}
 .hero-journal-photos{width:min(90%,390px);justify-self:center;padding:0 .65rem 2rem 4rem}
 .hero-journal-main{aspect-ratio:4/5;border-width:5px}
 .hero-journal-main img{object-position:50% 12%}
 .hero-journal-detail{width:43%;bottom:1.4rem;border-width:5px}
 .hero-journal-caption{font-size:1.25rem;right:0;bottom:.15rem}
}
@media(prefers-reduced-motion:reduce){.hero-journal-link::after{transition:none}}