:root{
--navy:#071f4b;--navy2:#0d326d;--gold:#b88424;--gold2:#e0b65d;--cream:#f8f5ee;--ink:#26344d;
--shadow:0 16px 40px rgba(4,20,48,.16);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Montserrat,Arial,sans-serif;background:#eceae5}
a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.site-header{background:rgba(250,249,246,.98);border-bottom:1px solid #ded7c9;position:sticky;top:0;z-index:50}
.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;color:#7c602b;font-family:Cinzel,serif}.brand-mark{width:45px;height:45px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:700;box-shadow:inset 0 0 0 3px #f4e7c5}.brand b{display:block;font-size:14px;letter-spacing:1px}.brand small{display:block;font-size:11px;letter-spacing:2px}.nav{display:flex;align-items:center;gap:22px;font-size:10px;font-weight:700}.nav a{padding:29px 0 25px;border-bottom:2px solid transparent}.nav a.active{color:var(--gold);border-color:var(--gold)}.nav-cta{padding:11px 15px!important;background:var(--navy);color:#fff!important;border-radius:4px;border:0!important;box-shadow:0 7px 15px #001a3b44}.menu-toggle{display:none;border:0;background:var(--navy);color:white;font-size:20px;border-radius:4px;padding:8px 11px}
.section-shell,.page{width:min(1180px,92%);margin:25px auto;background:var(--cream);border:1px solid #cdbb93;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);position:relative}
.section-shell:before,.page:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,transparent 0 48%,rgba(255,255,255,.72) 49% 52%,transparent 53%),radial-gradient(circle at 90% 10%,rgba(222,182,93,.18),transparent 25%)}
.hero{min-height:450px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px 55px;background:linear-gradient(130deg,#fff 0 64%,#f0e8d8 65%,#fff 100%)}
.hero-copy{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#77684e}.hero h1,.page h1,.title-center h1{font-family:Cinzel,serif;color:#8c6525;line-height:1.02;margin:13px 0;font-size:45px;letter-spacing:1px}.tagline{font-family:Cinzel,serif;color:var(--navy);font-weight:700;font-size:16px}.hero-intro{font-size:13px;line-height:1.7}.actions{display:flex;gap:12px;margin-top:25px}.btn{display:inline-block;border:0;padding:12px 17px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.4px;cursor:pointer}.btn-gold{background:linear-gradient(#e1bd70,#a87319);color:#fff}.btn-navy{background:linear-gradient(135deg,var(--navy),#123d7c);color:#fff;box-shadow:0 6px 12px #001b3c44}
.hero-emblem{display:grid;place-items:center;position:relative;z-index:2}.emblem-circle{width:235px;height:235px;border-radius:50%;border:9px solid #c99735;outline:2px solid #e8cf96;display:grid;place-items:center;background:radial-gradient(circle,#fff 55%,#eee5d4);box-shadow:0 20px 25px #70501e33,inset 0 0 20px #8d652522;position:relative}.emblem-circle span{font-family:Cinzel,serif;font-size:68px;color:#93691e;text-shadow:2px 2px 2px #fff}.emblem-circle i{position:absolute;bottom:23px;right:30px;color:#b17c20;font-size:38px;font-style:normal}.pedestal{width:300px;height:38px;border-radius:50%;background:linear-gradient(#fff,#cfc8bd);border:5px solid #d0b16c;box-shadow:0 8px 15px #12203b33;margin-top:-18px}
.promise-strip{background:linear-gradient(100deg,#071c43,#0d3471);color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:24px 35px;gap:18px;position:relative;z-index:2}.promise-strip div{display:grid;grid-template-columns:42px 1fr;column-gap:8px;align-items:center;border-right:1px solid #ffffff33}.promise-strip div:last-child{border:0}.promise-strip strong{grid-row:1/3;font-size:27px;color:#e1b85e;text-align:center}.promise-strip h3{font-size:10px;margin:0;color:#fff}.promise-strip p{font-size:8px;line-height:1.5;margin:3px 0;color:#dbe4f3}
.stats{width:min(1180px,92%);margin:18px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;z-index:3}.stats div{background:#fffdf9;border:1px solid #ded7ca;border-radius:10px;padding:17px;text-align:center;box-shadow:0 6px 18px #10234212}.stats b{display:block;color:#9a722a;font-family:Cinzel,serif;font-size:25px}.stats span{font-size:9px;font-weight:700;color:#68707b}.quote-banner,.blue-ribbon{background:linear-gradient(135deg,#061a3c,#123d7b);color:#fff;margin:0 auto 25px;width:min(1180px,92%);padding:19px;text-align:center;border-radius:8px;font-family:Cinzel,serif;font-size:18px;position:relative;z-index:3;box-shadow:var(--shadow)}.quote-banner span{color:#dcb45b;font-size:35px}.quote-banner small{font:10px Montserrat;display:block;color:#d7deea;margin-top:4px}
footer{background:var(--navy);color:#dbe3ef;text-align:center;font-size:11px;padding:22px;margin-top:35px}
.page{padding:0}.page-hero{min-height:330px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px;background:linear-gradient(135deg,#fff,#f3ecdf);position:relative}.page-hero h1{font-size:39px}.page-hero .hero-emblem{transform:scale(.75)}.ornament{color:#a77b2b;margin-top:15px}.content-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:30px;padding:50px;background:#fffdf9}.content-grid h2,.content-grid h3{font-family:Cinzel,serif;color:#8c6525}.content-grid p{font-size:13px;line-height:1.9}.content-grid em{color:var(--navy);font-style:normal}.feature-card{background:linear-gradient(145deg,#071c43,#123d7b);color:white;border-radius:15px;padding:35px;text-align:center;box-shadow:var(--shadow)}.feature-icon{font-size:38px;color:#e0b65d}.feature-card b{font-family:Cinzel,serif;letter-spacing:1px}.feature-card p{color:#e0e7f2}
.title-center{text-align:center;padding:55px 25px 30px;position:relative;z-index:2}.title-center h1{font-size:38px;margin:7px}.title-center p:last-child{font-size:12px}.venture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:25px 45px 50px;position:relative;z-index:2}.venture-card,.service-card{background:#fffdf9;border:1px solid #ded5c6;border-radius:14px;padding:25px 18px;text-align:center;box-shadow:0 8px 18px #16274313;min-height:190px}.round-icon{width:62px;height:62px;border-radius:50%;margin:0 auto 13px;background:linear-gradient(145deg,#0a2858,#123d7b);border:3px solid #d0a84e;display:grid;place-items:center;color:#e2b75c;font-size:23px;box-shadow:0 4px 10px #0b224633}.venture-card h3,.service-card h3{font-family:Cinzel,serif;font-size:12px;color:#82602a;margin:8px 0}.venture-card p,.service-card p{font-size:9px;line-height:1.6;margin:0;color:#596170}.blue-ribbon{margin-bottom:0;font-size:16px;color:#e6c274}
.service-layout{display:grid;grid-template-columns:180px 1fr;gap:25px;padding:30px 45px 45px}.service-menu{background:linear-gradient(#09204a,#103d7c);padding:10px;border-radius:6px;height:max-content;box-shadow:var(--shadow)}.service-menu button{display:block;width:100%;background:transparent;color:white;border:0;border-bottom:1px solid #ffffff22;text-align:left;padding:13px 9px;font-size:9px;cursor:pointer}.service-menu button:first-child{background:#d1a64e;color:#071c43}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{min-height:175px}.service-bottom{background:linear-gradient(135deg,#071c43,#103c78);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);padding:24px 40px;gap:20px}.service-bottom div{border-right:1px solid #ffffff33;padding-right:20px}.service-bottom div:last-child{border:0}.service-bottom b{color:#e1b75e;font-size:11px}.service-bottom p{font-size:9px;line-height:1.6}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:25px 45px 50px}.portfolio-item{min-height:180px;border-radius:14px;padding:25px;background:linear-gradient(145deg,#fff,#eee7d9);border:1px solid #d7c7aa;box-shadow:var(--shadow);position:relative;overflow:hidden}.portfolio-item:after{content:"";position:absolute;right:8px;bottom:4px;width:150px;height:105px;background-image:url("../images/vihanna-logo.png");background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.075;pointer-events:none;filter:grayscale(1)}.portfolio-item span{color:#aa7c2b;font-weight:700}.portfolio-item h3{font:600 18px Cinzel;color:#0b2a59;margin-top:40px}.portfolio-item p{font-size:10px}
.contact-layout{display:grid;grid-template-columns:.75fr 1.2fr .55fr;gap:20px;padding:25px 40px 45px}.contact-info{padding:15px}.info-row{display:flex;gap:14px;margin:15px 0}.info-row>b{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#e1b75e}.info-row strong{font-size:9px}.info-row p{font-size:9px;margin:4px 0;line-height:1.5}.socials{margin-top:28px;font-size:9px}.socials div{font-size:18px;color:var(--navy);margin-top:10px}.contact-form{background:#fffdf9;border:1px solid #ddd5c8;border-radius:10px;padding:22px;box-shadow:var(--shadow)}.contact-form h2{font:600 15px Cinzel;color:#8c6525}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:11px;margin:5px 0;border:1px solid #d9d3c9;background:#fff;font:10px Montserrat;outline:none}.contact-form textarea{height:115px;resize:vertical}.contact-form button{margin-top:8px}.contact-card{background:linear-gradient(150deg,#071b40,#103b78);color:white;border-radius:10px;padding:30px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow)}.contact-card .emblem-circle{width:115px;height:115px;border-width:5px}.contact-card .emblem-circle span{font-size:38px}.contact-card .emblem-circle i{font-size:20px;bottom:12px;right:14px}.contact-card h2{font:600 18px Cinzel;color:#e2b75c}.contact-card p,.contact-card b{font-size:9px}.contact-card hr{width:60%;border:0;border-top:1px solid #d9b66055}
#form-status{font-size:10px;color:#8b6828;margin-bottom:0}

@media(max-width:900px){
.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:10px 5%;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{padding:12px 0}.nav-cta{text-align:center}.menu-toggle{display:block}
.hero{grid-template-columns:1fr;padding:45px 30px}.hero-emblem{margin-top:35px}.promise-strip,.stats{grid-template-columns:repeat(2,1fr)}.promise-strip div:nth-child(2){border:0}.venture-grid{grid-template-columns:repeat(2,1fr);padding:25px}.service-layout{grid-template-columns:1fr;padding:25px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-bottom{grid-template-columns:1fr}.service-bottom div{border:0;border-bottom:1px solid #ffffff33;padding:10px 0}.portfolio-grid{grid-template-columns:repeat(2,1fr);padding:25px}.contact-layout{grid-template-columns:1fr;padding:25px}.page-hero{grid-template-columns:1fr;padding:40px 30px}.page-hero .hero-emblem{display:none}
}
@media(max-width:560px){
.hero h1{font-size:34px}.hero{padding:35px 22px}.actions{flex-direction:column}.promise-strip,.stats,.venture-grid,.service-grid,.portfolio-grid{grid-template-columns:1fr}.promise-strip div{border:0!important;border-bottom:1px solid #ffffff22!important;padding-bottom:12px}.stats{width:92%}.section-shell,.page{width:96%;border-radius:14px}.contact-layout{padding:18px}.form-row{grid-template-columns:1fr}.brand b{font-size:12px}.brand small{font-size:9px}.nav-wrap{min-height:68px}
}
/* Clickable services */
.service-link{
  display:block;
  width:100%;
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid #ffffff22;
  padding:13px 9px;
  font-size:9px;
  font-weight:600;
  transition:.25s ease;
}
.service-link:hover,
.service-link.active-service{
  background:linear-gradient(90deg,#d1a64e,#b98224);
  color:#071c43;
  padding-left:13px;
}
.service-link:last-child{border-bottom:0}
.service-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.service-card-link:hover{
  transform:translateY(-6px);
  border-color:#c7973c;
  box-shadow:0 15px 30px #1627432a;
}
.service-card-link:focus-visible,
.service-link:focus-visible{
  outline:3px solid #dcb45b;
  outline-offset:3px;
}
.service-more{
  display:inline-block;
  margin-top:14px;
  font-size:8px;
  font-weight:800;
  letter-spacing:.7px;
  color:#a77722;
}
.service-card-link:hover .service-more{color:#071f4b}
@media(max-width:900px){
  .service-link{text-align:center}
}

/* Individual service detail pages */
.service-detail-page{background:#fffdf9}
.service-detail-hero{min-height:390px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:55px;background:linear-gradient(135deg,#fff 0%,#f4ecde 68%,#fff 100%);position:relative;z-index:2}
.detail-copy{max-width:650px}.detail-copy h1{font-size:45px;margin:12px 0;color:#8c6525;font-family:Cinzel,serif}.detail-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:620px}.detail-line{color:#b17c20;letter-spacing:3px;margin:10px 0}.detail-emblem{text-align:center}.detail-emblem .emblem-circle{width:205px;height:205px;margin:auto}.detail-badge{margin:16px auto 0;background:var(--navy);color:#e1b75e;border-radius:20px;padding:9px 14px;font-size:8px;font-weight:800;letter-spacing:1px;width:max-content}
.detail-content{display:grid;grid-template-columns:1.4fr .6fr;gap:35px;padding:55px;position:relative;z-index:2;background:#fffdf9}.detail-main h2{font:600 27px Cinzel;color:#8c6525;margin:8px 0}.detail-lead{font-size:12px;line-height:1.8;color:#596170}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.detail-list li{list-style:none;background:#f7f3eb;border:1px solid #e0d6c5;border-radius:9px;padding:16px;font-size:10px;font-weight:700;color:#273752;box-shadow:0 5px 12px #16274310}.detail-list li span{color:#b17c20;margin-right:8px}.detail-card{background:#f8f4ec;border:1px solid #ddcfb6;border-radius:12px;padding:25px;text-align:center;margin-bottom:15px;box-shadow:0 8px 20px #16274312}.detail-card .round-icon{width:58px;height:58px}.detail-card h3{font:600 14px Cinzel;color:#8c6525}.detail-card p{font-size:10px;line-height:1.7;color:#596170}.detail-card.dark{background:linear-gradient(145deg,#071c43,#123d7b);color:#fff;border-color:#183f78}.detail-card.dark h3{color:#e1b75e}.detail-card.dark p{color:#e0e7f2}.detail-card.dark .btn{margin-top:8px}
@media(max-width:900px){.service-detail-hero{grid-template-columns:1fr;padding:40px 30px}.detail-emblem{margin-top:25px}.detail-content{grid-template-columns:1fr;padding:35px 30px}}
@media(max-width:560px){.service-detail-hero{padding:35px 22px}.detail-copy h1{font-size:34px}.detail-list{grid-template-columns:1fr}.detail-content{padding:30px 22px}.detail-emblem .emblem-circle{width:170px;height:170px}.detail-badge{font-size:7px}}

/* Vihanna Media Production branding + team profiles */
.brand-mark{overflow:hidden;background:#fffdf9;padding:2px}.brand-logo{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block}.logo-emblem{padding:8px;background:#fffdf9}.logo-emblem>img{width:100%;height:100%;object-fit:contain;border-radius:50%}.hero-mini-copy{max-width:520px;font-size:12px;line-height:1.8;color:#596170}.profile-note{font-weight:700;color:#0b2a59}.team-section{position:relative;z-index:2;background:linear-gradient(135deg,#fbf8f1,#fffdf9);padding:5px 45px 55px}.team-section .title-center{padding:45px 15px 25px}.team-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.team-card{grid-column:span 2}.team-card:nth-child(4){grid-column:2 / span 2}.team-card:nth-child(5){grid-column:4 / span 2}.team-card{background:#fffdf9;border:1px solid #d8c7a8;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px #16274318;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;outline:none}.team-card:hover,.team-card:focus{transform:translateY(-7px);border-color:#b8862b;box-shadow:0 20px 38px #16274325}.team-photo-wrap{height:310px;background:linear-gradient(145deg,#fff,#eee8dc);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-bottom:1px solid #e3d7c5}.team-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top}.team-body{padding:22px 20px 24px;text-align:center}.team-role{font-size:8px;letter-spacing:1.5px;font-weight:800;color:#a97920}.team-body h3{font:600 18px Cinzel,serif;color:#0b2a59;margin:7px 0}.team-body p{font-size:10px;line-height:1.7;color:#5f6875;min-height:69px;margin:8px 0}.team-view{border:0;background:linear-gradient(135deg,#071c43,#123d7b);color:#e2b75c;padding:10px 14px;border-radius:4px;font-size:8px;font-weight:800;letter-spacing:.8px;cursor:pointer}.team-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:1000}.team-modal.open{display:flex}.team-modal-backdrop{position:absolute;inset:0;background:rgba(3,14,33,.72);backdrop-filter:blur(4px)}.team-modal-card{position:relative;width:min(850px,92%);max-height:90vh;overflow:auto;background:#fffdf9;border:1px solid #d2b36c;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.35);z-index:2}.team-modal-close{position:absolute;right:15px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#071c43;color:#e2b75c;font-size:25px;cursor:pointer}.team-modal-head{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;padding:30px;background:linear-gradient(135deg,#fff,#f0e8d9);border-bottom:1px solid #dfd0b8}.team-modal-head img{width:210px;height:240px;object-fit:cover;object-position:center top;border-radius:12px;border:5px solid #fff;box-shadow:0 10px 25px #16274325}.team-modal-head h2{font:600 28px Cinzel;color:#8c6525;margin:8px 0}.team-modal-head p{font-size:11px;color:#526078}.team-modal-content{padding:28px 34px 35px}.team-modal-content>p{font-size:12px;line-height:1.9;color:#505c6e}.profile-highlights{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.profile-highlights div{background:#f7f2e9;border:1px solid #e2d5bd;border-radius:8px;padding:12px;font-size:9px;line-height:1.5;color:#273752}.profile-highlights span{color:#b17c20;margin-right:7px}.profile-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.profile-links a{display:inline-block;background:#071c43;color:#e4bb63;padding:11px 15px;border-radius:5px;font-size:9px;font-weight:800}.profile-links a:hover{background:#b88424;color:#071c43}.modal-open{overflow:hidden}
@media(max-width:900px){.team-section{padding-left:25px;padding-right:25px}.team-grid{grid-template-columns:1fr 1fr}.team-card{grid-column:auto}.team-card:nth-child(4),.team-card:nth-child(5){grid-column:auto}.team-modal-head{grid-template-columns:150px 1fr}.team-modal-head img{width:145px;height:180px}}
@media(max-width:560px){.team-section{padding-left:18px;padding-right:18px}.team-grid{grid-template-columns:1fr}.team-card{grid-column:auto}.team-photo-wrap{height:330px}.team-modal-card{width:94%}.team-modal-head{grid-template-columns:1fr;text-align:center}.team-modal-head img{width:180px;height:220px;margin:auto}.profile-highlights{grid-template-columns:1fr}.team-modal-content{padding:22px}.team-modal-head{padding:25px}}

.contact-social-links{display:flex!important;gap:8px;flex-wrap:wrap}.contact-social-links a{background:#071c43;color:#e1b75e;padding:8px 10px;border-radius:4px;font-size:8px;font-weight:800}.contact-info a{color:inherit}.contact-info a:hover{color:#a77722}