/* The Services overview supplies the shared hero, editorial rows, portfolio, client stories, FAQ and closing.
   Recording-specific photo framing, pricing, process and add-on details are customized here. */
.recording-hero .production-hero-image img{object-position:center center}
.recording-hero .production-hero-image:after{background:linear-gradient(90deg,#12121f12 0%,#12121f20 30%,#12121f9c 54%,#12121fbf 85%),linear-gradient(180deg,#12121f70,transparent 36%,#12121f12 66%,#12121fe8)}
.recording-hero .production-actions{flex-wrap:wrap}
@media(max-width:1150px){
  .recording-hero{padding-top:calc(56.25vw + 72px);min-height:0}
  .recording-hero .production-hero-image{height:calc(56.25vw + 100px);bottom:auto}
  .recording-hero .production-hero-image img{object-fit:contain;object-position:center top;transform:none}
  body.motion-paused .recording-hero .production-hero-image img{transform:none}
  .recording-hero .production-hero-image:after{background:linear-gradient(180deg,#12121f66,transparent 28%,#12121f15 52%,var(--ink) 98%)}
  .recording-hero .production-hero-layout{display:block}
  .recording-hero .production-copy h1{font-size:clamp(40px,9vw,81px)}
  .recording-hero .hero-inclusion{width:100%;max-width:none}
}
@media(max-width:600px){
  .recording-hero{padding-top:calc(56.25vw + 74px)}
  .recording-hero .production-hero-image{top:70px;height:calc(56.25vw + 55px)}
  .recording-hero .production-hero-image:after{background:linear-gradient(180deg,#12121f38,transparent 20%,#12121f12 60%,var(--ink) 96%)}
  .recording-hero .production-copy h1{font-size:clamp(40px,12.3vw,72px)}
}
.session-extras{margin-top:70px;align-items:start}
.session-extras .extras-intro{font-size:15px;color:#12121fc4;line-height:1.7;max-width:310px;margin-top:22px}
.session-extras .button{font-size:13px;margin-top:29px}
.extras-options{margin:0}
.extras-options>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:25px;padding-block:23px;border-top:1px solid #12121f38}
.extras-options>div:first-child{padding-top:0;border-top:0}
.extras-options>div:last-child{padding-bottom:0}
.extras-options dt>strong{display:block;font:500 26px/1.2 Space Grotesk,sans-serif;letter-spacing:-.045em}
.extras-options dt>span{display:block;font-size:13px;line-height:1.7;color:#12121fbf;margin-top:9px;max-width:320px}
.extras-options dd{margin:0;text-align:right;min-width:100px}
.extras-options dd>strong{display:block;font:500 35px/1.1 Space Grotesk,sans-serif;letter-spacing:-.055em}
.extras-options dd>span{display:block;font-size:11px;color:#12121fbf;margin-top:6px}
.recording-packages .package h3{text-transform:none}
@media(max-width:1150px){.extras-options dt>strong{font-size:23px}.extras-options dd>strong{font-size:30px}.extras-options>div{gap:18px}.extras-options dd{min-width:82px}}
@media(max-width:900px){.session-extras{margin-top:50px}.session-extras .location-heading h3{font-size:40px}.session-extras .extras-intro{font-size:13px}.session-extras .button{font-size:12px;gap:15px}.extras-options dt>strong{font-size:21px}.extras-options dt>span{font-size:12px}.extras-options dd>strong{font-size:27px}.extras-options dd{min-width:68px}.extras-options>div{gap:14px;padding-block:20px}}
@media(max-width:600px){.session-extras{margin-top:40px}.session-extras .location-heading h3{font-size:clamp(32px,9vw,48px)}.session-extras .extras-intro{font-size:14px;max-width:300px;margin-top:20px}.session-extras .button{font-size:12px;margin-top:23px}.extras-options{margin-top:30px;padding-top:26px;border-top:1px solid #12121f38}.extras-options dt>strong{font-size:21px}.extras-options dt>span{font-size:12px}.extras-options dd>strong{font-size:27px}.extras-options dd>span{font-size:10px}.extras-options>div{gap:16px;padding-block:22px}.extras-options dd{min-width:64px}}
@media(max-width:370px){.extras-options>div{gap:10px}.extras-options dt>strong{font-size:19px}.extras-options dd>strong{font-size:25px}.extras-options dd{min-width:58px}}
.nav-services{color:var(--amber)}
.recording-packages .section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:58px}
.recording-packages .section-intro .eyebrow{margin-bottom:27px}
.recording-packages .section-intro h2{font-size:clamp(42px,4.3vw,70px);line-height:1.04}
.recording-packages .intro-aside{max-width:300px;font-size:16px;line-height:1.7;color:var(--muted);padding-bottom:5px}
.recording-packages{background:var(--ink);color:var(--paper)}
.recording-packages .eyebrow{color:var(--amber)}
.recording-packages .intro-aside{color:#f5f0ebb0}
.session-picker{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #f5f0eb40;padding-block:26px;margin-top:5px}
.session-picker label{font-family:Space Grotesk,sans-serif;font-size:22px;letter-spacing:-.03em}
.session-picker p{font-size:13px;color:#f5f0eba0;margin-top:6px}
.session-select{position:relative;flex-shrink:0;min-width:250px}
.session-select select{appearance:none;background:#262630;border:1px solid #f5f0eb60;color:var(--paper);border-radius:999px;width:100%;padding:17px 55px 17px 23px;font:500 15px 'DM Sans',sans-serif;cursor:pointer}
.session-select>svg{position:absolute;right:19px;top:16px;pointer-events:none}
.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.package{display:flex;flex-direction:column;border:1px solid #f5f0eb38;border-radius:22px;padding:30px}
.package-kicker{font-size:8px;letter-spacing:.09em;margin-bottom:30px}
.package h3{font-size:clamp(26px,2.5vw,38px);font-weight:600;white-space:nowrap;letter-spacing:-.06em}
.package-fit{font-size:15px;line-height:1.6;color:#f5f0ebb3;margin-top:16px}
.package-price{margin:32px 0 24px;display:flex;flex-wrap:wrap;align-items:baseline;gap:9px;min-height:57px}
.package-price strong{font:500 clamp(38px,3.3vw,55px)/1 Space Grotesk,sans-serif;letter-spacing:-.065em;font-variant-numeric:tabular-nums}
.package-price>span{font-size:12px;white-space:nowrap;color:#f5f0ebaf}
.package .package-button{width:100%;font-size:12px;gap:8px;padding-left:18px;min-height:53px}
.package-button .button-icon{width:35px;height:35px}
.package-inclusions{margin-top:32px;border-top:1px solid #f5f0eb38;padding-top:25px}
.package-inclusions>.eyebrow{font-size:8px;letter-spacing:.06em;color:#f5f0eb8f;min-height:26px}
.package ul{list-style:none;padding:0;margin:10px 0 0}
.package li{display:flex;align-items:flex-start;gap:13px;font-size:14px;line-height:1.6;padding-block:6px}
.package li:before{content:'↗';color:var(--amber);flex-shrink:0;font-size:14px}
.package-boundary{font-size:12px;color:#f5f0ebaf;line-height:1.7;margin-top:25px}
.short-session{font-size:11px;color:#f5f0eb9c;margin-top:23px;padding-top:22px;border-top:1px solid #f5f0eb26}
.short-session a{display:inline-flex;align-items:center;gap:20px;color:var(--paper);font-size:13px;margin-top:4px;text-decoration:underline;text-underline-offset:4px}
.short-session svg{width:14px;height:14px}
.package-finish{background:var(--amber);color:var(--ink);border-color:var(--amber)}
.package-finish .eyebrow,.package-finish li:before{color:var(--ink)}
.package-finish .package-fit,.package-finish .package-boundary,.package-finish .package-price>span{color:#12121fc4}
.package-finish .package-inclusions{border-color:#12121f40}
.package-notes{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:26px;font-size:12px;color:#f5f0ebaa}
.package-help{border-top:1px solid #f5f0eb30;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:33px;padding-top:25px}
.package-help>p{font-family:Space Grotesk,sans-serif;font-size:23px;letter-spacing:-.035em}
.package-help>.text-link{font-size:13px}
.rates-fallback{overflow-x:auto;padding-block:25px}
.rates-fallback h3{font-size:26px}
.rates-fallback table{border-collapse:collapse;width:100%;font-size:13px;margin-top:18px}
.rates-fallback caption{text-align:left;color:#f5f0ebaa;margin-bottom:10px}
.rates-fallback th,.rates-fallback td{text-align:left;padding:14px;border-bottom:1px solid #f5f0eb40}
html:not(.js) .session-picker{display:none}
.session-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px;list-style:none;padding:0;margin:0}
.session-process>.section-intro{margin-bottom:55px}
.session-process .section-intro h2{font-size:clamp(46px,4.9vw,78px)}
.session-steps li{border-top:1px solid var(--line);padding-top:20px}
.step-number{display:flex;align-items:center;justify-content:space-between;font:500 11px 'IBM Plex Mono',monospace;color:var(--muted)}
.step-number>svg{width:20px;height:20px}
.session-steps h3{font-size:30px;margin-top:29px}
.session-steps p{font-size:15px;color:var(--muted);line-height:1.75;margin-top:14px;max-width:380px}
.session-steps li:nth-child(2){--arrival-delay:.1s}
.session-steps li:nth-child(3){--arrival-delay:.2s}
@media(max-width:1200px){
.package{padding:25px 22px}
.package h3{font-size:2.5vw}
.package li{font-size:12px;gap:9px}
.package .package-button{font-size:11px;padding-left:14px;gap:4px}
.package-button .button-icon{width:30px;height:30px}
.package-inclusions>.eyebrow{font-size:7px}
.package-price>span{font-size:10px}
.session-steps{gap:35px}
.session-steps h3{font-size:25px}
.session-steps p{font-size:14px}
}
@media(max-width:900px){
.recording-packages .section-intro{gap:30px;margin-bottom:40px}
.recording-packages .section-intro h2{font-size:clamp(35px,5vw,46px)}
.recording-packages .intro-aside{max-width:220px;font-size:13px}
.package-grid{gap:12px}
.package{padding:24px 17px;border-radius:15px}
.package h3{white-space:normal;font-size:26px;min-height:60px;max-width:180px}
.package li{font-size:11px}
.package-kicker{font-size:7px;margin-bottom:23px;min-height:23px}
.package-fit{font-size:12px}
.package-price{display:block;min-height:80px;margin-top:24px;margin-bottom:12px}
.package-price strong{font-size:42px}
.package-price>span{display:block;margin-top:7px}
.package .package-button{font-size:10px;white-space:normal;line-height:1.3;padding:8px 8px 8px 12px;min-height:56px}
.package-button .button-icon{width:27px;height:27px;flex-shrink:0}
.package-inclusions{margin-top:24px;padding-top:20px}
.package-inclusions>.eyebrow{min-height:33px}
.package-boundary{font-size:11px}
.short-session{font-size:10px}
.short-session a{font-size:11px;gap:8px}
.session-picker label{font-size:19px}
.session-picker p{font-size:11px}
.session-select{min-width:210px}
.session-select select{font-size:13px}
.package-help>p{font-size:20px}
.package-help>.text-link{font-size:11px;gap:15px}
.session-steps{gap:25px}
.session-process>.section-intro{margin-bottom:40px}
.session-steps h3{font-size:23px}
.session-steps p{font-size:13px}
.session-process .section-intro h2{font-size:49px}
}
@media(max-width:600px){
.recording-packages .section-intro{display:block;margin-bottom:34px}
.recording-packages .section-intro .eyebrow{margin-bottom:22px;font-size:8px}
.recording-packages .section-intro h2{font-size:clamp(33px,8.4vw,49px)}
.recording-packages .intro-aside{font-size:14px;max-width:330px;padding:0;margin-top:23px}
.session-picker{align-items:flex-start;flex-direction:column;gap:20px;padding-block:25px}
.session-picker label{font-size:20px;line-height:1.3;display:block;max-width:270px}
.session-picker p{font-size:12px;max-width:295px}
.session-select{width:100%}
.session-select select{font-size:15px}
.package-grid{grid-template-columns:1fr;gap:20px}
.package{padding:27px 25px;border-radius:19px}
.package h3{font-size:32px;min-height:0;max-width:none}
.package li{font-size:13px;gap:12px}
.package-kicker{font-size:8px;min-height:0;margin-bottom:21px}
.package-fit{font-size:14px;margin-top:15px}
.package-price{display:flex;min-height:0;gap:10px;margin-top:26px;margin-bottom:23px}
.package-price strong{font-size:49px}
.package-price>span{font-size:11px;margin-top:0}
.package .package-button{min-height:54px;font-size:12px;white-space:nowrap;padding-left:18px;gap:10px}
.package-button .button-icon{width:35px;height:35px}
.package-inclusions{margin-top:27px;padding-top:23px}
.package-inclusions>.eyebrow{font-size:8px;min-height:0;margin-bottom:15px}
.package-boundary{font-size:12px;margin-top:24px}
.short-session{font-size:11px}
.short-session a{font-size:13px;gap:20px}
.package-notes{grid-template-columns:1fr;gap:14px;font-size:11px}
.package-help{display:block;padding-top:25px;margin-top:28px}
.package-help>p{font-size:23px;line-height:1.3;max-width:300px}
.package-help>.text-link{font-size:12px;margin-top:15px}
.session-process .section-intro>.text-link{font-size:12px;margin-top:22px}
.session-steps{grid-template-columns:1fr;gap:28px}
.session-process>.section-intro{margin-bottom:34px}
.session-steps li{padding-top:19px}
.session-steps h3{font-size:28px;margin-top:22px}
.session-steps p{font-size:14px;margin-top:12px}
.session-process .section-intro h2{font-size:clamp(35px,9.5vw,49px)}
}
@media(max-width:360px){
.package{padding:25px 21px}
.package h3{font-size:29px}
.package .package-button{font-size:11px;padding-left:14px;gap:7px}
.package-button .button-icon{width:31px;height:31px}
}