/* Connected services: clear roles without implying a mandatory sequence. */
.together{background:#191919;color:var(--white);border-block:1px solid #343434}
.together .eyebrow{color:#ff766d;letter-spacing:1.5px;margin-bottom:26px}
.together>div.connected-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.together h2{font-size:clamp(30px,3vw,44px);line-height:1.35;letter-spacing:-1.5px}
.together h2 span{color:#ff766d}.together p{color:#c1bfbb;font-size:14px;line-height:1.9}
.together>div.connected-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.connected-cards article{padding:28px 0 0;border-top:1px solid #5a5551}
.connected-cards article>span{color:#aaa9a6;font-size:10px;letter-spacing:1px}
.connected-cards h3{font-size:21px;margin:20px 0 12px;letter-spacing:-.6px}
.together .connected-cards p{font-size:13px}
/* Starter package: native modal focus handling, visible on arrival. */
body.starter-is-open{overflow:hidden}
#starter-dialog{padding:0;border:1px solid #5c514d;background:#161515;color:#f5f3ee;width:min(930px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto;border-radius:6px;box-shadow:0 30px 100px #000b}
#starter-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}
.starter-shell{display:grid;grid-template-columns:1.1fr 1fr;position:relative}
.starter-offer{padding:38px;background:radial-gradient(ellipse at 0 0,#5e2422,transparent 65%),#191616}
.starter-offer .eyebrow{color:#ff8b83;font-size:9px;letter-spacing:1.2px;margin-bottom:22px}
.starter-offer h2{font-size:31px;line-height:1.45;letter-spacing:-1.3px}.starter-offer h2 em{color:#ff766d;font-style:normal}
.starter-price{font-size:41px;font-weight:800;margin:19px 0 13px;line-height:1.25}.starter-price small{font-size:12px;color:#bfb5b1;font-weight:400;white-space:nowrap}
.starter-lead{font-size:13px;color:#c9c0ba;line-height:1.85}
.starter-includes{display:grid;gap:0;margin:20px 0 18px;list-style:none;padding:0}
.starter-includes li{padding:12px 0;border-top:1px solid #ffffff24;display:flex;flex-direction:column;gap:5px}
.starter-includes b{font-size:14px}.starter-includes span{font-size:11px;color:#c4b9b3}
.starter-fine{font-size:10px;color:#b0a39d;line-height:1.8}.starter-today{margin-top:16px;padding:3px 0;border:0;background:none;color:#b9ada8;font-size:11px;text-decoration:underline}
.starter-inquiry{padding:38px 34px;background:#f3f0e9;color:#25231f}
.starter-inquiry>.eyebrow{font-size:9px;color:#8a6761;margin-bottom:12px;letter-spacing:1.3px}
.starter-inquiry h3{font-size:25px;letter-spacing:-.8px}.starter-inquiry>p:not(.eyebrow){font-size:12px;color:#777067;margin:8px 0 22px}
.starter-close{position:absolute;z-index:1;right:10px;top:8px;width:32px;height:32px;border:0;background:transparent;color:#625951;font-size:28px}
#starter-form{display:grid;gap:13px}#starter-form label{display:flex;flex-direction:column;gap:5px}#starter-form label>span{font-size:11px;font-weight:600}
#starter-form input:not([type=checkbox]),#starter-form textarea{width:100%;min-width:0;background:transparent;border:0;border-bottom:1px solid #bfb8ad;border-radius:0;padding:9px 0;color:#25231f;font-size:12px;outline-offset:3px}
#starter-form textarea{resize:vertical}#starter-form .agree{flex-direction:row;gap:7px;align-items:flex-start;margin-top:3px}#starter-form .agree input{accent-color:#bd3028;flex:0 0 14px;margin:2px 0 0}#starter-form .agree span{font-size:10px;line-height:1.6;font-weight:400;color:#6f675e}
#starter-form button[type=submit]{min-height:46px;border:0;background:#d9362d;color:#fff;font-size:13px;font-weight:700;padding:12px}#starter-form button:disabled{opacity:.55;cursor:wait}
#starter-form .form-status{font-size:11px;color:#ae2922}#starter-form .form-status:empty{display:none}
.form-trap{position:absolute;left:-10000px}
.starter-open{position:fixed;bottom:20px;left:20px;z-index:80;border:1px solid #ff8b83;background:#c53028;color:#fff;padding:13px 18px;box-shadow:0 5px 20px #0003;font-size:12px;font-weight:700;border-radius:4px}.starter-open span{margin-left:20px}
.video-popup{width:min(210px,calc((100dvh - 110px)*.5625));z-index:90}.video-controls button{font-size:9px;min-height:34px}.video-close{z-index:2;width:29px;height:29px;font-size:23px}.video-status{font-size:10px}
@media(max-width:760px){.together>div.connected-intro{grid-template-columns:1fr;gap:23px}.together>div.connected-cards{grid-template-columns:1fr;gap:24px;margin-top:32px}.connected-cards article{padding-top:20px}.connected-cards h3{margin:12px 0 8px;font-size:21px}.together p{font-size:13px}.together .connected-cards p br{display:none}}
@media(max-width:650px){#starter-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.starter-shell{grid-template-columns:1fr}.starter-offer{padding:29px 25px 23px}.starter-inquiry{padding:27px 25px}.starter-offer h2{font-size:27px}.starter-price{font-size:35px;margin:13px 0}.starter-includes{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:17px 0}.starter-includes span{font-size:10px}.starter-close{color:#fff;position:absolute}.starter-fine{font-size:10px}.starter-inquiry h3{font-size:24px}.starter-open{left:12px;bottom:12px;padding:11px 13px;font-size:11px}.video-popup{width:128px;right:12px;bottom:12px}.video-controls button{font-size:8px;min-height:30px}.video-controls{flex-wrap:wrap}.video-fullscreen{display:none}.video-popup:fullscreen .video-fullscreen,.video-popup.is-expanded .video-fullscreen{display:block}}

.starter-offer h2 .starter-services{display:block;font-size:clamp(16px,2vw,22px);font-weight:700;letter-spacing:-.6px;line-height:1.6;margin-bottom:5px;white-space:nowrap}

/* Mobile inquiry: readable fields, touch targets, and no fixed CTA obstruction. */
@media(max-width:650px){
  body.contact-in-view .starter-open{visibility:hidden;pointer-events:none}
  .starter-offer h2 .starter-services{white-space:normal;overflow-wrap:anywhere}
  .contact form{grid-template-columns:minmax(0,1fr)}
  .contact form label,.contact form .full{grid-column:1/-1;min-width:0}
  .contact form label>span,#starter-form label>span{font-size:13px}
  .contact input:not([type=checkbox]),.contact textarea,.contact select,
  #starter-form input:not([type=checkbox]),#starter-form textarea{font-size:16px;min-height:48px}
  .contact form .agree,#starter-form .agree{min-height:44px;align-items:center}
  .contact form .agree span,#starter-form .agree span{font-size:12px;line-height:1.7}
  .contact form .agree input,#starter-form .agree input{width:20px;height:20px;flex:0 0 20px}
  .contact form button[type=submit],#starter-form button[type=submit]{min-height:48px;font-size:15px}
}

/* Separate video-only and all-in-one production packages. */
.package-options{display:grid;gap:16px;margin:22px 0}
.package-card{padding:20px;border:1px solid #ffffff35;border-radius:5px;background:#ffffff04}
.package-card-premium{border-color:#f36d63;background:#9d302416}
.package-label{font-size:9px;letter-spacing:1.5px;color:#f38b82;margin:0 0 8px}
.package-card h3{font-size:20px;letter-spacing:-.5px;line-height:1.4}
.package-card .starter-price{font-size:32px;margin:12px 0}
.package-list{padding:0;list-style:none;display:grid;gap:8px;font-size:13px;line-height:1.55}
.package-list li:before{content:"+";color:#ff8b83;margin-right:8px}
.package-note{font-size:11px;line-height:1.6;color:#bfb6b0;margin-top:14px}
#starter-form select{width:100%;min-width:0;min-height:48px;font:inherit;font-size:14px;background:#fff;border:1px solid #bfb8ad;border-radius:3px;padding:10px;color:#25231f}
@media(max-width:650px){.package-card{padding:17px}.package-card h3{font-size:19px}.package-list{font-size:13px}#starter-form select{font-size:16px}.starter-offer h2{font-size:25px}}

.packages{background:#171515;color:#f5f3ee}.packages .section-head>p{color:#c9c0ba}.packages .package-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.packages .package-card{padding:30px}.package-scope{font-size:12px;line-height:1.8;color:#bfb6b0;margin:20px 0 28px}.packages .package-card h3{font-size:25px}.packages .starter-price{font-size:40px}.packages .package-list{font-size:15px;gap:12px}@media(max-width:650px){.packages .package-options{grid-template-columns:1fr;gap:16px}.packages .package-card{padding:24px}.packages .package-card h3{font-size:22px}}

/* Direct ad entries: show the relevant example below the sticky header. */
#shortform-reference,#cosmetic-ad-reference,#lumel-ad-reference{scroll-margin-top:96px}
.service-reference-cta{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;padding:10px 16px;border:1px solid #f43b34;border-radius:3px;color:#f5f3ee;font-size:13px;font-weight:700;background:#c53028}
.service-reference-cta:hover{background:#e63830}
body[data-service-entry] .video-popup{display:none}

/* November package launch: approved package prices, no unverified comparison price. */
.starter-period{display:inline-flex;align-items:center;margin:0 0 14px;padding:7px 14px;border:1px solid #ff8a7f;border-radius:99px;background:#ff766d;color:#211815;font-size:14px;font-weight:800;letter-spacing:1px;line-height:1.3}
.starter-offer h2.starter-promo-title{margin:0 0 14px;font-size:clamp(32px,3.5vw,46px);font-weight:900;line-height:1.15;letter-spacing:-1.8px;overflow-wrap:break-word}
.starter-offer h2.starter-promo-title em{color:#ff8a7f}
@media(max-width:650px){.starter-period{font-size:13px;margin-bottom:12px}.starter-offer h2.starter-promo-title{font-size:clamp(30px,8vw,40px);letter-spacing:-1.2px}}

#starter-dialog .package-discount{display:inline-block;margin:12px 0 6px;padding:6px 11px;border-radius:7px;background:#ff8a7f;color:#211815;font-size:clamp(22px,2.6vw,30px);font-weight:900;line-height:1.2;letter-spacing:-.7px}
#starter-dialog .package-price-basis{margin:5px 0 0;color:#d1c9c4;font-size:13px;line-height:1.6}
#starter-dialog .package-price-basis+.starter-price{margin-top:4px}