/* Pelletier Studios — shared styles for subpages */
:root{
  --bg:#030507;
  --card:#0d1013;
  --card-border:rgba(255,255,255,.07);
  --blue:#4fc3ff;
  --blue-bright:#8fdcff;
  --blue-deep:#1e8fe0;
  --text:#eef4f8;
  --muted:#a7b2bc;
  --serif:'Source Serif 4',Georgia,serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 40px;background:rgba(3,5,7,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.nav-left,.nav-right{display:flex;align-items:center;gap:28px;flex:1}
.nav-right{justify-content:flex-end}
.nav-link{font-size:14px;color:var(--muted);font-weight:500;transition:color .2s}
.nav-link:hover{color:var(--text)}
.logo{font-family:'Montserrat',var(--sans);font-weight:800;font-size:17px;letter-spacing:.14em;white-space:nowrap;display:flex;align-items:center;gap:10px}
.logo em{color:var(--blue);font-style:normal}
.logo-inf{width:38px;height:auto;flex-shrink:0}
.logo-inf .lb{fill:none;stroke:url(#navMetal);stroke-width:22;stroke-linecap:round}
.logo-inf .lt{fill:none;stroke:#1e8fe0;stroke-width:22;stroke-linecap:round;stroke-dasharray:70 520}
.btn{display:inline-block;padding:12px 26px;border-radius:8px;font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:#02131f;background:linear-gradient(180deg,#8fdcff 0%,#1e8fe0 100%);box-shadow:0 0 24px rgba(43,168,255,.45), inset 0 1px 0 rgba(255,255,255,.4);transition:transform .15s,box-shadow .2s;border:none;cursor:pointer;font-family:var(--sans)}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 36px rgba(43,168,255,.65), inset 0 1px 0 rgba(255,255,255,.4)}
.btn.small{padding:10px 20px;font-size:12px}
.page-hero{position:relative;padding:170px 24px 90px;text-align:center;background:radial-gradient(ellipse 80% 70% at 50% 120%, rgba(43,168,255,.18), transparent 60%),var(--bg)}
.page-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(79,195,255,.7),transparent)}
.page-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(38px,5.5vw,64px);line-height:1.15}
.page-hero h1 em{font-style:italic;font-weight:500}
.page-hero .sub{margin-top:20px;font-size:17px;color:#bcdcf2}
@media(prefers-reduced-motion:no-preference){
  .page-hero h1,.page-hero .sub{opacity:0;transform:translateY(18px);animation:riseIn .8s ease forwards}
  .page-hero .sub{animation-delay:.25s}
  .page-hero h1 em{position:relative;white-space:nowrap}
  .page-hero h1 em::after{content:'';position:absolute;left:2%;right:2%;bottom:-.06em;height:4px;border-radius:4px;background:linear-gradient(90deg,#9aa2ab 0%,#4fc3ff 55%,#8fdcff 100%);box-shadow:0 0 16px rgba(79,195,255,.75);transform:scaleX(0);transform-origin:left;animation:drawLine 1s cubic-bezier(.7,0,.3,1) .9s forwards}
}
@keyframes riseIn{to{opacity:1;transform:none}}
@keyframes drawLine{to{transform:scaleX(1)}}
section{padding:90px 24px}
.wrap{max-width:1180px;margin:0 auto}
.wrap.narrow{max-width:760px}
.sec-title{font-weight:800;font-size:clamp(24px,3vw,34px);text-align:center;line-height:1.3}
.sec-title .accent{color:var(--blue)}
.card{background:linear-gradient(180deg,#0e1215,#060a0c);border:1px solid var(--card-border);border-radius:12px;padding:32px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:50px}
.center-btn{text-align:center;margin-top:44px}
label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:22px 0 8px}
input,textarea,select{width:100%;padding:14px 16px;background:#0a0e12;border:1px solid var(--card-border);border-radius:8px;color:var(--text);font-family:var(--sans);font-size:15px}
input:focus,textarea:focus,select:focus{outline:none;border-color:rgba(79,195,255,.6);box-shadow:0 0 0 3px rgba(43,168,255,.15)}
footer{background:#020306;border-top:1px solid rgba(255,255,255,.05);padding:70px 40px 30px}
.fgrid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(140px,180px)) 1fr;gap:40px}
.fcol h4{color:var(--blue);font-size:14px;font-weight:700;margin-bottom:18px}
.fcol a{display:block;font-size:14px;color:var(--muted);margin-bottom:12px;transition:color .2s}
.fcol a:hover{color:var(--text)}
.fine{font-size:12px;color:#6c757d;line-height:1.7}
.fbottom{max-width:1180px;margin:44px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.fbottom .copy{font-size:12.5px;color:var(--muted)}
.fbottom .copy b{color:var(--blue)}
.socials{display:flex;gap:16px}
.socials a{width:34px;height:34px;border-radius:50%;border:1px solid rgba(79,195,255,.5);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;transition:all .2s}
.socials a:hover{background:var(--blue);color:#02131f}
@media(max-width:960px){.grid3,.grid2{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}.nav-left{display:none}}
@media(max-width:680px){
  nav{padding:10px 12px}
  .logo{font-size:12px;letter-spacing:.09em;gap:7px}
  .logo-inf{width:25px}
  .btn.small{padding:8px 12px;font-size:10px;letter-spacing:.04em}
  .nav-right{gap:10px}
  .nav-right .nav-link{display:none}
  .page-hero{padding:130px 18px 60px}
  .page-hero h1{font-size:clamp(30px,9vw,44px)}
  section{padding:70px 18px}
  .fgrid{grid-template-columns:1fr}
  .fbottom{justify-content:center;text-align:center}
}
@media(max-width:400px){
  .logo{font-size:10.5px;letter-spacing:.07em;gap:5px}
  .logo-inf{width:21px}
  .btn.small{padding:7px 10px;font-size:9px}
}