/* Seller Spring "soft restyle" (3 Oct 2026).
   One consistent soft, rounded, cartoony look, built from the values already used by the video section:
   film frame radius 22px + 10px orange offset, reel cards radius 18px + 6px orange offset, pill buttons radius 99px
   with a 4px ink offset, speech bubble #fffaf2. Every rule is prefixed with `html` so it wins over the page's inline
   section styles without !important. Remove this file's <link> to revert. */
:root{--orange-fill:#FB7701;--orange-ink:#B24A00;--r-card:18px;--r-frame:22px;--r-pill:99px;--bubble:#fffaf2;
 --t-sand:#ecdfca;--t-orange:#fde2c8;--t-lilac:#e6dcfa;--t-mint:#d4eedf}

/* ---------- Buttons: pills with a chunky ink offset ---------- */
html .button,html .docket .primary{border-radius:var(--r-pill);padding-inline:26px;box-shadow:4px 4px 0 var(--ink)}
html :is(.button,.docket .primary):hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
html :is(.button,.docket .primary):active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
html .button-ghost{background:var(--bubble);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
html .header-action{border-radius:var(--r-pill);padding:10px 18px;box-shadow:3px 3px 0 var(--ink)}
html .header-action:hover:not(:disabled){box-shadow:5px 5px 0 var(--ink)}
html .motion-control{border-radius:var(--r-pill);border-width:2px;padding:8px 14px;box-shadow:3px 3px 0 var(--ink)}

/* Tools dropdown in the header */
html .navdrop-menu{border-radius:var(--r-card);padding:10px;box-shadow:6px 6px 0 var(--ink)}
html .nav .navdrop-menu a{border-radius:12px}
html .nav .navdrop-menu .navdrop-all{border-top:0;margin-top:6px;background:var(--t-orange)}

/* ---------- Section labels: a rounded two-part pill instead of the ruled "No. 01" box ---------- */
html .tagline{width:max-content;max-width:100%;gap:10px;padding:4px 16px 4px 4px;background:var(--t-orange);
 border:2px solid var(--ink);border-radius:var(--r-pill);box-shadow:3px 3px 0 var(--ink)}
html .tagline::after{display:none}
html .tagline .eyebrow{color:#963d00}
html .tag-no{border:0;background:var(--ink);color:#fff;border-radius:var(--r-pill);padding:5px 11px;line-height:1.2}

/* ---------- Hero ---------- */
html .hero-facts{border:2px solid var(--ink);border-radius:var(--r-card);background:#faf7f2e6;overflow:hidden}
html .hero-facts p{padding:14px 18px}
html .hero-facts p+p{border-left:1.5px dashed var(--rule)}
@media(max-width:650px){html .hero-facts p+p{border-left:0;border-top:1.5px dashed var(--rule);padding-left:18px}}

/* ---------- Two ways to start ---------- */
html .start-card{border-radius:var(--r-frame);box-shadow:8px 8px 0 var(--ink)}
html #start-new{box-shadow:8px 8px 0 var(--orange)}
html .start-card::before{border-radius:4px}
@media(min-width:651px){html .start-card::before{width:92px;top:10px;left:-24px}}
@media(min-width:800px){html .start-card+.start-card::before{left:auto;right:-24px}}
html .start-card ul{border-top:0;margin:16px 0 24px}
html .start-card li{border-bottom:0;padding:8px 0 8px 32px}
html .start-card li::before{width:14px;height:14px;top:13px;left:2px;border-radius:50%;border-width:2px}
html .start-actions a.btn{border-radius:var(--r-pill);padding:0 24px}
html .start-jump a{border-radius:var(--r-pill);padding:10px 16px;box-shadow:4px 4px 0 var(--orange)}
@media(max-width:650px){html .start-card,html #start-new{box-shadow:6px 6px 0 var(--ink)}html #start-new{box-shadow:6px 6px 0 var(--orange)}}

/* ---------- The sticking points: alternating tinted, rounded panels ---------- */
html .points-list{display:grid;gap:14px;border-bottom:0;padding-top:22px}
html .points-list>li+li{border-top:0}
html .points-list>.point{grid-template-columns:62px 64px minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;padding:26px 28px;border-radius:var(--r-card);transition:filter .2s}
html .points-list>.point:nth-child(4n+1){background:var(--t-sand)}
html .points-list>.point:nth-child(4n+2){background:var(--t-orange)}
html .points-list>.point:nth-child(4n+3){background:var(--t-lilac)}
html .points-list>.point:nth-child(4n+4){background:var(--t-mint)}
html .points-list>.point:hover{filter:saturate(1.18)}
html .points-list .num{justify-self:start;margin-top:8px;padding:6px 12px;background:var(--ink);color:#fff;border-radius:var(--r-pill);font-size:13px;line-height:1}
html .points-list .point svg{width:64px;height:64px;padding:9px;background:#fff;border:2px solid var(--ink);border-radius:50%;box-shadow:3px 3px 0 var(--ink)}
html .points-list .point h3{margin-top:6px}
html .points-list .point .problem{color:#55514b}
html .points-list .point .answer{border-left:0;padding:16px 18px;background:#ffffffa8;border-radius:14px}
@media(max-width:1000px){
 html .points-list>.point{grid-template-columns:54px 56px minmax(0,1fr);gap:18px}
 html .points-list .point svg{width:56px;height:56px;padding:8px}
 html .points-list .point .answer{grid-column:3;border-top:0;padding:14px 16px}}
@media(max-width:650px){
 html .points-list>.point{grid-template-columns:minmax(0,1fr);gap:12px;padding:22px 18px}
 html .points-list .num{margin-top:0}
 html .points-list .point h3{margin-top:0}
 html .points-list .point .answer{grid-column:1}}

/* ---------- Film band: the conveyor scene as a rounded frame, like the intro film ---------- */
html .film{border-block:0;padding-bottom:24px}
html .film-scene{width:min(1240px,calc(100% - 80px));margin-inline:auto;border:2px solid var(--ink);border-radius:var(--r-frame);
 box-shadow:10px 10px 0 var(--orange);height:min(64vh,600px)}
@media(max-width:1000px){html .film-scene{width:calc(100% - 48px)}}
@media(max-width:650px){html .film-scene{width:calc(100% - 32px);height:62vw;border-radius:16px;box-shadow:6px 6px 0 var(--orange)}}

/* ---------- What we do: coloured, rounded cards in a wide / three / wide rhythm ---------- */
html .services-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:78px 28px;border-bottom:0;padding-top:50px}
html .services-grid>li+li{border-top:0}
html .services-grid>.service{position:relative;grid-column:span 2;display:flex;flex-direction:column;align-items:stretch;gap:24px;
 padding:30px 26px 30px;border:2px solid var(--ink);border-radius:var(--r-frame);box-shadow:8px 8px 0 var(--ink)}
html .services-grid>.service:nth-child(1){background:var(--t-orange)}
html .services-grid>.service:nth-child(2){background:var(--t-lilac)}
html .services-grid>.service:nth-child(3){background:var(--t-mint)}
html .services-grid>.service:nth-child(4){background:var(--t-sand)}
html .services-grid>.service:nth-child(5){background:var(--orange)}
html .services-grid>.service:is(:nth-child(1),:nth-child(5)){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:center;padding:36px}
html .services-grid>.service:nth-child(5) .mat{order:2}
html .services-grid .num{position:absolute;top:-18px;left:26px;z-index:2;display:inline-flex;padding:7px 14px;background:var(--orange);color:var(--ink);
 border:2px solid var(--ink);border-radius:var(--r-pill);box-shadow:3px 3px 0 var(--ink);font-size:13px;line-height:1}
html .services-grid>.service:nth-child(5) .num{background:var(--ink);color:#fff}
html .services-grid .mat{padding:0;border:2px solid var(--ink);border-radius:16px;overflow:hidden;background:var(--ink);box-shadow:6px 6px 0 var(--orange)}
html .services-grid>.service:nth-child(5) .mat{box-shadow:6px 6px 0 var(--ink)}
html .services-grid .service h3{font-size:clamp(24px,2.2vw,30px);font-weight:800;letter-spacing:-.035em;line-height:1.08}
html .services-grid>.service:is(:nth-child(1),:nth-child(5)) h3{font-size:clamp(30px,3.2vw,44px)}
html .services-grid .service p{color:#4f4b45;font-size:15.5px;margin-top:12px}
html .services-grid>.service:nth-child(5) p{color:var(--ink)}
html .services-grid>.service:is(:nth-child(1),:nth-child(5)) p{font-size:17px;max-width:46ch}
html .svc-bot{position:absolute;bottom:100%;margin-bottom:-2px;height:74px;width:auto;pointer-events:none;filter:drop-shadow(0 3px 2px #1d1d1f3d);transform-origin:50% 100%}
.motion-enabled .svc-bot{animation:bot-bob 2.8s ease-in-out infinite}
.motion-enabled .svc-bot.svc-bot-b{animation-delay:-1.1s}
@media(max-width:1000px){
 html .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 24px}
 html .services-grid>.service{grid-column:span 1}
 html .services-grid>.service:is(:nth-child(1),:nth-child(4),:nth-child(5)){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center;padding:32px 28px}
 html .services-grid>.service:nth-child(4) h3{font-size:clamp(28px,3.4vw,36px)}}
@media(max-width:650px){
 html .services-grid{grid-template-columns:minmax(0,1fr);gap:58px;padding-top:44px}
 html .services-grid>.service,html .services-grid>.service:is(:nth-child(1),:nth-child(4),:nth-child(5)){grid-column:1;display:flex;flex-direction:column;gap:20px;padding:30px 20px 24px;box-shadow:6px 6px 0 var(--ink)}
 html .services-grid>.service:nth-child(5) .mat{order:0}
 html .services-grid .num{display:inline-flex;left:20px}
 html .services-grid>.service:is(:nth-child(1),:nth-child(5)) h3{font-size:28px}
 html .services-grid .service p,html .services-grid>.service:is(:nth-child(1),:nth-child(5)) p{font-size:15.5px}
 html .svc-bot{height:60px}}

/* ---------- Seven tools: only the stamps, pills and toggles get rounded ---------- */
html .status{border-radius:var(--r-pill);border-width:2px;padding:6px 12px}
html .tools-wm .tool summary .num{border-radius:var(--r-pill);border-width:2px;padding:4px 10px}
html .tools-wm .tool summary{grid-template-columns:150px minmax(0,1fr) auto 36px}
html .tool summary::after{width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--bubble);font-size:19px;line-height:1;box-shadow:2px 2px 0 var(--ink);align-self:center}
html .how li{grid-template-columns:38px minmax(0,1fr)}
html .how li::before{display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;background:var(--t-orange);border:1.5px solid var(--ink);color:var(--ink);font-size:11px}
html .tool-more a{display:inline-flex;align-items:center;padding:9px 18px;border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--bubble);text-decoration:none;box-shadow:3px 3px 0 var(--ink);transition:transform .15s,box-shadow .15s}
html .tool-more a:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
@media(max-width:760px){html .tools-wm .tool summary{grid-template-columns:86px minmax(0,1fr) 36px}}

/* ---------- Pricing ---------- */
html #pricing .plan{border-radius:var(--r-card)}
html #pricing .plan.featured{border-radius:var(--r-frame)}
html #pricing .plan-cta{border-radius:var(--r-pill)}
html #pricing .plan-badge{border-radius:var(--r-pill);padding:7px 14px}
html #pricing .plan-value{border-radius:12px}
html #pricing .plan-compare>summary::before{width:28px;height:28px;border-width:2px;border-radius:50%}
html #pricing .price-wrap{border:2px solid var(--ink);border-radius:var(--r-card);background:var(--paper)}
/* Plan cards: tinted header with the tool's robot, a rounded price chip, livelier ticks. Growth stays the hero. */
html #pricing .plan-settled{--pt:var(--t-mint)}
html #pricing .plan-seller{--pt:var(--t-lilac)}
html #pricing .plan-managed{--pt:var(--t-sand)}
html #pricing .plan-head{position:relative;margin:-28px -22px 18px;padding:22px 96px 16px 22px;min-height:96px;background:var(--pt);
 border-bottom:2px solid var(--ink);border-radius:16px 16px 0 0}
html #pricing .plan-head .plan-for{margin:4px 0 0;color:#4f4b45}
html #pricing .plan-mascot{position:absolute;right:12px;bottom:-1px;height:84px;width:auto;pointer-events:none;filter:drop-shadow(0 3px 2px #1d1d1f3d);transform-origin:50% 100%}
.motion-enabled #pricing .plan-mascot{animation:bot-bob 2.8s ease-in-out infinite}
.motion-enabled #pricing .plan-seller .plan-mascot{animation-delay:-.9s}
.motion-enabled #pricing .plan-managed .plan-mascot{animation-delay:-1.7s}
html #pricing .plan:not(.featured) .plan-price{align-self:flex-start;padding:10px 16px 10px 12px;background:#fff;border:2px solid var(--ink);border-radius:16px;box-shadow:3px 3px 0 var(--pt,var(--ink))}
html #pricing .plan li svg{width:22px;height:22px;margin-top:0;padding:4px;border-radius:50%;background:var(--t-orange);color:var(--orange-deep)}
html #pricing .plan:not(.featured) li svg{background:var(--pt);color:var(--ink)}
html #pricing .plan:not(.featured) .plan-cta{background:var(--pt)}
html #pricing .plan:not(.featured) .plan-cta:hover{background:#fff}

@media(min-width:1101px){html #pricing .plan-head{min-height:120px}}
/* The three notes: their own lively band, the packing-room pattern on pale orange, crisp white cards on top */
html #pricing .price-notes{position:relative;isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:56px;padding:44px 40px;
 background:var(--t-orange);border:2px solid var(--ink);border-radius:28px;overflow:hidden}
html #pricing .price-notes::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--orange-deep);opacity:.16;
 -webkit-mask:url(pattern/packing-tile.webp) 0 0/420px repeat;mask:url(pattern/packing-tile.webp) 0 0/420px repeat}
html #pricing .price-notes p{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 14px;align-content:start;padding:22px 22px 24px;
 background:#fff;border:2px solid var(--ink);border-radius:var(--r-card);box-shadow:4px 4px 0 var(--ink);font-size:14.5px;line-height:1.55;color:#4f4b45}
html #pricing .price-notes .note-ic{grid-column:1;grid-row:1/3;width:44px;height:44px;border-radius:50%;background:var(--t-orange);border:2px solid var(--ink);color:var(--ink);display:grid;place-items:center}
html #pricing .price-notes .note-ic svg{width:22px;height:22px}
html #pricing .price-notes strong{grid-column:2;margin:3px 0 4px;color:var(--ink)}
html #pricing .price-notes p>span:last-child{grid-column:2}
html #pricing .price-notes p:nth-child(2) .note-ic{background:var(--t-lilac)}
html #pricing .price-notes p:nth-child(3) .note-ic{background:var(--t-mint)}
@media(max-width:900px){html #pricing .price-notes{grid-template-columns:minmax(0,1fr);padding:28px 22px;gap:18px}}
@media(max-width:650px){html #pricing .price-notes{margin-inline:-6px;border-radius:22px;padding:22px 16px}
 html #pricing .price-notes p{padding:18px 16px 20px;grid-template-columns:40px minmax(0,1fr);gap:2px 12px}
 html #pricing .price-notes .note-ic{width:40px;height:40px}
 html #pricing .plan-mascot{height:76px}}

/* ---------- Contact ---------- */
html .contact-band{padding-bottom:150px}
html .docket{border-radius:var(--r-frame);box-shadow:10px 10px 0 var(--orange)}
html .docket::before{border-radius:4px}
@media(min-width:651px){html .docket::before{width:104px;top:12px;left:-28px}}
html .field input,html .field select{display:block;width:100%;height:52px;border:2px solid var(--ink);border-radius:14px;padding:12px 16px;background:#fff;font:400 16px/1.2 var(--font);color:var(--ink)}
html .field select{-webkit-appearance:none;appearance:none;padding-right:46px;cursor:pointer;
 background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%231d1d1f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 16px center/14px no-repeat}
html .field input:focus,html .field select:focus{box-shadow:3px 3px 0 var(--orange)}
html .field input[aria-invalid="true"]{border:2px dashed var(--ink)}
html .consent input{border-radius:7px;border-width:2px}
@media(max-width:650px){html .docket{box-shadow:6px 6px 0 var(--orange)}html .contact-band{padding-bottom:120px}}

/* ---------- Footer: a bold ink band with a rounded top ---------- */
html footer{position:relative;isolation:isolate;margin-top:56px;padding:64px 0 34px;border-top:0;border-radius:40px 40px 0 0;background:var(--ink);color:#f3ede4}
html body:has(.contact-band) footer{margin-top:-44px;z-index:1}
html footer::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--orange);opacity:.045;
 -webkit-mask:url(pattern/packing-tile.webp) 0 0/520px repeat;mask:url(pattern/packing-tile.webp) 0 0/520px repeat}
html .foot-hero{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 40px;padding-bottom:34px;border-bottom:1.5px dashed #ffffff2e}
html .foot-mark{font:800 clamp(46px,7.4vw,104px)/.9 var(--display);letter-spacing:-.05em;color:#fff;text-decoration:none}
html .foot-mark b{color:var(--orange);font-weight:800}
html .foot-ctas{display:flex;flex-wrap:wrap;gap:16px}
html .foot-btn{display:inline-flex;align-items:center;min-height:50px;padding:0 24px;border:2px solid #f3ede4;border-radius:var(--r-pill);font:700 16px/1 var(--font);
 color:#f3ede4;text-decoration:none;box-shadow:4px 4px 0 var(--orange);transition:transform .15s,box-shadow .15s}
html .foot-btn.go{background:var(--orange);color:var(--ink);border-color:var(--ink);box-shadow:4px 4px 0 #f3ede4}
html .foot-btn:hover{transform:translate(-2px,-2px)}
html .foot-btn:focus-visible,html footer a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
html .foot-bot{position:absolute;right:5%;bottom:calc(100% - 4px);height:92px;width:auto;pointer-events:none;filter:drop-shadow(0 4px 3px #0000004d);transform-origin:50% 100%}
.motion-enabled .foot-bot{animation:bot-bob 2.8s ease-in-out infinite}
html footer .footnav{width:min(1240px,calc(100% - 80px));max-width:none;padding:36px 0 10px;gap:28px}
html footer .footnav strong{font:500 12px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:4px}
html footer .footnav a{color:#f3ede4;font-size:15.5px;width:max-content;max-width:100%;text-wrap:balance}
html footer .footnav a:hover{color:var(--orange);text-decoration:none}
html footer .footer-inner{margin-top:22px;padding-block:22px 0;border-top:1.5px dashed #ffffff2e;color:#c9c2b7}
html footer .footer-links a{color:#f3ede4}
html footer>p{color:#e6e0d6}
@media(max-width:1000px){html footer .footnav{width:calc(100% - 48px)}}
@media(max-width:650px){html footer{padding-top:52px;border-radius:28px 28px 0 0}html footer .footnav{width:calc(100% - 32px)}
 html .foot-bot{height:70px;right:2%}html .foot-ctas{width:100%}html .foot-btn{flex:1 1 auto;justify-content:center}
 html footer .footer-inner{padding-inline:0}html footer>p{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){html .foot-btn,html .tool-more a,html .points-list>.point{transition:none}}
/* Preflight round 2: room between the tape strips and the label pills, and between the Managed headset and its pill */
@media(max-width:650px){html .start-card{padding-top:58px}}
html .tools-wm .tool summary .num{margin-bottom:16px}
html #pricing .plan-mascot{right:16px}
/* Preflight round 3: robots on card tops never touch the card above; footer robot clear of the contact card */
html .services-grid{row-gap:92px}
@media(max-width:1000px){html .services-grid{row-gap:90px}}
@media(max-width:650px){html .services-grid{row-gap:76px}html .contact-band{padding-bottom:150px}}
html .contact-band{padding-bottom:176px}
@media(max-width:650px){html .contact-band{padding-bottom:150px}}
/* Preflight round 4 (4 Oct 2026): layout fixes outside the hero, checked by eye at 1440/1024/768/390 */
/* Headings never leave one word on the last line ("nothing.", "hurts."). pretty, not balance: Chromium will not balance a heading with a <br> */
html main h2{text-wrap:pretty}
/* Tour: the speech bubble sits clear of the heading once the heading runs under it */
@media(max-width:1100px){html .intro-film .film-wrap{margin-top:176px}}
@media(max-width:700px){html .intro-film .film-wrap{margin-top:132px}}
/* Reels: three cards plus the arrows fit side by side, so the arrows sit in the gaps and not on a card */
@media(min-width:761px) and (max-width:1240px){html .short-reels .reel-gallery{--w:min(330px,max(176px,calc(33.3vw - 90px)))}}
@media(min-width:651px) and (max-width:760px){html .short-reels .reel-gallery{--w:44vw}}
/* Reels: the play button scales with the card, so it never covers the seller-spring.co.uk line on the cover */
html .short-reels .reel-play{width:clamp(38px,17%,54px);height:auto;aspect-ratio:1;right:clamp(8px,4.5%,12px);bottom:clamp(8px,2.5%,12px)}
html .short-reels .reel-play svg{width:44%;height:auto}
/* Two ways to start: the tape strip clears the Step 01 pill */
@media(min-width:651px){html .start-card::before{top:3px;left:-32px}}
@media(min-width:800px){html .start-card+.start-card::before{left:auto;right:-32px}}
/* Robots on the rules: standing feet rest on the line, the sitting robot sits on it with its legs over the edge */
html .ruled .bot{margin-bottom:1px}
html .ruled .bot-bob{margin-bottom:-13px}
@media(max-width:650px){html .ruled .bot-bob{margin-bottom:-10px}}
/* Contact: the walking robot starts clear of the tape strip */
@media(min-width:651px){html .docket .walker{left:calc(6% + 70px)}}
@media(max-width:650px){html .docket .walker{left:92px}
 .motion-enabled .docket .walker{animation-name:walker-sm}}
@keyframes walker-sm{0%,100%{transform:translateX(0)}50%{transform:translateX(calc(100vw - 184px))}}
/* Footer: the robot sits on the band's top edge rather than hovering above it */
html .foot-bot{bottom:calc(100% - 19px)}
@media(max-width:650px){html .foot-bot{bottom:calc(100% - 14px);right:8%}}
/* Footer: the copyright line wraps as a whole above the links instead of beside them */
html footer .footer-inner{flex-wrap:wrap;row-gap:10px}

/* Council A1: bright orange is a fill; small orange copy uses the darker ink. */
html .hero h1 .accent,html h2 .accent{display:inline;color:#1A1714;background:var(--orange-fill);
 padding:0 .2em .04em;border-radius:.18em .25em .2em .22em;
 -webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:1.18}
html .button:not(.button-ghost),html .docket .primary,html .film-cta-btn,
html .cover-play,html .reel-play{color:#1A1714}
html .film-cta-btn,html .cover-play,html .reel-play{background:var(--orange-fill)}
html #titled .facts b,html #titled .preview .lbl{color:var(--orange-ink)}
html footer .footnav strong,html footer .footnav a:hover{color:#f3ede4}
html .points-list>li.list-decor,html .services-grid>li.list-decor{display:contents;list-style:none}
html .brand-name .brand-spring{display:inline-block;width:2.95em;height:1.06em;vertical-align:-.14em;overflow:visible}
html #titled .preview span{color:#625e58}
@media (min-width:651px) and (max-width:850px){html .hero-description{background:#f3ede4e8;border-radius:12px;padding:6px 8px;margin-left:-8px}}