/* Smart Community Hall — homepage hire section (added 2026-10-06) */
.scf-hall{padding:110px 0;background:linear-gradient(180deg,var(--paper,#FAF0ED),var(--paper-deep,#F3E1DC));position:relative;overflow:hidden}
.scf-hall::before{content:"";position:absolute;width:520px;height:520px;left:-160px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,rgba(240,154,50,.28),transparent 70%);pointer-events:none}
.scf-hall .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;perspective:1400px}
.scf-hall h2{font-family:Fraunces,Georgia,serif;font-size:clamp(34px,4.4vw,52px);line-height:1.08;color:var(--leaf-deep,#54101B);margin:10px 0 18px}
.scf-hall h2 em{color:var(--henna,#A61E2D)}
.scf-hall .lead{font-size:18px;line-height:1.7;color:var(--ink-soft,#6E5356);max-width:540px;margin:0 0 28px}
.scf-hall-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 32px;padding:0;list-style:none}
.scf-hall-facts li{background:#fff;border:1px solid var(--line,#E4CFCB);border-radius:18px;padding:18px 16px;position:relative}
.scf-hall-facts b{display:block;font-family:Fraunces,Georgia,serif;font-size:22px;color:var(--leaf-deep,#54101B);margin-bottom:4px}
.scf-hall-facts span{font-size:14px;color:var(--ink-soft,#6E5356);line-height:1.45}
.scf-hall-ctas{display:flex;flex-wrap:wrap;gap:12px}

/* 3D video "device" */
.scf-hall-stage{position:relative;justify-self:center;width:min(100%,360px);transform-style:preserve-3d}
.scf-hall-device{position:relative;aspect-ratio:464/832;border-radius:34px;padding:10px;background:linear-gradient(145deg,#2E1B1E,#54101B);box-shadow:0 50px 90px -35px rgba(84,16,27,.6),0 20px 40px -20px rgba(46,27,30,.35),inset 0 0 0 1px rgba(255,255,255,.08);rotate:0.15 -1 0 12deg;transition:rotate .9s cubic-bezier(.16,1,.3,1)}
.scf-hall-device video{width:100%;height:100%;object-fit:cover;border-radius:26px;display:block;background:#2E1B1E}
.scf-hall-play{position:absolute;inset:10px;border-radius:26px;border:0;cursor:pointer;display:grid;place-items:center;background:linear-gradient(180deg,rgba(46,27,30,0) 40%,rgba(46,27,30,.55));transition:opacity .4s}
.scf-hall-play span{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:rgba(253,244,240,.92);box-shadow:0 14px 30px -10px rgba(0,0,0,.45);transition:scale .4s cubic-bezier(.16,1,.3,1)}
.scf-hall-play:hover span{scale:1.1}
.scf-hall-play svg{margin-left:5px}
.scf-hall-play em{position:absolute;bottom:26px;left:0;right:0;text-align:center;color:#fff;font-style:normal;font-weight:700;font-size:14px;letter-spacing:.04em}
.scf-hall-device.playing .scf-hall-play{opacity:0;pointer-events:none}
.scf-hall-price{position:absolute;top:44px;left:-46px;z-index:2;background:var(--marigold,#F09A32);color:#2E1B1E;border-radius:20px;padding:14px 20px;box-shadow:0 22px 40px -18px rgba(84,16,27,.55);translate:0 0 60px;animation:scf-hall-bob 5s ease-in-out infinite}
.scf-hall-price small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.scf-hall-price b{font-family:Fraunces,Georgia,serif;font-size:34px;line-height:1}
.scf-hall-tag{position:absolute;bottom:70px;right:-28px;z-index:3;translate:0 0 90px;background:#fff;color:var(--leaf-deep,#54101B);border-radius:999px;padding:10px 18px;font-weight:700;font-size:14px;box-shadow:0 18px 36px -16px rgba(84,16,27,.45);animation:scf-hall-bob 6s ease-in-out infinite reverse}
@keyframes scf-hall-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

@media (max-width:900px){
  .scf-hall{padding:80px 0}
  .scf-hall .wrap{grid-template-columns:1fr;gap:56px}
  .scf-hall-facts{grid-template-columns:1fr 1fr}
  .scf-hall-device{rotate:none}
  .scf-hall-price{left:-14px}
  .scf-hall-tag{right:-10px}
}
@media (max-width:480px){.scf-hall-facts{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.scf-hall-price,.scf-hall-tag{animation:none}.scf-hall-device{rotate:none!important}}

/* hero feature card (hall hire) */
.scf-hero-hall{position:relative;display:flex;align-items:center;gap:16px;max-width:520px;margin:26px 0 8px;padding:10px 20px 10px 10px;border-radius:22px;background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(166,30,45,.18);box-shadow:0 22px 44px -26px rgba(84,16,27,.5);text-decoration:none;color:inherit;overflow:hidden;transition:translate .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1);animation:scf-hh-in 1.1s cubic-bezier(.16,1,.3,1) .9s both}
.scf-hero-hall::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-18deg);animation:scf-hh-shine 5s ease-in-out 2.2s infinite;pointer-events:none}
.scf-hero-hall:hover{translate:0 -4px;box-shadow:0 30px 56px -26px rgba(84,16,27,.6)}
.scf-hh-thumb{position:relative;flex:0 0 74px;height:96px;border-radius:14px;overflow:hidden;background:#2E1B1E}
.scf-hh-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.scf-hero-hall:hover .scf-hh-thumb img{transform:scale(1.08)}
.scf-hh-thumb i{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;display:grid;place-items:center;background:rgba(253,244,240,.94);box-shadow:0 6px 14px -4px rgba(0,0,0,.4)}
.scf-hh-thumb i svg{margin-left:2px}
.scf-hh-text small{display:inline-flex;align-items:center;gap:7px;background:var(--marigold,#F09A32);color:#2E1B1E;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 11px;border-radius:999px;margin-bottom:7px}
.scf-hh-dot{width:7px;height:7px;border-radius:50%;background:var(--henna,#A61E2D);box-shadow:0 0 0 0 rgba(166,30,45,.6);animation:scf-hh-ping 1.8s ease-out infinite}
.scf-hh-text b{display:block;font-family:Fraunces,Georgia,serif;font-size:19px;line-height:1.22;color:var(--leaf-deep,#54101B)}
.scf-hh-text em{display:block;font-style:normal;font-size:13.5px;font-weight:700;color:var(--henna,#A61E2D);margin-top:6px}
@keyframes scf-hh-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes scf-hh-shine{0%,70%{left:-60%}100%{left:130%}}
@keyframes scf-hh-ping{0%{box-shadow:0 0 0 0 rgba(166,30,45,.55)}100%{box-shadow:0 0 0 9px rgba(166,30,45,0)}}
@media (max-width:600px){.scf-hero-hall{max-width:100%;gap:12px;padding-right:14px}.scf-hh-thumb{flex-basis:64px;height:84px}.scf-hh-text b{font-size:17px}.scf-hh-text em{font-size:12.5px}}
@media (prefers-reduced-motion:reduce){.scf-hero-hall,.scf-hero-hall::after,.scf-hh-dot{animation:none}}