/* SDI Tahfidz Baitul Hikam — Qur'anic Contemporary V3.6 */
body{--thi-navy:#172b32;--thi-accent:#1f5c50;--thi-accent-2:#c29b5b;--thi-ink:#202c2a;--thi-muted:#68736f;--thi-soft:#eee9df;--thi-line:#dad4c8;--thi-radius:8px;--thi-shadow:0 20px 58px rgba(19,39,42,.1);background:#f6f2e9;color:#202c2a}
.thi-wrap{width:min(1240px,90vw)}.thi-topbar{height:5px;padding:0;font-size:0;background:linear-gradient(90deg,#152b32 0 77%,#c29b5b 77% 89%,#005939 89% 95%,#826f4f 95%)}.thi-header{background:rgba(248,245,237,.97);border-bottom:1px solid #d9d3c7}.thi-nav{min-height:92px}.thi-mark{width:50px;height:50px;border-radius:50% 50% 8px 8px;background:#172b32;color:#c29b5b}.thi-menu a{color:#34433f;font-size:.79rem;text-transform:uppercase;letter-spacing:.08em}.thi-menu a:hover{color:#1f5c50}
.thi-home-copy h1,.thi-home-section h2,.thi-page-head h1,.thi-home-cta h2,.thi-social-heading h2{font-family:Georgia,"Times New Roman",serif;font-weight:500}
.thi-home-hero{position:relative;min-height:800px;padding:0;color:#f7f1e6;background:linear-gradient(116deg,#13252d 0 59%,#e9dfcf 59%);overflow:hidden}.thi-home-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(30deg,rgba(194,155,91,.08) 12%,transparent 12.5%,transparent 87%,rgba(194,155,91,.08) 87.5%,rgba(194,155,91,.08)),linear-gradient(150deg,rgba(194,155,91,.08) 12%,transparent 12.5%,transparent 87%,rgba(194,155,91,.08) 87.5%,rgba(194,155,91,.08));background-size:72px 126px;mask-image:linear-gradient(90deg,black 0 52%,transparent 68%);pointer-events:none}.thi-home-hero-grid{position:relative;z-index:1;min-height:800px;grid-template-columns:1fr 1fr;gap:5rem}.thi-home-copy h1{font-size:clamp(4.2rem,6.7vw,7.4rem);line-height:.87;letter-spacing:-.06em;color:#fff}.thi-home-copy h1 span{display:block;color:#d8b779}.thi-home-lead{max-width:600px;color:#d0dcda;font-size:1.06rem;line-height:1.85}.thi-kicker{color:#d8b779;letter-spacing:.18em}.thi-button{padding:1rem 1.4rem;border-radius:4px;background:#c29b5b;color:#172b32;box-shadow:none;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.thi-button:hover{transform:translateY(-4px);box-shadow:0 10px 0 rgba(194,155,91,.18)}.thi-button-ghost{color:#f7f1e6;background:transparent;border:1px solid rgba(247,241,230,.45)}.thi-home-values{color:#d4ddda}.thi-home-values span:before{content:"◆";color:#c29b5b}
.thi-home-mosaic{position:relative;display:block;height:610px}.thi-home-mosaic:before{content:"";position:absolute;inset:-16px 26px 18px -16px;border:1px solid rgba(194,155,91,.65);border-radius:50% 50% 6px 6px}.thi-home-mosaic>img{position:absolute!important;border:0!important;box-shadow:0 30px 75px rgba(9,27,32,.25)}.thi-home-mosaic>.thi-home-main-photo{inset:0 34px 24px 0!important;width:92%!important;height:95%!important;border-radius:50% 50% 4px 4px!important;filter:saturate(.68) contrast(1.07);object-fit:cover}.thi-home-mosaic>img:nth-child(2){right:-15px;bottom:16px;width:220px;height:160px;border:8px solid #e9dfcf!important;border-radius:3px!important;z-index:4}.thi-home-mosaic>img:nth-child(3){left:-38px;top:46px;width:165px;height:190px;border:7px solid #13252d!important;border-radius:80px 80px 4px 4px!important;z-index:4}
.baithi-verse-note{position:absolute;z-index:6;right:10px;top:28px;max-width:210px;padding:1rem 1.15rem;border-left:3px solid #c29b5b;color:#172b32;background:#f7f2e8;box-shadow:0 18px 45px rgba(20,35,38,.16);font-family:Georgia,serif;font-size:.78rem;line-height:1.5;animation:baithiGlow 4.8s ease-in-out infinite}
.thi-home-section{padding:7.3rem 0}.thi-home-section h2{font-size:clamp(2.9rem,5vw,5.2rem);line-height:.94;letter-spacing:-.045em;max-width:940px}.thi-soft-section{background:#eae4d9}.thi-feature-grid{grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #cfc7b7;border-left:1px solid #cfc7b7}.thi-feature-box{min-height:235px;padding:2rem;border:0;border-right:1px solid #cfc7b7;border-bottom:1px solid #cfc7b7;border-radius:0;background:rgba(248,245,237,.62)}.thi-feature-icon{border-radius:50% 50% 5px 5px;background:#172b32;color:#d8b779}.thi-feature-box h3{font-family:Georgia,serif;font-size:1.3rem;font-weight:500}.thi-feature-box:hover{background:#f7f2e8}
.thi-stat-strip{background:#172b32}.thi-stat-grid>div{padding:2.5rem 1rem;text-align:center;border-right:1px solid rgba(216,183,121,.2)}.thi-stat-grid>div:last-child{border:0}.thi-stat-grid strong{font-family:Georgia,serif;font-weight:500;color:#d8b779}.thi-stat-grid span{color:#cad5d2}.thi-story-card{border:0;border-top:4px solid #c29b5b;border-radius:2px;background:#fff;box-shadow:var(--thi-shadow)}.thi-story-card img{filter:saturate(.72)}.thi-campus-gallery{gap:.7rem}.thi-campus-gallery img{border-radius:2px;filter:saturate(.7) contrast(1.04)}
.thi-social-wall{color:#f6f0e5;background:#172b32}.thi-social-wall .thi-section-lead{color:#bcc9c5}.thi-social-card{border-radius:50% 50% 4px 4px/20% 20% 4px 4px}.thi-social-button{color:#172b32;background:#c29b5b}.thi-home-cta-inner{border-radius:4px;background:#1f5c50;border-left:8px solid #c29b5b;box-shadow:0 26px 65px rgba(24,76,66,.2)}.thi-home-cta-links a{border-radius:3px;background:#c29b5b;color:#172b32}.thi-page-head{background:#172b32;border-bottom:6px solid #c29b5b}.thi-footer{background:#101f25;border-top:5px solid #c29b5b}
/* Slider and interaction character */
.thi-hero-stage{inset:0 8% 24px 0;border-radius:50% 50% 4px 4px}.thi-hero-stage .thi-hero-slide{border-radius:inherit!important;filter:saturate(.55) contrast(1.12) brightness(.72);transform:scale(1.12);clip-path:inset(0 0 100%)}.thi-hero-stage .thi-hero-slide.is-active{filter:saturate(.68) contrast(1.07) brightness(1);transform:scale(1);clip-path:inset(0)}.thi-hero-stage .thi-hero-slide.is-leaving{filter:brightness(.55);transform:scale(.96);clip-path:inset(100% 0 0)}.thi-slider-controls{right:11%;bottom:2.8rem;color:#172b32;border-radius:3px;background:rgba(247,242,232,.93)}.thi-slider-dot.is-active{background:#c29b5b}
.thi-motion-item{transform:translateY(32px);filter:blur(4px)}.thi-motion-item.is-inview{transform:none;filter:none}.thi-pointer-reactive:hover{transform:perspective(1050px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-7px);box-shadow:0 25px 60px rgba(17,35,39,.15)}.thi-cursor-orbit{border:1px solid #c29b5b;border-radius:50% 50% 4px 4px;background:rgba(194,155,91,.1)}.thi-cursor-orbit.is-interactive{border-color:#1f5c50;background:rgba(31,92,80,.1);box-shadow:0 0 22px rgba(194,155,91,.35)}
/* PPDB Qur'anic contemporary */
.thi-ppdb-hero{color:#f7f1e6;background:#172b32}.thi-ppdb-hero:before{content:"PPDB";position:absolute;right:-.03em;bottom:-.25em;color:rgba(194,155,91,.06);font:500 19rem/1 Georgia,serif}.thi-ppdb-copy{position:relative;z-index:2}.thi-ppdb-copy h1,.thi-ppdb-section h2,.thi-ppdb-final h2{font-family:Georgia,serif;font-weight:500}.thi-ppdb-lead{color:#ccd7d3}.thi-ppdb-unit{color:#d8b779}.thi-ppdb-photo-main{border-radius:50% 50% 4px 4px;filter:saturate(.65)}.thi-ppdb-photo-small{border-radius:3px;border-color:#172b32}.thi-ppdb-float-card{border-radius:3px;border-left:4px solid #c29b5b;background:#f7f2e8;color:#172b32}.thi-ppdb-flow-section,.thi-ppdb-faq-section{background:#eae4d9}.thi-ppdb-flow article,.thi-ppdb-content-card,.thi-ppdb-faq details{border-radius:3px;box-shadow:none}.thi-ppdb-flow article{border-top:4px solid #c29b5b}.thi-ppdb-flow article>b{border-radius:50% 50% 4px 4px;background:#172b32;color:#d8b779}.thi-ppdb-final-inner{border-radius:4px;background:#172b32;border-left:8px solid #c29b5b}.thi-ppdb-final-actions a{border-radius:3px;background:#c29b5b;color:#172b32}.thi-ppdb-flow article:hover{transform:translateY(-8px);box-shadow:0 14px 0 rgba(194,155,91,.2)}
@keyframes baithiGlow{0%,100%{box-shadow:0 18px 45px rgba(20,35,38,.16)}50%{box-shadow:0 18px 52px rgba(194,155,91,.32)}}
@media(max-width:900px){.thi-home-hero-grid{grid-template-columns:1fr;padding-block:4rem}.thi-home-hero{min-height:0;background:#172b32}.thi-home-mosaic{height:450px}.thi-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.thi-feature-grid{grid-template-columns:1fr}.thi-home-copy h1{font-size:clamp(3.7rem,14vw,6rem)}.thi-home-mosaic>img:nth-child(3){left:-8px}.baithi-verse-note{right:4px}.thi-stat-grid>div{border-right:0;border-bottom:1px solid rgba(216,183,121,.2)}}
@media(prefers-reduced-motion:reduce){.baithi-verse-note{animation:none}}