/* HTEL About Widget — stylesheet scoped to .htel-about-widget.htel-ab. Source: about.html (design source of truth). */

/* ===== widget wrapper (reset against theme / Elementor inheritance) ===== */
.htel-about-widget.htel-ab{ font-style:normal; letter-spacing:normal; word-spacing:normal; text-transform:none; text-align:start; text-indent:0; text-shadow:none; white-space:normal; position:relative; width:100%; max-width:none; overflow-x:clip; }
.htel-about-widget.htel-ab.htel-fullbleed{ width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); }
.htel-about-widget.htel-ab [id]{ scroll-margin-top:96px; }
/* Theme / Elementor-kit colour guard: a theme rule such as "h1{color:blue}" would otherwise beat the inherited section colour.
   Specificity is deliberately LOWER than every source colour rule, so the original design colours still win. */
.htel-about-widget.htel-ab h1, .htel-about-widget.htel-ab h2, .htel-about-widget.htel-ab h3, .htel-about-widget.htel-ab h4, .htel-about-widget.htel-ab h5, .htel-about-widget.htel-ab h6, .htel-about-widget.htel-ab p, .htel-about-widget.htel-ab li, .htel-about-widget.htel-ab span, .htel-about-widget.htel-ab em, .htel-about-widget.htel-ab strong, .htel-about-widget.htel-ab b, .htel-about-widget.htel-ab label, .htel-about-widget.htel-ab button{ color:inherit; }
.htel-about-widget.htel-ab{ --loc-t2:#FFB020; }
.htel-about-widget.htel-ab{ --ink:#0C0C0E; --ink-elevated:#1B1B1E; --crimson:#E21F36; --crimson-2:#FF4757; --maroon:#82112B; --paper:#FBF8F6; --paper-dim:#F1EBE8; --slate:#756E72; --slate-light:#A79FA3; --line-on-paper:rgba(12,12,14,0.10); --line-on-ink:rgba(249,245,247,0.12); --glass-ink:rgba(255,255,255,0.045); --glass-ink-brd:rgba(255,255,255,0.09); --shadow-ink:0 30px 60px -25px rgba(20,1,7,0.55); --shadow-soft:0 20px 40px -28px rgba(42,2,14,0.35); --font-display:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif; --font-body:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif; --font-mono:'JetBrains Mono','Courier New',monospace; --fs-h1:clamp(2.4rem,1.5rem + 3.7vw,4.5rem); --fs-h2:clamp(1.9rem,1.5rem + 1.7vw,2.9rem); --fs-h3:clamp(1.2rem,1.08rem + 0.5vw,1.4rem); --fs-stat:clamp(2.5rem,1.9rem + 2.5vw,3.75rem); --fs-lead:clamp(1.05rem,0.98rem + 0.3vw,1.2rem); --container:1600px; --radius-lg:22px; --radius-md:14px; --radius-sm:9px; --ease:cubic-bezier(.16,.84,.44,1); }
.htel-about-widget.htel-ab *, .htel-about-widget.htel-ab *::before, .htel-about-widget.htel-ab *::after{ box-sizing:border-box; }
.htel-about-widget.htel-ab{ margin:0; font-family:var(--font-body); background:var(--paper); color:var(--ink); font-size:var(--base-fs,16px); line-height:var(--base-lh,1.6); -webkit-font-smoothing:antialiased; overflow-x:clip; font-weight:var(--fw-body,400); }
.htel-about-widget.htel-ab img{ max-width:100%; display:block; }
.htel-about-widget.htel-ab a{ color:inherit; text-decoration:none; }
.htel-about-widget.htel-ab ul{ list-style:none; margin:0; padding:0; }
.htel-about-widget.htel-ab button{ font:inherit; color:inherit; background:none; border:none; cursor:pointer; }
.htel-about-widget.htel-ab h1, .htel-about-widget.htel-ab h2, .htel-about-widget.htel-ab h3, .htel-about-widget.htel-ab h4{ font-family:var(--font-display); margin:0; line-height:1.08; letter-spacing:var(--heading-ls,-0.01em); font-weight:var(--fw-display,700); }
.htel-about-widget.htel-ab p{ margin:0; }
.htel-about-widget.htel-ab svg{ display:block; }
.htel-about-widget.htel-ab :focus-visible{ outline:2px solid var(--crimson); outline-offset:3px; border-radius:4px; }
.htel-about-widget.htel-ab .container{ max-width:var(--container); margin-inline:auto; padding-inline:clamp(1.25rem,5vw,4.5rem); }
.htel-about-widget.htel-ab .section{ padding-block:clamp(4.5rem,8vw,7.5rem); position:relative; }
.htel-about-widget.htel-ab .section--ink{ background:var(--ink); color:var(--paper); }
.htel-about-widget.htel-ab .section--paper{ background:var(--paper); }
.htel-about-widget.htel-ab .section--dim{ background:var(--paper-dim); }
.htel-about-widget.htel-ab .skip-link{ position:absolute; left:-9999px; top:1rem; background:var(--ink); color:var(--paper); padding:.75rem 1.25rem; border-radius:8px; z-index:999; transition:top .2s var(--ease); }
.htel-about-widget.htel-ab .skip-link:focus{ left:1rem; }
.htel-about-widget.htel-ab .eyebrow{ display:inline-flex; align-items:center; gap:.55rem; font-family:var(--font-mono); font-size:.78rem; letter-spacing:.04em; text-transform:lowercase; color:var(--crimson); margin-bottom:1.1rem; }
.htel-about-widget.htel-ab .section--ink .eyebrow{ color:var(--crimson-2); }
.htel-about-widget.htel-ab .eyebrow::before{ content:''; width:16px; height:1px; background:currentColor; opacity:.6; }
.htel-about-widget.htel-ab .head-block{ max-width:680px; margin-bottom:clamp(2.5rem,5vw,3.75rem); }
.htel-about-widget.htel-ab .head-block h2{ font-size:var(--fs-h2); }
.htel-about-widget.htel-ab .head-block p{ margin-top:1rem; font-size:var(--fs-lead); color:var(--slate); max-width:56ch; }
.htel-about-widget.htel-ab .section--ink .head-block p{ color:var(--slate-light); }
.htel-about-widget.htel-ab .head-block.center{ margin-inline:auto; text-align:center; }
.htel-about-widget.htel-ab .head-block.center p{ margin-inline:auto; }
.htel-about-widget.htel-ab .btn{ display:inline-flex; align-items:center; gap:.6rem; font-weight:600; font-size:.95rem; padding:.95rem 1.6rem; border-radius:100px; white-space:nowrap; transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .3s ease, color .3s ease, border-color .3s ease; }
.htel-about-widget.htel-ab .btn svg{ width:16px; height:16px; transition:transform .3s var(--ease); }
.htel-about-widget.htel-ab .btn:hover svg{ transform:translateX(3px); }
.htel-about-widget.htel-ab .btn-primary{ background:linear-gradient(135deg,var(--crimson),var(--maroon)); color:#fff; box-shadow:0 16px 32px -14px rgba(226,31,54,.55); }
.htel-about-widget.htel-ab .btn-primary:hover{ transform:translateY(-2px); box-shadow:0 22px 40px -14px rgba(226,31,54,.65); }
.htel-about-widget.htel-ab .btn-ghost{ background:transparent; border:1.5px solid var(--line-on-paper); color:var(--ink); }
.htel-about-widget.htel-ab .btn-ghost:hover{ border-color:var(--crimson); color:var(--crimson); }
.htel-about-widget.htel-ab .section--ink .btn-ghost{ border-color:var(--line-on-ink); color:var(--paper); }
.htel-about-widget.htel-ab .section--ink .btn-ghost:hover{ border-color:var(--crimson-2); color:var(--crimson-2); }
.htel-about-widget.htel-ab .promo-bar{ position:fixed; top:0; left:0; right:0; z-index:260; background:linear-gradient(90deg,var(--maroon),var(--crimson)); color:#fff; }
.htel-about-widget.htel-ab .promo-bar.is-hidden{ display:none; }
.htel-about-widget.htel-ab .promo-bar__inner{ display:flex; align-items:center; justify-content:center; gap:1.25rem; padding:.6rem clamp(1.25rem,4vw,2.5rem); flex-wrap:wrap; text-align:center; font-size:.82rem; }
.htel-about-widget.htel-ab .promo-bar__actions{ display:flex; align-items:center; gap:1rem; flex-shrink:0; }
.htel-about-widget.htel-ab .promo-bar__cta{ font-weight:700; text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
.htel-about-widget.htel-ab .promo-bar__close{ display:flex; opacity:.8; flex-shrink:0; }
.htel-about-widget.htel-ab .promo-bar__close:hover{ opacity:1; }
.htel-about-widget.htel-ab .promo-bar__close svg{ width:14px; height:14px; }
.htel-about-widget.htel-ab .nav{ position:fixed; left:0; right:0; z-index:200; padding-block:1.1rem; border-bottom:1px solid transparent; transition:top .3s ease, padding-block .4s var(--ease), background .4s ease, box-shadow .4s ease, border-color .4s ease; }
.htel-about-widget.htel-ab .nav__inner{ display:flex; align-items:center; justify-content:space-between; gap:1.5rem; }
.htel-about-widget.htel-ab .nav.is-scrolled{ padding-block:.6rem; background:rgba(12,12,14,0.86); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 12px 30px -18px rgba(0,0,0,.65); border-bottom-color:rgba(255,255,255,.08); }
.htel-about-widget.htel-ab .nav__logo{ display:flex; align-items:center; background:var(--htel-logo-bg,var(--paper)); padding:.4rem .8rem; border-radius:11px; box-shadow:0 10px 24px -16px rgba(0,0,0,.5); }
.htel-about-widget.htel-ab .nav__logo img{ width:var(--htel-header-logo-w,auto); height:var(--htel-header-logo-h,36px); flex-shrink:var(--htel-header-logo-shrink,1); transition:height .3s var(--ease),width .3s var(--ease); }
.htel-about-widget.htel-ab .nav.is-scrolled .nav__logo{ box-shadow:none; }
.htel-about-widget.htel-ab .nav.is-scrolled .nav__logo img{ width:var(--htel-header-logo-w-scrolled,auto); height:var(--htel-header-logo-h-scrolled,30px); }
.htel-about-widget.htel-ab .nav__links{ display:none; align-items:center; gap:2.1rem; font-size:.92rem; font-weight:600; color:var(--paper); position:relative; padding-right:1.9rem; margin-right:.1rem; }
.htel-about-widget.htel-ab .nav__links::after{ content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:22px; background:rgba(255,255,255,.16); }
.htel-about-widget.htel-ab .nav__links a{ position:relative; padding-block:.3rem; }
.htel-about-widget.htel-ab .nav__links a::after{ content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--crimson-2); transition:width .3s var(--ease); }
.htel-about-widget.htel-ab .nav__links a:hover::after{ width:100%; }
.htel-about-widget.htel-ab .nav__cta{ display:none; }
.htel-about-widget.htel-ab .nav__toggle{ display:flex; flex-direction:column; gap:5px; padding:.5rem; z-index:210; }
.htel-about-widget.htel-ab .nav__toggle span{ width:22px; height:2px; background:var(--paper); border-radius:2px; transition:all .3s var(--ease); }
.htel-about-widget.htel-ab .nav__toggle.is-open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.htel-about-widget.htel-ab .nav__toggle.is-open span:nth-child(2){ opacity:0; }
.htel-about-widget.htel-ab .nav__toggle.is-open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
.htel-about-widget.htel-ab .mobile-panel{ position:fixed; inset:0; background:var(--ink); z-index:190; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2.1rem; transform:translateY(-100%); transition:transform .45s var(--ease); }
.htel-about-widget.htel-ab .mobile-panel.is-open{ transform:translateY(0); }
.htel-about-widget.htel-ab .mobile-panel a{ font-family:var(--font-display); font-size:1.7rem; color:var(--paper); font-weight:600; }
.htel-about-widget.htel-ab .mobile-panel .btn-primary{ margin-top:1rem; }
.htel-about-widget.htel-ab .hero__grid-bg{ position:absolute; inset:-2px; z-index:0; opacity:.5; background-image:linear-gradient(var(--line-on-ink) 1px, transparent 1px), linear-gradient(90deg, var(--line-on-ink) 1px, transparent 1px); background-size:56px 56px; animation:htelab-gridDrift 50s linear infinite; mask-image:radial-gradient(ellipse 80% 60% at 60% 20%, #000 30%, transparent 80%); }
.htel-about-widget.htel-ab .hero__glow{ position:absolute; z-index:0; border-radius:50%; filter:blur(90px); pointer-events:none; }
.htel-about-widget.htel-ab .hero__glow--1{ width:520px; height:520px; top:-160px; right:-120px; background:radial-gradient(circle,rgba(226,31,54,.45),transparent 70%); }
@property --ang{ syntax:'<angle>'; inherits:false; initial-value:0deg; }
.htel-about-widget.htel-ab .stat-card{ --accent:var(--crimson-2); background:var(--ink); border-radius:var(--radius-lg); padding:1.9rem 1.6rem 1.7rem; border:1px solid var(--line-on-ink); position:relative; overflow:hidden; isolation:isolate; transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease); }
.htel-about-widget.htel-ab .stat-card::before{ content:''; position:absolute; inset:0; z-index:0; opacity:0; pointer-events:none; background:radial-gradient(circle at 30% 15%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 62%); transition:opacity .45s ease; }
.htel-about-widget.htel-ab .stat-card:hover::before{ opacity:1; }
.htel-about-widget.htel-ab .stat-card::after{ content:''; position:absolute; inset:0; z-index:0; border-radius:inherit; padding:1.5px; opacity:0; pointer-events:none; background:conic-gradient(from var(--ang,0deg), var(--accent), transparent 28%, transparent 72%, var(--accent)); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; transition:opacity .45s ease; animation:htelab-glowSpin 3.2s linear infinite; animation-play-state:paused; }
.htel-about-widget.htel-ab .stat-card:hover::after{ opacity:1; animation-play-state:running; }
.htel-about-widget.htel-ab .stat-card:hover{ transform:translateY(-8px); box-shadow:0 26px 54px -22px color-mix(in srgb, var(--accent) 55%, transparent); border-color:transparent; }
.htel-about-widget.htel-ab .stat-card__top{ position:relative; z-index:1; display:flex; align-items:flex-start; justify-content:space-between; gap:.6rem; }
.htel-about-widget.htel-ab .stat-card__ring{ position:relative; width:64px; height:64px; margin-bottom:1.2rem; flex-shrink:0; }
.htel-about-widget.htel-ab .stat-card__ring svg{ width:64px; height:64px; transform:rotate(-90deg); }
.htel-about-widget.htel-ab .stat-card__ring circle{ fill:none; stroke-width:5; }
.htel-about-widget.htel-ab .stat-card__ring .ring-track{ stroke:var(--line-on-ink); }
.htel-about-widget.htel-ab .stat-card__ring .ring-fill{ stroke:var(--accent); stroke-linecap:round; filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 65%, transparent)); }
.htel-about-widget.htel-ab .stat-card__ring .ring-fill.spin{ stroke-dasharray:60 140; animation:htelab-ringSpin 2.6s linear infinite; }
.htel-about-widget.htel-ab .stat-card__ring .ring-icon{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.htel-about-widget.htel-ab .stat-card__ring .ring-icon svg{ width:22px; height:22px; transform:none; color:var(--accent); animation:htelab-iconFloat 2.6s ease-in-out infinite; }
.htel-about-widget.htel-ab .stat-card:hover .stat-card__ring .ring-icon svg{ animation-duration:.85s; }
.htel-about-widget.htel-ab .stat-card__spark{ width:78px; height:30px; flex-shrink:0; margin-top:.2rem; }
.htel-about-widget.htel-ab .stat-card__spark svg{ width:100%; height:100%; overflow:visible; }
.htel-about-widget.htel-ab .stat-card__spark .spark-line{ fill:none; stroke:var(--accent); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.htel-about-widget.htel-ab .stat-card__spark .spark-fill{ fill:var(--accent); opacity:0; transition:opacity .6s ease .5s; }
.htel-about-widget.htel-ab .stat-card.is-visible .stat-card__spark .spark-fill{ opacity:.22; }
.htel-about-widget.htel-ab .stat-card__spark .spark-dot{ fill:var(--accent); opacity:0; transition:opacity .3s ease 1.1s; filter:drop-shadow(0 0 5px var(--accent)); }
.htel-about-widget.htel-ab .stat-card.is-visible .stat-card__spark .spark-dot{ opacity:1; }
.htel-about-widget.htel-ab .stat-card .value{ position:relative; z-index:1; font-family:var(--font-mono); font-size:var(--fs-stat); color:#fff; font-weight:600; display:flex; }
.htel-about-widget.htel-ab .stat-card .label{ position:relative; z-index:1; margin-top:.4rem; color:var(--slate-light); font-size:.92rem; }
.htel-about-widget.htel-ab .stat-card__detail{ position:relative; z-index:1; max-height:0; opacity:0; overflow:hidden; transition:max-height .5s var(--ease), opacity .4s ease, margin-top .5s var(--ease); font-size:.78rem; line-height:1.5; color:var(--slate-light); }
.htel-about-widget.htel-ab .stat-card__detail p{ border-top:1px solid var(--line-on-ink); padding-top:.75rem; }
.htel-about-widget.htel-ab .stat-card:hover .stat-card__detail{ max-height:70px; opacity:1; margin-top:.9rem; }
.htel-about-widget.htel-ab .final-cta{ text-align:center; position:relative; overflow:hidden; }
.htel-about-widget.htel-ab .final-cta .container{ position:relative; z-index:1; max-width:720px; }
.htel-about-widget.htel-ab .final-cta h2{ font-size:var(--fs-h2); color:#fff; }
.htel-about-widget.htel-ab .final-cta p{ margin-top:1.2rem; color:var(--slate-light); font-size:var(--fs-lead); }
.htel-about-widget.htel-ab .final-cta .btn-primary{ margin-top:2.25rem; padding:1.1rem 2.1rem; font-size:1rem; }
.htel-about-widget.htel-ab .footer{ background:var(--ink); color:var(--slate-light); padding-block:4.5rem 2rem; }
.htel-about-widget.htel-ab .footer__top{ display:grid; gap:2.75rem; grid-template-columns:1fr; margin-bottom:3rem; }
.htel-about-widget.htel-ab .footer__brand .logo-chip{ display:inline-flex; background:var(--htel-logo-bg,var(--paper)); padding:.55rem .9rem; border-radius:10px; margin-bottom:1.2rem; }
.htel-about-widget.htel-ab .footer__brand .logo-chip img{ width:var(--htel-footer-logo-w,auto); height:var(--htel-footer-logo-h,30px); flex-shrink:var(--htel-footer-logo-shrink,1); }
.htel-about-widget.htel-ab .footer__brand p{ max-width:38ch; font-size:.9rem; line-height:1.7; }
.htel-about-widget.htel-ab .footer__cols{ display:grid; gap:2.25rem; grid-template-columns:1fr; }
.htel-about-widget.htel-ab .footer__col h4{ font-family:var(--font-mono); font-size:.75rem; letter-spacing:.05em; text-transform:uppercase; color:#fff; margin-bottom:1.1rem; }
.htel-about-widget.htel-ab .footer__col ul{ display:flex; flex-direction:column; gap:.75rem; font-size:.9rem; }
.htel-about-widget.htel-ab .footer__col a:hover{ color:var(--crimson-2); }
.htel-about-widget.htel-ab .footer__social{ display:flex; gap:.7rem; margin-top:1.4rem; }
.htel-about-widget.htel-ab .footer__social a{ width:36px; height:36px; border-radius:50%; border:1px solid var(--line-on-ink); display:flex; align-items:center; justify-content:center; transition:all .3s ease; }
.htel-about-widget.htel-ab .footer__social a:hover{ border-color:var(--crimson-2); color:var(--crimson-2); }
.htel-about-widget.htel-ab .footer__social svg{ width:15px; height:15px; }
.htel-about-widget.htel-ab .footer__bottom{ padding-top:2rem; border-top:1px solid var(--line-on-ink); display:flex; flex-direction:column; gap:1rem; font-size:.8rem; }
.htel-about-widget.htel-ab .footer__bottom-links{ display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; }
.htel-about-widget.htel-ab .footer__totop{ display:inline-flex; align-items:center; gap:.4rem; font-family:var(--font-mono); font-size:.76rem; color:var(--slate-light); transition:color .3s ease; }
.htel-about-widget.htel-ab .footer__totop:hover{ color:var(--crimson-2); }
.htel-about-widget.htel-ab .footer__totop svg{ width:12px; height:12px; }
.htel-about-widget.htel-ab .footer__social a{ transform-origin:center; }
.htel-about-widget.htel-ab .footer__social a:hover{ transform:translateY(-4px) rotate(-10deg) scale(1.12); }
.htel-about-widget.htel-ab .footer__social a svg{ transition:transform .4s var(--ease); }
.htel-about-widget.htel-ab [data-parallax]{ will-change:transform; }
.htel-about-widget.htel-ab .blob-field{ position:absolute; inset:0; overflow:hidden; z-index:-1; pointer-events:none; }
.htel-about-widget.htel-ab .blob{ position:absolute; border-radius:50%; filter:blur(60px); opacity:.35; animation:htelab-blobDrift 22s ease-in-out infinite; will-change:transform; }
.htel-about-widget.htel-ab .blob--a{ width:360px; height:360px; background:radial-gradient(circle,rgba(226,31,54,.55),transparent 70%); top:-8%; left:-6%; animation-duration:26s; }
.htel-about-widget.htel-ab .blob--c{ width:240px; height:240px; background:radial-gradient(circle,rgba(255,176,32,.32),transparent 70%); top:35%; right:22%; animation-duration:24s; animation-delay:-14s; }
.htel-about-widget.htel-ab .magnetic{ transition:transform .35s cubic-bezier(.2,.9,.25,1); }
.htel-about-widget.htel-ab .page-curtain{ position:fixed; inset:0; z-index:99999; background:var(--ink); display:flex; align-items:center; justify-content:center; pointer-events:none; animation:htelab-curtainOut .9s cubic-bezier(.65,0,.2,1) .15s forwards; }
.htel-about-widget.htel-ab .page-curtain__mark{ font-family:var(--font-mono); font-size:.8rem; letter-spacing:.12em; color:var(--slate-light); opacity:0; animation:htelab-curtainMark .5s ease .1s forwards; }
.htel-about-widget.htel-ab .page-curtain.done{ display:none; }
.htel-about-widget.htel-ab{ --loc-t2:#FFB020; }
@media (min-width:900px){
.htel-about-widget.htel-ab .nav__links{ display:flex; }
.htel-about-widget.htel-ab .nav__cta{ display:inline-flex; }
.htel-about-widget.htel-ab .nav__toggle{ display:none; }
}
@media (min-width:480px){
.htel-about-widget.htel-ab .footer__cols{ grid-template-columns:repeat(2,1fr); }
}
@media (min-width:700px){
.htel-about-widget.htel-ab .footer__top{ grid-template-columns:1.2fr 2fr; }
.htel-about-widget.htel-ab .footer__cols{ grid-template-columns:repeat(3,1fr); }
.htel-about-widget.htel-ab .footer__col{ border-left:1px solid var(--line-on-ink); padding-left:1.75rem; }
.htel-about-widget.htel-ab .footer__bottom{ flex-direction:row; justify-content:space-between; }
}
@media (prefers-reduced-motion: reduce){
.htel-about-widget.htel-ab .blob{ animation:none !important; }
.htel-about-widget.htel-ab .page-curtain{ display:none !important; }
.htel-about-widget.htel-ab .magnetic{ transition:none !important; }
}
.htel-about-widget.htel-ab .is-active-link{ color:var(--crimson-2) !important; }
.htel-about-widget.htel-ab .ab-max{ max-width:820px; }
.htel-about-widget.htel-ab .icon-box{ width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 32px; }
.htel-about-widget.htel-ab .icon-box svg{ width:22px; height:22px; display:block; }
@media (max-width:640px){
.htel-about-widget.htel-ab .icon-box{ width:28px; height:28px; flex-basis:28px; }
.htel-about-widget.htel-ab .icon-box svg{ width:20px; height:20px; }
}
.htel-about-widget.htel-ab .icon-box--tint{ border-radius:9px; background:var(--glass-ink); border:1px solid var(--line-on-ink); transition:transform .35s var(--ease), background .35s ease; }
.htel-about-widget.htel-ab .icon-box--tint svg{ width:17px; height:17px; }
@media (max-width:640px){
.htel-about-widget.htel-ab .icon-box--tint svg{ width:15px; height:15px; }
}
.htel-about-widget.htel-ab .ab-hero{ position:relative; padding-top:var(--header-h, clamp(8.5rem,15vw,11rem)); padding-bottom:clamp(3rem,6vw,4rem); background:var(--ink); color:var(--paper); overflow:hidden; }
.htel-about-widget.htel-ab .ab-hero__grid-bg{ position:absolute; inset:-2px; z-index:0; opacity:.4; background-image:linear-gradient(var(--line-on-ink) 1px, transparent 1px), linear-gradient(90deg, var(--line-on-ink) 1px, transparent 1px); background-size:56px 56px; mask-image:radial-gradient(ellipse 75% 60% at 75% 20%, #000 25%, transparent 78%); }
.htel-about-widget.htel-ab .ab-hero__glow{ position:absolute; z-index:0; width:520px; height:520px; top:-170px; right:-150px; border-radius:50%; filter:blur(100px); background:radial-gradient(circle,rgba(226,31,54,.36),transparent 70%); pointer-events:none; }
.htel-about-widget.htel-ab .ab-hero__inner{ position:relative; z-index:1; display:grid; gap:clamp(2.5rem,5vw,3rem); grid-template-columns:minmax(0,1fr); align-items:center; }
@media (min-width:980px){
.htel-about-widget.htel-ab .ab-hero__inner{ grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:clamp(2rem,4vw,3.5rem); }
}
.htel-about-widget.htel-ab .ab-hero__badges{ display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:1.5rem; }
.htel-about-widget.htel-ab .ab-hero__badge{ display:inline-flex; align-items:center; gap:.5rem; font-family:var(--font-mono); font-size:.74rem; letter-spacing:.02em; background:var(--glass-ink); border:1px solid var(--line-on-ink); color:var(--slate-light); padding:.5rem .9rem; border-radius:100px; }
.htel-about-widget.htel-ab .ab-hero__badge .dot{ width:6px; height:6px; border-radius:50%; background:var(--crimson-2); box-shadow:0 0 10px var(--crimson-2); flex-shrink:0; }
.htel-about-widget.htel-ab .ab-hero h1{ font-size:var(--fs-h1); }
.htel-about-widget.htel-ab .ab-hero h1 em{ font-style:normal; display:block; background:linear-gradient(120deg,var(--crimson-2),var(--crimson) 65%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.htel-about-widget.htel-ab .ab-hero p.lead{ margin-top:1.5rem; font-size:var(--fs-lead); color:var(--slate-light); max-width:52ch; }
.htel-about-widget.htel-ab .ab-hero__actions{ display:flex; flex-wrap:wrap; gap:1rem; margin-top:2.2rem; }
.htel-about-widget.htel-ab .ab-hero__visual{ position:relative; width:min(100%,460px); aspect-ratio:1/1; margin-inline:auto; }
@media (max-width:640px){
.htel-about-widget.htel-ab .ab-hero__visual{ width:min(90vw,340px); }
}
.htel-about-widget.htel-ab .ab-hero__visual svg{ width:100%; height:100%; overflow:visible; }
.htel-about-widget.htel-ab .ab-eco-ring{ fill:none; stroke:var(--line-on-ink); stroke-width:1; }
.htel-about-widget.htel-ab .ab-eco-spoke{ stroke:var(--line-on-ink); stroke-width:1; }
.htel-about-widget.htel-ab .ab-eco-poly{ fill:none; stroke-width:1.4; stroke-dasharray:5 4; opacity:.85; }
.htel-about-widget.htel-ab .ab-eco-core-ring{ fill:none; stroke:var(--crimson-2); stroke-width:1.4; opacity:.55; }
.htel-about-widget.htel-ab .ab-eco-core-text{ font-family:var(--font-mono); font-weight:600; fill:#fff; text-anchor:middle; }
.htel-about-widget.htel-ab .ab-eco-node-circle{ fill:var(--ink-elevated); stroke:var(--glass-ink-brd); stroke-width:1.2; }
.htel-about-widget.htel-ab .ab-eco-node-dot{ fill:var(--crimson-2); }
.htel-about-widget.htel-ab .ab-eco-node-text{ font-family:var(--font-mono); font-size:8.6px; fill:var(--paper); text-anchor:middle; letter-spacing:.02em; }
.htel-about-widget.htel-ab .ab-eco-particle{ fill:var(--crimson-2); filter:drop-shadow(0 0 6px rgba(255,71,87,.8)); }
.htel-about-widget.htel-ab .ab-evo-flow{ margin-top:clamp(2rem,4vw,2.75rem); }
.htel-about-widget.htel-ab .ab-evo-flow__track{ display:flex; flex-wrap:wrap; align-items:center; gap:.45rem 0; justify-content:center; }
.htel-about-widget.htel-ab .ab-evo-flow__node{ font-family:var(--font-mono); font-size:.72rem; color:var(--paper); background:var(--glass-ink); border:1px solid var(--line-on-ink); padding:.42rem .85rem; border-radius:100px; white-space:nowrap; }
.htel-about-widget.htel-ab .ab-evo-flow__node b{ color:var(--crimson-2); font-weight:600; }
.htel-about-widget.htel-ab .ab-evo-flow__arrow{ color:var(--slate-light); width:16px; height:10px; margin:0 .2rem; flex-shrink:0; }
@media (max-width:700px){
.htel-about-widget.htel-ab .ab-evo-flow__track{ justify-content:flex-start; }
}
.htel-about-widget.htel-ab .ab-company__grid{ display:grid; gap:clamp(2.5rem,5vw,4rem); grid-template-columns:minmax(0,1fr); margin-top:clamp(2.5rem,5vw,3.5rem); align-items:center; }
@media (min-width:900px){
.htel-about-widget.htel-ab .ab-company__grid{ grid-template-columns:minmax(0,1fr) minmax(0,.9fr); }
}
.htel-about-widget.htel-ab .ab-stack{ display:flex; flex-direction:column; gap:.15em; }
.htel-about-widget.htel-ab .ab-stack__word{ font-family:var(--font-display); font-weight:800; line-height:.98; letter-spacing:-0.02em; color:var(--ink); font-size:clamp(1.9rem,1.3rem + 3vw,3.6rem); }
.htel-about-widget.htel-ab .ab-stack__word--accent{ background:linear-gradient(120deg,var(--crimson),var(--maroon) 70%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.htel-about-widget.htel-ab .ab-stack__plus{ font-family:var(--font-mono); font-size:1.1rem; color:var(--slate-light); padding-left:.15em; }
.htel-about-widget.htel-ab .ab-company__story p{ font-size:1.02rem; color:var(--slate); line-height:1.75; max-width:56ch; }
.htel-about-widget.htel-ab .ab-company__story p + p{ margin-top:1.1rem; }
.htel-about-widget.htel-ab .ab-company__tags{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.75rem; }
.htel-about-widget.htel-ab .ab-company__tag{ display:inline-flex; align-items:center; gap:.5rem; font-family:var(--font-mono); font-size:.74rem; color:var(--ink); background:var(--paper-dim); border:1px solid var(--line-on-paper); padding:.45rem .85rem; border-radius:100px; }
.htel-about-widget.htel-ab .ab-company__tag svg{ width:15px; height:15px; color:var(--crimson); flex-shrink:0; }
@media (max-width:640px){
.htel-about-widget.htel-ab .ab-company__tag svg{ width:13px; height:13px; }
}
.htel-about-widget.htel-ab .shift2{ display:grid; grid-template-columns:minmax(0,1fr); gap:2rem; margin-top:clamp(2.5rem,5vw,3.5rem); align-items:center; }
@media (min-width:860px){
.htel-about-widget.htel-ab .shift2{ grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:clamp(1.5rem,3vw,2.5rem); }
}
.htel-about-widget.htel-ab .shift2__label{ font-family:var(--font-mono); font-size:.74rem; letter-spacing:.06em; text-transform:uppercase; color:var(--slate); display:block; margin-bottom:1.1rem; }
.htel-about-widget.htel-ab .shift2__col{ min-width:0; }
.htel-about-widget.htel-ab .shift2__col--then .shift2__label{ color:var(--slate); }
.htel-about-widget.htel-ab .shift2__col--now .shift2__label{ color:var(--crimson); }
.htel-about-widget.htel-ab .shift2__scatter{ display:flex; flex-wrap:wrap; gap:.6rem; }
.htel-about-widget.htel-ab .shift2__node{ display:inline-flex; align-items:center; font-family:var(--font-display); font-weight:600; font-size:.94rem; padding:.6rem .95rem; border-radius:var(--radius-sm); color:var(--slate); background:transparent; border:1px dashed var(--line-on-paper); width:fit-content; transform:rotate(var(--r,0deg)); opacity:0; transition:opacity .5s var(--ease), transform .5s var(--ease); }
.htel-about-widget.htel-ab .shift2__scatter .shift2__node:nth-child(1){ transition-delay:.05s; }
.htel-about-widget.htel-ab .shift2__scatter .shift2__node:nth-child(2){ transition-delay:.15s; }
.htel-about-widget.htel-ab .shift2__scatter .shift2__node:nth-child(3){ transition-delay:.25s; }
.htel-about-widget.htel-ab .shift2__scatter .shift2__node:nth-child(4){ transition-delay:.35s; }
.htel-about-widget.htel-ab .shift2.is-active .shift2__scatter .shift2__node{ opacity:1; }
.htel-about-widget.htel-ab .shift2__linked{ position:relative; display:flex; flex-direction:column; gap:.55rem; border-left:2px solid rgba(226,31,54,.35); padding-left:1.2rem; margin-left:.25rem; }
.htel-about-widget.htel-ab .shift2__node--linked{ position:relative; color:var(--ink); border:1px solid var(--crimson-2); background:rgba(226,31,54,.05); opacity:0; transform:translateX(-6px); transition:opacity .45s var(--ease), transform .45s var(--ease); }
.htel-about-widget.htel-ab .shift2__node--linked::before{ content:''; position:absolute; left:-1.5rem; top:50%; transform:translateY(-50%); width:7px; height:7px; border-radius:50%; background:var(--crimson-2); box-shadow:0 0 6px rgba(226,31,54,.55); }
.htel-about-widget.htel-ab .shift2__linked .shift2__node--linked:nth-child(1){ transition-delay:.3s; }
.htel-about-widget.htel-ab .shift2__linked .shift2__node--linked:nth-child(2){ transition-delay:.38s; }
.htel-about-widget.htel-ab .shift2__linked .shift2__node--linked:nth-child(3){ transition-delay:.46s; }
.htel-about-widget.htel-ab .shift2__linked .shift2__node--linked:nth-child(4){ transition-delay:.54s; }
.htel-about-widget.htel-ab .shift2__linked .shift2__node--linked:nth-child(5){ transition-delay:.62s; }
.htel-about-widget.htel-ab .shift2.is-active .shift2__node--linked{ opacity:1; transform:translateX(0); }
.htel-about-widget.htel-ab .shift2__caption{ margin-top:1.1rem; font-family:var(--font-mono); font-size:.8rem; color:var(--slate); }
.htel-about-widget.htel-ab .shift2__caption--accent{ color:var(--crimson); }
.htel-about-widget.htel-ab .shift2__path{ display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:.5rem; padding:.5rem 0; }
.htel-about-widget.htel-ab .shift2__path-label{ font-family:var(--font-mono); font-size:.66rem; letter-spacing:.05em; text-transform:uppercase; color:var(--slate-light); white-space:nowrap; }
.htel-about-widget.htel-ab .shift2__path-label--top{ color:var(--slate); }
.htel-about-widget.htel-ab .shift2__path-label--mid{ color:var(--slate-light); }
.htel-about-widget.htel-ab .shift2__path-label--bottom{ color:var(--crimson); font-weight:600; }
.htel-about-widget.htel-ab .shift2__path-svg{ width:2px; height:120px; overflow:visible; }
@media (max-width:859px){
.htel-about-widget.htel-ab .shift2__path-svg{ height:64px; }
}
.htel-about-widget.htel-ab .shift2__path-track{ stroke:var(--line-on-paper); stroke-width:2; }
.htel-about-widget.htel-ab .shift2__path-fill{ stroke:var(--crimson); stroke-width:2; transition:y2 1.1s var(--ease); }
.htel-about-widget.htel-ab .shift2__path-signal{ fill:var(--crimson-2); filter:drop-shadow(0 0 5px rgba(226,31,54,.6)); }
.htel-about-widget.htel-ab .shift2__resolve{ display:flex; flex-direction:column; align-items:center; margin-top:clamp(2rem,4vw,2.75rem); }
.htel-about-widget.htel-ab .shift2__resolve-label{ font-family:var(--font-mono); font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; color:var(--slate); }
.htel-about-widget.htel-ab .shift2__resolve-line{ width:2px; height:32px; overflow:visible; margin-top:.4rem; }
.htel-about-widget.htel-ab .shift2__resolve-track{ stroke:var(--line-on-paper); stroke-width:2; }
.htel-about-widget.htel-ab .shift2__resolve-fill{ stroke:var(--crimson); stroke-width:2; transition:y2 .9s var(--ease); }
.htel-about-widget.htel-ab .shift2__banner{ text-align:center; font-family:var(--font-display); font-weight:800; font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem); letter-spacing:.02em; position:relative; background:linear-gradient(120deg,var(--crimson),var(--maroon) 70%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.htel-about-widget.htel-ab .ab-mission, .htel-about-widget.htel-ab .ab-vision{ display:grid; gap:clamp(2.5rem,5vw,3.5rem); grid-template-columns:minmax(0,1fr); align-items:center; margin-top:clamp(2rem,4vw,2.75rem); }
@media (min-width:900px){
.htel-about-widget.htel-ab .ab-mission, .htel-about-widget.htel-ab .ab-vision{ grid-template-columns:minmax(0,1fr) minmax(0,.9fr); }
}
.htel-about-widget.htel-ab .ab-mission__statement, .htel-about-widget.htel-ab .ab-vision__statement{ font-family:var(--font-display); font-weight:600; font-size:clamp(1.3rem,1.1rem + 1vw,1.7rem); line-height:1.45; color:var(--ink); }
.htel-about-widget.htel-ab .section--ink .ab-mission__statement, .htel-about-widget.htel-ab .section--ink .ab-vision__statement{ color:var(--paper); }
.htel-about-widget.htel-ab .ab-mission__statement em, .htel-about-widget.htel-ab .ab-vision__statement em{ font-style:normal; color:var(--crimson); }
.htel-about-widget.htel-ab .section--ink .ab-mission__statement em, .htel-about-widget.htel-ab .section--ink .ab-vision__statement em{ color:var(--crimson-2); }
.htel-about-widget.htel-ab .mission-eq{ display:flex; flex-direction:column; align-items:center; gap:.5rem; padding:1.5rem 1rem; border:1px solid var(--line-on-ink); border-radius:var(--radius-md); background:var(--glass-ink); }
.htel-about-widget.htel-ab .mission-eq__terms{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.5rem .7rem; }
.htel-about-widget.htel-ab .mission-eq__term{ font-family:var(--font-mono); font-size:.76rem; letter-spacing:.03em; text-transform:uppercase; color:var(--slate-light); border:1px solid var(--line-on-ink); padding:.4rem .75rem; border-radius:100px; }
.htel-about-widget.htel-ab .mission-eq__plus{ font-family:var(--font-mono); font-size:.9rem; color:var(--slate-light); }
.htel-about-widget.htel-ab .mission-eq__arrow{ position:relative; display:flex; flex-direction:column; align-items:center; }
.htel-about-widget.htel-ab .mission-eq__arrow-svg{ width:2px; height:44px; overflow:visible; }
.htel-about-widget.htel-ab .mission-eq__arrow-track{ stroke:var(--line-on-ink); stroke-width:2; }
.htel-about-widget.htel-ab .mission-eq__arrow-signal{ fill:var(--crimson-2); filter:drop-shadow(0 0 5px rgba(226,31,54,.6)); }
.htel-about-widget.htel-ab .mission-eq__arrow-head{ width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid var(--line-on-ink); margin-top:-1px; }
.htel-about-widget.htel-ab .mission-eq__outcome{ font-family:var(--font-display); font-weight:800; font-size:1.2rem; letter-spacing:.01em; color:#fff; background:linear-gradient(135deg,var(--crimson),var(--maroon)); padding:.75rem 1.7rem; border-radius:100px; box-shadow:0 16px 32px -16px rgba(226,31,54,.55); }
.htel-about-widget.htel-ab .ab-vision__visual{ position:relative; width:min(100%,480px); aspect-ratio:4/3; margin-inline:auto; }
@media (max-width:640px){
.htel-about-widget.htel-ab .ab-vision__visual{ width:min(90vw,340px); }
}
.htel-about-widget.htel-ab .ab-vision__caption{ position:absolute; left:0; bottom:-1.75rem; font-family:var(--font-mono); font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color:var(--slate); }
.htel-about-widget.htel-ab .ab-vision__visual svg{ width:100%; height:100%; overflow:visible; }
.htel-about-widget.htel-ab .ab-horizon-grid{ stroke:var(--line-on-paper); stroke-width:1; }
.htel-about-widget.htel-ab .ab-horizon-arc{ fill:none; stroke:var(--crimson-2); stroke-width:1.3; opacity:.5; }
.htel-about-widget.htel-ab .ab-horizon-node{ fill:var(--crimson-2); filter:drop-shadow(0 0 6px rgba(255,71,87,.7)); }
.htel-about-widget.htel-ab .ab-horizon-node--dim{ fill:var(--slate-light); opacity:.6; filter:none; }
.htel-about-widget.htel-ab .ab-horizon-label{ font-family:var(--font-mono); font-size:10px; letter-spacing:.04em; fill:var(--slate); text-anchor:middle; }
.htel-about-widget.htel-ab .ab-horizon-label--end{ fill:var(--crimson); font-weight:600; text-anchor:end; }
.htel-about-widget.htel-ab .ab-horizon-line{ fill:none; stroke:var(--crimson-2); stroke-width:2; stroke-linecap:round; }
.htel-about-widget.htel-ab .ab-horizon-dot{ fill:var(--crimson-2); filter:drop-shadow(0 0 8px rgba(255,71,87,.85)); }
.htel-about-widget.htel-ab .ab-beliefs{ margin-top:clamp(2rem,4vw,3rem); border-top:1px solid var(--line-on-ink); }
.htel-about-widget.htel-ab .ab-belief{ display:flex; align-items:flex-start; gap:clamp(1rem,3vw,1.75rem); padding:clamp(1.35rem,3vw,1.85rem) 0; border-bottom:1px solid var(--line-on-ink); position:relative; cursor:default; transition:padding-left .4s var(--ease), background .4s ease; }
.htel-about-widget.htel-ab .ab-belief:hover{ padding-left:.85rem; background:linear-gradient(90deg, rgba(255,71,87,.06), transparent 60%); }
.htel-about-widget.htel-ab .ab-belief__num{ font-family:var(--font-mono); font-weight:600; font-size:clamp(1.4rem,1.1rem + 1vw,2rem); color:var(--slate-light); flex-shrink:0; width:clamp(2.4rem,5vw,3.4rem); transition:color .4s ease; line-height:1; padding-top:.15rem; }
.htel-about-widget.htel-ab .ab-belief:hover .ab-belief__num{ color:var(--crimson-2); }
.htel-about-widget.htel-ab .ab-belief .icon-box--tint{ margin-top:.15rem; transition:transform .4s var(--ease), background .4s ease; }
.htel-about-widget.htel-ab .ab-belief:hover .icon-box--tint{ transform:rotate(-8deg); background:linear-gradient(135deg,var(--crimson),var(--maroon)); }
.htel-about-widget.htel-ab .ab-belief .icon-box--tint svg{ color:var(--crimson-2); }
.htel-about-widget.htel-ab .ab-belief:hover .icon-box--tint svg{ color:#fff; }
.htel-about-widget.htel-ab .ab-belief__body{ flex:1; }
.htel-about-widget.htel-ab .ab-belief__body h3{ font-size:1.2rem; margin-bottom:.35rem; color:var(--paper); }
.htel-about-widget.htel-ab .ab-belief__body p{ color:var(--slate-light); font-size:.96rem; max-width:52ch; transition:color .4s ease; }
.htel-about-widget.htel-ab .ab-belief:hover .ab-belief__body p{ color:var(--paper); }
.htel-about-widget.htel-ab .evo{ margin-top:clamp(2.5rem,5vw,3.5rem); }
.htel-about-widget.htel-ab .evo__graph{ display:none; }
@media (min-width:760px){
.htel-about-widget.htel-ab .evo__graph{ display:block; width:100%; max-width:900px; margin:0 auto 1rem; }
.htel-about-widget.htel-ab .evo__graph svg{ width:100%; height:auto; overflow:visible; }
}
.htel-about-widget.htel-ab .evo__track{ fill:none; stroke:var(--line-on-paper); stroke-width:2; }
.htel-about-widget.htel-ab .evo__node{ fill:var(--paper); stroke:var(--crimson); stroke-width:2; }
.htel-about-widget.htel-ab .evo__node--end{ fill:var(--crimson); stroke:none; filter:drop-shadow(0 0 6px rgba(226,31,54,.6)); }
.htel-about-widget.htel-ab .evo__signal{ fill:var(--crimson-2); filter:drop-shadow(0 0 6px rgba(226,31,54,.7)); }
.htel-about-widget.htel-ab .evo__stages{ display:grid; grid-template-columns:minmax(0,1fr); gap:1.5rem; }
@media (min-width:760px){
.htel-about-widget.htel-ab .evo__stages{ grid-template-columns:repeat(var(--ab-n,5),minmax(0,1fr)); gap:1rem; }
}
.htel-about-widget.htel-ab .evo__stage{ position:relative; text-align:left; padding-left:1.3rem; border-left:2px solid var(--line-on-paper); }
@media (min-width:760px){
.htel-about-widget.htel-ab .evo__stage{ text-align:center; padding-left:0; border-left:none; }
}
.htel-about-widget.htel-ab .evo__stage-dot{ position:absolute; left:-5px; top:.35rem; width:8px; height:8px; border-radius:50%; background:var(--crimson); }
@media (min-width:760px){
.htel-about-widget.htel-ab .evo__stage-dot{ position:static; display:block; width:8px; height:8px; border-radius:50%; background:var(--crimson); margin:0 auto .6rem; }
}
.htel-about-widget.htel-ab .evo__stage--end .evo__stage-dot{ background:var(--crimson); box-shadow:0 0 8px rgba(226,31,54,.6); }
.htel-about-widget.htel-ab .evo__stage-label{ display:block; font-family:var(--font-mono); font-size:.78rem; letter-spacing:.04em; text-transform:uppercase; color:var(--ink); font-weight:600; margin-bottom:.3rem; }
.htel-about-widget.htel-ab .evo__stage-label--end{ color:var(--crimson); }
.htel-about-widget.htel-ab .evo__stage p{ font-size:.85rem; color:var(--slate); line-height:1.5; max-width:22ch; }
@media (min-width:760px){
.htel-about-widget.htel-ab .evo__stage p{ margin-inline:auto; }
}
.htel-about-widget.htel-ab .ppl-arch{ margin-top:clamp(2.5rem,5vw,3.5rem); }
.htel-about-widget.htel-ab .ppl-arch__graph{ display:none; }
@media (min-width:760px){
.htel-about-widget.htel-ab .ppl-arch__graph{ display:block; width:100%; max-width:720px; margin-inline:auto; }
.htel-about-widget.htel-ab .ppl-arch__graph svg{ width:100%; height:auto; overflow:visible; }
}
.htel-about-widget.htel-ab .ppl-label{ font-family:var(--font-mono); font-size:12px; fill:var(--ink); }
.htel-about-widget.htel-ab .ppl-node{ fill:var(--slate-light); }
.htel-about-widget.htel-ab .ppl-line{ fill:none; stroke:var(--line-on-paper); stroke-width:1.4; }
.htel-about-widget.htel-ab .ppl-hub{ fill:var(--crimson); }
.htel-about-widget.htel-ab .ppl-out{ stroke:var(--crimson); stroke-width:2.2; }
.htel-about-widget.htel-ab .ppl-signal{ fill:var(--crimson-2); filter:drop-shadow(0 0 5px rgba(226,31,54,.6)); }
.htel-about-widget.htel-ab .ppl-outcome{ font-family:var(--font-display); font-weight:700; font-size:15px; fill:var(--ink); }
.htel-about-widget.htel-ab .ppl-arch__mobile{ display:flex; flex-direction:column; align-items:center; gap:.5rem; }
@media (min-width:760px){
.htel-about-widget.htel-ab .ppl-arch__mobile{ display:none; }
}
.htel-about-widget.htel-ab .ppl-arch__list{ display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem; }
.htel-about-widget.htel-ab .ppl-arch__item{ font-family:var(--font-mono); font-size:.78rem; color:var(--ink); background:var(--paper); border:1px solid var(--line-on-paper); padding:.4rem .8rem; border-radius:100px; }
.htel-about-widget.htel-ab .ppl-arch__arrow{ width:2px; height:32px; }
.htel-about-widget.htel-ab .ppl-arch__arrow svg{ width:100%; height:100%; overflow:visible; }
.htel-about-widget.htel-ab .ppl-arch__arrow-line{ stroke:var(--crimson); stroke-width:2; }
.htel-about-widget.htel-ab .ppl-arch__outcome{ font-family:var(--font-display); font-weight:700; font-size:1rem; color:#fff; background:linear-gradient(135deg,var(--crimson),var(--maroon)); padding:.55rem 1.3rem; border-radius:100px; }
.htel-about-widget.htel-ab #how-we-work{ padding-block:clamp(3rem,6vw,4.5rem); }
.htel-about-widget.htel-ab .hww{ display:grid; grid-template-columns:minmax(0,1fr); gap:2rem; align-items:center; padding-block:.5rem; }
@media (min-width:900px){
.htel-about-widget.htel-ab .hww{ grid-template-columns:minmax(0,.75fr) minmax(0,1.15fr); gap:clamp(2rem,4vw,3rem); }
}
.htel-about-widget.htel-ab .hww__intro h2{ font-size:var(--fs-h2); margin-top:.6rem; }
.htel-about-widget.htel-ab .hww__intro p{ margin-top:1rem; font-size:1rem; color:var(--slate-light); max-width:36ch; }
.htel-about-widget.htel-ab .hww__label{ display:inline-block; margin-top:1.25rem; font-family:var(--font-mono); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--crimson-2); }
.htel-about-widget.htel-ab .hww__flow{ display:flex; flex-direction:column; }
.htel-about-widget.htel-ab .hww__track{ position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:.4rem .3rem; }
.htel-about-widget.htel-ab .hww__signal-line{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); height:2px; z-index:0; pointer-events:none; display:none; }
@media (min-width:640px){
.htel-about-widget.htel-ab .hww__signal-line{ display:block; }
}
.htel-about-widget.htel-ab .hww__signal-line svg{ width:100%; height:100%; overflow:visible; }
.htel-about-widget.htel-ab .hww__signal-dot{ fill:var(--crimson-2); filter:drop-shadow(0 0 5px rgba(226,31,54,.6)); r:2; }
.htel-about-widget.htel-ab .hww__node{ position:relative; z-index:1; }
.htel-about-widget.htel-ab .hww__node{ display:flex; align-items:center; gap:.4rem; padding:.5rem .8rem; border:1px solid var(--line-on-ink); border-radius:100px; background:var(--glass-ink); }
.htel-about-widget.htel-ab .hww__node--end{ border-color:var(--crimson-2); background:rgba(226,31,54,.08); }
.htel-about-widget.htel-ab .hww__num{ font-family:var(--font-mono); font-size:.62rem; color:var(--slate-light); }
.htel-about-widget.htel-ab .hww__step{ font-family:var(--font-display); font-weight:600; font-size:.86rem; color:var(--paper); white-space:nowrap; }
.htel-about-widget.htel-ab .hww__arrow{ width:16px; height:10px; color:var(--slate-light); flex-shrink:0; }
.htel-about-widget.htel-ab .hww__loop{ display:flex; align-items:center; gap:.5rem; margin-top:1.1rem; font-family:var(--font-mono); font-size:.78rem; color:var(--slate-light); }
.htel-about-widget.htel-ab .hww__loop svg{ width:16px; height:16px; color:var(--crimson-2); flex-shrink:0; }
.htel-about-widget.htel-ab .ab-numbers-grid{ display:grid; gap:1.25rem; grid-template-columns:minmax(0,1fr); margin-top:clamp(2rem,4vw,3rem); }
@media (min-width:720px){
.htel-about-widget.htel-ab .ab-numbers-grid{ grid-template-columns:repeat(var(--ab-cols,3),minmax(0,1fr)); }
}
.htel-about-widget.htel-ab .ab-numbers-grid .stat-card{ border-color:transparent; }
.htel-about-widget.htel-ab .ab-numbers-wrap{ position:relative; }
.htel-about-widget.htel-ab .ab-numbers-connector{ display:none; }
@media (min-width:720px){
.htel-about-widget.htel-ab .ab-numbers-connector{ display:block; width:100%; height:34px; margin-top:.25rem; }
}
.htel-about-widget.htel-ab .ab-numbers-connector svg{ width:100%; height:100%; overflow:visible; }
.htel-about-widget.htel-ab .ab-numbers-connector__track{ fill:none; stroke:var(--line-on-paper); stroke-width:1.3; }
.htel-about-widget.htel-ab .ab-numbers-connector__dot{ fill:var(--crimson); opacity:.6; }
.htel-about-widget.htel-ab .ab-numbers-connector__signal{ fill:var(--crimson-2); filter:drop-shadow(0 0 4px rgba(226,31,54,.55)); }
.htel-about-widget.htel-ab .why-cmp{ display:grid; grid-template-columns:minmax(0,1fr); gap:1.5rem; margin-top:clamp(2.5rem,5vw,3.5rem); margin-bottom:clamp(2rem,4vw,3rem); align-items:stretch; }
@media (min-width:760px){
.htel-about-widget.htel-ab .why-cmp{ grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:clamp(1.5rem,3vw,2.5rem); }
}
.htel-about-widget.htel-ab .why-cmp__col{ padding:clamp(1.5rem,3vw,2rem); border:1px solid var(--line-on-paper); border-radius:var(--radius-md); background:var(--paper); }
.htel-about-widget.htel-ab .why-cmp__col--accent{ border-color:var(--crimson-2); background:rgba(226,31,54,.04); }
.htel-about-widget.htel-ab .why-cmp__label{ display:block; font-family:var(--font-mono); font-size:.74rem; letter-spacing:.04em; text-transform:uppercase; color:var(--slate); margin-bottom:1rem; }
.htel-about-widget.htel-ab .why-cmp__label--accent{ color:var(--crimson); }
.htel-about-widget.htel-ab .why-cmp__list{ list-style:none; display:flex; flex-direction:column; gap:.6rem; }
.htel-about-widget.htel-ab .why-cmp__list li{ font-family:var(--font-display); font-size:.96rem; color:var(--slate); padding-left:1.1rem; position:relative; }
.htel-about-widget.htel-ab .why-cmp__list li::before{ content:'—'; position:absolute; left:0; color:var(--slate-light); }
.htel-about-widget.htel-ab .why-cmp__list--accent li{ color:var(--ink); font-weight:600; }
.htel-about-widget.htel-ab .why-cmp__list--accent li::before{ content:'✓'; color:var(--crimson); }
.htel-about-widget.htel-ab .why-cmp__tag{ display:inline-block; margin-top:1.1rem; font-family:var(--font-mono); font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color:var(--slate-light); }
.htel-about-widget.htel-ab .why-cmp__tag--accent{ color:var(--crimson); }
.htel-about-widget.htel-ab .why-cmp__divider{ display:none; }
@media (min-width:760px){
.htel-about-widget.htel-ab .why-cmp__divider{ display:flex; align-items:center; justify-content:center; }
}
.htel-about-widget.htel-ab .why-cmp__divider-svg{ width:2px; height:100%; min-height:120px; overflow:visible; }
.htel-about-widget.htel-ab .why-cmp__divider-track{ stroke:var(--line-on-paper); stroke-width:2; }
.htel-about-widget.htel-ab .why-cmp__divider-signal{ fill:var(--crimson-2); filter:drop-shadow(0 0 5px rgba(226,31,54,.6)); }
.htel-about-widget.htel-ab .ab-why{ margin-top:clamp(2rem,4vw,3rem); }
.htel-about-widget.htel-ab .ab-why__row{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:clamp(1rem,3vw,1.75rem); padding:clamp(1.35rem,3vw,1.85rem) 0; border-top:1px solid var(--line-on-paper); align-items:start; }
.htel-about-widget.htel-ab .ab-why__row:last-child{ border-bottom:1px solid var(--line-on-paper); }
.htel-about-widget.htel-ab .ab-why__num{ font-family:var(--font-mono); font-size:1.15rem; color:var(--crimson); font-weight:600; padding-top:.1rem; }
.htel-about-widget.htel-ab .ab-why__row h3{ font-size:1.25rem; margin-bottom:.4rem; }
.htel-about-widget.htel-ab .ab-why__row p{ color:var(--slate); font-size:.96rem; max-width:60ch; line-height:1.65; }
.htel-about-widget.htel-ab .ab-next{ margin-top:clamp(2rem,4vw,3rem); }
.htel-about-widget.htel-ab .ab-next__terms{ display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; margin-bottom:1.5rem; }
.htel-about-widget.htel-ab .ab-next__term{ font-family:var(--font-mono); font-size:.78rem; color:var(--slate-light); background:var(--glass-ink); border:1px solid var(--line-on-ink); padding:.5rem .95rem; border-radius:100px; }
.htel-about-widget.htel-ab .ab-next__lines{ position:relative; height:56px; width:min(100%,480px); margin-inline:auto; }
.htel-about-widget.htel-ab .ab-next__lines svg{ width:100%; height:100%; overflow:visible; }
.htel-about-widget.htel-ab .ab-next-line{ stroke:var(--line-on-ink); stroke-width:1.2; }
.htel-about-widget.htel-ab .ab-next__hub{ display:flex; justify-content:center; }
.htel-about-widget.htel-ab .ab-next__hub-pill{ display:inline-flex; align-items:center; gap:.55rem; font-family:var(--font-display); font-weight:700; font-size:1.05rem; color:#fff; background:linear-gradient(135deg,var(--crimson),var(--maroon)); padding:.85rem 1.8rem; border-radius:100px; box-shadow:0 16px 32px -16px rgba(226,31,54,.6); }
.htel-about-widget.htel-ab .ab-next__hub-pill svg{ width:16px; height:16px; }
.htel-about-widget.htel-ab .ab-statement{ padding-block:clamp(5rem,10vw,7.5rem); background:var(--ink); color:var(--paper); text-align:center; position:relative; overflow:hidden; }
.htel-about-widget.htel-ab .ab-statement__glow{ position:absolute; top:50%; left:50%; width:600px; height:600px; transform:translate(-50%,-50%); border-radius:50%; filter:blur(140px); background:radial-gradient(circle,rgba(226,31,54,.2),transparent 70%); pointer-events:none; }
.htel-about-widget.htel-ab .ab-statement h2{ position:relative; z-index:1; font-size:clamp(1.9rem,1.4rem + 2.6vw,3.6rem); line-height:1.18; max-width:16ch; margin-inline:auto; font-weight:700; letter-spacing:-0.01em; }
.htel-about-widget.htel-ab .ab-statement h2 em{ font-style:normal; color:var(--crimson-2); }
@media (max-width:640px){
.htel-about-widget.htel-ab .ab-why__row{ grid-template-columns:minmax(0,1fr); }
.htel-about-widget.htel-ab .ab-why__num{ padding-top:0; }
}
@media (prefers-reduced-motion: reduce){
.htel-about-widget.htel-ab .ab-belief, .htel-about-widget.htel-ab .ab-belief__num, .htel-about-widget.htel-ab .icon-box--tint{ transition:none !important; }
}
@keyframes htelab-gridDrift{ to{ background-position:56px 56px; } }
@keyframes htelab-glowSpin{ to{ --ang:360deg; } }
@keyframes htelab-ringSpin{ to{ stroke-dashoffset:-200; } }
@keyframes htelab-iconFloat{ 0%,100%{ transform:translateY(0) scale(1); } 50%{ transform:translateY(-3px) scale(1.1); } }
@keyframes htelab-blobDrift{ 0%,100%{ transform:translate(0,0) scale(1); } 25%{ transform:translate(4%,6%) scale(1.08); } 50%{ transform:translate(-3%,3%) scale(.96); } 75%{ transform:translate(3%,-5%) scale(1.05); } }
@keyframes htelab-curtainMark{ to{ opacity:1; } }
@keyframes htelab-curtainOut{ 0%{ clip-path:inset(0 0 0 0); opacity:1; } 60%{ opacity:1; } 100%{ clip-path:inset(0 0 100% 0); opacity:1; } }
/* extra stagger steps for repeaters with more items than the source (source defines 1-4 / 1-5) */
.htel-about-widget.htel-ab .shift2__scatter .shift2__node:nth-child(5){ transition-delay:.45s; }
.htel-about-widget.htel-ab .shift2__scatter .shift2__node:nth-child(6){ transition-delay:.55s; }
.htel-about-widget.htel-ab .shift2__scatter .shift2__node:nth-child(7){ transition-delay:.65s; }
.htel-about-widget.htel-ab .shift2__scatter .shift2__node:nth-child(n+8){ transition-delay:.75s; }
.htel-about-widget.htel-ab .shift2__linked .shift2__node--linked:nth-child(6){ transition-delay:.70s; }
.htel-about-widget.htel-ab .shift2__linked .shift2__node--linked:nth-child(7){ transition-delay:.78s; }
.htel-about-widget.htel-ab .shift2__linked .shift2__node--linked:nth-child(n+8){ transition-delay:.86s; }
/* Elementor editor preview: no fixed overlays on top of the editing canvas, no curtain */
.htel-about-widget.htel-ab.htel-is-editor .page-curtain{ display:none !important; }
.htel-about-widget.htel-ab.htel-is-editor .promo-bar, .htel-about-widget.htel-ab.htel-is-editor .nav{ position:absolute !important; }
.htel-about-widget.htel-ab.htel-is-editor .mobile-panel{ display:none !important; }
@media (prefers-reduced-motion: reduce){ .htel-about-widget.htel-ab{ scroll-behavior:auto; } }
/* keep the page below a site-wide header (stacking) */
.htel-about-widget.htel-ab{ position:relative; z-index:0; }