.wx-experience{--navy:#263f64;--aqua:#91cbd4;color:var(--navy);font-family:Poppins,sans-serif;background:linear-gradient(#fff 45%,#f1f9fa 73%);text-align:center;overflow:hidden}
.wx-experience *{box-sizing:border-box}.wx-experience h1,.wx-experience h2,.wx-experience h3,.wx-experience p{margin:0;color:inherit}.wx-hero{position:relative;height:min(79vw,1080px);min-height:520px;overflow:hidden;background:#faf9f7}.wx-hero-photo{position:absolute;width:100%;max-width:none!important;left:0;top:-6.2vw}.wx-hero:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#fff)}.wx-hero-copy{position:absolute;bottom:24px;left:0;width:100%;z-index:1}.wx-logo{position:relative;width:350px;height:215px;margin:0 auto;overflow:hidden}.wx-logo img{position:absolute;width:490px;max-width:none;left:-70px;top:-150px}.wx-experience h1{font:46px Georgia,serif;letter-spacing:2px;margin:12px 0 38px}.wx-tagline{font-size:24px;line-height:1.25;font-weight:600}.wx-intro{max-width:750px;margin:auto;padding:20px 24px 0;font-size:20px;line-height:1.45}.wx-book{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;color:var(--navy)!important;background:linear-gradient(100deg,#bfeaf0,#e2f5fc);border-radius:40px;min-width:260px;padding:15px 38px;font-size:20px;font-weight:600;letter-spacing:5px;line-height:1.3;margin:44px auto 0}.wx-book:hover{background:#b3e1eb}.wx-book:focus-visible{outline:3px solid var(--navy);outline-offset:5px}.wx-pillars{max-width:1130px;margin:62px auto 0;padding:0 30px}.wx-pillars h2{font-size:29px;font-weight:500;margin-bottom:58px}.wx-three{display:grid;grid-template-columns:repeat(3,1fr)}.wx-pillar{padding:0 45px;border-right:1px solid #a9d9e6}.wx-pillar:last-child{border:0}.wx-icon{width:94px;height:84px;object-fit:contain;mix-blend-mode:multiply;margin:0 auto 14px}.wx-pillar h3{font-size:19px;font-weight:500;line-height:1.55;margin:0 auto 22px;max-width:245px}.wx-pillar p{font-size:18px;line-height:1.4;max-width:225px;margin:auto}.wx-comfort{max-width:1080px;margin:138px auto 0;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding:0 10px}.wx-comfort-photo{position:relative;aspect-ratio:598/554;overflow:hidden;border-radius:48px}.wx-comfort-photo img{position:absolute;width:228.43%;max-width:none!important;left:-23.75%;top:-362.8%}.wx-comfort ul{list-style:none;margin:0;padding:0;text-align:left;display:grid;gap:35px}.wx-comfort li{display:flex;align-items:center;font-size:22px;line-height:1.35}.wx-icon-empty{display:inline-block;flex:0 0 34px;width:34px;height:28px;margin-right:12px}.wx-wide-book{min-width:340px;margin-top:70px}.wx-benefits{max-width:1160px;margin:125px auto 0;padding:0 0 45px;gap:48px}.wx-benefit{background:#e1f2f5;border-radius:52px;padding:50px 50px 65px;min-height:425px}.wx-benefit .wx-icon{width:105px;height:105px;margin-bottom:27px}.wx-benefit h3{font-size:18px;color:var(--aqua);font-weight:500;line-height:1.5;margin-bottom:23px}.wx-benefit p{font-size:18px;line-height:1.45}.wx-bottom{padding-bottom:46px}.wx-bottom .wx-book{margin-top:0}
.wx-experience .wx-hero-photo{width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:center 74%}
.wx-experience{--text-font:Poppins,"PingFang TC","Microsoft JhengHei",sans-serif;font-family:var(--text-font)}
.wx-experience h1,.wx-experience h2,.wx-experience h3,.wx-experience p,.wx-experience li,.wx-experience a{font-family:var(--text-font)!important}

/* Shared inner-page rhythm; keep the full-bleed hero and existing visual design. */
.wx-experience{--section-space:72px;--content-width:1140px;--page-gutter:20px}
.wx-pillars,.wx-comfort,.wx-benefits{width:calc(100% - 2 * var(--page-gutter));max-width:var(--content-width);margin-inline:auto;padding-inline:0}
.wx-pillars{margin-top:56px}.wx-pillars h2{margin-bottom:40px}
.wx-comfort{margin-top:var(--section-space);gap:48px;grid-template-columns:1fr 1fr}
.wx-comfort ul{gap:24px}.wx-comfort li{font-size:20px}
.wx-benefits{margin-top:var(--section-space);gap:32px;padding-bottom:40px}
.wx-benefit{padding:40px 32px;min-height:360px}
.wx-book{margin-top:32px}.wx-wide-book{margin-top:40px}.wx-bottom{padding-bottom:56px}

/* Match the shared site's Poppins body and restrained type scale. */
.wx-experience h1{font-size:40px;font-weight:500;line-height:1.2;letter-spacing:1px}
.wx-experience .wx-hero h1,.wx-experience .wx-pillars h2{font-family:"Times New Roman",sans-serif!important;font-weight:500}
.wx-experience .wx-hero{width:100%;max-width:none;height:640px;min-height:0;margin:0}
.wx-hero-copy{bottom:20px}
.wx-tagline{font-size:20px;font-weight:500;line-height:1.5}
.wx-intro,.wx-pillar p,.wx-benefit p,.wx-comfort li{font-size:16px;line-height:1.65;font-weight:400}
.wx-pillars h2{font-size:28px;line-height:1.35;font-weight:500}
.wx-pillar h3,.wx-benefit h3{font-size:18px;line-height:1.5;font-weight:500}
.wx-book{font-size:16px;line-height:1.5;font-weight:500;letter-spacing:3px}
.wx-experience{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:767px){
  .wx-experience{--page-gutter:20px;--section-space:36px}
  .wx-experience .wx-hero{height:460px}
  .wx-logo{width:230px;height:142px}
  .wx-logo img{width:322px;left:-46px;top:-99px}
  .wx-experience h1{font-size:28px;margin:8px 0 20px}
  .wx-tagline{font-size:17px;line-height:1.45}
  .wx-intro{padding:16px 20px 0}
  .wx-intro,.wx-pillar p,.wx-benefit p,.wx-comfort li{font-size:14px;line-height:1.55}
  .wx-pillars{margin-top:36px}
  .wx-pillars h2{font-size:25px;margin-bottom:26px}
  .wx-pillar h3,.wx-benefit h3{font-size:16px;line-height:1.4;margin-bottom:12px}
  .wx-pillars .wx-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
  .wx-pillar{min-width:0;border-right:1px solid #c7e6ed;border-bottom:0;padding:0 8px}
  .wx-pillar:last-child{border:0;padding-bottom:0}
  .wx-pillar p,.wx-pillar h3{max-width:320px}
  .wx-icon{width:64px;height:60px;margin-bottom:12px}
  .wx-comfort{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:center}
  .wx-comfort-photo{border-radius:28px}
  .wx-comfort ul{gap:12px;min-width:0}
  .wx-comfort li{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
  .wx-icon-empty{flex-basis:10px;width:10px;margin-right:4px}
  .wx-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-bottom:28px}
  .wx-benefit{min-width:0;min-height:0;border-radius:20px;padding:22px 10px}
  .wx-benefit p{max-width:320px;margin:auto}
  .wx-benefit .wx-icon{width:70px;height:70px;margin-bottom:16px}
  .wx-book{font-size:15px;letter-spacing:2px;min-width:0;width:240px;max-width:calc(100% - 40px);padding:12px 24px;margin-top:24px}
  .wx-bottom{padding-bottom:32px}
  .wx-pillar h3,.wx-benefit h3{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
  .wx-pillar p,.wx-benefit p{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
  .wx-pillar .wx-icon,.wx-benefit .wx-icon{width:52px;height:52px;max-width:100%}
}
