.app-screen-gallery{padding-block:90px;scroll-margin-top:110px}
.app-gallery-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:55px;margin-bottom:42px}
.app-gallery-heading h2{font-size:clamp(2.2rem,3.8vw,3.65rem);line-height:1.12;font-weight:600;letter-spacing:-.05em}
.app-gallery-heading h2 em{font-style:normal;color:#bc604a}
.app-gallery-heading>p{font-size:1.0625rem;line-height:1.8;color:#6d6c62;max-width:440px;margin-bottom:3px}
.app-screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.app-screen-story{min-width:0}
.app-screen-image{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;padding:30px 24px 19px;background:#f4e7da;border:1px solid #e8d8c9;border-radius:28px;color:#674e39;cursor:zoom-in;transition:border-color .2s,box-shadow .2s}
.app-screen-wind-down .app-screen-image{background:#ece6f5;border-color:#ddd3e9;color:#685383}
.app-screen-leaves .app-screen-image{background:#e7eee0;border-color:#d5e0ca;color:#536747}
.app-screen-image:hover{border-color:currentColor;box-shadow:0 12px 30px #4934260d}
.app-screen-image>img{display:block;width:100%;max-width:252px;height:auto;border:5px solid #3d3835;border-radius:30px;box-shadow:0 14px 24px #3d38351f}
.app-screen-image>span{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8125rem;font-weight:600;min-height:26px}
.app-screen-copy{padding:22px 5px 0}
.app-screen-copy>p{font-size:.75rem;font-weight:700;letter-spacing:.03em;color:#756c5d;margin-bottom:9px}
.app-screen-copy>h3{font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.35;letter-spacing:-.035em;font-weight:600;margin-bottom:10px;color:#342d27}
.app-screen-copy>span{display:block;font-size:.9375rem;line-height:1.8;color:#6d6c62;max-width:340px}
.app-gallery-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #ddd9cd;margin-top:35px;padding-top:22px}
.app-gallery-footer p{font-size:.8125rem;line-height:1.8;color:#777166;max-width:510px}
.app-gallery-footer a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:.875rem;line-height:1.6;font-weight:600;flex-shrink:0;color:#8f4935;text-decoration:underline;text-underline-offset:5px}
.app-screen-lightbox[data-slot=dialog-content],dialog.app-screen-lightbox{width:min(850px,calc(100vw - 36px));max-width:850px;max-height:calc(100dvh - 36px);padding:28px;gap:30px;background:#fffaf3;border:1px solid #e2d7c8;border-radius:26px;overflow:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.app-screen-lightbox[data-slot=dialog-content]{display:grid}
.app-screen-lightbox>img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 94px);justify-self:center;border:5px solid #3d3835;border-radius:28px}
.app-screen-lightbox-copy h2{font-size:1.65rem;line-height:1.25;font-weight:600;letter-spacing:-.035em}
.app-screen-lightbox-copy .eyebrow{font-size:.6875rem;margin:0 0 17px;color:#92644c}
.app-screen-lightbox-copy h2+p{font-size:1rem;line-height:1.8;color:#6d6c62;margin-top:16px}
.app-screen-pager{display:flex;gap:10px;margin-top:25px}
.app-screen-pager button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d8cabb;background:transparent;border-radius:50%;color:#6a5948;font-size:.875rem}
.app-screen-pager button[aria-pressed=true]{background:#8f4935;border-color:#8f4935;color:#fff}
.app-screen-sample-note{font-size:.75rem;line-height:1.8;color:#777166;margin-top:20px}
@media(max-width:900px){.app-gallery-heading{gap:30px}.app-screen-grid{gap:17px}.app-screen-image{padding:23px 15px 15px}.app-screen-image>img{border-width:4px;border-radius:24px}.app-gallery-footer{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:700px){.app-screen-gallery{padding-block:58px}.app-gallery-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.app-gallery-heading>p{font-size:.9375rem}.app-screen-grid{grid-template-columns:1fr;gap:32px}.app-screen-story{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:20px}.app-screen-image{border-radius:20px;padding:18px 12px 11px;gap:12px}.app-screen-image>img{border-radius:19px;border-width:3px}.app-screen-image>span{font-size:.6875rem;gap:5px}.app-screen-copy{padding:0}.app-screen-copy>p{font-size:.6875rem;line-height:1.6}.app-screen-copy>h3{font-size:1.2rem}.app-screen-copy>span{font-size:.8125rem;line-height:1.75}.app-gallery-footer a{font-size:.8125rem;flex-shrink:1}.app-screen-lightbox[data-slot=dialog-content],dialog.app-screen-lightbox{grid-template-columns:1fr;padding:35px 18px 22px;gap:22px}.app-screen-lightbox>img{max-height:none;width:min(300px,100%)}.app-screen-lightbox-copy h2{font-size:1.35rem}.app-screen-lightbox-copy h2+p{font-size:.875rem;margin-top:10px}.app-screen-pager{margin-top:16px}.app-screen-sample-note{display:none}}
@media(max-width:380px){.app-screen-story{grid-template-columns:1fr;gap:18px}.app-screen-image>img{max-width:215px}.app-screen-copy{padding-inline:5px}.app-screen-copy>h3{font-size:1.3rem}.app-screen-copy>span{font-size:.9375rem}}
