.hotel-page{--accent:#a56d47;--mist:#f6f0e9}.hotel-page .solution-hero{background:#f4eee6;color:#263c43}.hotel-page .solution-crumb,.hotel-page .solution-lead,.hotel-page .solution-hero figcaption{color:#68767a}.hotel-page .solution-hero h1 em,.hotel-page .solution-hero .solution-kicker{color:#a56d47}.hotel-page .solution-hero figure img{height:auto;object-fit:contain}.hotel-wide{margin:38px 0 0;background:#fff;padding:14px;border:1px solid #e0e2df}.hotel-wide img{display:block;width:100%;height:auto;object-fit:contain}.hotel-wide figcaption,.hotel-is12 figcaption,.hotel-if-grid figcaption{font-size:13px;color:#63767d;margin-top:12px;line-height:1.6}.hotel-is12{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.hotel-is12 figure{margin:0;background:white;padding:35px;border-radius:12px}.hotel-is12 img{width:100%;height:auto;display:block}.hotel-feature-list{padding-left:22px;font-size:16px;line-height:1.8}.hotel-feature-list li{margin:12px 0}.hotel-example{margin-top:45px;background:#fff;border:1px solid #ddd9d0;padding:30px}.hotel-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.hotel-flow>div{position:relative;padding:25px 17px;background:#edf4f3;text-align:center}.hotel-flow>div:not(:last-child):after{content:'→';position:absolute;left:100%;width:30px;top:35%;color:#8d9d9f;font-size:24px}.hotel-flow strong,.hotel-flow span{display:block}.hotel-flow span{font-size:13px;margin-top:6px}.hotel-flow .hotel-hub{background:#244a54;color:white}.hotel-topology{padding:35px;background:#f1f5f4;border:1px solid #d6e1df}.hotel-top-row,.hotel-bottom-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.hotel-top-row>div,.hotel-bottom-row>div{padding:23px 16px;background:white;border:1px solid #d4dfdc;text-align:center;position:relative}.hotel-topology strong,.hotel-topology span{display:block}.hotel-topology span{font-size:14px;margin-top:8px}.hotel-top-row>div:after{content:'';position:absolute;top:100%;left:50%;height:26px;border-left:2px solid #69a3a6}.hotel-central{margin:25px auto 0;padding:25px;text-align:center;background:#214954;color:white;max-width:670px}.hotel-network{padding:22px;margin:0 auto 25px;text-align:center;border-bottom:3px solid #69a3a6;color:#49747e;font-size:14px}.hotel-bottom-row>div:before{content:'';position:absolute;bottom:100%;left:50%;height:25px;border-left:2px solid #69a3a6}.hotel-variants{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.hotel-variants article{padding:28px;background:#f7f3ed;border:1px solid #e2ded5}.hotel-mini-bus{display:grid;gap:8px;margin-top:25px;text-align:center;font-size:13px}.hotel-mini-bus>*{padding:10px;background:white}.hotel-mini-bus b{background:#254954;color:white}.hotel-scenarios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.hotel-scenarios article{padding:30px;background:white;border:1px solid #dfded8}.hotel-scenarios article>span{font-size:11px;letter-spacing:.12em;color:#a36a43;font-weight:800}.hotel-scenarios article>div{font-size:13px;border-top:1px solid #e1e5e1;padding-top:16px;color:#568289}.hotel-if-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin:38px 0}.hotel-if-grid figure{margin:0;min-width:0;background:white;padding:18px}.hotel-if-grid img{display:block;width:100%;height:auto;object-fit:contain}.hotel-page .solution-note{line-height:1.8}
@media(max-width:900px){.hotel-is12{grid-template-columns:1fr;gap:25px}.hotel-is12 figure{max-width:700px}.hotel-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.hotel-flow>div:after{display:none}.hotel-topology{padding:20px}.hotel-top-row,.hotel-bottom-row{gap:12px}.hotel-topology span{font-size:12px}.hotel-topology strong{font-size:14px}.hotel-if-grid{gap:12px}}
@media(max-width:650px){.hotel-flow,.hotel-variants,.hotel-scenarios,.hotel-if-grid{grid-template-columns:1fr}.hotel-top-row,.hotel-bottom-row{grid-template-columns:1fr;gap:10px}.hotel-top-row>div:after,.hotel-bottom-row>div:before{display:none}.hotel-topology{padding:15px}.hotel-topology strong{font-size:16px}.hotel-topology span{font-size:13px}.hotel-central{margin-top:15px}.hotel-network{margin-bottom:15px}.hotel-example,.hotel-scenarios article,.hotel-variants article{padding:22px}.hotel-wide{padding:4px}.hotel-wide figcaption{padding:10px}.hotel-if-grid figure{padding:12px}.hotel-is12 figure{padding:20px}.hotel-feature-list{font-size:15px}}