/* Warm glass belongs to navigation and small foreground surfaces.
   Product photographs and software interfaces always stay sharp. */
:root{--glass-light:rgba(250,248,242,.68);--glass-dark:rgba(50,43,35,.56);--glass-line:rgba(255,255,255,.65);--glass-shadow:0 12px 36px #32291c0c,inset 0 1px 0 #fff8;--panel-radius:28px}
html{scroll-padding-top:114px}
.site-header,.site-header.is-solid{position:fixed;inset:18px 0 auto;width:88%;max-width:1320px;margin-inline:auto;height:70px;border:1px solid var(--glass-line);border-radius:20px;background:var(--glass-light);color:#302c28;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px) saturate(120%);backdrop-filter:blur(24px) saturate(120%)}
.site-header .header-inner{width:100%;padding-inline:25px}
.site-header .brand>strong{font-size:30px}
.site-header .brand>span{font-size:14px}
.primary-nav{gap:28px;font-size:13px}
.primary-nav .nav-contact{background:#564636;color:#fff;border-color:transparent;padding:11px 19px;gap:24px;margin-left:7px}
.primary-nav .nav-contact:hover,.site-header.is-solid .primary-nav .nav-contact:hover{background:#6b5744}
.hero{height:760px;min-height:0}
.hero-copy{padding-top:22px}
.hero .kicker{display:none}
.hero h1,.hero h2{font-size:clamp(44px,3.8vw,56px);font-weight:500;line-height:1.4;letter-spacing:-.05em}
.hero-copy>p:not(.kicker){font-size:16px;line-height:1.8;margin-top:23px}
.hero-device{width:min(60vw,890px);right:-1vw;bottom:-12px}
.hero-button{background:#faf7edcf;border:1px solid #ffffffaa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #fff9;font-weight:500}
.hero-bottom{border:0;height:58px;bottom:54px;width:auto;max-width:none;left:6%;right:auto;gap:20px;padding:6px 9px 6px 6px;border-radius:99px;background:var(--glass-dark);border:1px solid #ffffff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff24}
.hero-pagination{gap:2px;align-items:center}
.hero-pagination button{border:0;padding:0 20px;height:44px;border-radius:99px;font-size:12px;font-weight:400;color:#f2ece3;opacity:.76;text-shadow:none}
.hero-pagination button span{display:none}
.hero-pagination button.is-active{background:#f5f0e5;color:#44382d;opacity:1}
.hero-arrows{filter:none;gap:6px}
.hero-arrows>span{font-size:10px;margin-right:6px;color:#f2ece3}
.hero-arrows button{width:32px;height:32px;border:0;background:#ffffff12}
.hero::after{height:145px}
.solutions{padding:64px 0 92px}
.showcase-heading{align-items:center;margin-bottom:28px}
.showcase-heading h2{font-size:40px;line-height:1.45;letter-spacing:-.055em;font-weight:500}
.showcase-heading>p{font-size:14px;max-width:240px;padding-bottom:0;line-height:1.9}
.solution-index{width:max-content;max-width:100%;padding:6px;margin-bottom:34px;border:1px solid #fff;border-radius:99px;background:#eee9e0;box-shadow:inset 0 1px 0 #ffffffb3;gap:0}
.solution-index a{font-size:13px;padding:10px 23px;background:transparent;color:#766859;transition:background .2s,color .2s}
.solution-index a:hover,.solution-index a:focus-visible{background:#fff9;color:#302c28}
.showcase-grid{gap:24px;align-items:stretch}
.showcase{border:1px solid #e4ded3;border-radius:var(--panel-radius);display:flex;flex-direction:column;background:#f0ece4}
.showcase-copy{padding:38px 38px 0}
.showcase h3{font-size:27px;font-weight:500;line-height:1.45;letter-spacing:-.04em;max-width:95%}
.showcase-intro{font-size:14px;line-height:1.8;color:#776d60;margin-top:12px}
.showcase-media{flex:1;min-height:300px}
.showcase-foot{padding:0 26px 24px;margin-top:auto}
.showcase-detail{background:#fff8;border:1px solid #fff9;border-radius:17px;box-shadow:inset 0 1px 0 #fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:0 20px}
.showcase-detail summary{padding:14px 0;min-height:54px;font-size:13px;font-weight:500}
.showcase-detail summary span{width:25px;height:25px;border-radius:50%;background:#cfc2b533;display:grid;place-items:center;font-size:19px}
.showcase-detail>div{padding:0 0 19px}
.showcase-detail>div p{font-size:13px;opacity:1;color:inherit;line-height:1.85}
.showcase-detail>div .product-features{font-size:12px;margin:0 0 12px;color:inherit;opacity:.7}
.showcase-detail a{font-weight:500;margin-top:14px}
/* Lead with a full-width product instead of six equally weighted panels. */
.showcase--hospad{grid-column:span 12;min-height:500px;display:grid;grid-template-columns:39% 61%;grid-template-rows:1fr auto;background:#e9e2d5}
.showcase--hospad:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,#eee8dc 36%,#eee8dc66 100%),url('assets/hotel-lobby.webp') center 62%/cover;opacity:.32}
.showcase--hospad .showcase-copy{grid-column:1;grid-row:1;padding:74px 0 24px 48px;align-self:center}
.showcase--hospad h3{font-size:36px;max-width:310px}
.showcase--hospad .showcase-intro{font-size:15px;max-width:250px}
.showcase--hospad .showcase-media{grid-column:2;grid-row:1/3;height:100%;min-height:500px;padding:54px 48px 54px 18px}
.showcase--hospad .showcase-media img{filter:drop-shadow(0 20px 24px #473b2529)}
.showcase--hospad .showcase-foot{grid-column:1;grid-row:2;padding:0 0 45px 48px;margin:0}
.showcase--access{grid-column:span 7;min-height:555px;background:#302c28;border-color:transparent}
.showcase--access .showcase-copy{padding:36px 38px 0}
.showcase--access .showcase-media{min-height:0;position:absolute;padding:0}
.showcase--access .showcase-media img{object-position:center 44%}
.showcase--access:after{background:linear-gradient(#211b178c,transparent 45%,#211b1752)}
.showcase--access .showcase-foot{margin-top:auto;padding-top:330px}
.showcase--access .showcase-detail{background:rgba(39,32,26,.48);border-color:#ffffff5c;box-shadow:inset 0 1px 0 #ffffff24}
.showcase--access .showcase-detail summary span{background:#ffffff20}
.showcase--miniapp{grid-column:span 5;background:#f0eee8}
.showcase--miniapp .showcase-media{height:355px;min-height:355px;padding:30px 50px 23px;gap:17px}
.showcase--breakfast{grid-column:span 5;background:#e7ded0}
.showcase--breakfast .showcase-media{height:330px;min-height:330px;padding:28px 65px}
.showcase--safety{grid-column:span 7;background:#efede7;color:#302c28}
.showcase--safety .showcase-intro{color:#776d60}
.showcase--safety .showcase-media{min-height:330px;height:330px;padding:30px 28px}
.showcase--safety .showcase-media img{filter:drop-shadow(0 14px 18px #25232024)}
.showcase--hos-system{grid-column:span 12;display:grid;grid-template-columns:38% 62%;grid-template-rows:1fr auto;min-height:465px;background:#45443e;color:#f5f1e9;border-color:#535248}
.showcase--hos-system .showcase-copy{grid-column:1;grid-row:1;padding:60px 0 26px 48px;align-self:center}
.showcase--hos-system h3{font-size:33px;max-width:300px}
.showcase--hos-system .showcase-intro{color:#d6d0c2}
.showcase--hos-system .showcase-media{grid-column:2;grid-row:1/3;min-height:465px;height:100%;padding:45px 38px 45px 22px}
.showcase--hos-system .showcase-foot{grid-column:1;grid-row:2;padding:0 0 44px 48px;margin:0}
.showcase--hos-system .showcase-detail{background:#ffffff12;border-color:#ffffff35;box-shadow:inset 0 1px 0 #ffffff1f}
.showcase--hos-system .showcase-detail summary span{background:#ffffff14}
.company-facts{background:#eee9df;padding:52px 0}
.company-facts .section-intro h2{font-size:25px}
.facts-grid{margin-top:30px;gap:0;background:#ffffff6b;border:1px solid #fff9;box-shadow:inset 0 1px 0 #fff;border-radius:24px;overflow:hidden}
.fact{background:none;border-radius:0;padding:30px 20px;min-height:130px}
.fact+.fact{border-left:1px solid #d9d1c499}
.fact strong{font-size:28px;font-weight:400}
.fact p{font-size:13px;margin-top:12px}
.story{margin:80px auto;gap:24px}
.story-image>div{left:25px;right:25px;bottom:25px;padding:26px;border:1px solid #ffffff59;border-radius:20px;background:#342b2373;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff20}
.story-image p{letter-spacing:0;margin-bottom:10px;color:#ede5d8}
.story-image h2{font-size:30px}
.story-image span{padding-top:8px;margin-top:8px}
.story-about{background:#eeebe4;padding:40px 9%}
.story-about h2{font-size:28px;line-height:1.5}
.story-cases{background:#847260}
.story-cases h2{font-size:22px;line-height:1.5}
.contact{position:relative;display:block;min-height:520px;overflow:hidden;border-radius:28px;margin:80px auto;background:#d5c6b2}
.contact-photo{position:absolute;inset:0;min-height:100%;border-radius:0}
.contact-photo img{object-position:center 46%}
.contact-content{position:relative;z-index:1;margin:32px 32px 32px auto;min-height:455px;width:46%;padding:38px 40px;border:1px solid #ffffffb3;border-radius:24px;background:rgba(250,247,239,.83);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 #fff8}
.contact h2{font-size:32px;line-height:1.45}
.contact-content>div:first-child>p:last-child{font-size:13px}
.contact-methods strong{font-size:15px;font-weight:500}
.hotel-lightbox{background:#f8f5eced;border-color:#fff8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
@media(max-width:1050px){
 .site-header .header-inner{padding-inline:20px}.primary-nav{gap:18px}.primary-nav .nav-contact{gap:15px;padding-inline:15px}
 .showcase--hospad .showcase-copy,.showcase--hos-system .showcase-copy{padding-left:32px}.showcase--hospad .showcase-foot,.showcase--hos-system .showcase-foot{padding-left:32px}
 .showcase--hospad h3{font-size:30px}.showcase--hos-system h3{font-size:29px}.showcase-copy{padding-inline:28px}.showcase h3{font-size:25px}
 .contact-content{padding:32px;width:48%}
}
@media(max-width:760px){
 html{scroll-padding-top:90px}
 .site-header,.site-header.is-solid{inset:10px 0 auto;width:92%;height:60px;border-radius:18px}
 .site-header .header-inner{padding-inline:15px}.site-header .brand>strong{font-size:26px}.site-header .brand>span{font-size:12px}
 .site-header .brand small{font-size:5.5px}.menu-toggle{border:0;background:#ffffff65;width:34px;height:34px}
 .primary-nav{top:68px;left:0;right:0;border:1px solid #fff;background:#f5f1e9f5;border-radius:20px;padding:12px 22px 22px;box-shadow:0 12px 30px #382c1b18;font-size:15px;gap:0}
 .primary-nav .nav-contact{padding:13px 18px;margin-top:14px}.primary-nav>a{padding:15px 0}
 .hero{height:700px}.hero-copy,.hero-slide--access .hero-copy{padding-top:148px}
 .hero h1,.hero h2{font-size:36px}.hero-copy>p:not(.kicker){font-size:14px;max-width:300px;margin-top:17px}
 .hero-device{width:650px;right:-260px;bottom:12px}.hero-button{margin-top:22px}
 .hero-slide--access .hero-copy{padding-top:162px}.hero-slide--access h2{font-size:28px}
 .hero-bottom{bottom:34px;height:52px;left:6%;right:6%;padding:5px;gap:4px;justify-content:space-between}
 .hero-pagination button{height:40px;padding:0 13px;font-size:11px}.hero-arrows{gap:2px}.hero-arrows>span{display:none}.hero-arrows button{width:29px;height:29px;font-size:17px}
 .hero::after{height:115px}
 .solutions{padding:46px 0 56px}.showcase-heading{margin-bottom:25px}.showcase-heading h2{font-size:30px;line-height:1.45}.showcase-heading>p{margin-top:17px;max-width:none;font-size:13px}
 .solution-index{width:100%;border-radius:19px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:6px;margin-bottom:26px}.solution-index a{padding:9px 3px;font-size:12px}
 .showcase{border-radius:23px;margin-bottom:20px;display:flex;min-height:0}
 .showcase-copy,.showcase--access .showcase-copy,.showcase--hospad .showcase-copy,.showcase--hos-system .showcase-copy{padding:29px 25px 0;align-self:stretch}
 .showcase h3,.showcase--hospad h3,.showcase--hos-system h3{font-size:24px;max-width:none}
 .showcase--hospad .showcase-intro{max-width:none;font-size:14px}
 .showcase-intro{font-size:13px;margin-top:10px}
 .showcase--hospad .showcase-media,.showcase--hos-system .showcase-media{min-height:265px;height:265px;padding:27px 18px}
 .showcase--hospad .showcase-foot,.showcase--hos-system .showcase-foot,.showcase-foot{padding:0 15px 15px;margin-top:auto}
 .showcase-detail{border-radius:15px;padding-inline:15px}.showcase-detail summary{font-size:12px;min-height:50px;padding:12px 0}
 .showcase--access{min-height:525px}.showcase--access .showcase-foot{padding:285px 15px 15px}.showcase--access .showcase-media{height:100%;min-height:0;padding:0}
 .showcase--miniapp .showcase-media{min-height:320px;height:320px;padding:25px 43px;gap:17px}
 .showcase--breakfast .showcase-media{min-height:270px;height:270px;padding:22px 48px}
 .showcase--safety .showcase-media{min-height:245px;height:245px;padding:24px 15px}
 .company-facts{padding:38px 0}.company-facts .section-intro h2{font-size:23px}.facts-grid{margin-top:24px;border-radius:20px}
 .fact{display:block;margin:0;min-height:0;padding:25px;text-align:left}.fact+.fact{border:0;border-top:1px solid #d9d1c499}.fact strong{font-size:25px}.fact p{font-size:12px;margin-top:8px}
 .story{margin:45px auto;gap:16px}.story-image{min-height:420px}.story-image>div{left:16px;right:16px;bottom:16px;padding:22px;border-radius:19px}.story-image h2{font-size:26px}
 .story-about{padding:30px 24px}.story-about h2{font-size:26px}.story-cases h2{font-size:21px}
 .contact{margin:45px auto;min-height:700px;border-radius:23px;padding-top:280px}
 .contact-photo img{object-position:30% center}.contact-content{margin:0 14px 14px;width:auto;min-height:0;gap:26px;padding:27px 23px;border-radius:20px;background:#faf7efeb}
 .contact h2{font-size:27px}.contact-methods strong{font-size:14px}
 .hotel-lightbox{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .site-header,.site-header.is-solid{background:#f5f1e9}.hero-bottom,.showcase--access .showcase-detail,.story-image>div{background:#433a31}.contact-content{background:#f5f1e9}
}
@media(prefers-reduced-transparency:reduce){.site-header,.site-header.is-solid,.contact-content{background:#f5f1e9}.hero-bottom,.showcase--access .showcase-detail,.story-image>div{background:#433a31}}

.showcase .product-name{display:block;font-size:15px;font-weight:500;letter-spacing:.03em;line-height:1.5;margin-bottom:14px;color:inherit;opacity:.72}
@media(max-width:760px){.showcase .product-name{font-size:13px;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.drift-track{animation-duration:var(--duration)!important}}