:root{
  --brand:#741B47;--brand-dark:#4e1230;--brand-mid:#8f2258;--brand-pale:#f9eef4;
  --gold:#c8982a;--gold-lt:#e8b840;--gold-pale:#fdf3dc;
  --white:#ffffff;--bg:#f8f9fb;--g100:#f1f3f6;--g200:#e2e6ed;
  --g400:#9aa3b0;--g600:#5a6475;--text:#1c1c1c;--green:#2e7d4f;
  --r:10px;--rlg:16px;
  --sh:0 4px 20px rgba(116,27,71,0.10);--shlg:0 12px 40px rgba(116,27,71,0.16);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Open Sans',sans-serif;font-weight:300;font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
button{cursor:pointer;font-family:inherit;}
.page{display:none;}
.page.active{display:block;}

/* ANNOUNCEMENT BAR */
.ann-bar{background:var(--brand-dark);color:rgba(255,255,255,0.88);font-family:'Montserrat',sans-serif;font-size:0.72rem;font-weight:600;letter-spacing:0.04em;padding:7px 0;overflow:hidden;white-space:nowrap;}
.ann-track{display:inline-flex;gap:4rem;animation:annTicker 28s linear infinite;}
.ann-track em{color:var(--gold-lt);font-style:normal;}
@keyframes annTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* NAV */
.nav{background:var(--white);border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:500;box-shadow:0 2px 10px rgba(116,27,71,0.08);width:100%;}
.nav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;padding:0 1rem;height:64px;gap:0.75rem;width:100%;}
.nav-brand{display:flex;align-items:center;gap:0.65rem;flex-shrink:0;min-width:0;}
.brand-mark{width:42px;height:42px;border-radius:9px;background:var(--brand);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;}
.brand-mark::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--gold);}
.brand-mark span{font-family:'Montserrat',sans-serif;font-size:1.25rem;font-weight:900;color:var(--white);line-height:1;margin-bottom:4px;}
.brand-words{line-height:1.2;min-width:0;}
.brand-name{font-family:'Montserrat',sans-serif;font-size:0.95rem;font-weight:800;color:var(--brand);display:block;white-space:nowrap;}
.brand-tag{font-size:0.58rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:0.12em;display:block;white-space:nowrap;}
.nav-links{display:flex;align-items:center;gap:0;flex:1;margin-left:0.25rem;overflow:hidden;}
.nav-links a,.nav-links button{font-family:'Montserrat',sans-serif;font-size:0.7rem;font-weight:700;color:var(--g600);padding:0.4rem 0.65rem;border-radius:6px;text-transform:uppercase;letter-spacing:0.04em;transition:color 0.2s,background 0.2s;white-space:nowrap;background:none;border:none;flex-shrink:0;}
.nav-links a:hover,.nav-links button:hover{color:var(--brand);background:var(--brand-pale);}
.nav-links a.active,.nav-links button.active{color:var(--brand);background:var(--brand-pale);}
.nav-links .ndiv{width:1px;height:16px;background:var(--g200);margin:0 0.1rem;flex-shrink:0;}
.nav-links .camp{color:var(--brand);font-weight:800;}
.nav-links .camp:hover{background:var(--gold-pale);color:var(--gold);}
.nav-right{display:flex;align-items:center;gap:0.4rem;margin-left:auto;flex-shrink:0;}
.nav-icon-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;background:var(--g100);border:none;transition:background 0.2s;color:var(--brand);position:relative;}
.nav-icon-btn:hover{background:var(--g200);}
.school-btn{width:auto !important;padding:0 0.65rem;gap:0.25rem;font-family:'Montserrat',sans-serif;font-size:0.58rem;font-weight:800;}
.cart-badge{position:absolute;top:-5px;right:-5px;background:var(--gold);color:var(--brand-dark);border-radius:50%;width:17px;height:17px;font-size:0.56rem;font-weight:900;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;transition:transform 0.2s;}
.hamburger{display:none;flex-direction:column;gap:5px;width:38px;height:38px;align-items:center;justify-content:center;background:none;border:none;padding:0;flex-shrink:0;z-index:600;position:relative;}
.hamburger span{display:block;width:22px;height:2px;background:var(--brand);border-radius:2px;transition:all 0.3s;transform-origin:center;}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* MOBILE MENU - FIXED FULLSCREEN */
.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--white);z-index:550;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.mobile-menu.open{display:flex;}
.mob-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;border-bottom:2px solid var(--gold);background:var(--brand);flex-shrink:0;min-height:64px;}
.mob-logo{display:flex;align-items:center;gap:0.6rem;}
.mob-logo-mark{width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:900;color:var(--white);border:1px solid rgba(255,255,255,0.25);}
.mob-logo-text{font-family:'Montserrat',sans-serif;font-size:0.85rem;font-weight:800;color:var(--white);}
.mob-logo-sub{font-size:0.58rem;color:rgba(255,255,255,0.65);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;}
.mob-close{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);color:var(--white);font-size:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mob-body{flex:1;padding:1rem 1rem 2rem;display:flex;flex-direction:column;gap:0.2rem;overflow-y:auto;}
.mob-link{display:flex;align-items:center;gap:0.75rem;padding:0.85rem 1rem;font-family:'Montserrat',sans-serif;font-size:0.88rem;font-weight:700;color:var(--text);border-radius:10px;text-transform:uppercase;letter-spacing:0.04em;border:none;background:none;text-align:left;width:100%;transition:background 0.2s,color 0.2s;}
.mob-link:hover,.mob-link:active{background:var(--brand-pale);color:var(--brand);}
.mob-link.camp{color:var(--brand);}
.mob-link.camp:hover{background:var(--gold-pale);color:var(--gold);}
.mob-divider{height:1px;background:var(--g200);margin:0.5rem 0;}
.mob-section-label{font-family:'Montserrat',sans-serif;font-size:0.6rem;font-weight:800;text-transform:uppercase;letter-spacing:0.14em;color:var(--g400);padding:0.5rem 1rem 0.2rem;}

/* SLIDER */
.slider-wrap{position:relative;overflow:hidden;width:100%;line-height:0;}
.slider-track{display:flex;transition:transform 0.75s cubic-bezier(0.77,0,0.18,1);will-change:transform;}
.slide{min-width:100%;height:520px;position:relative;overflow:hidden;display:flex;align-items:center;flex-shrink:0;}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center top;background-repeat:no-repeat;transform:scale(1.06);transition:transform 7s ease;}
.slide.is-active .slide-bg{transform:scale(1);}

.slide-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(78,18,48,0.92) 0%,rgba(116,27,71,0.80) 40%,rgba(116,27,71,0.40) 70%,rgba(116,27,71,0.15) 100%);}
.slide-content{position:relative;z-index:2;padding:0 5%;max-width:780px;width:100%;line-height:1.4;}
.slide-badge{display:inline-flex;align-items:center;gap:0.4rem;padding:5px 14px;border-radius:50px;background:rgba(200,152,42,0.20);color:var(--gold-lt);border:1px solid rgba(200,152,42,0.40);font-family:'Montserrat',sans-serif;font-size:0.64rem;font-weight:800;text-transform:uppercase;letter-spacing:0.14em;margin-bottom:1rem;}
.slide-content h2{font-family:'Montserrat',sans-serif;font-size:clamp(1.6rem,4.5vw,3.4rem);line-height:1.1;font-weight:900;color:var(--white);margin-bottom:0.8rem;text-shadow:0 2px 24px rgba(0,0,0,0.25);}
.slide-content h2 em{font-style:normal;color:var(--gold-lt);display:block;}
.slide-content p{font-size:0.92rem;line-height:1.75;font-weight:300;color:rgba(255,255,255,0.80);max-width:500px;margin-bottom:1.5rem;}
.slide-btns{display:flex;gap:0.65rem;flex-wrap:wrap;}
.btn-gold{background:var(--gold);color:var(--brand-dark);padding:0.75rem 1.6rem;border-radius:8px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:0.8rem;letter-spacing:0.03em;transition:all 0.2s;display:inline-block;border:none;box-shadow:0 4px 18px rgba(200,152,42,0.35);}
.btn-gold:hover{background:var(--gold-lt);transform:translateY(-2px);}
.btn-outline-w{background:rgba(255,255,255,0.10);border:2px solid rgba(255,255,255,0.45);color:var(--white);padding:0.75rem 1.6rem;border-radius:8px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:0.8rem;letter-spacing:0.03em;transition:all 0.2s;display:inline-block;}
.btn-outline-w:hover{border-color:var(--white);background:rgba(255,255,255,0.18);}
.slide-stats{display:flex;gap:1.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.16);flex-wrap:wrap;}
.sstat-n{font-family:'Montserrat',sans-serif;font-size:1.4rem;font-weight:900;color:var(--gold-lt);line-height:1;display:block;}
.sstat-l{font-size:0.7rem;color:rgba(255,255,255,0.55);display:block;margin-top:3px;font-weight:300;}
.slider-dots{position:absolute;bottom:1.1rem;left:50%;transform:translateX(-50%);display:flex;gap:0.5rem;z-index:10;}
.sdot{width:8px;height:8px;border-radius:4px;border:none;padding:0;background:rgba(255,255,255,0.35);transition:all 0.35s ease;cursor:pointer;}
.sdot.active{width:24px;background:var(--gold);}
.sarrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.10);border:2px solid rgba(255,255,255,0.30);color:var(--white);font-size:1.5rem;display:flex;align-items:center;justify-content:center;z-index:10;transition:all 0.2s;backdrop-filter:blur(6px);line-height:1;}
.sarrow:hover{background:var(--gold);border-color:var(--gold);color:var(--brand-dark);}
.sarrow.prev{left:1rem;}
.sarrow.next{right:1rem;}

/* TRUST BAR */
.trust-bar{background:var(--brand);border-bottom:3px solid var(--gold);}
.trust-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);padding:0 1rem;}
.titem{display:flex;align-items:center;gap:0.7rem;padding:0.85rem 0.6rem;border-right:1px solid rgba(255,255,255,0.10);}
.titem:last-child{border-right:none;}
.ticon{width:36px;height:36px;border-radius:8px;background:rgba(200,152,42,0.18);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.ttitle{font-family:'Montserrat',sans-serif;font-size:0.72rem;font-weight:700;color:var(--white);}
.tsub{font-size:0.65rem;color:rgba(255,255,255,0.52);margin-top:1px;font-weight:300;}

/* SECTIONS */
.sec{padding:3rem 0;}
.wrap{max-width:1280px;margin:0 auto;padding:0 1rem;width:100%;}
.sec-label{font-family:'Montserrat',sans-serif;font-size:0.62rem;font-weight:800;text-transform:uppercase;letter-spacing:0.16em;color:var(--gold);margin-bottom:0.4rem;display:flex;align-items:center;gap:0.4rem;}
.sec-label::before{content:'';width:16px;height:2px;background:var(--gold);}
.sec-title{font-family:'Montserrat',sans-serif;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:800;color:var(--brand);line-height:1.2;}
.sec-sub{color:var(--g600);font-size:0.875rem;margin-top:0.4rem;line-height:1.7;font-weight:300;}
.sec-head{margin-bottom:2rem;}
.flex-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.btn-border{font-family:'Montserrat',sans-serif;font-size:0.73rem;font-weight:700;color:var(--brand);border:2px solid var(--brand);padding:0.45rem 1rem;border-radius:6px;transition:all 0.2s;white-space:nowrap;background:none;}
.btn-border:hover{background:var(--brand);color:var(--white);}
.bg-white{background:var(--white);}
.bg-bg{background:var(--bg);}
.bg-brand{background:var(--brand);}

/* CAMPUS CARDS */
.campus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
.campus-card{border-radius:var(--rlg);overflow:hidden;border:1.5px solid var(--g200);box-shadow:var(--sh);transition:transform 0.3s,box-shadow 0.3s;text-decoration:none;display:block;background:var(--white);}
.campus-card:hover{transform:translateY(-5px);box-shadow:var(--shlg);}
.campus-card:hover .camp-arrow{transform:translateX(4px);}
.cimg{height:160px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}

.cnum{position:absolute;right:0.75rem;bottom:-1rem;font-family:'Montserrat',sans-serif;font-size:5rem;font-weight:900;color:rgba(255,255,255,0.06);line-height:1;}
.cicon{width:60px;height:60px;border-radius:12px;background:rgba(255,255,255,0.12);border:1.5px solid rgba(255,255,255,0.22);display:flex;align-items:center;justify-content:center;font-size:1.7rem;position:relative;z-index:1;}
.cbody{padding:1.25rem;}
.ctag{display:inline-block;background:var(--gold-pale);color:var(--gold);padding:2px 8px;border-radius:4px;font-family:'Montserrat',sans-serif;font-size:0.6rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.5rem;}
.cname{font-family:'Montserrat',sans-serif;font-size:0.95rem;font-weight:800;color:var(--brand);margin-bottom:0.2rem;}
.caddr{color:var(--g600);font-size:0.75rem;line-height:1.5;margin-bottom:0.7rem;font-weight:300;}
.camp-arrow{color:var(--brand);font-family:'Montserrat',sans-serif;font-size:0.73rem;font-weight:700;display:flex;align-items:center;gap:0.35rem;transition:transform 0.2s;}

/* PRODUCTS */
.filter-row{display:flex;gap:0.45rem;flex-wrap:wrap;margin-bottom:1.5rem;}
.ftab{padding:0.4rem 0.9rem;border-radius:50px;border:2px solid var(--g200);background:var(--white);font-family:'Montserrat',sans-serif;font-size:0.7rem;font-weight:700;color:var(--g600);transition:all 0.2s;text-transform:uppercase;letter-spacing:0.04em;}
.ftab.on,.ftab:hover{background:var(--brand);color:var(--white);border-color:var(--brand);}
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.1rem;}
.pcard{background:var(--white);border-radius:var(--r);border:1.5px solid var(--g200);overflow:hidden;transition:transform 0.25s,box-shadow 0.25s;}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--shlg);}
.pimg{height:330px;position:relative;display:flex;align-items:center;justify-content:center;font-size:4rem;}
/* .pimg.c1{background:linear-gradient(135deg,#f5e8ef,#e8c5d5);}
.pimg.c2{background:linear-gradient(135deg,#fdf3dc,#f5e4b0);}
.pimg.c3{background:linear-gradient(135deg,#eef0f3,#dde3ec);}
.pimg.c4{background:linear-gradient(135deg,#e8f0e8,#c8ddc8);} */
.pbadge{position:absolute;top:0.65rem;left:0.65rem;padding:2px 8px;border-radius:4px;font-family:'Montserrat',sans-serif;font-size:0.58rem;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;}
.b-pop{background:var(--brand);color:var(--white);}
.b-new{background:var(--green);color:var(--white);}
.pwish{position:absolute;top:0.65rem;right:0.65rem;width:28px;height:28px;border-radius:50%;background:var(--white);border:none;font-size:0.82rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.10);color:var(--g400);transition:all 0.2s;}
.pwish:hover,.pwish.on{color:#c0392b;background:#fff0ee;}
.swatches{position:absolute;bottom:0.65rem;left:0.65rem;display:flex;gap:4px;}
.sw{width:14px;height:14px;border-radius:50%;border:2px solid var(--white);box-shadow:0 0 0 1px rgba(0,0,0,0.14);transition:transform 0.15s;}
.sw:hover{transform:scale(1.3);}
.pbody{padding:0.9rem 1rem;}
.prating{font-size:0.66rem;color:var(--gold);display:flex;align-items:center;gap:0.3rem;margin-bottom:0.2rem;}
.prating span{color:var(--g400);}
.pname{font-family:'Montserrat',sans-serif;font-size:0.85rem;font-weight:700;color:var(--brand);margin-bottom:0.2rem; margin-top: 20px;}
.pdesc{font-size:0.73rem;color:var(--g600);line-height:1.5;margin-bottom:0.65rem;font-weight:300;}
.pfooter{display:flex;align-items:center;justify-content:space-between;}
.pprice{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:800;color:var(--brand);}
.add-btn{background:var(--brand);color:var(--white);border:none;border-radius:7px;padding:0.48rem 0.85rem;font-family:'Montserrat',sans-serif;font-size:0.68rem;font-weight:700;transition:background 0.2s;}
.add-btn:hover{background:var(--gold);color:var(--brand-dark);}
.coming-banner{background:var(--brand-dark);border-radius:var(--rlg);padding:1.75rem 2rem;display:flex;align-items:center;gap:1.75rem;margin-top:1.5rem;border:1px solid rgba(200,152,42,0.20);}
.coming-banner .icon{font-size:2.2rem;flex-shrink:0;}
.coming-banner h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:0.95rem;color:var(--white);margin-bottom:0.2rem;}
.coming-banner p{color:rgba(255,255,255,0.55);font-size:0.82rem;font-weight:300;}

/* SIZE GUIDE */
.size-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:start;}
.size-table{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:var(--r);overflow:hidden;}
table{width:100%;border-collapse:collapse;}
thead tr{background:var(--gold);}
thead th{font-family:'Montserrat',sans-serif;font-size:0.66rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:var(--brand-dark);padding:0.65rem 0.9rem;text-align:left;}
tbody tr{border-bottom:1px solid rgba(255,255,255,0.07);}
tbody tr:last-child{border-bottom:none;}
tbody td{padding:0.55rem 0.9rem;font-size:0.78rem;color:rgba(255,255,255,0.78);font-weight:300;}
tbody tr:nth-child(even) td{background:rgba(255,255,255,0.03);}

/* HOW IT WORKS */
.steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;position:relative;}
.steps-row::before{content:'';position:absolute;top:26px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-lt));}
.step{text-align:center;position:relative;z-index:1;background:var(--white);border-radius:var(--r);padding:1.5rem 1rem;border:1.5px solid var(--g200);transition:box-shadow 0.2s,transform 0.2s;}
.step:hover{box-shadow:var(--sh);transform:translateY(-3px);}
.snum{width:48px;height:48px;border-radius:50%;background:var(--brand);border:3px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 0.75rem;font-family:'Montserrat',sans-serif;font-size:1.15rem;font-weight:900;color:var(--white);}
.sico{font-size:1.2rem;margin-bottom:0.4rem;}
.stitle{font-family:'Montserrat',sans-serif;font-size:0.82rem;font-weight:800;color:var(--brand);margin-bottom:0.3rem;}
.sdesc{font-size:0.75rem;color:var(--g600);line-height:1.55;font-weight:300;}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.9rem;}
.faq-item{background:var(--white);border-radius:var(--r);border:1.5px solid var(--g200);overflow:hidden;}
.faq-q{width:100%;background:none;border:none;padding:0.9rem 1.1rem;display:flex;justify-content:space-between;align-items:center;gap:0.85rem;font-family:'Montserrat',sans-serif;font-size:0.83rem;font-weight:700;color:var(--brand);text-align:left;transition:background 0.2s;}
.faq-q:hover{background:var(--brand-pale);}
.faq-icon{font-size:1.05rem;font-weight:400;color:var(--gold);flex-shrink:0;transition:transform 0.3s;line-height:1;}
.faq-item.open .faq-icon{transform:rotate(45deg);}
.faq-body{max-height:0;overflow:hidden;transition:max-height 0.38s ease;border-top:0 solid var(--g200);}
.faq-item.open .faq-body{max-height:300px;border-top-width:1px;}
.faq-body p{padding:0.9rem 1.1rem;font-size:0.83rem;color:var(--g600);line-height:1.7;font-weight:300;}

/* ABOUT */
.about-hero{background:linear-gradient(110deg,var(--brand-dark) 0%,var(--brand) 60%,var(--brand-mid) 100%);padding:4.5rem 0 3.5rem;position:relative;overflow:hidden;}
.about-hero::after{content:'STEP';position:absolute;right:-1rem;bottom:-2rem;font-family:'Montserrat',sans-serif;font-size:10rem;font-weight:900;color:rgba(255,255,255,0.04);line-height:1;pointer-events:none;}
.about-hero-label{font-family:'Montserrat',sans-serif;font-size:0.66rem;font-weight:800;text-transform:uppercase;letter-spacing:0.16em;color:var(--gold-lt);margin-bottom:0.7rem;display:flex;align-items:center;gap:0.4rem;}
.about-hero-label::before{content:'';width:16px;height:2px;background:var(--gold-lt);}
.about-hero h1{font-family:'Montserrat',sans-serif;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:0.9rem;}
.about-hero h1 em{color:var(--gold-lt);font-style:normal;display:block;}
.about-hero p{color:rgba(255,255,255,0.72);font-size:0.95rem;line-height:1.8;max-width:560px;font-weight:300;}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;}
.about-img-block{border-radius:var(--rlg);overflow:hidden;background:linear-gradient(135deg,var(--brand-dark),var(--brand-mid));height:360px;display:flex;align-items:center;justify-content:center;font-size:5.5rem;position:relative;}
.about-img-block::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(78,18,48,0.6),transparent);}
.about-text .sec-title{margin-bottom:0.9rem;}
.about-text p{font-size:0.9rem;line-height:1.8;color:var(--g600);margin-bottom:0.9rem;font-weight:300;}
.about-vals{display:grid;grid-template-columns:1fr 1fr;gap:0.9rem;margin-top:1.5rem;}
.aval{background:var(--white);border-radius:var(--r);padding:1.1rem;border:1.5px solid var(--g200);border-left:4px solid var(--gold);}
.aval-icon{font-size:1.4rem;margin-bottom:0.4rem;}
.aval-title{font-family:'Montserrat',sans-serif;font-size:0.82rem;font-weight:800;color:var(--brand);margin-bottom:0.2rem;}
.aval-desc{font-size:0.75rem;color:var(--g600);line-height:1.5;font-weight:300;}
.stats-row{background:var(--brand-dark);display:grid;grid-template-columns:repeat(4,1fr);}
.stat-item{padding:1.75rem 1rem;text-align:center;border-right:1px solid rgba(255,255,255,0.08);}
.stat-item:last-child{border-right:none;}
.stat-n{font-family:'Montserrat',sans-serif;font-size:2.2rem;font-weight:900;color:var(--gold-lt);line-height:1;display:block;}
.stat-l{color:rgba(255,255,255,0.55);font-size:0.75rem;margin-top:0.3rem;font-weight:300;}

/* CONTACT */
.contact-hero{background:linear-gradient(110deg,var(--brand-dark) 0%,var(--brand) 100%);padding:4rem 0 3rem;}
.contact-hero h1{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,3.5vw,2.8rem);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:0.7rem;}
.contact-hero h1 em{color:var(--gold-lt);font-style:normal;}
.contact-hero p{color:rgba(255,255,255,0.70);font-size:0.9rem;line-height:1.75;max-width:500px;font-weight:300;}
.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:3rem;align-items:start;}
.contact-cards{display:flex;flex-direction:column;gap:0.9rem;}
.ccard{background:var(--white);border-radius:var(--r);padding:1.25rem;border:1.5px solid var(--g200);display:flex;gap:0.9rem;align-items:flex-start;transition:box-shadow 0.2s,transform 0.2s;}
.ccard:hover{box-shadow:var(--sh);transform:translateY(-2px);}
.ccard-icon{width:42px;height:42px;border-radius:9px;background:var(--brand-pale);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.ccard-title{font-family:'Montserrat',sans-serif;font-size:0.8rem;font-weight:800;color:var(--brand);margin-bottom:0.25rem;}
.ccard-val{font-size:0.8rem;color:var(--g600);line-height:1.6;font-weight:300;}
.ccard-val a{color:var(--brand);font-weight:600;}
.camp-contacts{display:flex;flex-direction:column;gap:0.7rem;margin-top:1.5rem;}
.camp-citem{background:var(--brand-pale);border-radius:var(--r);padding:0.9rem 1.1rem;border:1.5px solid rgba(116,27,71,0.15);}
.camp-cname{font-family:'Montserrat',sans-serif;font-size:0.8rem;font-weight:800;color:var(--brand);margin-bottom:0.2rem;}
.camp-cdetail{font-size:0.76rem;color:var(--g600);font-weight:300;line-height:1.5;}
.contact-form-wrap{background:var(--white);border-radius:var(--rlg);padding:2rem;border:1.5px solid var(--g200);box-shadow:var(--sh);}
.contact-form-wrap h3{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;color:var(--brand);margin-bottom:1.35rem;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:0.9rem;margin-bottom:0.9rem;}
.form-group{display:flex;flex-direction:column;gap:0.3rem;margin-bottom:0.9rem;}
.form-group label{font-family:'Montserrat',sans-serif;font-size:0.7rem;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:0.06em;}
.form-group input,.form-group select,.form-group textarea{padding:0.7rem 0.9rem;border:1.5px solid var(--g200);border-radius:8px;font-family:'Open Sans',sans-serif;font-size:0.875rem;font-weight:300;color:var(--text);outline:none;transition:border-color 0.2s;background:var(--bg);width:100%;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand);}
.form-group textarea{resize:vertical;min-height:100px;}
.form-submit{background:var(--brand);color:var(--white);border:none;border-radius:8px;padding:0.85rem 1.75rem;width:100%;font-family:'Montserrat',sans-serif;font-weight:800;font-size:0.83rem;letter-spacing:0.03em;transition:background 0.2s;}
.form-submit:hover{background:var(--brand-mid);}
.form-success{display:none;text-align:center;padding:2rem 1rem;}
.form-success .check{font-size:2.8rem;margin-bottom:0.7rem;}
.form-success h4{font-family:'Montserrat',sans-serif;font-weight:800;color:var(--brand);font-size:1.05rem;margin-bottom:0.5rem;}
.form-success p{color:var(--g600);font-size:0.875rem;font-weight:300;}

/* FOOTER */
footer{background:var(--brand-dark);}
.footer-main{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:1.75rem;padding:3rem 1rem 2rem;}
.f-brand-name{font-family:'Montserrat',sans-serif;font-size:0.95rem;font-weight:800;color:var(--white);margin-bottom:0.2rem;}
.f-brand-tag{font-size:0.6rem;color:var(--gold);font-family:'Montserrat',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.85rem;}
.f-desc{font-size:1rem;color:rgba(255,255,255,0.48);line-height:1.7;max-width:240px;font-weight:300;}
.f-contact{margin-top:1rem;display:flex;flex-direction:column;gap:0.3rem;}
.f-contact span{font-size:0.75rem;color:rgba(255,255,255,0.48);display:flex;align-items:center;gap:0.4rem;font-weight:300;}
.f-contact a{color:var(--gold-lt);}
.fcol h4{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:0.12em;color:var(--white);margin-bottom:0.85rem;}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:0.4rem;}
.fcol a{color:rgba(255,255,255,0.48);font-size:1rem;transition:color 0.2s;font-weight:300;}
.fcol a:hover{color:var(--gold-lt);}
.fcol .hi{color:rgba(255,255,255,0.72);font-weight:600;}
.footer-bot{border-top:1px solid rgba(255,255,255,0.07);max-width:1280px;margin:0 auto;padding:1.25rem 1rem;display:flex;align-items:center;justify-content:space-between;font-size:1rem;color:rgba(255,255,255,0.32);flex-wrap:wrap;gap:0.6rem;}
.footer-bot a{color:rgba(255,255,255,0.32);}
.footer-bot a:hover{color:var(--gold-lt);}
.footer-bot .gold{color:var(--gold);}

/* ============================
   RESPONSIVE 1024px
============================ */
@media(max-width:1024px){
  .campus-grid{grid-template-columns:1fr 1fr;}
  .campus-grid .campus-card:nth-child(3){grid-column:1 / -1;max-width:50%;margin:0 auto;width:100%;}
  .trust-inner{grid-template-columns:1fr 1fr;}
  .titem:nth-child(2){border-right:none;}
  .titem:nth-child(3){border-right:1px solid rgba(255,255,255,0.10);}
  .steps-row{grid-template-columns:1fr 1fr;}
  .steps-row::before{display:none;}
  .faq-grid{grid-template-columns:1fr;}
  .size-grid{grid-template-columns:1fr;}
  .footer-main{grid-template-columns:1fr 1fr;}
  .about-grid{grid-template-columns:1fr;}
  .about-img-block{height:240px;}
  .contact-grid{grid-template-columns:1fr;}
  .stats-row{grid-template-columns:1fr 1fr;}
  .stat-item:nth-child(2){border-right:none;}
}

/* ============================
   RESPONSIVE 768px
============================ */
@media(max-width:768px){
  .nav-inner{padding:0 0.75rem;height:60px;}
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .school-btn span{display:none;}
  .school-btn{width:36px !important;padding:0;}
  .slide{height:400px;}
  .sarrow{display:none;}
  .slide-content{padding:0 1.1rem;}
  .slide-stats{gap:1rem;padding-top:1.1rem;margin-top:1.25rem;}
  .sstat-n{font-size:1.1rem;}
  .campus-grid{grid-template-columns:1fr;}
  .campus-grid .campus-card:nth-child(3){grid-column:auto;max-width:100%;margin:0;}
  .steps-row{grid-template-columns:1fr 1fr;}
  .trust-inner{grid-template-columns:1fr 1fr;}
  .titem:nth-child(2){border-right:none;}
  .titem:nth-child(3){border-right:1px solid rgba(255,255,255,0.10);}
  .footer-main{grid-template-columns:1fr 1fr;}
  .about-vals{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .coming-banner{flex-direction:column;text-align:center;padding:1.35rem;}
  .size-table{overflow-x:auto;}
  .size-table table{min-width:320px;}
}

/* ============================
   RESPONSIVE 480px — SMALL PHONES
============================ */
@media(max-width:480px){
  body{font-size:15px;}
  .ann-bar{font-size:0.65rem;}
  .nav-inner{padding:0 0.6rem;height:56px;gap:0.4rem;}
  .brand-name{font-size:0.82rem;}
  .brand-tag{display:none;}
  .brand-mark{width:36px;height:36px;}
  .brand-mark span{font-size:1rem;}
  .slide{height:340px;}
  .slide-content p{display:none;}
  .slide-stats{display:none;}
  .slide-btns{gap:0.5rem;}
  .btn-gold,.btn-outline-w{padding:0.6rem 1.1rem;font-size:0.75rem;}
  .slide-badge{font-size:0.58rem;padding:4px 10px;}
  .trust-inner{grid-template-columns:1fr;}
  .titem{border-right:none !important;border-bottom:1px solid rgba(255,255,255,0.08);padding:0.7rem 0.6rem;}
  .titem:last-child{border-bottom:none;}
  .prod-grid{grid-template-columns:1fr 1fr;gap:0.75rem;}
  .pimg{height:250px;font-size:3rem;}
  .pbody{padding:0.7rem 0.75rem;}
  .pname{font-size:0.78rem; margin-top: 20px;}

  .pdesc{display:none;}
  .pprice{font-size:0.95rem;}
  .add-btn{padding:0.42rem 0.65rem;font-size:0.64rem;}
  .filter-row{gap:0.35rem;}
  .ftab{padding:0.35rem 0.7rem;font-size:0.64rem;}
  .steps-row{grid-template-columns:1fr;}
  .footer-main{grid-template-columns:1fr;gap:1.5rem;}
  .f-desc{max-width:100%;}
  .footer-bot{flex-direction:column;text-align:center;gap:0.4rem;}
  .about-vals{grid-template-columns:1fr;}
  .about-img-block{height:180px;font-size:4rem;}
  .stats-row{grid-template-columns:1fr 1fr;}
  .stat-item:nth-child(2){border-right:none;}
  .faq-grid{grid-template-columns:1fr;}
  .contact-form-wrap{padding:1.25rem;}
  .coming-banner{padding:1.1rem;gap:0.9rem;}
  .sec{padding:2rem 0;}
  .wrap{padding:0 0.75rem;}
}

/* ============================
   RESPONSIVE 360px — VERY SMALL
============================ */
@media(max-width:360px){
  .nav-inner{padding:0 0.5rem;}
  .brand-name{font-size:0.78rem;}
  .prod-grid{grid-template-columns:1fr;}
  .pimg{height:445px;}
  .pdesc{display:block;font-size:0.7rem;}
  .slide{height:300px;}
  .slide-content h2{font-size:1.4rem;}
  .stats-row{grid-template-columns:1fr 1fr;}

}