/* Contact Us v2 (inc/contact-v2.php + inc/careers-v2.php, page-templates/tpl-contact-v2.php). Scoped to .ct2 so the async
   common.css cannot restyle it (form rules carry an extra .ct2 for the same reason: common.css has global Gravity Forms
   rules). The part above the "below the fold" marker is inlined in <head> (ss_cc2_critical_css()). Reveal policy:
   nothing hidden waiting for our JS, no entrances, UI transitions <= 150 ms. (Gravity Forms keeps a form wrapper with
   conditional logic hidden until its script has run: the card forces it visible, see the hero block.) */
.ct2{--navy:var(--ss-navy-hero,var(--ss-navy-deep));--band:var(--ss-navy-band,var(--ss-navy-deep));--card:var(--ss-navy-card,var(--ss-navy));--navy-line:rgba(255,255,255,.1);--gold:var(--ss-gold);--gold-ink:var(--ss-navy);--gold-soft:var(--ss-gold-soft);--goldg:var(--ss-gold-grad);--ink:var(--ss-ink);--ink2:var(--ss-ink-2);--ink3:var(--ss-ink-3);--line:var(--ss-line);--ground:var(--ss-ground);--mist:var(--ss-mist);--on-navy:var(--ss-on-navy);--red:#c62828;--font:"Proxima Nova","Helvetica Neue",Arial,sans-serif;
  --hdr:57px;background:#fff;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
@media (min-width:768px){.ct2{--hdr:67px}}
@media (min-width:1200px){.ct2{--hdr:75px}}
body.cc2-page{margin:0;background:var(--ss-navy-hero,var(--ss-navy-deep))}
body.cc2-page .site-content{padding-top:0!important}
.ct2 *,.ct2 *:before,.ct2 *:after{box-sizing:border-box}
.ct2 :where(h1,h2,h3,h4){margin:0;font-family:var(--font);color:inherit;text-wrap:balance;letter-spacing:-.02em;text-transform:none}
.ct2 :where(p,figure,blockquote,address,dl,dd){margin:0}
.ct2 :where(ul,ol){margin:0;padding:0;list-style:none}
.ct2 :where(img){max-width:100%;height:auto;display:block}
.ct2 :where(a){color:inherit;text-decoration:none}
.ct2 :where(button){font-family:inherit}
.ct2 :where(b){font-weight:700}
.ct2 address{font-style:normal}
.ct2-w{max-width:1312px;margin:0 auto;padding-inline:64px;position:relative}
@media (max-width:900px){.ct2-w{padding-inline:24px}}
@media (max-width:560px){.ct2-w{padding-inline:16px}}
.ct2-sec{padding-block:104px;position:relative}
@media (max-width:760px){.ct2-sec{padding-block:68px}}
.ct2-ground{background:var(--ground)}
.ct2-pill{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--ss-navy-deep);font-size:13px;font-weight:700;line-height:1.2;padding:6px 15px;border-radius:999px;letter-spacing:.02em;justify-self:start}
.ct2-h2{font-size:clamp(30px,3.6vw,46px);font-weight:700;line-height:1.1}
.ct2-h2 .hl{padding-bottom:.14em;margin-bottom:-.14em;padding-right:.06em;margin-right:-.06em;color:var(--ss-navy);background:var(--ss-blue-shine);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ct2-lede{font-size:18px;color:var(--ink2);max-width:62ch}
.ct2-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 16px/1 var(--font);border:0;border-radius:999px;padding:17px 28px;cursor:pointer;background:var(--goldg);color:var(--ss-navy-deep)!important;box-shadow:0 10px 24px rgba(var(--ss-gold-end-rgb),.25);white-space:nowrap;transition:filter .15s}
.ct2-btn svg{width:16px;height:16px;flex:none}
.ct2-stars{color:var(--gold);letter-spacing:2px;font-size:15px;line-height:1}

/* ---------- hero, option G (Mike 2026-10-02; mock contact-options.html: phone G, desktop G1) ----------
   One heading: the card's "Get a Free Proposal" is the H1. The card = footer-v2.css .ssf-cardwrap / .ssf-form (printed
   in the body right before the card, like the homepage hero) sized here like the homepage hero card (.hh3-card).
   Desktop: proof column left (claim line, call / email / hours, proof chips; no eyebrow, Mike 2026-10-02), card +
   Call / Book right.
   Tablets / phones: card first, Call / Book, then call / email / hours and the rating line. Nothing hidden at rest
   waiting for JS, no entry motion; the services dropdown button and the Add a message toggle are in the server markup. */
.ct2-hero{color:#fff;position:relative;overflow:hidden;padding-top:var(--hdr);background-color:var(--navy);background-image:var(--ss-glow-gold),var(--ss-glow-navy)}
.ct2-hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,536px);grid-template-areas:"proof form";column-gap:72px;align-items:center;padding-block:56px 76px}
.ct2-hero__form{grid-area:form;min-width:0}
.ct2-hero__proof{grid-area:proof;display:grid;gap:26px;justify-items:start;min-width:0}
.ct2-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:999px;padding:7px 14px;line-height:1.2}
.ct2-claim{max-width:30ch;font-size:28px;line-height:1.3;font-weight:600;color:#fff;letter-spacing:-.01em;text-wrap:balance}
.ct2-facts{display:grid;gap:14px;width:100%}
.ct2-facts li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:center;font-size:16.5px;line-height:1.35;color:#fff}
.ct2-facts small{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mist);margin-bottom:2px}
.ct2-facts a{transition:color .15s;overflow-wrap:anywhere}
.ct2-facts__ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--gold)}
.ct2-facts__ic svg{width:19px;height:19px}
/* proof chips (desktop): review average + total, Inc. 5000 (the homepage hero's chips), stacked, one width: the grid
   column is as wide as the wider chip and both stretch to it (Mike 2026-10-02 review); content left-aligned.
   Hover on the review link = ss-hover.css chip rule (border turns gold). */
.ct2-chips{display:grid;grid-template-columns:minmax(0,max-content);gap:12px;max-width:100%}
.ct2-chips li{display:grid;min-width:0}
.ct2-chips__c{display:flex;align-items:center;justify-content:flex-start;gap:10px;height:54px;padding:0 18px 0 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.06);color:var(--on-navy);font-size:15px;line-height:1.35;white-space:nowrap}
.ct2-chips b{color:#fff;font-size:17px;font-weight:700;line-height:1}
.ct2-chips .ct2-stars{font-size:13px;letter-spacing:1px}
.ct2-chips img{width:40px;height:auto;flex:none}
/* rating line (tablets / phones; the chips carry it on desktop) */
.ct2-rate{display:none;align-items:center;gap:8px 12px;flex-wrap:wrap;width:100%;padding-top:24px;border-top:1px solid var(--navy-line);font-size:14.5px;color:var(--on-navy);transition:color .15s}
.ct2-rate b{color:#fff;font-size:16px}
/* the card (footer-v2.css .ssf-cardwrap / .ssf-form + its Gravity Forms rules; the homepage hero card's sizes) */
.ct2 .ct2-card{width:100%;padding-top:38px;font-size:15px;line-height:1.45}
.ct2 .ct2-card .ssf-form{padding:54px 26px 20px;border-radius:18px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.35);color:var(--ink);text-align:center}
.ct2 .ct2-card .ssf-faces img{width:76px;height:76px}
.ct2 .ct2-card .ssf-faces img+img{margin-left:-14px}
.ct2 .ct2-card .ct2-card__h{max-width:none;margin:0 auto 20px;font-size:31px;font-weight:700;line-height:1.08;letter-spacing:-.015em;color:var(--ss-navy);white-space:nowrap;text-align:center}
.ct2 .ct2-card .ssf-form__fine{margin:10px 0 0;color:var(--ink3);font-size:13px;line-height:1.45;text-align:center}
/* Gravity Forms prints a form with conditional logic hidden until its script runs (the card painted empty, then grew
   ~700px: mobile CLS 0.28, 2026-10-01). The card shows the wrapper at once; keep this rule in the critical block.
   Form 3 (only the fallback while the new form is missing) pre-hides its conditional fields as before. */
.ct2 .ct2-card .gform_wrapper{display:block!important;text-align:left}
.ct2 .ct2-card :is(#field_3_7,#field_3_24,#field_3_25):not([style*="display"]):not([data-conditional-logic="visible"]):not(.gfield_error){display:none}
.ct2 .ct2-card .gform_wrapper :is(.gform_heading,.gform_validation_container,.gfield--type-honeypot,.gfield.gform_hidden,.gfield:empty,.gform_required_legend){display:none!important}
.ct2 .ct2-card .gform_wrapper .gform_fields{gap:10px}
.ct2 .ct2-card .gform_wrapper .gform_fields>.gfield.ssf-gf__full{grid-column:1/-1}
.ct2 .ct2-card .gform_wrapper .ssf-gf__svc .gchoice label{min-height:44px}
/* message: "+ Add a message (optional)" opens a 2-line box in place */
.ct2 .ct2-card .ct2-addmsg{display:flex;align-items:center;gap:8px;width:100%;height:44px;margin:0;padding:0 2px;border:0;background:none;color:var(--ss-navy);font:600 15.5px/1.2 var(--font);text-align:left;cursor:pointer}
.ct2 .ct2-card .ct2-addmsg__plus{flex:none;display:grid;place-items:center;width:24px;height:24px;border:1.5px solid var(--ss-line-strong);border-radius:999px;font-size:17px;font-weight:600;line-height:1;color:var(--ss-navy);transition:border-color .15s}
.ct2 .ct2-card .ct2-addmsg__opt{color:var(--ink3);font-weight:400}
.ct2 .ct2-card .ssf-gf__msg .ginput_container_textarea:not(.is-open){display:none}
.ct2 .ct2-card .gform_wrapper .ginput_container textarea{display:block;width:100%;max-width:none;height:74px;min-height:74px;margin:2px 0 0;padding:12px 16px;border:1.5px solid var(--ss-line-strong);border-radius:12px;background:#fff;color:var(--ink);font:500 15.5px/24px var(--font);box-shadow:none;outline:0;resize:vertical;-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}
.ct2 .ct2-card .gform_wrapper .ginput_container textarea::placeholder{color:var(--ss-slate);opacity:1}
.ct2 .ct2-card .gform_wrapper .ginput_container textarea:focus{border-color:var(--ss-gold-end);box-shadow:0 0 0 3px rgba(var(--ss-gold-rgb),.25)}
.ct2 .ct2-card .gform_wrapper .gfield_error textarea{border-color:var(--red)!important}
/* Call / Book under the card: the footer card's two outline pills */
.ct2 .ct2-alt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0}
.ct2 .ct2-alt__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;font-size:15px;font-weight:600;line-height:1;white-space:nowrap}
/* hover / focus: ss-hover.css outline-button rule, shared with the footer card's .ssf-pill (gold border + text, 150ms) */
.ct2 .ct2-alt__btn svg{flex:none;width:16px;height:16px}
/* the page is the proposal form: the header's gold "Get a free proposal" button is left out here (desktop / tablet bar) */
body.cc2-page--contact .hdr2__bar .hdr2__cta{display:none!important}
@media (max-width:1100px){.ct2-hero__in{column-gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,480px)}.ct2-claim{font-size:25px}}
/* tablets + phones: card first (max 560px, centred), then call / email / hours and the rating line */
@media (max-width:960px){
  .ct2-hero__in{grid-template-columns:minmax(0,560px);grid-template-areas:"form" "proof";justify-content:center;row-gap:32px;padding-block:28px 56px}
  .ct2-hero__proof{gap:0}
  .ct2-claim,.ct2-chips{display:none}
  .ct2-rate{display:flex;margin-top:28px}
}
/* phones (G): the card right under the header; Get Started and Call / Book inside the first screen */
@media (max-width:600px){
  .ct2-hero__in{grid-template-columns:minmax(0,1fr);row-gap:28px;padding-block:16px 48px}
  .ct2 .ct2-card{padding-top:27px}
  .ct2 .ct2-card .ssf-form{padding:36px 18px 18px}
  .ct2 .ct2-card .ssf-faces img{width:54px;height:54px}
  .ct2 .ct2-card .ssf-faces img+img{margin-left:-12px}
  .ct2 .ct2-card .ct2-card__h{margin-bottom:14px;font-size:24px;line-height:1.1}
  .ct2 .ct2-card .gform_wrapper .gform_fields{grid-template-columns:minmax(0,1fr);gap:7px}
  .ct2 .ct2-card .gform_wrapper .gform_fields>.gfield{grid-column:1/-1}
  .ct2 .ct2-card .gform_wrapper .ginput_container input:not([type=hidden]){height:46px}
  .ct2 .ct2-card .gform_wrapper .gform_footer{margin-top:11px}
  .ct2 .ct2-alt{gap:8px}
  .ct2 .ct2-alt__btn{gap:6px;padding:0 8px;font-size:14px}
  /* the block under Call / Book (Mike 2026-10-02): the Call button already carries the number, so no Call row; the two
     proof chips take its place (first, full width = Call / Book's width, equal), then Email / Hours; the chip carries the
     rating, so the long rating line is left out */
  .ct2-hero__proof{gap:24px}
  .ct2-facts__call,.ct2-rate{display:none!important}
  .ct2-chips{display:grid;order:-1;grid-template-columns:minmax(0,1fr);gap:10px;width:100%}
  .ct2-chips__c{height:auto;min-height:54px;white-space:normal}
}
@media (max-width:359px){.ct2 .ct2-card .ct2-card__h{font-size:22px}.ct2 .ct2-alt__btn{font-size:13px}.ct2-chips__c{font-size:14px}}
/* iOS zoom guard (footer-v2.css does it for forms 50-55 by id): 16px text in every card field on touch screens */
@media (hover:none) and (pointer:coarse){
  .ct2 .ct2-card :is(input:not([type=checkbox],[type=radio],[type=submit],[type=button],[type=hidden],[type=image]),select,textarea),.ct2 .ct2-card .ssf-ms__btn{font-size:16px!important}
}

/* ---------- trust band (industry-page partner strip) ---------- */
.ct2-band{background:var(--band);border-top:1px solid rgba(255,255,255,.06);color:#fff}
.ct2-band__in{display:grid;justify-items:center;gap:18px;padding-block:32px}
.ct2-band__t{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mist)}
.ct2-band__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 34px}
.ct2-partner{position:relative;display:grid;place-items:center}
.ct2-partner img{height:40px;width:auto;max-width:none}
/* Partner badge hover (Mike 2026-09-28 "hovers are still wacky"): ONE image, ONE change. The colour twin is no longer shown (it crossfaded over a 1-2px-different mono twin = ghost/double edge mid-fade, and 4 of 6 twins were the same white art, so some badges changed and some did not). Rest .8 opacity; mouse hover = full opacity + 2px lift in 150ms (transform only, no layout shift); nothing on touch. */
.ct2-partner__color{display:none}
.ct2-partner__mono{opacity:.8;transition:opacity .15s,transform .15s}
@media (max-width:560px){.ct2-partner img{height:32px}.ct2-band__row{gap:14px 22px}}

/* ---------- follow (above the marker since 2026-10-13: on 1350-1440px desktops the band starts inside the first screen, and
   with its rules only in the async sheet the card re-laid out when the sheet landed - CLS 0.088 on /contact/ desktop) ---------- */
.ct2-follow{padding-block:64px 72px}
.ct2-fcard{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center;background:var(--ss-ground);border:1px solid var(--ss-line);border-radius:24px;padding:44px 48px}
.ct2-fcard .ct2-lede{margin:14px 0 0;font-size:16.5px}
.ct2-fcard .ct2-nl{margin-top:26px;max-width:520px}
.ct2-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.ct2-tiles li{margin:0;min-width:0}
.ct2-tiles a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--ss-line);border-radius:18px;background:#fff;color:var(--ink);text-decoration:none;transition:box-shadow .15s}
.ct2-tiles__ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;flex:none}
.ct2-tiles__ic svg{width:16px;height:16px}
.ct2-tiles__ic--ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.ct2-tiles__t{min-width:0}
.ct2-tiles b{display:block;font-size:15px;font-weight:700;line-height:1.25}
.ct2-tiles small{display:block;font-size:13px;line-height:1.3;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){.ct2-fcard{grid-template-columns:minmax(0,1fr);gap:28px;padding:32px 28px}}
@media (max-width:760px){.ct2-follow{padding-block:64px}}
@media (max-width:560px){.ct2-fcard{padding:26px 18px;border-radius:20px}.ct2-tiles{gap:8px}.ct2-tiles a{padding:10px;gap:10px}.ct2-tiles__ic{width:32px;height:32px;border-radius:10px}.ct2-tiles b{font-size:14px}.ct2-tiles small{font-size:12px}}
/* Monthly newsletter row (follow band): the blog's Gravity Form 50 in compact mode (email + Subscribe). */
.ct2-nl{margin-top:30px;max-width:620px}
.ct2-nl__t{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);margin:0 0 10px}
.ct2-nl .gform_wrapper{margin:0!important;padding:0!important}
.ct2-nl .gform_wrapper form{display:flex;align-items:flex-start;gap:10px}
.ct2-nl .gform_body{flex:1;min-width:0}
.ct2-nl .gform_fields{display:block!important;margin:0!important;padding:0!important}
.ct2-nl .gfield{margin:0!important;padding:0!important}
.ct2-nl .gfield:not(.ss-nl-email),.ct2-nl .gform_heading,.ct2-nl .gfield_label,.ct2-nl .gform_required_legend,.ct2-nl .gform_validation_errors{display:none!important}
.ct2-nl .ginput_container input[type=email]{display:block;width:100%;height:52px;margin:0;padding:12px 18px;border:1.5px solid var(--ss-line-strong);border-radius:16px;background:#fff;color:var(--ink);font:500 16px/1.3 var(--font);box-shadow:none;outline:0;-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}
.ct2-nl .ginput_container input[type=email]::placeholder{color:var(--ss-slate);opacity:1}
.ct2-nl .ginput_container input[type=email]:focus{border-color:var(--ss-gold-end);box-shadow:0 0 0 3px rgba(var(--ss-gold-rgb),.25)}
.ct2-nl .gfield_error input[type=email]{border-color:var(--red)}
.ct2-nl .validation_message,.ct2-nl .gfield_validation_message{margin:6px 0 0!important;padding:0!important;border:0!important;background:none!important;color:var(--red)!important;font-size:13px!important}
.ct2-nl .gform_footer{margin:0!important;padding:0!important;flex:none}
.ct2-nl .gform_footer .gform_button{height:52px;margin:0!important;padding:0 28px!important;border:0;border-radius:999px;background:var(--goldg);color:var(--ss-navy-deep);font:700 16px/1 var(--font);box-shadow:0 10px 24px rgba(var(--ss-gold-end-rgb),.25);cursor:pointer;white-space:nowrap;transition:filter .15s}
.ct2-nl .gform_footer:before,.ct2-nl .gform_footer:after,.ct2-nl .gform_footer .gform_button:before,.ct2-nl .gform_footer .gform_button:after{content:none!important;display:none!important}
.ct2-nl .gform_ajax_spinner{display:none}
.ct2-nl__p{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--ink3)}
.ct2-nl__p a{color:var(--ink2);text-decoration:underline}
.ct2-nl__ok{padding:14px 18px;border-radius:16px;background:var(--gold-soft);color:var(--ink);font-weight:700}
@media (max-width:560px){.ct2-nl .gform_wrapper form{flex-direction:column;align-items:stretch}.ct2-nl .gform_body{width:100%}.ct2-nl .gform_footer .gform_button{width:100%}}

/* ==== below the fold ==== */

/* ---------- section heads (stacked: pill, heading, intro) ---------- */
.ct2-head{display:grid;gap:18px;margin-bottom:44px;max-width:780px;justify-items:start}
@media (max-width:640px){.ct2-head{margin-bottom:32px}.ct2-lede{font-size:16.5px}}

/* ---------- talk first: ways + calendar card ---------- */
.ct2-talk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:72px;align-items:center}
.ct2-talk .ct2-head{margin-bottom:32px}
.ct2-ways{display:grid;gap:12px;max-width:560px}
.ct2-way{display:grid;grid-template-columns:46px minmax(0,1fr) 20px;gap:16px;align-items:center;padding:16px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink2);font-size:15.5px;line-height:1.35;transition:border-color .15s,color .15s}
.ct2-way b{display:block;color:var(--ink);font-size:17px;margin-bottom:2px;transition:color .15s}
.ct2-way:hover{border-color:var(--gold)}
.ct2-way:hover b{color:var(--gold-ink)}
.ct2-way__ic{width:46px;height:46px;border-radius:12px;background:var(--gold-soft);color:var(--gold-ink);display:grid;place-items:center}
.ct2-way__ic svg{width:20px;height:20px}
.ct2-way__go{color:var(--ink3);display:grid;place-items:center}
.ct2-way__go svg{width:16px;height:16px}
.ct2-way:hover .ct2-way__go{color:var(--gold-ink)}
.ct2-talk__cal{display:grid;justify-items:center;padding-top:34px}

@media (max-width:960px){.ct2-talk{grid-template-columns:1fr;gap:56px}.ct2-talk__cal{padding-top:20px}}
@media (max-width:560px){.ct2-way{grid-template-columns:40px minmax(0,1fr) 16px;gap:12px;padding:14px 16px}.ct2-way__ic{width:40px;height:40px}}


/* ---------- office tour ---------- */
.ct2-btn--navy{background:var(--ss-navy-deep);color:#fff!important;box-shadow:none;justify-self:start;transition:background-color .15s,color .15s}
.ct2-btn--navy:hover{background:var(--gold);color:var(--ss-navy-deep)!important;filter:none}
.ct2-tour{position:relative;margin-top:24px;border-radius:20px;overflow:hidden;aspect-ratio:1184/420;background:var(--ss-navy-deep)}
.ct2-tour__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ct2-tour__btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px;width:100%;padding:24px;border:0;background:linear-gradient(0deg,rgba(var(--ss-navy-deep-rgb),.55),rgba(var(--ss-navy-deep-rgb),.25));color:var(--ss-line);text-align:left;cursor:pointer;font-size:15px;line-height:1.4}
.ct2-tour__btn b{display:block;color:#fff;font-size:clamp(20px,2.4vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.15}
.ct2-tour__play{flex:none;width:68px;height:68px;border-radius:50%;background:var(--goldg);color:var(--ss-navy-deep);display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.35);transition:filter .15s}
.ct2-tour__play svg{width:26px;height:26px;margin-left:3px}
.ct2-tour__frame{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:560px){.ct2-tour{aspect-ratio:4/3}.ct2-tour__btn{flex-direction:column;text-align:center;gap:12px}.ct2-tour__play{width:56px;height:56px}}

@media (prefers-reduced-motion:reduce){.ct2 *{transition:none!important}}