/* HOS product exhibition: real product formats determine the composition. */
.solutions{background:#f8f7f4;color:#302c28;padding:104px 0 100px}
.showcase-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}
.showcase-heading h2{font-size:42px;line-height:1.4;font-weight:500;letter-spacing:-.045em}
.showcase-heading>p{font-size:15px;line-height:1.9;color:#706a62;padding-bottom:6px}
.solution-index{display:flex;gap:32px;border-top:1px solid #dcd6cb;padding:22px 0 32px;font-size:14px;color:#766a5d}
.solution-index a{padding:5px 0;border-bottom:1px solid transparent;transition:color .25s,border-color .25s}
.solution-index a:hover{color:#302c28;border-color:#9a7856}
.showcase-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.showcase{grid-column:span 6;min-width:0;position:relative;overflow:hidden;background:#e7e0d2;scroll-margin-top:100px}
.showcase-copy{padding:36px 38px 0;position:relative;z-index:2}
.product-category{font-size:13px;font-weight:500;color:#796954;margin-bottom:12px}
.showcase h3{font-size:27px;font-weight:600;line-height:1.4;letter-spacing:-.03em}
.showcase-intro{font-size:15px;line-height:1.7;margin-top:10px;color:#746b5f}
.showcase-media{height:300px;display:flex;justify-content:center;align-items:center;padding:28px 38px;position:relative}
.showcase-media>img{width:100%;height:100%;object-fit:contain;min-width:0}
.showcase-foot{position:relative;z-index:2;padding:0 38px 27px}
.showcase-foot>p{font-size:12px;color:#7b705f;line-height:1.7;margin-bottom:17px}
.showcase-detail{border-top:1px solid #b6a68d7a;scroll-margin-top:96px}
.showcase-detail summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding-top:17px;font-size:13px;font-weight:500;cursor:pointer;min-height:42px}
.showcase-detail summary::-webkit-details-marker{display:none}
.showcase-detail summary span{font-size:21px;font-weight:300;transition:rotate .25s}
.showcase-detail[open] summary span{rotate:45deg}
.showcase-detail>div{padding-top:16px}
.showcase-detail>div p{font-size:14px;line-height:1.9;color:inherit;opacity:.85}
.showcase-detail a{display:inline-block;border-bottom:1px solid currentColor;font-size:13px;margin-top:16px;padding-bottom:5px}
.showcase--hospad{grid-column:span 7;background:#e7e0d2}
.showcase--hospad .showcase-media{height:340px;padding:30px 50px}
.showcase--access{grid-column:span 5;background:#302c28;color:#fff;min-height:594px}
.showcase--access .showcase-media{position:absolute;inset:0;height:100%;padding:0;z-index:0}
.showcase--access .showcase-media img{object-fit:cover;object-position:32% center}
.showcase--access:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#211b17d9,transparent 48%,#211b17e8);z-index:1;pointer-events:none}
.showcase--access .product-category,.showcase--access .showcase-intro,.showcase--access .showcase-foot>p{color:#ede2d0}
.showcase--access .showcase-foot{margin-top:337px}
.showcase--access .showcase-detail{border-color:#ffffff75}
.showcase--miniapp{grid-column:span 5;background:#f0ebe2}
.showcase--miniapp .showcase-media{height:342px;gap:20px;padding:28px 55px 15px}
.showcase--miniapp .showcase-media img{width:48%;object-position:center top;align-self:flex-start;filter:drop-shadow(0 10px 14px #51422c16)}
.showcase--miniapp .showcase-media .companion-screen{height:88%;align-self:flex-end}
.showcase--breakfast{grid-column:span 7;background:#d4c4af}
.showcase--breakfast .showcase-media{height:342px;padding:18px 70px}
.showcase--safety{grid-column:span 6;background:#474640;color:#f7f4ed}
.showcase--safety .product-category,.showcase--safety .showcase-intro,.showcase--safety .showcase-foot>p{color:#d6cebd}
.showcase--safety .showcase-media{height:310px;padding:30px 26px}
.showcase--hos-system{grid-column:span 6;background:#e9e7e0}
.showcase--hos-system .showcase-media{height:310px;padding:30px 26px}
.company-facts{padding:65px 0 75px;background:#efebe3}
.company-facts .section-intro h2{font-size:28px;font-weight:500}
.facts-grid{margin-top:35px;border-bottom:0}
.fact{min-height:155px;padding:36px 20px 12px;justify-content:center}
.fact strong{font-size:30px;font-weight:500}
.story-about h2{font-size:30px;font-weight:500;margin-top:0}
.story-about,.story-cases{padding-top:48px;padding-bottom:48px}
.story-cases h2{font-weight:500;margin-top:0}
.story-image h2{font-weight:500}
.directory-heading h2{font-weight:500}
.case-row__number{display:none}.case-row summary{grid-template-columns:1fr 22px}.case-row__body{padding-left:0}
.case-directory-section{padding:68px 0}.case-row__name{font-weight:500}
.contact h2{font-weight:500;font-size:38px;margin-top:0}.contact-content{padding-top:68px}
.hero .kicker{letter-spacing:.08em}.hero h1,.hero h2{font-weight:500}.hero-slide.is-active:hover .hero-photo{transform:scale(1.01)}
.story-image:hover>img{transform:none}
.hero-slide.is-active .hero-copy{animation:hos-hero-enter .55s ease both}
@keyframes hos-hero-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:1050px){.showcase-copy{padding:28px 26px 0}.showcase h3{font-size:23px}.showcase-foot{padding-inline:26px}.showcase--access .showcase-foot{margin-top:335px}.showcase--miniapp .showcase-media{padding-inline:28px}.solution-index{gap:24px}.showcase-heading h2{font-size:36px}}
@media(max-width:760px){.solutions{padding:65px 0}.showcase-heading{display:block;margin-bottom:28px}.showcase-heading h2{font-size:30px}.showcase-heading>p{font-size:14px;margin-top:18px}.solution-index{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 15px;font-size:13px;padding:20px 0 28px}.showcase-grid{display:block}.showcase{margin-bottom:20px}.showcase:last-child{margin-bottom:0}.showcase-copy{padding:28px 25px 0}.showcase h3{font-size:23px}.showcase-intro{font-size:14px}.showcase-media,.showcase--hospad .showcase-media,.showcase--breakfast .showcase-media,.showcase--safety .showcase-media,.showcase--hos-system .showcase-media{height:270px;padding:26px}.showcase-foot{padding:0 25px 25px}.showcase-foot>p{font-size:11px}.showcase--access{min-height:540px}.showcase--access .showcase-media{height:100%;padding:0}.showcase--access .showcase-foot{margin-top:305px}.showcase--miniapp .showcase-media{height:335px;padding:25px 45px;gap:15px}.company-facts{padding:50px 0}.company-facts .section-intro h2{font-size:25px}.fact{display:block;text-align:left;min-height:0;padding:24px 6px}.fact strong{font-size:25px}.fact p{font-size:13px}.story-about h2{font-size:26px}.contact h2{font-size:30px}.contact-content{padding-top:48px}.case-directory-section{padding:55px 0}.showcase-detail summary{min-height:46px}.directory-heading{flex-wrap:wrap}.directory-heading button{margin-top:0}.hero h1,.hero h2{font-weight:500}}
@media(prefers-reduced-motion:reduce){.hero-slide.is-active .hero-copy{animation:none}}