/* Shared cinematic service chapters. Page scoped; Journal and FAQ copy untouched. */
body.ea-site.service-format {--sf-gold:#cfb57c;--sf-paper:#f3f0e8;--sf-line:rgba(243,240,232,.2);background:#0e1713}
body.ea-site.service-format .site-header {position:absolute;inset:0 0 auto;z-index:30;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent);border:0;color:#fff}
body.ea-site.service-format #main {padding:0;margin:0}
body.ea-site.service-format #main .sf-page {width:100%;overflow:clip;color:var(--sf-paper)}
body.ea-site.service-format #main .sf-page h1,
body.ea-site.service-format #main .sf-page h2,
body.ea-site.service-format #main .sf-page h3 {font-weight:400;letter-spacing:-.018em;line-height:1.3;max-width:none;text-wrap:pretty;margin:0}
body.ea-site.service-format #main .sf-page h1 {font-size:clamp(25px,3vw,46px)}
body.ea-site.service-format #main .sf-page h2 {font-size:clamp(22px,2.2vw,32px)}
body.ea-site.service-format #main .sf-page h3 {font-size:clamp(20px,1.8vw,27px)}
body.ea-site.service-format #main .sf-page p {font-size:16px;line-height:1.65;margin:14px 0 0;max-width:none}
body.ea-site.service-format #main .sf-page a {color:inherit}
body.ea-site.service-format #main .sf-page button {font:inherit;color:inherit;cursor:pointer}
body.ea-site.service-format #main .sf-page [hidden] {display:none!important}
body.ea-site.service-format #main .sf-page :focus-visible {outline:2px solid var(--sf-gold);outline-offset:5px}
body.ea-site.service-format #main .sf-cinema {position:relative;isolation:isolate;min-width:0;height:100%;overflow:hidden;background:#070c09}
body.ea-site.service-format #main .sf-hero {height:78svh;min-height:510px;max-height:900px}
body.ea-site.service-format #main .sf-poster {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
body.ea-site.service-format #main .sf-cinema-shade {position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 25%,rgba(0,0,0,.32) 48%,rgba(0,0,0,.75));pointer-events:none}
body.ea-site.service-format #main .sf-cinema-copy {position:absolute;inset:auto 24px 10%;text-align:center;z-index:1}
body.ea-site.service-format #main .sf-cinema-copy p {margin-top:16px}
body.ea-site.service-format #main .sf-cinema-copy small {display:block;font-size:12px;letter-spacing:.035em;margin-top:26px;color:#e3e1d9}
body.ea-site.service-format #main .sf-actions {display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:26px}
body.ea-site.service-format #main .sf-play {border:0;background:transparent;display:inline-flex;align-items:center;gap:12px;padding:12px 0;line-height:1.5}
body.ea-site.service-format #main .sf-play span {font-size:24px}
body.ea-site.service-format #main .sf-amie {display:inline-flex;align-items:center;gap:24px;min-height:44px;line-height:1.5;text-decoration:none;border-bottom:1px solid rgba(243,240,232,.55);font-size:15px}
body.ea-site.service-format #main .sf-player {position:absolute;inset:0;z-index:4;background:#000}
body.ea-site.service-format #main .sf-player :is(iframe,video) {display:block;width:100%;height:100%;border:0;object-fit:contain}
body.ea-site.service-format #main .sf-close {position:absolute;right:18px;top:90px;z-index:5;border:1px solid #fff8;background:#09100de6;color:#fff;width:44px;height:44px;font-size:25px;border-radius:50%}
body.ea-site.service-format #main .sf-cinema:not(.sf-hero) .sf-close {top:16px}
body.ea-site.service-format #main .sf-cinema.is-playing .sf-cinema-copy {visibility:hidden}
body.ea-site.service-format #main .sf-chapters {display:flex;justify-content:center;gap:clamp(18px,4vw,60px);padding:22px 16px;border-bottom:1px solid var(--sf-line);overflow:auto;scrollbar-width:none;white-space:nowrap}
body.ea-site.service-format #main .sf-chapters a {text-decoration:none;font-size:12px;letter-spacing:.04em;padding:8px 0}
body.ea-site.service-format #main .sf-collection-links {display:flex;justify-content:center;flex-wrap:wrap;gap:16px 32px;padding:22px 24px;border-bottom:1px solid var(--sf-line)}
body.ea-site.service-format #main .sf-collection-links a {font-size:14px;text-decoration:none}
body.ea-site.service-format #main .sf-heading {padding:58px 24px 32px;text-align:center}
body.ea-site.service-format #main .sf-track {display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0;margin:0;outline-offset:-3px}
body.ea-site.service-format #main .sf-track::-webkit-scrollbar {display:none}
body.ea-site.service-format #main .sf-slide {position:relative;isolation:isolate;flex:0 0 70%;min-width:0;scroll-snap-align:start;background:#111d17;overflow:hidden;min-height:450px;display:block}
body.ea-site.service-format #main .sf-card-image {display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
body.ea-site.service-format #main .sf-card-copy {position:absolute;inset:auto 0 0;padding:100px 36px 36px;background:linear-gradient(transparent,rgba(0,0,0,.68) 45%,rgba(0,0,0,.86));z-index:1}
body.ea-site.service-format #main .sf-card-copy p {color:#f3f0e8}
body.ea-site.service-format #main .sf-card-copy a {font-size:14px;display:inline-block;margin-top:12px}
body.ea-site.service-format #main .sf-card-copy .sf-amie {display:inline-flex}
body.ea-site.service-format #main .sf-slide>.sf-amie {position:absolute;right:24px;top:24px;z-index:2;background:#0e1713b3;padding:0 12px}
body.ea-site.service-format #main .sf-controls {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(24px,5vw,80px);border-bottom:1px solid var(--sf-line);font-size:12px}
body.ea-site.service-format #main .sf-controls>div {display:flex;align-items:center;gap:12px}
body.ea-site.service-format #main .sf-controls output {min-width:48px;text-align:center;font-variant-numeric:tabular-nums}
body.ea-site.service-format #main .sf-controls button {width:44px;height:44px;border:0;background:transparent;font-size:26px}
body.ea-site.service-format #main .sf-controls button:disabled {opacity:.25;cursor:default}
body.ea-site.service-format #main .sf-icon-carousel .sf-slide {flex-basis:42%;min-height:260px;border-top:1px solid var(--sf-line);background:transparent}
body.ea-site.service-format #main .sf-icon-row {display:grid;grid-template-columns:38px minmax(0,1fr);gap:24px;padding:42px 36px}
body.ea-site.service-format #main .sf-icon-row :is(svg,img) {width:36px;height:36px;object-fit:contain;color:var(--sf-gold)}
body.ea-site.service-format #main .sf-icon-row h3 {font-size:22px}
body.ea-site.service-format #main .sf-icon-row p {color:#c7cec9}
body.ea-site.service-format #main .sf-number {font-size:13px;color:var(--sf-gold);padding-top:5px}
body.ea-site.service-format #main .sf-specifications {width:min(100% - 48px,1120px);margin:0 auto;padding:64px 0;border-bottom:1px solid var(--sf-line)}
body.ea-site.service-format #main .sf-specifications>h2 {text-align:center;margin-bottom:32px}
body.ea-site.service-format #main .sf-specifications>p {text-align:center;color:#c7cec9}
body.ea-site.service-format #main .sf-spec-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}
body.ea-site.service-format #main .sf-spec-grid>div {padding:18px 0;border-top:1px solid var(--sf-line)}
body.ea-site.service-format #main .sf-spec-grid dt {font-size:12px;letter-spacing:.05em;color:var(--sf-gold);margin-bottom:10px}
body.ea-site.service-format #main .sf-spec-grid dd {font-size:15px;line-height:1.6;margin:0}
body.ea-site.service-format #main .sf-specifications .sf-note {font-size:13px;margin-top:24px}
body.ea-site.service-format #main .sf-specifications :is(.sf-table,.table-scroll) {max-width:100%;overflow:auto;margin-top:24px}
body.ea-site.service-format #main .sf-specifications table {width:100%;border-collapse:collapse;font-size:14px}
body.ea-site.service-format #main .sf-specifications :is(th,td) {padding:14px;text-align:left;border-bottom:1px solid var(--sf-line);white-space:nowrap}
body.ea-site.service-format #main .sf-specifications caption {padding:16px;text-align:left;color:#c7cec9;font-size:13px}
body.ea-site.service-format #main .sf-specifications .chroma-levels {margin-top:30px}
body.ea-site.service-format #main .sf-specifications .refinishing-partnership {margin:48px auto 0;padding:32px 0 0;width:100%}
body.ea-site.service-format #main .sf-specifications .refinishing-partnership h2 {text-align:center}
body.ea-site.service-format #main .sf-specifications .refinishing-partnership>div {display:grid;grid-template-columns:1fr 1fr;gap:30px;text-align:center;margin-top:30px}
body.ea-site.service-format #main .sf-xpel-brand {display:grid;justify-items:center;text-align:center;gap:26px;padding:60px 24px 0}
body.ea-site.service-format #main .sf-xpel-brand img {width:clamp(170px,24vw,270px);height:auto;max-height:95px;object-fit:contain}
body.ea-site.service-format #main .sf-product-carousel .sf-slide {flex-basis:46%;min-height:0;background:transparent}
body.ea-site.service-format #main .sf-product-visual {position:relative;isolation:isolate;display:block;aspect-ratio:1.55;overflow:hidden;text-decoration:none;color:#fff}
body.ea-site.service-format #main .sf-product-visual::after {content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(0,0,0,.8))}
body.ea-site.service-format #main .sf-product-visual h3 {position:absolute;left:28px;right:20px;bottom:28px;z-index:1;color:#fff}
body.ea-site.service-format #main .sf-product-copy {padding:12px 28px 30px}
body.ea-site.service-format #main .sf-product-copy p {color:#c7cec9}
body.ea-site.service-format #main .sf-product-copy :is(.story-package-price,.package-price) {color:var(--sf-paper);font-size:17px}
body.ea-site.service-format #main .sf-product-copy>a {display:inline-flex;gap:20px;align-items:center;margin-top:20px;font-size:14px;text-decoration:none;min-height:44px}
body.ea-site.service-format #main .sf-product-copy>a svg {width:16px;height:16px}
body.ea-site.service-format #main .sf-reading {padding:56px 24px 0}
body.ea-site.service-format #main .sf-reading>h2 {text-align:center;margin-bottom:32px}
body.ea-site.service-format #main .sf-reading>div {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.ea-site.service-format #main .sf-reading a {position:relative;display:block;aspect-ratio:1.4;isolation:isolate;overflow:hidden;text-decoration:none}
body.ea-site.service-format #main .sf-reading a>span {position:absolute;inset:auto 0 0;padding:45px 20px 20px;background:linear-gradient(transparent,#000c);font-size:18px;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px}
body.ea-site.service-format #main .sf-faq {width:min(100% - 48px,900px);margin:0 auto;padding:60px 0;background:transparent}
body.ea-site.service-format #main .sf-faq>h2 {text-align:center;margin-bottom:28px}
body.ea-site.service-format #main .sf-faq details,
body.ea-site.service-format #main .sf-specifications details {background:transparent;border:0;border-bottom:1px solid var(--sf-line);padding:0;margin:0}
body.ea-site.service-format #main .sf-faq summary,
body.ea-site.service-format #main .sf-specifications summary {padding:21px 28px 21px 0;cursor:pointer;font-size:17px;line-height:1.5}
body.ea-site.service-format #main .sf-faq details>p,
body.ea-site.service-format #main .sf-faq details>div,
body.ea-site.service-format #main .sf-specifications details>div {padding:0 0 24px;margin:0;color:#c7cec9;font-size:15px;line-height:1.7}
body.ea-site.service-format #main .sf-concierge {display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px 24px 68px;border-top:1px solid var(--sf-line)}
body.ea-site.service-format #main .sf-bookmark {display:block;width:0;height:0;overflow:hidden}
body.ea-site.service-format #main .colour-studio {padding-block:64px}
@media(min-width:1600px){body.ea-site.service-format #main .sf-slide{min-height:560px}}
@media(max-width:700px){
 body.ea-site.service-format #main .sf-hero {height:70svh;min-height:470px;max-height:660px}
 body.ea-site.service-format #main .sf-cinema-copy {inset:auto 18px 10%}
 body.ea-site.service-format #main .sf-page h1 {font-size:clamp(21px,4.5vw,30px)}
 body.ea-site.service-format #main .sf-page h2 {font-size:clamp(19px,4.35vw,26px)}
 body.ea-site.service-format #main .sf-page h3,
 body.ea-site.service-format #main .sf-icon-row h3 {font-size:clamp(18px,3.8vw,22px)}
 body.ea-site.service-format #main .sf-page p {font-size:15px}
 body.ea-site.service-format #main .sf-actions {gap:22px;margin-top:20px;font-size:14px}
 body.ea-site.service-format #main .sf-chapters {gap:22px;justify-content:space-evenly;padding:14px 12px}
 body.ea-site.service-format #main .sf-heading {padding:40px 18px 26px}
 body.ea-site.service-format #main .sf-slide {flex-basis:94%;min-height:400px}
 body.ea-site.service-format #main .sf-card-copy {padding:90px 24px 28px}
 body.ea-site.service-format #main .sf-controls {padding:10px 24px}
 body.ea-site.service-format #main .sf-icon-carousel .sf-slide {flex-basis:94%;min-height:245px}
 body.ea-site.service-format #main .sf-icon-row {grid-template-columns:30px minmax(0,1fr);gap:20px;padding:32px 24px}
 body.ea-site.service-format #main .sf-icon-row :is(svg,img) {width:30px;height:30px}
 body.ea-site.service-format #main .sf-specifications {padding:42px 0}
 body.ea-site.service-format #main .sf-spec-grid {grid-template-columns:1fr 1fr;gap:8px 24px}
 body.ea-site.service-format #main .sf-spec-grid dd {font-size:14px}
 body.ea-site.service-format #main .sf-product-carousel .sf-slide {flex-basis:94%}
 body.ea-site.service-format #main .sf-product-visual {aspect-ratio:1.25}
 body.ea-site.service-format #main .sf-product-visual h3 {left:24px;bottom:24px}
 body.ea-site.service-format #main .sf-product-copy {padding:8px 24px 24px}
 body.ea-site.service-format #main .sf-reading {padding:40px 0 0}
 body.ea-site.service-format #main .sf-reading>div {display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 24px}
 body.ea-site.service-format #main .sf-reading a {flex:0 0 84%;scroll-snap-align:center;aspect-ratio:1.35}
 body.ea-site.service-format #main .sf-faq {padding:44px 0}
}
@media(prefers-reduced-motion:reduce){body.ea-site.service-format #main .sf-track{scroll-behavior:auto}}
/* The source film still contains cinema bars; crop only the poster, never playback. */
body.ea-site.service-format #main #film-cheryl-ferrari>.sf-poster {transform:scale(1.14)}
body.ea-site.service-format #main .sf-track:has(>.sf-slide:only-child)>.sf-slide {flex-basis:100%}
body.ea-site.service-format #main .sf-carousel:has(.sf-slide:only-child)>.sf-controls {display:none}
body.ea-site.service-format #main .sf-product-carousel:has(.sf-slide:only-child) .sf-product-visual {aspect-ratio:2.5}
body.ea-site.service-format #main .sf-product-carousel:has(.sf-slide:only-child) .sf-product-copy {text-align:center;padding:20px 24px 40px}
@media(max-width:700px){body.ea-site.service-format #main .sf-product-carousel:has(.sf-slide:only-child) .sf-product-visual {aspect-ratio:1.3}}
body.ea-site.service-format #main .sf-step-number {display:block;font-size:12px;letter-spacing:.12em;color:var(--sf-gold);margin-bottom:12px}
@media(max-width:380px){body.ea-site.service-format #main .sf-icon-row {gap:14px;padding-inline:18px}body.ea-site.service-format #main .sf-icon-row h3 {font-size:17px}}
/* Keep navigation clear of Amie's fixed position at the lower-right edge. */
body.ea-site.service-format #main .sf-controls {position:relative;justify-content:center}
body.ea-site.service-format #main .sf-controls>span {position:absolute;left:clamp(24px,5vw,80px)}
body.ea-site.service-format #main .sf-faq h2 {text-align:center;margin-bottom:28px}
@media(max-width:700px){body.ea-site.service-format #main .sf-controls>span {display:none}}
@media(max-width:380px){body.ea-site.service-format #main .sf-controls>div {transform:translateX(-18px)}}