.cc-nav {
--cc-blush: #F4B6C2;
--cc-blush-soft: #FCE8EC;
--cc-charcoal: #2B2B2B;
--cc-charcoal-soft: #4A4A4A;
--cc-white: #FFFFFF;
--cc-cream: #F5F5F5;
--cc-border: rgba(43, 43, 43, 0.08);
--cc-font-body: 'Outfit', system-ui, sans-serif;
--cc-font-display: 'Fraunces', Georgia, serif;
position: sticky;
top: 0;
z-index: 100;
background: var(--cc-white);
border-bottom: 1px solid var(--cc-border);
font-family: var(--cc-font-body);
box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}
.cc-nav__inner {
max-width: 1280px;
margin: 0 auto;
padding: 18px 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
.cc-nav__brand {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: var(--cc-charcoal);
font-family: var(--cc-font-display);
font-weight: 600;
font-size: 22px;
letter-spacing: -0.01em;
}
.cc-nav__brand-mark {
width: 44px;
height: 44px;
display: block;
object-fit: contain;
flex-shrink: 0;
}
.cc-nav__links {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 4px;
}
.cc-nav__link {
position: relative;
display: inline-block;
padding: 10px 14px;
color: var(--cc-charcoal);
text-decoration: none;
font-size: 15px;
font-weight: 500;
border-radius: 8px;
transition: background-color 0.18s ease, color 0.18s ease;
}
.cc-nav__link:hover { background: var(--cc-blush-soft); }
.cc-nav__link[aria-current="page"] {
background: var(--cc-blush-soft);
color: var(--cc-charcoal);
}
/* Services dropdown */
.cc-nav__dropdown { position: relative; }
.cc-nav__dropdown-checkbox {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}
.cc-nav__dropdown-toggle {
cursor: pointer;
user-select: none;
}
.cc-nav__dropdown-toggle::after {
content: "";
display: inline-block;
margin-left: 6px;
width: 6px;
height: 6px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: translateY(-2px) rotate(45deg);
transition: transform 0.18s ease;
}
.cc-nav__dropdown:hover .cc-nav__dropdown-toggle::after,
.cc-nav__dropdown:focus-within .cc-nav__dropdown-toggle::after {
transform: translateY(1px) rotate(225deg);
}
.cc-nav__dropdown-menu {
position: absolute;
top: calc(100% + 8px);
left: 0;
min-width: 280px;
background: var(--cc-white);
border: 1px solid var(--cc-border);
border-radius: 12px;
padding: 8px;
box-shadow: 0 12px 32px rgba(43, 43, 43, 0.10);
list-style: none;
margin: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-4px);
transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease;
}
.cc-nav__dropdown:hover .cc-nav__dropdown-menu,
.cc-nav__dropdown:focus-within .cc-nav__dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.cc-nav__dropdown-link {
display: block;
padding: 10px 12px;
border-radius: 8px;
text-decoration: none;
color: var(--cc-charcoal);
font-size: 14px;
font-weight: 500;
transition: background-color 0.15s ease;
}
.cc-nav__dropdown-link:hover { background: var(--cc-cream); }
.cc-nav__dropdown-link span {
display: block;
font-weight: 400;
font-size: 12.5px;
color: var(--cc-charcoal-soft);
margin-top: 2px;
}
/* CTA */
.cc-nav__cta {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 11px 20px;
background: var(--cc-charcoal);
color: var(--cc-white);
text-decoration: none;
font-size: 14px;
font-weight: 600;
border-radius: 999px;
transition: background-color 0.18s ease, transform 0.18s ease;
white-space: nowrap;
}
.cc-nav__cta:hover { background: #1a1a1a; transform: translateY(-1px); }
/* Mobile toggle */
.cc-nav__toggle-checkbox {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}
.cc-nav__toggle {
display: none;
background: none;
border: 1px solid var(--cc-border);
width: 40px;
height: 40px;
border-radius: 8px;
cursor: pointer;
padding: 0;
align-items: center;
justify-content: center;
}
.cc-nav__toggle-bar,
.cc-nav__toggle-bar::before,
.cc-nav__toggle-bar::after {
display: block;
width: 18px;
height: 2px;
background: var(--cc-charcoal);
border-radius: 2px;
position: relative;
transition: transform 0.2s ease, top 0.2s ease;
}
.cc-nav__toggle-bar::before,
.cc-nav__toggle-bar::after {
content: "";
position: absolute;
left: 0;
}
.cc-nav__toggle-bar::before { top: -6px; }
.cc-nav__toggle-bar::after { top: 6px; }
/* Hamburger -> X when open */
.cc-nav__toggle-checkbox:checked ~ .cc-nav__inner .cc-nav__toggle .cc-nav__toggle-bar {
background: transparent;
}
.cc-nav__toggle-checkbox:checked ~ .cc-nav__inner .cc-nav__toggle .cc-nav__toggle-bar::before {
top: 0;
transform: rotate(45deg);
}
.cc-nav__toggle-checkbox:checked ~ .cc-nav__inner .cc-nav__toggle .cc-nav__toggle-bar::after {
top: 0;
transform: rotate(-45deg);
}
/* Mobile breakpoint */
@media (max-width: 960px) {
.cc-nav__inner { padding: 14px 20px; }
.cc-nav__toggle { display: inline-flex; }
.cc-nav__links {
position: absolute;
top: 100%;
left: 0;
right: 0;
flex-direction: column;
align-items: stretch;
gap: 0;
padding: 0 16px;
background: var(--cc-white);
border-bottom: 0 solid var(--cc-border);
box-shadow: none;
max-height: 0;
overflow: hidden;
transition: max-height 0.25s ease, padding 0.25s ease;
}
.cc-nav__toggle-checkbox:checked ~ .cc-nav__inner .cc-nav__links {
max-height: 80vh;
overflow-y: auto;
padding: 12px 16px 20px;
border-bottom: 1px solid var(--cc-border);
box-shadow: 0 12px 24px rgba(43,43,43,0.06);
}
.cc-nav__link { padding: 12px 14px; border-radius: 8px; }
.cc-nav__dropdown-menu {
position: static;
box-shadow: none;
border: none;
padding: 0 0 0 12px;
opacity: 1;
visibility: visible;
transform: none;
min-width: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.25s ease;
}
.cc-nav__dropdown-checkbox:checked ~ .cc-nav__dropdown-menu {
max-height: 60vh;
}
.cc-nav__dropdown-toggle::after {
display: inline-block;
transition: transform 0.18s ease;
}
.cc-nav__dropdown-checkbox:checked ~ .cc-nav__dropdown-toggle::after {
transform: translateY(1px) rotate(225deg);
}
.cc-nav__cta { display: none; }
.cc-nav__cta--mobile { display: inline-flex; margin-top: 8px; }
}
@media (min-width: 961px) {
.cc-nav__cta--mobile { display: none; }
.cc-nav__call { display: none; }
}
/* Always-visible mobile click-to-call (separate from menu) */
.cc-nav__call {
display: none;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin-right: 8px;
border-radius: 999px;
background: var(--cc-blush-soft);
color: var(--cc-charcoal);
text-decoration: none;
transition: background-color 0.18s ease;
}
.cc-nav__call:hover, .cc-nav__call:focus { background: var(--cc-blush); }
.cc-nav__call svg { width: 18px; height: 18px; fill: currentColor; }
@media (max-width: 960px) {
.cc-nav__call { display: inline-flex; }
}
.cc-nav__mobile-actions {
display: none;
align-items: center;
gap: 4px;
}
@media (max-width: 960px) {
.cc-nav__mobile-actions { display: inline-flex; }
}
Contact Us | Croc's and Clicks — Vancouver, WA Digital Marketing
:root {
--primary: #F4B6C2;
--primary-dark: #c4607a;
--primary-light: #fce8ed;
--accent: #2B2B2B;
--white: #ffffff;
--cream: #F8F4F0;
--cream-dark: #e8e0d8;
--text: #3a3a3a;
--text-muted: #6b7280;
--shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
--shadow-md: 0 8px 24px rgba(0,0,0,0.12);
--shadow-lg: 0 16px 48px rgba(0,0,0,0.16);
--radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 20px;
--transition: all 0.25s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Outfit',sans-serif;color:var(--text);background:var(--white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5{font-family:'Fraunces',serif;line-height:1.15;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.container{max-width:1280px;margin:0 auto;padding:0 24px;}
.section-tag{display:inline-block;background:var(--primary-light);color:var(--primary-dark);font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:6px 14px;border-radius:50px;margin-bottom:16px;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-sm);font-weight:600;font-size:0.95rem;cursor:pointer;border:none;transition:var(--transition);font-family:'Outfit',sans-serif;}
.btn-primary{background:var(--primary);color:var(--accent);}
.btn-primary:hover{background:var(--primary-dark);color:var(--white);}
/* NAV */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.97);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);transition:var(--transition);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1280px;margin:0 auto;}
.logo{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-size:1.25rem;font-weight:700;color:var(--accent);}
.logo-icon{width:48px;height:48px;object-fit:contain;}
.nav-links{display:flex;align-items:center;gap:32px;list-style:none;}
.nav-links a{font-size:0.9rem;font-weight:500;color:var(--accent);transition:color 0.2s;}
.nav-links a:hover{color:var(--primary-dark);}
.nav-cta{background:var(--primary);color:var(--accent)!important;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600!important;}
.nav-cta:hover{background:var(--primary-dark);color:var(--white)!important;}
.nav-dropdown{position:relative;}
.nav-dropdown-content{display:none;position:absolute;top:100%;left:0;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:12px 0;min-width:240px;z-index:100;}
.nav-dropdown:hover .nav-dropdown-content{display:block;}
.nav-dropdown-content a{display:block;padding:10px 20px;font-size:0.875rem;color:var(--text);transition:var(--transition);}
.nav-dropdown-content a:hover{background:var(--cream);color:var(--primary-dark);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;}
.hamburger span{display:block;width:24px;height:2px;background:var(--accent);border-radius:2px;}
.mobile-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--white);z-index:999;padding:80px 24px 24px;overflow-y:auto;}
.mobile-nav.open{display:block;}
.mobile-nav ul{list-style:none;display:flex;flex-direction:column;gap:0;}
.mobile-nav li a{display:block;padding:16px 0;font-size:1.1rem;font-weight:600;color:var(--accent);border-bottom:1px solid var(--cream);}
.mobile-nav-close{position:absolute;top:20px;right:24px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--accent);}
/* PAGE HERO */
.page-hero{padding:140px 0 80px;background:var(--white);text-align:center;}
.page-hero h1{font-size:clamp(2.2rem,4vw,3.2rem);color:var(--accent);margin-bottom:16px;}
.page-hero h1 span{color:var(--primary-dark);}
.page-hero p{font-size:1.1rem;color:var(--text-muted);max-width:540px;margin:0 auto;}
/* CONTACT LAYOUT */
.contact-section{padding:80px 0 100px;background:var(--white);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.contact-left h2{font-size:clamp(1.75rem,3vw,2.25rem);color:var(--accent);margin-bottom:16px;}
.contact-left>p{font-size:1rem;color:var(--text-muted);line-height:1.8;margin-bottom:32px;}
.contact-details{display:flex;flex-direction:column;gap:20px;margin-bottom:36px;}
.cd-item{display:flex;align-items:flex-start;gap:14px;}
.cd-icon{width:44px;height:44px;background:var(--primary-light);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-dark);}
.cd-item strong{font-size:0.82rem;color:var(--accent);display:block;margin-bottom:2px;letter-spacing:0.02em;}
.cd-item a,.cd-item span{font-size:0.95rem;color:var(--text-muted);}
.cd-item a:hover{color:var(--primary-dark);}
.proof-list{display:flex;flex-direction:column;gap:10px;}
.proof-item{display:flex;align-items:center;gap:10px;font-size:0.9rem;color:var(--text-muted);}
.proof-check{width:20px;height:20px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.65rem;font-weight:900;color:var(--accent);flex-shrink:0;}
/* FORM */
.contact-form-wrap{background:var(--cream);border-radius:var(--radius-lg);padding:36px;border:1px solid rgba(0,0,0,0.06);}
.lead-form{display:flex;flex-direction:column;gap:16px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-group label{font-size:0.82rem;font-weight:600;color:var(--accent);}
.form-group input,.form-group select,.form-group textarea{padding:11px 14px;border:1.5px solid rgba(0,0,0,0.12);border-radius:var(--radius-sm);font-family:'Outfit',sans-serif;font-size:0.9rem;color:var(--accent);background:var(--white);outline:none;width:100%;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(244,182,194,0.2);}
.form-group textarea{resize:vertical;min-height:110px;}
.form-submit-btn{width:100%;justify-content:center;padding:16px;font-size:1rem;margin-top:4px;}
.form-disclaimer{font-size:0.72rem;color:var(--text-muted);text-align:center;}
/* TEAM */
.team-section{padding:100px 0;background:var(--cream);}
.team-header{text-align:center;margin-bottom:56px;}
.team-header h2{font-size:clamp(2rem,4vw,2.75rem);color:var(--accent);margin-bottom:12px;}
.team-header p{color:var(--text-muted);font-size:1rem;max-width:500px;margin:0 auto;}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.team-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,0.06);transition:var(--transition);}
.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.team-photo-wrap{width:100%;aspect-ratio:1/1;overflow:hidden;background:var(--primary-light);}
.team-photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
.team-photo--ben{object-position:center 20%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;}
.team-info{padding:24px;}
.team-name{font-family:'Fraunces',serif;font-size:1.25rem;font-weight:700;color:var(--accent);margin:0 0 4px;}
.team-role{font-size:0.8rem;font-weight:600;color:var(--primary-dark);text-transform:uppercase;letter-spacing:0.06em;margin:0 0 12px;}
.team-bio{font-size:0.88rem;color:var(--text-muted);line-height:1.7;margin:0 0 14px;}
.team-tags{display:flex;flex-wrap:wrap;gap:6px;}
.team-tags span{font-size:0.72rem;font-weight:600;background:rgba(244,182,194,0.2);color:var(--primary-dark);padding:4px 10px;border-radius:20px;}
/* VIDEO */
.dashboard-video{padding:100px 0;background:var(--accent);}
.video-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.video-text .section-tag{background:rgba(244,182,194,0.2);color:var(--primary);}
.video-text h2{font-size:clamp(1.75rem,3.5vw,2.5rem);color:var(--white);margin-bottom:16px;margin-top:16px;}
.video-text>p{color:rgba(255,255,255,0.8);font-size:1rem;line-height:1.75;margin-bottom:32px;}
.video-points{display:flex;flex-direction:column;gap:20px;margin-bottom:36px;}
.video-point{display:flex;gap:16px;align-items:flex-start;}
.vp-num{font-family:'Fraunces',serif;font-size:1.4rem;font-weight:700;color:var(--primary);min-width:32px;line-height:1;}
.video-point strong{display:block;color:var(--white);font-size:0.95rem;font-weight:600;margin-bottom:3px;}
.video-point p{color:rgba(255,255,255,0.7);font-size:0.88rem;margin:0;line-height:1.6;}
.video-embed-col{display:flex;flex-direction:column;gap:20px;}
.video-wrapper{border-radius:var(--radius-md);overflow:hidden;}
/* FOOTER */
.footer{background:var(--accent);color:rgba(255,255,255,0.7);padding:60px 0 32px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;}
.footer-logo{display:flex;align-items:center;gap:12px;font-family:'Fraunces',serif;font-size:1.3rem;font-weight:700;margin-bottom:16px;color:var(--white);}
.footer-logo img{width:48px;height:48px;object-fit:contain;}
.footer-desc{font-size:0.9rem;line-height:1.7;max-width:280px;margin-bottom:20px;}
.footer-contact a{display:block;color:rgba(255,255,255,0.7);font-size:0.88rem;margin-bottom:4px;transition:var(--transition);}
.footer-contact a:hover{color:var(--primary);}
.footer-col h4{color:var(--white);font-family:'Outfit',sans-serif;font-size:0.85rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:16px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.footer-col ul a{font-size:0.88rem;color:rgba(255,255,255,0.65);transition:var(--transition);}
.footer-col ul a:hover{color:var(--primary);}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:0.82rem;}
/* RESPONSIVE */
@media(max-width:1024px){
.contact-grid,.video-layout{grid-template-columns:1fr;gap:48px;}
.team-grid{grid-template-columns:repeat(2,1fr);}
.footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
.nav-links{display:none;}
.hamburger{display:flex;}
.team-grid{grid-template-columns:1fr;}
.form-row{grid-template-columns:1fr;}
.footer-grid{grid-template-columns:1fr;}
.footer-bottom{flex-direction:column;text-align:center;}
}
Let's Talk
Get a Free Strategy Call
No contracts, no pitch decks. Just a real conversation about your business and how to grow it.
Ben Sehayek
Marketing Strategist & Account Manager
Ben graduated from Western Washington University with a degree in Marketing and honed his skills at Hibu, one of the largest digital marketing agencies in the country. With 6+ years building campaigns across SEO, PPC, and Meta, he leads strategy and client relationships at Croc's & Clicks, owning the full go-to-market pipeline for every account.
SEO Strategy PPC Account Management
Nithya
Content Creator — Social Media & Visual Content
Nithya started working with Ben at 16, originally doing graphic design. She's since grown into a full content creator role, producing videos, photos, and graphics for social media and website content. She studies at Indiana University's Kelley School of Business, ranked #4 nationally in Marketing.
Social Media Video & Photo Graphic Design
Justin
Marketing Data Analyst
Justin is finishing a Marketing degree at Cal Poly this spring. Where most agencies rely on dashboards and gut feel, Justin sees what others miss through statistical analysis of large datasets. Our most recent hire, he came in with a freelance web development background and outperformed candidates with 4+ years of experience during the technical interview.
Python & APIs Statistical Modeling SEO Analysis Paid Campaigns
How We Report
See Exactly How Your Marketing Is Performing — In Real Time
Most agencies send a PDF once a month and call it reporting. We build custom dashboards that pull live data from every channel into one place, so you can see exactly what's working and what isn't without waiting for a call.
01
Built around your business A contractor tracking lead flow gets a different dashboard than a business focused on brand awareness. Every metric is chosen for your operational needs.
02
Data from every source in one place Google Search Console, ad campaigns, CRM, third-party data — all pulled into a single enriched database that powers the visualizations.
03
Secondary data from statistical modeling We don't just show what happened. We use regression modeling to forecast revenue and identify the factors actually driving your results.
Get Your Custom Dashboard →
.cc-footer {
--cc-blush: #F4B6C2;
--cc-charcoal: #2B2B2B;
--cc-white: #FFFFFF;
--cc-cream: #F5F5F5;
--cc-font-body: 'Outfit', system-ui, sans-serif;
--cc-font-display: 'Fraunces', Georgia, serif;
background: var(--cc-charcoal);
color: rgba(255,255,255,0.82);
font-family: var(--cc-font-body);
padding: 72px 32px 32px;
margin-top: 80px;
}
.cc-footer__inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
gap: 56px;
}
.cc-footer__brand {
font-family: var(--cc-font-display);
font-weight: 600;
font-size: 26px;
color: var(--cc-white);
margin: 0 0 14px;
letter-spacing: -0.01em;
}
.cc-footer__tagline {
font-size: 15px;
line-height: 1.6;
color: rgba(255,255,255,0.65);
margin: 0 0 24px;
max-width: 320px;
}
.cc-footer__social {
display: flex;
gap: 10px;
list-style: none;
padding: 0;
margin: 0;
}
.cc-footer__social a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(255,255,255,0.06);
color: rgba(255,255,255,0.85);
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
.cc-footer__social a:hover {
background: var(--cc-blush);
color: var(--cc-charcoal);
}
.cc-footer__social svg { width: 16px; height: 16px; fill: currentColor; }
.cc-footer__col-title {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--cc-blush);
margin: 0 0 18px;
}
.cc-footer__list { list-style: none; padding: 0; margin: 0; }
.cc-footer__list li { margin-bottom: 10px; }
.cc-footer__list a {
color: rgba(255,255,255,0.78);
text-decoration: none;
font-size: 15px;
transition: color 0.18s ease;
}
.cc-footer__list a:hover { color: var(--cc-white); }
.cc-footer__contact-line {
display: block;
font-size: 15px;
color: rgba(255,255,255,0.78);
margin-bottom: 10px;
text-decoration: none;
transition: color 0.18s ease;
}
.cc-footer__contact-line:hover { color: var(--cc-white); }
.cc-footer__contact-label {
display: block;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: rgba(255,255,255,0.7);
margin-bottom: 2px;
}
.cc-footer__bottom {
max-width: 1280px;
margin: 56px auto 0;
padding-top: 24px;
border-top: 1px solid rgba(255,255,255,0.10);
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 16px;
font-size: 13px;
color: rgba(255,255,255,0.55);
}
.cc-footer__bottom a { color: rgba(255,255,255,0.7); text-decoration: none; }
.cc-footer__bottom a:hover { color: var(--cc-white); }
.cc-footer__legal { display: flex; gap: 20px; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
@media (max-width: 900px) {
.cc-footer { padding: 56px 20px 28px; }
.cc-footer__inner { grid-template-columns: 1fr 1fr; gap: 40px; }
}
@media (max-width: 540px) {
.cc-footer__inner { grid-template-columns: 1fr; gap: 36px; }
.cc-footer__bottom { justify-content: flex-start; }
}
