/* The Seehof's existing concepts, photography and architectural studies. */
html{scroll-behavior:auto}
.vision-world{background:var(--cream);padding:0;color:var(--ink)}
.vision-intro{padding-block:92px 58px}
.vision-intro-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:start}
.vision-intro h2{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.1;letter-spacing:-.025em;max-width:17ch}
.vision-world em{font-style:normal;color:#5c7552}
.vision-intro-grid p{font-size:1.08rem;line-height:1.8;margin-bottom:18px;color:#4d5d5e}
.vision-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:auto;margin-top:40px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.vision-nav a{display:flex;gap:13px;align-items:center;padding:24px 18px;min-height:108px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);transition:background .2s}
.vision-nav a:hover{background:#ecebdd}
.vision-nav .seehof-icon{width:30px;height:30px;color:#58754e}
.vision-nav small{display:block;font-size:.73rem;letter-spacing:.08em;margin-bottom:5px;color:#647465}
.vision-nav strong{display:block;font-size:.89rem;font-weight:500;line-height:1.45}
.vision-nav-arrow{margin-left:auto;font-size:1.1rem;color:#647465}
.vision-stage{font-size:.875rem;line-height:1.7;color:#647064;margin-top:22px;max-width:92ch}
.cafe-chapter{padding:36px 0 80px}
.cafe-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:36px}
.cafe-heading h3,.vision-copy h3,.vision-community h3,.vision-outlook h3{font-family:Fraunces,Georgia,serif;font-size:clamp(2.1rem,3.6vw,3.2rem);font-weight:500;line-height:1.14;letter-spacing:-.025em;margin-bottom:24px}
.cafe-heading h3{font-size:clamp(2.4rem,4.1vw,3.7rem);margin-bottom:0}
.cafe-heading em{color:#995568}
.cafe-logo{width:270px;height:auto;max-width:34%;flex-shrink:0}
.chapter-number{font-family:Inter,sans-serif;display:inline-block;margin-right:9px;color:#697962}
.vision-image{margin:0;min-width:0}
.concept-open{position:relative;display:block;width:100%;padding:0;border:0;background:#e3e3d6;cursor:zoom-in;overflow:hidden;border-radius:3px}
.concept-open img{display:block;width:100%;height:auto;transition:transform .45s ease}
.concept-open:hover img{transform:scale(1.025)}
.image-zoom{position:absolute;right:15px;bottom:15px;background:rgba(19,37,32,.88);color:#fff;font-size:.75rem;letter-spacing:.03em;padding:9px 12px;border:1px solid rgba(255,255,255,.35);border-radius:3px}
.vision-image figcaption{display:flex;gap:12px;align-items:baseline;margin-top:12px;font-size:.78rem;line-height:1.6;color:#647065}
.vision-image figcaption>span{flex-shrink:0;letter-spacing:.06em;font-size:.68rem;text-transform:uppercase;font-weight:600}
.vision-image-wide img{aspect-ratio:16/10;object-fit:cover;object-position:50% 44%}
.cafe-story{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;margin-top:45px}
.cafe-story p{font-size:1.04rem;line-height:1.85;margin-bottom:20px;color:#4e5d5c}
.cafe-story .chapter-lead{font-family:Fraunces,Georgia,serif;font-size:1.38rem;line-height:1.6;color:#2f474e}
.cafe-menu{border-left:1px solid #d9c5bf;padding-left:38px}
.cafe-menu h4{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:1.8rem;line-height:1.25;margin-bottom:18px;color:#8c4d62}
.cafe-menu .eyebrow{color:#8c4d62}
.vision-chapter{padding:86px 0;border-top:1px solid var(--line)}
.vision-chapter:nth-of-type(odd){background:#f0efe6}
.vision-chapter-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:70px;align-items:start}
.vision-chapter-reverse .vision-copy{order:2}
.vision-copy p{font-size:1.02rem;line-height:1.82;color:#4a5b5c;margin-bottom:18px}
.vision-notes{list-style:none;margin:28px 0;padding:0;border-top:1px solid #bfcab9}
.vision-notes li{font-size:.875rem;padding:11px 0 11px 20px;border-bottom:1px solid #cfd6c8;position:relative;color:#374d3d}
.vision-notes li::before{content:'';position:absolute;left:1px;top:19px;width:5px;height:5px;border-radius:50%;background:#7e936d}
.vision-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.vision-copy .text-link,.cafe-menu .text-link,.vision-outlook .text-link{font-size:.9rem;line-height:1.65;display:inline-block}
.vision-copy .vision-aside{font-size:.9rem;color:#607058}
.vision-community{padding:90px 0;background:#1c3f4d;color:#fff}
.vision-community .eyebrow,.vision-community .chapter-number{color:#ccdabf}
.vision-community h3{color:#fff}
.vision-community em{color:#d5daba}
.vision-community-heading{max-width:730px;margin-bottom:46px}
.vision-community-heading>p{font-size:1.1rem;line-height:1.8;color:#d5e0df}
.vision-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 60px}
.vision-extras article{border-top:1px solid #537078;padding-top:26px}
.vision-extras .seehof-icon{color:#f3c88f;margin-bottom:20px}
.vision-extras h4{font-family:Fraunces,Georgia,serif;font-size:1.6rem;font-weight:500;color:#fff;margin-bottom:14px}
.vision-extras p{font-size:1rem;line-height:1.8;color:#d5e0df}
.vision-outlook{padding:88px 0;background:#e7e9db}
.vision-outlook-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:70px}
.vision-outlook p{font-size:1.03rem;line-height:1.85;color:#4b5c50;margin-bottom:20px}
.vision-world+section.stufen{padding-top:85px}
.vision-world+section.stufen .stufen-head{margin-bottom:36px}
@media(max-width:1100px){.vision-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.vision-chapter-grid,.vision-intro-grid,.vision-outlook-grid{gap:40px}.cafe-story{gap:40px}.cafe-logo{width:240px}.vision-nav a{min-height:88px}}
@media(max-width:760px){.vision-intro{padding-block:62px 32px}.vision-intro-grid,.vision-chapter-grid,.cafe-story,.vision-outlook-grid{grid-template-columns:1fr;gap:26px}.vision-intro h2{max-width:21ch;margin-bottom:8px}.vision-intro-grid p{font-size:1rem}.vision-nav{margin-top:24px}.vision-nav a{padding:17px 12px;gap:10px;min-height:96px}.vision-nav .seehof-icon{width:25px;height:25px}.vision-nav strong{font-size:.8rem}.vision-nav small{font-size:.66rem;letter-spacing:.03em}.vision-nav-arrow{display:none}.vision-stage{font-size:.8rem}.cafe-heading{align-items:flex-start;flex-direction:column;gap:22px}.cafe-heading h3{margin-bottom:0}.cafe-logo{max-width:100%;width:240px}.cafe-chapter{padding-block:28px 55px}.vision-image-wide img{aspect-ratio:4/3}.vision-image figcaption{display:block;font-size:.76rem}.vision-image figcaption>span{display:block;margin-bottom:4px}.cafe-story{margin-top:28px}.cafe-story .chapter-lead{font-size:1.25rem}.cafe-menu{border-left:0;border-top:1px solid #d9c5bf;padding:24px 0 0}.vision-chapter{padding:55px 0}.vision-chapter-reverse .vision-copy{order:0}.vision-copy h3{font-size:2.25rem}.vision-copy p{font-size:1rem}.vision-image{margin-top:6px}.vision-community,.vision-outlook{padding:60px 0}.vision-extras{grid-template-columns:1fr;gap:30px}.vision-community h3,.vision-outlook h3{font-size:2.25rem}.vision-community-heading{margin-bottom:30px}.image-zoom{right:10px;bottom:10px;font-size:.68rem}.vision-world+section.stufen{padding-top:60px}}
@media(prefers-reduced-motion:reduce){.concept-open img{transition:none}.concept-open:hover img{transform:none}}