/* Premium section system */
.section-padding { padding: 112px 0; }
.section-header { max-width: 820px; margin-bottom: 58px; }
.section-tag { letter-spacing: .16em; color: #a66d00; }
.section-title { font-size: clamp(36px,4.2vw,58px); line-height: 1.08; letter-spacing: -.04em; color: var(--ink); }
.section-subtitle { font-size: 17px; line-height: 1.8; }
.glass-card { border-color: rgba(6,20,47,.09); box-shadow: 0 18px 55px rgba(6,20,47,.07); }

.logo-marquee-section { padding: 50px 0; border-block: 1px solid rgba(6,20,47,.06); background: #fff; }
.marquee-logo { color: #5e6b80; font-size: 15px; letter-spacing: .02em; }

.services-grid { grid-template-columns: 1.1fr .9fr .9fr; gap: 22px; }
.service-card { min-height: 330px; padding: 34px; border-radius: 28px; overflow: hidden; }
.service-card:first-child { color: white; background: linear-gradient(145deg,var(--ink),#123769); }
.service-card:first-child .service-title { color: white; }
.service-card:first-child .service-desc { color: rgba(255,255,255,.7); }
.service-card:first-child .service-tag { color: #f9dfa0; border-color: rgba(216,165,44,.28); background: rgba(216,165,44,.1); }
.service-icon { width: 58px; height: 58px; display:grid; place-items:center; border-radius: 18px; background: rgba(216,165,44,.12); }
.service-title { margin-top: 28px; font-size: 23px; }
.service-desc { font-size: 14px; line-height: 1.75; }

.portfolio-grid { grid-template-columns: 1.15fr .85fr; grid-template-rows: repeat(2,minmax(220px,auto)); gap: 24px; }
.portfolio-card { min-height: 240px; padding: 36px; border-radius: 28px; }
.portfolio-card:first-child { grid-row: span 2; min-height: 505px; display:flex; flex-direction:column; justify-content:flex-end; background: linear-gradient(155deg,#08204a,#0f3a70 70%,#b98314); color:white; }
.portfolio-card:first-child .portfolio-title { color:white; font-size:38px; }
.portfolio-card:first-child .portfolio-desc { color:rgba(255,255,255,.7); }
.portfolio-card:first-child .portfolio-link { color:#f7d989; }
.portfolio-card:first-child .portfolio-tag { align-self:flex-start; }
.portfolio-title { font-size: 27px; }

.cv-section { position:relative; overflow:hidden; }
.cv-section::before { content:''; position:absolute; width:520px; height:520px; border-radius:50%; right:-260px; top:80px; background:rgba(216,165,44,.08); filter:blur(4px); }
.cv-overview-grid { gap: 24px; }
.cv-card { border-radius: 30px; }
.cv-card:first-child { background:#fff; }
.cv-card:nth-child(2) { color:white; background:linear-gradient(145deg,var(--ink),#102f5d); }
.cv-card:nth-child(2) h3 { color:white; }
.cv-card:nth-child(2) .recognition-list div { background:rgba(255,255,255,.06); border-left-color:var(--gold); }
.cv-card:nth-child(2) .recognition-list span { color:rgba(255,255,255,.58); }
.cv-strength-list li { background:#faf9f5; }

.experience-timeline { grid-template-columns: repeat(12,1fr); gap: 22px; }
.experience-item { grid-column: span 6; border-radius: 26px; background: rgba(255,255,255,.82); }
.experience-item:first-child { grid-column: span 12; padding: 42px; background:linear-gradient(135deg,#fff 0%,#fbf6e9 100%); border-color:rgba(216,165,44,.28); }
.experience-item:first-child .experience-role { font-size:18px; }
.experience-item:hover { transform: translateY(-5px); border-color:rgba(216,165,44,.35); box-shadow:0 24px 60px rgba(6,20,47,.11); }
.experience-number { display:inline-grid; place-items:center; width:32px; height:32px; border-radius:50%; background:rgba(216,165,44,.12); }

.cv-project-grid { grid-template-columns: repeat(12,1fr); }
.cv-project { grid-column: span 4; min-height: 220px; border-radius: 24px; display:flex; flex-direction:column; }
.cv-project:nth-child(1), .cv-project:nth-child(5) { grid-column: span 6; }
.cv-project p { flex:1; }
.cv-project:hover { border-color:rgba(216,165,44,.35); transform:translateY(-5px); }
.tools-card { border-radius: 28px; background: linear-gradient(135deg,#fff,#f7f2e6); }
.tool-pills span { background:#fff; color:var(--ink-2); box-shadow:0 8px 18px rgba(6,20,47,.05); }

.about-grid { gap: 76px; }
.about-grid .hero-image-container { border-radius: 30px; width:100%; height:570px; box-shadow: 0 32px 70px rgba(6,20,47,.17); }
.about-text p { font-size:16px; line-height:1.82; }

.cta-section { background: linear-gradient(140deg,#04132f,#0c2b58); }
.cta-box { border:1px solid rgba(216,165,44,.18); background:rgba(255,255,255,.055); box-shadow:0 30px 80px rgba(0,0,0,.18); }
.cta-text h2 { font-size: clamp(34px,4vw,52px); letter-spacing:-.035em; }
.form-input { border-radius: 13px; }
footer { background:#040f25; border-top:1px solid rgba(216,165,44,.18); }

@media (max-width: 900px) {
  .services-grid { grid-template-columns:1fr; }
  .service-card { min-height:auto; }
  .portfolio-grid { grid-template-columns:1fr; grid-template-rows:auto; }
  .portfolio-card:first-child { grid-row:auto; min-height:380px; }
  .experience-item,.experience-item:first-child,.cv-project,.cv-project:nth-child(1),.cv-project:nth-child(5) { grid-column:span 12; }
}
@media (max-width: 600px) {
  .section-padding { padding:80px 0; }
  .section-title { font-size:39px; }
  .section-header { margin-bottom:38px; }
  .service-card,.portfolio-card,.cv-card,.experience-item,.experience-item:first-child,.cv-project { padding:25px; border-radius:22px; }
  .about-grid { gap:42px; }
  .about-grid .hero-image-container { height:430px; }
}