/* September annotation pass: only the alternate landing page. */
.mc-copy-page #faq>.mc-container>.mc-heading { max-width:none; text-wrap:balance; }
.mc-copy-page #services .mc-section-top>div { width:100%; }
.mc-copy-page #services .mc-intro { max-width:none; }
.mc-copy-page #bridge { position:relative; isolation:isolate; }
.mc-copy-page #bridge::before { content:""; position:absolute; inset:-60px -6vw -64px; z-index:-1; pointer-events:none; background:radial-gradient(ellipse 50% 50% at 50% 50%,#c99af599 0%,#dcc2f8a6 34%,#ebdefb75 58%,#f6effc33 80%,#f6effc00 100%); }
.mc-copy-page #bridge { text-align:center; }
.mc-copy-page #bridge .bridge-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; max-width:860px; margin:58px auto 0; border:1px solid #e0c9fb; border-radius:26px; overflow:hidden; background:linear-gradient(135deg,#ffffffdf,#f3ecffcc); box-shadow:0 26px 64px -30px #30164b47; }
.mc-copy-page #bridge .bstat { position:relative; padding:42px 20px; border:0; border-radius:0; background:none; }
/* September 28: the dividers are half the stat height, centred, instead of running edge to edge. */
.mc-copy-page #bridge .bstat:not(:last-child)::after { content:""; position:absolute; top:25%; right:0; width:1px; height:50%; background:#8a35e838; }
.mc-copy-page #bridge .bstat .num { color:#8435de; font-size:clamp(42px,4.5vw,58px); font-weight:800; line-height:1; margin-bottom:12px; background:linear-gradient(135deg,#a04bfa,#7021d7); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.mc-copy-page #bridge .bstat .lbl { color:#635b6d; font-size:14px; line-height:1.5; margin-top:0; white-space:normal; text-wrap:balance; }
.mc-copy-page #about { background:linear-gradient(#faf9fc calc(100% - 220px),#fff); }
/* September 24 rhythm: one vertical spacing token for every homepage section, so
   each gap between sections is exactly twice the token. The stats glow ends inside
   its own section, and the Case Study -> Engine -> About seams blend instead of
   stepping between background colours. */
/* MotionCue reference: 100px of padding per section (200px between sections on desktop),
   one gap under every heading block and one gap before every closing button. */
.mc-copy-page { --mc-rhythm:clamp(56px,7vw,100px); --mc-head-gap:clamp(36px,4.5vw,64px); --mc-block-gap:clamp(32px,3.4vw,48px); }
.mc-copy-page #home-view>:is(#work,#expertise,#design-services,#voices,.mc-brands,.mc-bridge-section,#partnership,#services,#nova,#proof,#testimonials,#contact,#faq) { padding-block:var(--mc-rhythm); }
.mc-copy-page #home-view>#home { padding-bottom:var(--mc-rhythm); }
.mc-copy-page #home-view>:is(#process,#about) { padding-top:var(--mc-rhythm); }
/* Measured trims so every visible content-to-content gap is exactly 2 x rhythm: the carousel
   track keeps 18px of focus room, the marquee 56px of card-shadow room, and About ends on
   an outro with 40px of its own padding. */
.mc-copy-page #home-view>#design-services { padding-bottom:calc(var(--mc-rhythm) - 18px); }
.mc-copy-page #home-view>#testimonials { padding-bottom:max(0px,calc(var(--mc-rhythm) - 56px)); }
.mc-copy-page #home-view>#about { padding-bottom:calc(var(--mc-rhythm) - 40px); }
/* September 28: Selected work is its own section, clearly below the hero: the hero closes on
   its logo row with its own padding, then a full section gap leads into Selected work (the owner
   removed the hairline divider on September 29). Selected work and Our expertise still read as
   one run (heading gap). */
.mc-copy-page #home-view>#home { padding-bottom:clamp(48px,5.5vw,88px); }
.mc-copy-page #home-view>#work { padding-block:var(--mc-rhythm) 0; }
.mc-copy-page #home-view>#expertise { padding-top:var(--mc-head-gap); }
.mc-copy-page #home-view #work .mc-bottom-action { margin-top:var(--mc-head-gap); }
/* The engine story pins for less scroll than the design default (500svh). Its timeline in
   motioncue.js stops at each corner with the chapter fully readable before moving on. */
.mc-copy-page #process .mc-process-pin.mc-engine-active { height:400vh; height:400svh; }
.mc-copy-page #home-view>#process { background:linear-gradient(#fff,#faf9fc); }
.mc-copy-page #about .mc-about-stage { border-top:0; }
.mc-copy-page #process #mc-process-title { margin-bottom:16px; }
/* September 26: while the engine story is pinned, its stage rises under the heading so the
   logo's apex sits one heading gap below it (motioncue.js measures --mc-engine-lead). */
.mc-copy-page #process:has(.mc-engine-active)>.mc-container { padding-bottom:0; }
.mc-copy-page #process:has(.mc-engine-active) #mc-process-title { margin-bottom:0; }
.mc-copy-page #process .mc-process-pin.mc-engine-active { margin-top:calc(var(--mc-head-gap) - var(--mc-engine-lead,0px)); }
/* 3 Principles chapter buttons: clear pill buttons, laid out left of the floating
   Nova + scroll-to-top cluster so no part of any button sits underneath it. */
.mc-copy-page #about .mc-about-active .mc-about-chapters { left:6%; right:max(6%,236px); width:auto; max-width:none; transform:none; gap:12px; bottom:32px; }
.mc-copy-page #about .mc-about-chapters button { justify-content:center; gap:10px; min-height:52px; padding:12px 16px; border:1px solid #e3d8f0; border-radius:999px; background:#ffffffcc; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:0 10px 28px -18px #3a1d5e59; color:#4e4659; font-size:14px; font-weight:600; transition:background-color .2s,color .2s,border-color .2s,transform .2s; }
.mc-copy-page #about .mc-about-chapters button>span:first-child { font-size:12px; color:#9a8fa8; }
.mc-copy-page #about .mc-about-chapters button:hover { border-color:#c39bf0; color:#6f22c9; transform:translateY(-2px); }
.mc-copy-page #about .mc-about-chapters button[aria-current="step"] { background:#7424c8; border-color:#7424c8; color:#fff; }
.mc-copy-page #about .mc-about-chapters button[aria-current="step"]>span:first-child { color:#e7d6ff; }
.mc-copy-page #about .mc-about-chapters button:focus-visible { border-radius:999px; }
.mc-copy-page #about .mc-about-chapters .mc-about-chapter-arrow { margin-left:2px; opacity:.6; }
.mc-copy-page #about .mc-about-chapters [aria-current="step"]>.mc-about-chapter-arrow { opacity:1; }
@media(min-width:1200px) { .mc-copy-page #about .mc-about-chapters button { font-size:15px; } }
/* Testimonial marquee from sanematics.com: the original cards and 110s loop keep
   their own styles; only the dark stage becomes the site's light background. The
   glows stay transparent at every section edge so no seam appears. */
.mc-copy-page #testimonials { position:relative; overflow:hidden; background:radial-gradient(ellipse 42% 34% at 16% 58%,#e7d4fdb3,#e7d4fd00 100%),radial-gradient(ellipse 42% 34% at 84% 56%,#d6e6ffb3,#d6e6ff00 100%),#fff; }
.mc-copy-page #testimonials .testi-head-new { margin-bottom:var(--mc-head-gap); }
.mc-copy-page #testimonials .testi-head-new h2 { color:#171717; margin:0; }
.mc-copy-page #testimonials .testi-head-new h2 .tpurple { color:#8435de; background:linear-gradient(105deg,#7125ce 10%,#a948e6 58%,#7d37ca 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.mc-copy-page #testimonials .testi-right p { color:#686873; margin:0; }
.mc-copy-page #testimonials .testi-avs :is(img,.testi-av) { border-color:#fff; box-shadow:0 6px 16px -6px #2c164e59; }
.mc-copy-page #testimonials .tq-marquee-wrap { padding:8px 0 56px; }
.mc-copy-page #testimonials .tq-card { border:1px solid #efe8f7; box-shadow:0 22px 50px -30px #30164b59; }
@media(forced-colors:active) { .mc-copy-page #testimonials .testi-head-new h2 .tpurple { background:none; -webkit-text-fill-color:CanvasText; } }
/* The partnership card now holds only the service estimator. */
.mc-copy-page #partnership .mc-partnership-calculator noscript p { color:#bcb5c6; font-size:14px; }
.mc-copy-page #partnership .mc-partnership-calculator noscript a { color:#fff; }
/* Heading blocks: heading, optional intro, then content after one fixed gap. */
.mc-copy-page #home-view>section>.mc-container>.mc-heading,
.mc-copy-page #bridge>.mc-heading { margin-bottom:var(--mc-head-gap); }
.mc-copy-page #home-view>section>.mc-container>.mc-heading:has(+ .mc-intro),
.mc-copy-page #bridge>.mc-heading:has(+ .mc-intro),
.mc-copy-page #home-view .mc-section-top .mc-heading { margin-bottom:16px; }
.mc-copy-page #home-view>section>.mc-container>.mc-heading + .mc-intro,
.mc-copy-page #bridge>.mc-heading + .mc-intro { margin-top:0; margin-bottom:var(--mc-head-gap); }
.mc-copy-page #home-view .mc-section-top { margin-bottom:var(--mc-head-gap); }
.mc-copy-page #home-view .mc-section-top .mc-intro { margin:0; }
.mc-copy-page #home-view :is(#work .work-grid,#expertise .mc-expertise-grid,#voices .mc-quote-stage,.mc-brands .mc-logo-wall,#bridge .bridge-stats,#proof .proof-grid,#faq .mc-faq-layout) { margin-top:0; }
.mc-copy-page #home-view .mc-brands .mc-logo-wall { margin-bottom:0; }
/* Every closing button sits the same distance below its content. */
.mc-copy-page #home-view :is(.mc-bottom-action,.mc-brands .mc-container>div.mc-center) { margin-top:var(--mc-block-gap); }
/* September 28 (owner annotation): the logo wall sits exactly halfway, the same gap above it
   (under the intro) as below it (above View Case Studies). */
.mc-copy-page #home-view .mc-brands .mc-container>div.mc-center { margin-top:var(--mc-head-gap); }
.mc-copy-page #proof .proof-body { padding-top:20px; }
.mc-copy-page #proof .proof-client { margin-top:0; }
/* The form glow is a 120px-blur shadow that reaches above the section; the original
   #contact{overflow:hidden} cut it into a straight line. Clip sideways only. */
.mc-copy-page #contact { overflow:visible; overflow-x:clip; }
.mc-copy-page #contact .mc-contact-links .cc-rows { display:flex; flex-direction:column; align-items:flex-start; gap:3px; }
.mc-copy-page #contact .mc-contact-links .crow { display:flex; width:100%; margin:0; }
/* September 28: a branded contact card under the details. Decorative (aria-hidden): the links
   above carry the same email and phone. An identity card, not a payment card. */
.mc-copy-page #contact .mc-contact-card { position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; width:min(100%,360px); aspect-ratio:1.586; margin-top:36px; padding:24px 26px 22px; border-radius:22px; color:#fff; background:radial-gradient(120% 95% at 100% 0%,#c04ff266 0%,#c04ff200 55%),radial-gradient(95% 85% at 0% 100%,#5b18c88c 0%,#5b18c800 62%),linear-gradient(150deg,#211629,#110b18); box-shadow:0 30px 60px -32px #2a0f4ab3,inset 0 1px 0 #ffffff1f; transform:rotate(-3deg); transition:transform .5s cubic-bezier(.22,1,.36,1); }
.mc-copy-page #contact .mc-contact-card::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(115deg,#fff0 32%,#ffffff12 46%,#fff0 60%); }
.mc-copy-page #contact .mc-contact-card:hover { transform:rotate(0deg) translateY(-4px); }
.mc-copy-page #contact .mc-cc-top { display:flex; align-items:center; gap:10px; }
.mc-copy-page #contact .mc-cc-top img { width:30px; height:auto; }
.mc-copy-page #contact .mc-cc-brand { font-size:19px; font-weight:500; letter-spacing:-.02em; }
.mc-copy-page #contact .mc-cc-wave { width:22px; height:22px; margin-left:auto; color:#ffffff8c; }
.mc-copy-page #contact .mc-cc-lines { display:grid; justify-items:start; gap:4px; font-size:14px; letter-spacing:.02em; color:#e9e0f4; font-variant-numeric:tabular-nums; }
/* September 28: the card now carries the real email and phone links (the rows above it were removed). */
.mc-copy-page #contact .mc-cc-lines a { color:inherit; text-decoration:none; text-underline-offset:3px; }
.mc-copy-page #contact .mc-cc-lines a:first-child { font-size:16px; font-weight:600; color:#fff; }
.mc-copy-page #contact .mc-cc-lines a:hover { text-decoration:underline; }
.mc-copy-page #contact .mc-cc-lines a:focus-visible { outline:2px solid #d8b4fe; outline-offset:3px; border-radius:4px; }
.mc-copy-page #contact .mc-cc-foot { display:flex; gap:8px; font-size:10.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#d6c3f2; }
.mc-copy-page #contact .mc-cc-foot i { font-style:normal; color:#b36cf5; }
@media(max-width:540px) { .mc-copy-page #contact .mc-contact-card { margin-top:28px; padding:20px 22px 18px; transform:rotate(-2deg); } }
@media(prefers-reduced-motion:reduce) { .mc-copy-page #contact .mc-contact-card { transition:none; } .mc-copy-page #contact .mc-contact-card:hover { transform:rotate(-3deg); } }
.mc-copy-page #expertise .mc-expertise-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:38px; }
.mc-copy-page #expertise .mc-expertise-card { display:flex; flex-direction:column; min-width:0; border:1px solid #e8e2ef; border-radius:22px; overflow:hidden; color:#171717; background:#fff; text-decoration:none; transition:transform .25s,box-shadow .25s; }
.mc-copy-page #expertise .mc-expertise-card:hover { transform:translateY(-6px); box-shadow:0 18px 40px #37205218; }
.mc-copy-page #expertise .mc-expertise-card:focus-visible { outline:3px solid #8435de; outline-offset:5px; }
.mc-copy-page #expertise .mc-expertise-card img { width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; display:block; }
.mc-copy-page #expertise .mc-expertise-card[href="don-scott.html"] img { object-position:50% 30%; }
.mc-copy-page #expertise .mc-expertise-body { padding:24px; display:flex; flex:1; flex-direction:column; gap:12px; }
.mc-copy-page #expertise h3 { font-size:25px; line-height:1.25; font-weight:600; letter-spacing:-.035em; margin:0; }
.mc-copy-page #expertise .mc-expertise-body p { color:#68606f; font-size:15px; line-height:1.7; margin:0 0 8px; }
.mc-copy-page #expertise .mc-expertise-link { color:#7627cc; font-size:14px; margin-top:auto; font-weight:600; }
@media(max-width:800px) {
 .mc-copy-page #bridge::before { inset:-40px -12px -48px; }
 .mc-copy-page #expertise .mc-expertise-grid { grid-template-columns:1fr; gap:24px; }
 .mc-copy-page #expertise .mc-expertise-card { display:grid; grid-template-columns:40% 1fr; }
 .mc-copy-page #expertise .mc-expertise-card img { height:100%; min-height:220px; }
 .mc-copy-page #bridge .bstat { padding:32px 12px; }
}
@media(max-width:540px) {
 .mc-copy-page #bridge .bridge-stats { margin-top:32px; border-radius:20px; }
 .mc-copy-page #bridge .bstat { padding:26px 6px; }
 .mc-copy-page #bridge .bstat .num { font-size:clamp(24px,7.5vw,38px); }
 .mc-copy-page #bridge .bstat .lbl { font-size:11px; }
 .mc-copy-page #expertise .mc-expertise-card { display:flex; }
 .mc-copy-page #expertise .mc-expertise-card img { height:auto; min-height:0; }
 .mc-copy-page #faq>.mc-container>.mc-heading { font-size:clamp(25px,6.8vw,36px); }
}
@media(prefers-reduced-motion:reduce) {
 .mc-copy-page #about .mc-about-chapters button { transition:none; }
 .mc-copy-page #about .mc-about-chapters button:hover { transform:none; }
 .mc-copy-page #expertise .mc-expertise-card { transition:none; }
 .mc-copy-page #expertise .mc-expertise-card:hover { transform:none; }
}
/* October 1 privacy audit: the Privacy Policy is linked where the contact and blueprint forms are sent */
body.mc-copy-page #contactForm .form-privacy{margin:10px 0 0;font-size:12px;line-height:1.5;text-align:left;color:#7a7286}
body.mc-copy-page #lmForm .lm-privacy{margin:8px 0 0;font-size:11.5px;line-height:1.5;text-align:center;color:#7a7286}
body.mc-copy-page #contactForm .form-privacy a,body.mc-copy-page #lmForm .lm-privacy a{color:inherit;text-decoration:underline;text-underline-offset:2px}
body.mc-copy-page #contactForm .form-privacy a:hover,body.mc-copy-page #lmForm .lm-privacy a:hover{color:#8a35e8}
/* October 1 responsive QA: the stats glow (#bridge::before, 6vw past each side) no longer widens the page */
.mc-copy-page #home-view>.mc-bridge-section{overflow-x:clip}
/* October 3 (owner request): the pricing card, in the Nova card's design: a white card on a soft
   colour field, eyebrow, heading, bold lead, paragraph and a dark button, and a pastel panel with
   the starting prices (built from the calculator's rate card by tools/pricing-build.cjs). It
   replaces the dark calculator card, which moved to pricing.html. */
body.mc-copy-page #partnership{position:relative;isolation:isolate;overflow:clip}
body.mc-copy-page #partnership::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(34% 56% at 4% 50%,rgba(255,170,226,.30),rgba(255,170,226,0) 72%),radial-gradient(34% 56% at 96% 50%,rgba(190,160,255,.34),rgba(190,160,255,0) 72%)}
body.mc-copy-page #partnership .mc-price-card{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(36px,5vw,72px);padding:clamp(40px,4vw,56px);border:1px solid rgba(26,16,44,.06);border-radius:28px;background:#fff;box-shadow:0 1px 2px rgba(26,16,44,.04),0 32px 72px -44px rgba(44,22,88,.28)}
body.mc-copy-page #partnership .mc-price-copy{max-width:500px;padding-left:clamp(0px,1vw,12px)}
body.mc-copy-page #partnership .mc-eyebrow{display:inline-block;margin:0 0 18px;font-size:12px;font-weight:600;letter-spacing:.14em;color:#7424c8}
body.mc-copy-page #partnership h2{margin:0 0 22px;font-size:clamp(30px,3.3vw,48px);font-weight:600;line-height:1.08;letter-spacing:-.035em;color:#171717}
body.mc-copy-page #partnership .mc-price-lead{margin:0 0 10px;max-width:34ch;font-size:18px;line-height:1.45;font-weight:600;color:#1b1724;text-wrap:balance}
body.mc-copy-page #partnership .mc-price-copy p:not(.mc-price-lead){margin:0 0 30px;max-width:42ch;font-size:16px;line-height:1.6;color:#67676f;text-wrap:pretty}
body.mc-copy-page #partnership .mc-price-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
body.mc-copy-page #partnership .mc-price-estimate{font-size:14px;font-weight:600;color:#171717;text-decoration:underline;text-decoration-color:rgba(116,36,200,.4);text-underline-offset:4px}
body.mc-copy-page #partnership .mc-price-estimate:hover{color:#7424c8}
body.mc-copy-page #partnership .mc-price-art{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:380px;padding:44px 28px;border-radius:20px;overflow:hidden;background:radial-gradient(70% 60% at 86% 4%,#ffd9ef 0%,rgba(255,217,239,0) 72%),radial-gradient(72% 66% at 8% 100%,#e4d6ff 0%,rgba(228,214,255,0) 72%),linear-gradient(180deg,#fffbfe 0%,#f6f1ff 100%);box-shadow:inset 0 0 0 1px rgba(116,36,200,.07)}
body.mc-copy-page #partnership .mc-price-menu{width:min(100%,380px);padding:18px 18px 10px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(26,16,44,.05),0 18px 40px -22px rgba(44,22,88,.38)}
body.mc-copy-page #partnership .mc-price-menu-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 6px;padding:0 4px 10px;border-bottom:1px solid rgba(26,16,44,.07);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#7a7286}
body.mc-copy-page #partnership .mc-price-menu-head span:last-child{padding:3px 8px;border-radius:999px;background:#f3ecfd;letter-spacing:.06em;color:#7424c8}
body.mc-copy-page #partnership .mc-price-menu ul{list-style:none;margin:0;padding:0}
body.mc-copy-page #partnership .mc-price-menu li+li{border-top:1px solid rgba(26,16,44,.06)}
body.mc-copy-page #partnership .mc-price-menu a{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 4px;border-radius:10px;color:#1b1724;text-decoration:none;transition:background .2s}
body.mc-copy-page #partnership .mc-price-menu a:hover{background:#faf7fe}
body.mc-copy-page #partnership .mc-price-menu a:focus-visible{outline:3px solid #7b2ad4;outline-offset:2px}
body.mc-copy-page #partnership .mc-price-row-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:#f4eefc;color:#7424c8}
body.mc-copy-page #partnership .mc-price-row-icon svg{width:17px;height:17px}
body.mc-copy-page #partnership .mc-price-row-name{flex:1;font-size:15px;font-weight:600;letter-spacing:-.01em}
body.mc-copy-page #partnership .mc-price-row-from{font-size:12.5px;color:#7a7286;white-space:nowrap}
body.mc-copy-page #partnership .mc-price-row-from strong{margin-left:3px;font-size:16px;font-weight:600;color:#1b1724}
body.mc-copy-page #partnership .mc-price-foot{font-size:12px;letter-spacing:.02em;color:#6b6578;text-align:center}
@media(max-width:800px){
 body.mc-copy-page #partnership .mc-price-card{grid-template-columns:1fr;gap:32px;padding:36px 32px;border-radius:24px}
 body.mc-copy-page #partnership .mc-price-copy{max-width:none;padding-left:0}
 body.mc-copy-page #partnership .mc-price-art{min-height:0;padding:36px 24px}
}
@media(max-width:540px){
 body.mc-copy-page #partnership .mc-price-card{gap:26px;padding:28px 22px 22px;border-radius:22px}
 body.mc-copy-page #partnership .mc-price-lead{font-size:16px}
 body.mc-copy-page #partnership .mc-price-copy p:not(.mc-price-lead){margin-bottom:24px;font-size:15px}
 body.mc-copy-page #partnership .mc-price-art{padding:24px 14px 20px;border-radius:16px}
 body.mc-copy-page #partnership .mc-price-menu{padding:14px 12px 6px}
 body.mc-copy-page #partnership .mc-price-row-name{font-size:14px}
}
@media(prefers-reduced-motion:reduce){body.mc-copy-page #partnership .mc-price-menu a{transition:none}}
/* October 3 (owner request): the booking QR code (uploads/contact-qr.png, white on transparent; it
   opens calendly.com/sanematics/30min) is back on the contact card, on its right side. Tapping it
   on the same screen goes to the booking card, like the site's other booking links. */
.mc-copy-page #contact .mc-cc-qr { position:absolute; right:22px; top:50%; translate:0 -46%; display:flex; flex-direction:column; align-items:center; gap:4px; color:#d6c3f2; text-decoration:none; }
.mc-copy-page #contact .mc-cc-qr img { display:block; width:96px; height:96px; padding:4px; border-radius:10px; background:#ffffff0f; box-shadow:inset 0 0 0 1px #ffffff1f; }
.mc-copy-page #contact .mc-cc-qr span { font-size:8.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
.mc-copy-page #contact .mc-cc-qr:focus-visible { outline:2px solid #d8b4fe; outline-offset:3px; border-radius:10px; }
@media(max-width:540px) { .mc-copy-page #contact .mc-cc-qr { right:18px; } .mc-copy-page #contact .mc-cc-qr img { width:84px; height:84px; } }