@import url('/v11.css');

/* Conversion and editorial refinement. */
.practice-card b{
  font:700 .66rem/1.2 "Helvetica Neue",Arial,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.media-copy .kicker,.media-card .kicker{letter-spacing:.16em}
.media-feature video,.media-card video{background:#02070d}

.consultation-form{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:70px;
  margin-top:28px;
  padding:52px;
  border:1px solid rgba(184,215,232,.23);
  background:linear-gradient(135deg,rgba(184,215,232,.075),rgba(214,174,120,.035));
  box-shadow:0 28px 80px rgba(0,0,0,.16);
}
.form-heading small,.form-fields label>span{
  display:block;
  color:#b8d7e8;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.form-heading h3{
  margin:18px 0 18px;
  color:#fff;
  font-size:clamp(2.1rem,3.4vw,3.7rem);
  line-height:.98;
  letter-spacing:-.035em;
}
.form-heading p{max-width:440px;color:#aebfca;font-size:.92rem}
.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px}
.form-fields label{display:block}
.form-fields label>span{margin-bottom:9px}
.form-fields input,.form-fields select,.form-fields textarea{
  width:100%;
  border:1px solid rgba(184,215,232,.28);
  border-radius:0;
  background:rgba(1,8,14,.52);
  color:#fff;
  font:400 1rem/1.5 "Helvetica Neue",Arial,sans-serif;
  padding:14px 15px;
  outline:none;
  transition:border-color .2s,background .2s,box-shadow .2s;
}
.form-fields textarea{resize:vertical;min-height:118px}
.form-fields select{appearance:auto}
.form-fields option{background:#fff;color:#0b1926}
.form-fields input::placeholder,.form-fields textarea::placeholder{color:#8094a2}
.form-fields input:focus,.form-fields select:focus,.form-fields textarea:focus{
  border-color:#d6ae78;
  background:rgba(1,8,14,.82);
  box-shadow:0 0 0 3px rgba(214,174,120,.12);
}
.form-wide{grid-column:1/-1}
.form-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:4px}
.form-submit p{color:#91a6b5;font-size:.78rem;text-align:right}

.practice-page{background:#f2f5f6;color:#0b1926}
.practice-page .site-header{position:absolute}
.practice-page .navigation.open{background:rgba(3,11,20,.98);color:#fff}
.practice-hero{
  position:relative;
  min-height:620px;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  padding:190px 0 88px;
  background:
    radial-gradient(circle at 78% 28%,rgba(75,145,178,.22),transparent 30%),
    linear-gradient(125deg,#030a12 0%,#082039 58%,#030a12 100%);
  color:#fff;
}
.practice-hero:before{
  content:"JGD";
  position:absolute;
  right:-.03em;
  bottom:-.2em;
  font:400 clamp(13rem,29vw,32rem)/1 Editorial,Georgia,serif;
  letter-spacing:-.12em;
  color:rgba(184,215,232,.045);
}
.practice-hero-inner{position:relative;z-index:1;max-width:1060px}
.practice-breadcrumb{margin-bottom:30px;color:#a7c7d8;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.practice-breadcrumb a{border-bottom:1px solid rgba(184,215,232,.4);padding-bottom:3px}
.practice-hero h1{max-width:930px;font-size:clamp(4rem,8vw,8.7rem);line-height:.82;letter-spacing:-.055em}
.practice-hero h1 em{display:block;color:#bddce9;font-weight:400}
.practice-lede{max-width:760px;margin-top:34px;color:#c1d1db;font-size:1.12rem;line-height:1.75}
.practice-content{padding:112px 0;background:linear-gradient(180deg,#f4f6f7,#e8eef1)}
.practice-content-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:110px}
.practice-aside{position:sticky;top:130px;align-self:start;border-top:2px solid #d6ae78;padding-top:24px}
.practice-aside small{display:block;color:#356f94;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.practice-aside h2{margin:16px 0 20px;font-size:2.2rem;line-height:1.05}
.practice-aside p{color:#586d7a;font-size:.92rem}
.practice-aside .button{margin-top:28px;background:#071522;border-color:#071522;color:#fff}
.practice-body{max-width:790px}
.practice-body>p{font-size:1.08rem;line-height:1.82;color:#405765}
.practice-body h2{margin:58px 0 24px;font-size:clamp(2.5rem,4vw,4.4rem);line-height:.96}
.service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;border-top:1px solid rgba(9,35,55,.22)}
.service-list li{list-style:none;padding:19px 0;border-bottom:1px solid rgba(9,35,55,.18);color:#294354}
.service-list li:before{content:"◆";margin-right:12px;color:#d0a36a;font-size:.55rem;vertical-align:middle}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.process-step{min-height:180px;padding:25px;border:1px solid rgba(9,35,55,.17);background:rgba(255,255,255,.58)}
.process-step small{color:#356f94;font-weight:700}.process-step h3{margin:40px 0 10px;font-size:1.45rem}.process-step p{color:#607582;font-size:.86rem}
.practice-cta{padding:96px 0;background:#06111e;color:#fff}
.practice-cta .shell{display:flex;align-items:end;justify-content:space-between;gap:60px}
.practice-cta h2{max-width:820px;font-size:clamp(3.2rem,6vw,6.7rem);line-height:.86}
.practice-cta h2 em{display:block;color:#bddce9;font-weight:400}
.practice-cta p{max-width:460px;margin:24px 0;color:#aebfca}

@media(max-width:980px){
  .consultation-form,.practice-content-grid{grid-template-columns:1fr;gap:42px}
  .consultation-form{padding:40px}
  .practice-aside{position:static}
  .practice-cta .shell{align-items:flex-start;flex-direction:column}
}

@media(max-width:650px){
  .consultation-form{margin-top:10px;padding:28px 20px;gap:32px}
  .form-fields{grid-template-columns:1fr}
  .form-wide{grid-column:1}
  .form-submit{align-items:flex-start;flex-direction:column}
  .form-submit p{text-align:left}
  .practice-hero{min-height:560px;padding:142px 0 64px}
  .practice-hero h1{font-size:clamp(3.65rem,17vw,5.35rem)}
  .practice-lede{font-size:1rem}
  .practice-content{padding:78px 0}
  .service-list,.process-grid{grid-template-columns:1fr}
  .practice-cta{padding:74px 0 100px}
}