.visual-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:54px;align-content:center;position:relative}.visual-heading>*:not(figure){grid-column:1}.visual-heading figure{grid-column:2;grid-row:1/12;align-self:center;margin:0;min-width:0}.visual-heading figure img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:22px}.visual-heading figcaption{font-size:10px;line-height:1.6;color:#60705f;margin-top:9px}.visual-heading h1{font-size:clamp(30px,3.6vw,52px);line-height:1.12}.visual-path{padding-top:35px;padding-bottom:60px}.visual-path h2{font-size:clamp(24px,3vw,36px);margin-bottom:25px}.visual-path ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.visual-path li{padding:25px;background:#edf0e6;border:1px solid #dde3d5;border-radius:16px;display:flex;align-items:center;gap:18px;line-height:1.6}.visual-path li>span{font-size:28px;color:#b8470f;font-weight:800}.visual-path>p:last-child{font-size:12px;color:#5a6a5c;line-height:1.7;margin-top:18px}.preview-figure{margin:0;min-width:0}.preview-figure img{width:100%;height:auto;display:block;object-fit:contain;border-radius:16px}.preview-figure figcaption{font-size:11px;line-height:1.7;color:#5a6a5c;margin-top:12px}.bn-slide .preview-figure{background:#edf0e6;padding:12px;border-radius:22px}.bn-slide .preview-figure img{aspect-ratio:auto;max-height:430px;width:100%;object-fit:contain}.bn-slide .preview-figure figcaption{font-size:10px;color:#304736;margin:8px 6px 0}.app-showcase .split.visual-app-preview{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.app-showcase .preview-figure{padding:16px;background:#edf0e6;border-radius:24px}.visual-tour-hero{padding:0 0 35px}.visual-tour-hero .preview-figure{background:#edf0e6;padding:20px;border-radius:24px}.visual-tour-hero .preview-figure img{border:1px solid #dde3d5}.visual-tour-nav{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.visual-tour-nav a{border:1px solid #c9d3c6;background:white;padding:10px 14px;border-radius:99px;font-size:12px;font-weight:700}.visual-tour-nav a:hover{background:#14261d;color:white}.tour-story{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:36px;align-items:center;padding:40px 0;border-top:1px solid #dde3d5;scroll-margin-top:110px}.tour-story:nth-child(even) .tour-story-media{order:2}.tour-story .tour-story-media{min-width:0;padding:12px;border:1px solid #dde3d5;border-radius:20px;background:#edf0e6}.tour-story-media img{width:100%;height:auto;display:block;object-fit:contain;border-radius:12px}.tour-story-media>a{display:block}.tour-story-media figcaption{font-size:11px;line-height:1.7;margin:10px 6px 2px;color:#5a6a5c}.tour-story h2{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:12px 0 18px}.tour-story p,.tour-story li{font-size:14px;line-height:1.85;color:#52634f}.tour-story ul{padding-left:20px}.tour-story .tour-context-photo{width:100%;height:145px;object-fit:cover;object-position:center 40%;border-radius:14px;margin-top:22px}.tour-story .eyebrow{color:#b8470f;font-size:10px}.tour-gallery-note{padding:20px;background:#fff1e6;border-radius:14px;line-height:1.8;font-size:12px;color:#52634f}.tour-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.tour-grid img{border:1px solid #dde3d5;border-radius:12px;cursor:zoom-in}.tour-tabs{gap:10px;flex-wrap:wrap}.tour-tab[aria-pressed=true]{background:#14261d;color:white;border-color:#14261d}
@media(max-width:850px){.visual-heading{grid-template-columns:1fr;gap:25px}.visual-heading>*:not(figure){grid-column:auto}.visual-heading figure{grid-column:auto;grid-row:auto;max-width:650px}.visual-heading figure img{max-height:330px}.visual-path ol{grid-template-columns:1fr}.tour-story{grid-template-columns:1fr;gap:25px;padding:30px 0}.tour-story:nth-child(even) .tour-story-media{order:0}.app-showcase .split.visual-app-preview{grid-template-columns:1fr}.visual-tour-hero .preview-figure{padding:10px}.tour-story .tour-context-photo{height:180px}.tour-grid{grid-template-columns:1fr}.bn-slide .preview-figure img{max-height:350px}.visual-tour-nav{gap:8px}.visual-tour-nav a{font-size:11px;padding:10px}.visual-heading h1{font-size:34px}}
.tour-story:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}.tour-story .tour-context-photo{height:230px;object-position:center 35%}
.bn-slide .bn-slide-inner>figure.preview-figure{height:auto!important;overflow:visible!important}.bn-slide .bn-slide-inner>figure.preview-figure img{height:auto!important;max-height:390px!important}.bn-slide .preview-figure figcaption{display:block!important;position:static!important;margin-top:12px!important}.preview-figure a:focus-visible,.tour-story-media a:focus-visible{outline:3px solid #b8470f;outline-offset:4px}
.eva-visual-context{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center;padding-top:35px;padding-bottom:50px}.eva-visual-context img{width:100%;height:180px;object-fit:cover;border-radius:18px}.eva-visual-context p{line-height:1.8;font-size:14px;color:#5a6a5c}.eva-visual-context h2{font-size:28px;line-height:1.3;margin-bottom:12px}@media(max-width:650px){.eva-visual-context{grid-template-columns:1fr}.eva-visual-context img{height:220px}}
.visual-tour-nav{position:static!important;left:auto!important;right:auto!important;width:100%!important;max-width:100%;padding:0!important;background:transparent;box-shadow:none}.tour-story-media{margin:0}.visual-tour-nav>a:after{display:none}
.actual-tour-screens{display:grid;gap:28px;margin-top:24px}.actual-tour-screens figure{margin:0;padding:12px;border:1px solid #dde3d5;border-radius:18px;background:#edf0e6;min-width:0}.actual-tour-screens a{display:block;cursor:zoom-in}.actual-tour-screens img{display:block;width:100%;height:auto;border-radius:10px}.actual-tour-screens figcaption{font-size:12px;line-height:1.7;color:#52634f;padding:12px 5px 2px}.actual-tour-screens a:focus-visible{outline:3px solid #b8470f;outline-offset:4px}#tour-panel>p:not(.demo-label){max-width:900px;line-height:1.8}#tour-panel .demo-label{font-size:10px;letter-spacing:.06em}@media(max-width:650px){#tour-panel{padding:20px 14px}.actual-tour-screens figure{padding:7px}.actual-tour-screens figcaption{font-size:11px}}
@media(max-width:850px){.tour-story:nth-child(even){grid-template-columns:1fr}.tour-story .tour-context-photo{height:190px}}
@media(prefers-reduced-motion:reduce){.visual-tour-nav a{transition:none}}
.phone-tour-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:center;margin-top:24px}.phone-tour-stage{display:flex;justify-content:center;align-items:start;gap:18px;padding:24px 18px;background:#edf0e6;border-radius:22px;min-width:0;overflow:auto}.phone-tour-stage figure{margin:0;flex:0 0 225px;max-width:225px;min-width:0}.phone-tour-stage.paired figure{flex-basis:190px;max-width:190px}.phone-tour-frame{display:block;border:5px solid #14261d;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 22px #14261d14;cursor:zoom-in}.phone-tour-frame img{display:block;width:100%;height:auto;max-width:none;border-radius:0}.phone-tour-stage figcaption{text-align:center;font-size:11px;line-height:1.6;color:#52634f;margin-top:12px}.phone-tour-summary{align-self:center;width:100%;font-size:13px}.phone-tour-summary th,.phone-tour-summary td{white-space:normal;line-height:1.7;padding:17px 14px;overflow-wrap:anywhere}.phone-tour-frame:focus-visible{outline:3px solid #b8470f;outline-offset:4px}@media(max-width:850px){.phone-tour-layout{grid-template-columns:1fr;gap:22px}.phone-tour-stage.paired{justify-content:flex-start}.phone-tour-stage.paired figure{flex-basis:175px;max-width:175px}.phone-tour-stage{padding:20px 14px}.phone-tour-summary{font-size:12px}}
